.tv-presentation {
width: 100%;
background: linear-gradient(to bottom, #0f172a, #0f172add);
border-radius: 15px;
box-shadow:
0 10px 30px #3baff733,
inset 0 1px 0 rgba(255, 255, 255, 0.05);
overflow: hidden;
font-family: 'Poppins', sans-serif;
margin: 0 auto;
border: 1px solid #3baff733;
color: #e2e8f0;
box-sizing: border-box;
}
.tv-header {
background: linear-gradient(to bottom, #ac9b6c, #ac9b6cdd);
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: #3baff7;
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 #3baff722;
}
.feature-item:hover {
transform: translateY(-5px);
box-shadow:
0 15px 30px #3baff733,
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, #ac9b6c, #ac9b6cdd);
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 #3baff733;
}
.feature-text {
flex: 1;
}
.feature-name {
font-weight: 600;
margin-bottom: 5px;
color: #3baff7;
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, #ac9b6c, #ac9b6cdd);
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 55
55UT7300







Características Destacadas






Mayor nivel de detalle







Con LG UHD resalta cada detalle







Experimenta un entretenimiento excelente gracias al procesador de Inteligencia artificial 4K Alpha 5 Gen 7







Se adapta a tu forma de mirar







Con LG tu experiencia televisiva es única







El sonio mas impactante resuena

















Caracteristicas




Descubre un mundo donde se resalta cada color, y el brillo se ajuste a la luz del espacio logrando imágenes brillantes gracias a HD10 Pro




Accede a la interfaz WOW en el televisor LG para un control simple de la barra de sonido, como modos, perfiles y funciones útiles




Disfruta del montaje cinematográfico más auténtico.Con FILMMAKER Mode conserva la visión original del director,pensada con los ajustes adecuados




HDR10 Pro garantiza que todas las películas se presenten en todo su esplendor, con colores y contrastes excepcionalmente precisos para disfrutar de una experiencia cinematográfica más envolvente.




Con HGiG podrás disfrutar de una mejor experiencia de juego inmersivo de alta velocidad con ALLM, y eARC garantizando que todo suene increíble.




No pauses el juego, accede rápidamente a Game Optimizer y Game Dashboard para maximizar tu experiencia gaming






Galería