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




Samsung Smart Tv Neo QLED 75
QN75QN900DGXZS







Características Destacadas






Procesador NQ8 con IA Gen3







Escalamiento 8K Pro con IA







Diseño Infinito







Samsung Tizen OS







Diseño Infinito







SmartThings

















Caracteristicas




Obtén más de tu televisor con las últimas aplicaciones y servicios de Samsung Tizen OS. Incluso puedes administrar tus actividades diarias con Daily+ y controlar tus dispositivos inteligentes desde su televisor con SmartThings.




Motion Xcelerator 240HZ




Samsung Daily+




Seguridad y Sustentabilidad




Modo Remulino




Control Remoto Solar




Active Voice Amplifier Pro




































Galería