.tv-presentation {
width: 100%;
background: linear-gradient(to bottom, #0f172a, #0f172add);
border-radius: 15px;
box-shadow:
0 10px 30px #234e8533,
inset 0 1px 0 rgba(255, 255, 255, 0.05);
overflow: hidden;
font-family: 'Poppins', sans-serif;
margin: 0 auto;
border: 1px solid #234e8533;
color: #e2e8f0;
box-sizing: border-box;
}
.tv-header {
background: linear-gradient(to bottom, #6cabac, #6cabacdd);
color: white;
padding: 30px;
text-align: center;
position: relative;
box-shadow:
0 5px 15px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.tv-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 10px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
color: #e2e8f0;
}
.tv-subtitle {
font-size: 16px;
font-weight: 400;
opacity: 0.9;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
color: #e2e8f0dd;
}
.tv-image-container {
background: linear-gradient(to bottom, #1e293b, #0f172a);
padding: 40px;
display: flex;
justify-content: center;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.tv-image-container img {
max-width: 100%;
height: auto;
transition: transform 0.3s ease;
box-shadow:
0 20px 25px rgba(0, 0, 0, 0.3),
0 10px 10px rgba(0, 0, 0, 0.2);
border: 8px solid #1e293b;
border-radius: 4px;
}
.tv-image-container:hover img {
transform: scale(1.02);
box-shadow:
0 25px 30px rgba(0, 0, 0, 0.4),
0 15px 15px rgba(0, 0, 0, 0.3);
}
.tv-features {
background: linear-gradient(to bottom, #0f172a, #0f172add);
padding: 40px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.features-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 25px;
color: #234e85;
border-bottom: 2px solid #1e293b;
padding-bottom: 15px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.features-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.feature-item {
display: flex;
align-items: flex-start;
padding: 20px;
background: linear-gradient(to bottom, #1e293b, #0f172aee);
border-radius: 12px;
box-shadow:
0 5px 15px rgba(0, 0, 0, 0.3),
0 3px 5px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid #234e8522;
}
.feature-item:hover {
transform: translateY(-5px);
box-shadow:
0 15px 30px #234e8533,
0 5px 15px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.feature-icon {
width: 50px;
height: 50px;
background: linear-gradient(to bottom, #6cabac, #6cabacdd);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
font-size: 18px;
color: #e2e8f0;
font-weight: bold;
box-shadow:
0 5px 10px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.1),
inset 0 -1px 0 rgba(0, 0, 0, 0.3);
border: 1px solid #234e8533;
}
.feature-text {
flex: 1;
}
.feature-name {
font-weight: 600;
margin-bottom: 5px;
color: #234e85;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.feature-desc {
font-size: 14px;
color: #e2e8f0dd;
line-height: 1.4;
}
.tv-footer {
padding: 25px;
text-align: center;
background: linear-gradient(to bottom, #6cabac, #6cabacdd);
color: white;
font-size: 14px;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.1),
0 -5px 15px rgba(0, 0, 0, 0.3);
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
.features-list {
grid-template-columns: repeat(2, 1fr);
}
.tv-title {
font-size: 24px;
}
.tv-header, .tv-features {
padding: 25px;
}
}
@media (max-width: 480px) {
.features-list {
grid-template-columns: 1fr;
}
.feature-item {
padding: 15px;
}
}

/* Mejoras de responsividad */
* {
box-sizing: border-box;
}

img {
max-width: 100%;
height: auto;
}

@media (max-width: 480px) {
.features-list {
grid-template-columns: 1fr;
}

.feature-item {
padding: 12px;
}

.feature-icon {
width: 40px;
height: 40px;
margin-right: 10px;
}

.tv-title {
font-size: 20px;
}

.tv-subtitle {
font-size: 14px;
}

.tv-header, .tv-features, .tv-image-container {
padding: 15px;
}
}

/* Estilos para los grids */

.grids-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

.grid-section {
margin: 40px 0;
}

.section-title {
font-size: 2rem;
font-weight: 700;
margin-bottom: 20px;
text-align: center;
}

.grid-container {
width: 100%;
gap: 20px;
}

/* Layout Uniforme */
.grid-layout-uniform {
display: grid;
grid-template-columns: repeat(var(--columns, 3), 1fr);
}

/* Layout Destacado */
.grid-layout-featured {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 250px;
}

.grid-layout-featured .grid-item-featured {
grid-column: span 2;
grid-row: span 2;
}

/* Layout Mosaico */
.grid-layout-masonry {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-auto-rows: 200px;
}

.grid-layout-masonry .grid-item-small {
grid-row: span 1;
}

.grid-layout-masonry .grid-item-medium {
grid-row: span 2;
}

.grid-layout-masonry .grid-item-large {
grid-row: span 3;
grid-column: span 2;
}

/* Layout Horizontal */
.grid-layout-horizontal {
display: flex;
overflow-x: auto;
padding-bottom: 15px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}

.grid-layout-horizontal .grid-item {
flex: 0 0 300px;
height: 250px;
margin-right: 20px;
scroll-snap-align: start;
}

/* Layout Galería */
.grid-layout-gallery {
display: flex;
flex-direction: column;
gap: 20px;
}

.grid-layout-gallery .grid-item {
width: 100%;
height: 400px;
}

/* Estilos comunes para todos los items */
.grid-item {
position: relative;
overflow: hidden;
border-radius: 20px;
background-color: #f0f0f0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.grid-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.grid-item img,
.grid-item iframe,
.grid-item video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

.grid-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background: rgba(0, 0, 0, 0.7);
color: white;
font-size: 0.9rem;
transition: opacity 0.3s ease;
}

/* Responsive */
@media (max-width: 768px) {
.grid-layout-uniform {
grid-template-columns: repeat(2, 1fr);
}

.grid-layout-featured {
grid-template-columns: repeat(2, 1fr);
}

.grid-layout-masonry {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.grid-layout-masonry .grid-item-large {
grid-column: span 1;
}
}

@media (max-width: 480px) {
.grid-layout-uniform {
grid-template-columns: 1fr;
}

.grid-layout-featured {
grid-template-columns: 1fr;
}

.grid-layout-featured .grid-item-featured {
grid-column: span 1;
}

.section-title {
font-size: 1.5rem;
}
}

/* Ajuste para el número de columnas dinámico */
.grid-layout-uniform[data-columns="1"] {
grid-template-columns: 1fr;
}

.grid-layout-uniform[data-columns="2"] {
grid-template-columns: repeat(2, 1fr);
}

.grid-layout-uniform[data-columns="3"] {
grid-template-columns: repeat(3, 1fr);
}

.grid-layout-uniform[data-columns="4"] {
grid-template-columns: repeat(4, 1fr);
}




LG Smart TV LED 43
43LR6000







Características Destacadas






Ilumine los pequeños detalles.







Experimente cada momento con más realismo







Sincronizado con tu forma de ver







Inteligencia que brilla bajo cualquier luz







Sumérgete en una sinfonía espacial







Sintoniza con la mejor experiencia televisiva

















Caracteristicas




Entra en un mundo en el que cada color resalta y el brillo se ajusta con precisión para ofrecer unas vistas impresionantes, todo ello gracias al brillante HDR10 Pro.




Siente la emoción envolvente de un cautivador sistema de sonido envolvente virtual 5.1 y escucha cada eco con un rico detalle de audio.




Sumérgete y mira una nueva serie de la manera más sencilla, con acceso directo a tus servicios y aplicaciones de streaming favoritas.




Ambiente de cine, recreado en casa. HDR10 Pro garantiza que veas cada película en todo su esplendor, con colores y contrastes excepcionalmente precisos para una experiencia cinematográfica más inmersiva.




Eleva tu experiencia de juego con características de siguiente nivel.




Controles justo donde los necesitas.






Galería