Samsung Galaxy A56 5G

.tv-presentation {
width: 100%;
background: linear-gradient(to bottom, #ffffff, #ffffffdd);
border-radius: 15px;
box-shadow:
0 10px 30px #00000033,
inset 0 1px 0 rgba(255, 255, 255, 0.05);
overflow: hidden;
font-family: 'Poppins', sans-serif;
margin: 0 auto;
border: 1px solid #00000033;
color: #000000;
box-sizing: border-box;
transition: box-shadow 0.3s ease; /* Animación sutil para sombra */

[data-nested-selectors="true"] {}


/* Efecto hover para el contenedor principal */
.tv-presentation:hover {
box-shadow:
0 15px 40px #00000044,
inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.tv-header {
background: linear-gradient(to bottom, #ffffff, #ffffffdd);
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);
transition: background 0.3s ease; /* Animación sutil para fondo */
}

/* Efecto hover para el encabezado */
.tv-header:hover {
background: linear-gradient(to bottom, #f8f8f8, #f0f0f0dd);
}

.tv-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 10px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
color: #000000;
transition: transform 0.3s ease; /* Animación sutil para texto */
}

/* Efecto hover para el título */
.tv-header:hover .tv-title {
transform: translateY(-2px);
}

.tv-subtitle {
font-size: 16px;
font-weight: 400;
opacity: 0.9;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
color: #000000dd;
transition: opacity 0.3s ease; /* Animación sutil para opacidad */
}

/* Efecto hover para el subtítulo */
.tv-header:hover .tv-subtitle {
opacity: 1;
}

.tv-image-container {
background: linear-gradient(to bottom, #ffffff, #ffffff);
padding: 40px;
display: flex;
justify-content: center;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
position: relative;
overflow: hidden; /* Para contener el efecto de luz */
}

/* Efecto de luz para el contenedor de imagen */
.tv-image-container::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 70%);
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease;
z-index: 1;
}

/* Activar efecto de luz en hover */
.tv-image-container:hover::before {
opacity: 0.4;
animation: lightMove 3s infinite alternate;
}

@keyframes lightMove {
0% { transform: translate(-10%, -10%); }
100% { transform: translate(10%, 10%); }
}

.tv-image-container img {
max-width: 100%;
height: auto;
transition: transform 0.3s ease, box-shadow 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 #ffffff;
border-radius: 4px;
position: relative;
z-index: 2;
}

.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, #ffffff, #ffffffdd);
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: #000000;
border-bottom: 2px solid #ffffff;
padding-bottom: 15px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
position: relative;
display: inline-block;
transition: color 0.3s ease;
}

/* Efecto de subrayado animado */
.features-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: #000000;
transition: width 0.3s ease;
}

.features-title:hover {
color: #333333;
}

.features-title:hover::after {
width: 100%;
}

.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, #ffffff, #ffffffee);
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, background 0.3s ease;
border: 1px solid #00000022;
position: relative;
overflow: hidden; /* Para contener el efecto de luz */
}

/* Efecto de luz para las tarjetas */
.feature-item::before {
content: '';
position: absolute;
top: -100%;
left: -100%;
width: 300%;
height: 300%;
background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 70%);
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease;
z-index: 0;
}

.feature-item:hover {
transform: translateY(-5px);
box-shadow:
0 15px 30px #00000033,
0 5px 15px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
background: linear-gradient(to bottom, #ffffff, #f8f8f8ee);
}

/* Activar efecto de luz en hover */
.feature-item:hover::before {
opacity: 0.3;
animation: cardLight 2s infinite alternate;
}

@keyframes cardLight {
0% { transform: translate(-10%, -10%) rotate(0deg); }
100% { transform: translate(10%, 10%) rotate(10deg); }
}

.feature-icon {
width: 50px;
height: 50px;
background: linear-gradient(to bottom, #ffffff, #ffffffdd);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
font-size: 18px;
color: #000000;
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 #00000033;
transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
position: relative;
z-index: 1;
}

.feature-item:hover .feature-icon {
transform: scale(1.1) rotate(5deg);
box-shadow:
0 8px 15px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(0, 0, 0, 0.4);
background: linear-gradient(to bottom, #ffffff, #f0f0f0dd);
}

.feature-text {
flex: 1;
position: relative;
z-index: 1;
}

.feature-name {
font-weight: 600;
margin-bottom: 5px;
color: #000000;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
transition: transform 0.3s ease, color 0.3s ease;
}

.feature-item:hover .feature-name {
transform: translateY(-2px);
color: #333333;
}

.feature-desc {
font-size: 14px;
color: #000000dd;
line-height: 1.4;
transition: opacity 0.3s ease;
}

.feature-item:hover .feature-desc {
opacity: 0.9;
}

.tv-footer {
padding: 25px;
text-align: center;
background: linear-gradient(to bottom, #ffffff, #ffffffdd);
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);
position: relative;
overflow: hidden; /* Para contener el efecto de luz */
transition: background 0.3s ease;
}

/* Efecto de luz para el pie de página */
.tv-footer::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 70%);
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease;
}

.tv-footer:hover {
background: linear-gradient(to bottom, #f8f8f8, #f0f0f0dd);
}

/* Activar efecto de luz en hover */
.tv-footer:hover::before {
opacity: 0.3;
animation: footerLight 3s infinite alternate;
}

@keyframes footerLight {
0% { transform: translate(-10%, -10%); }
100% { transform: translate(10%, 10%); }
}

@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;
transition: transform 0.3s ease, text-shadow 0.3s ease;
}

/* Efecto hover para títulos de sección */
.section-title:hover {
transform: translateY(-2px);
text-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.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 con animación de scroll */
.grid-layout-horizontal {
display: flex;
overflow-x: auto;
padding-bottom: 15px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth; /* Animación suave de scroll */
}

/* Estilizar scrollbar para navegadores webkit */
.grid-layout-horizontal::-webkit-scrollbar {
height: 8px;
}

.grid-layout-horizontal::-webkit-scrollbar-track {
background: #f0f0f0;
border-radius: 10px;
}

.grid-layout-horizontal::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
transition: background 0.3s ease;
}

.grid-layout-horizontal::-webkit-scrollbar-thumb:hover {
background: #555;
}

.grid-layout-horizontal .grid-item {
flex: 0 0 300px;
height: 250px;
margin-right: 20px;
scroll-snap-align: start;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Efecto hover para items en scroll horizontal */
.grid-layout-horizontal .grid-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* 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;
transition: transform 0.5s ease; /* Animación para zoom en hover */
}

/* Efecto zoom en hover para imágenes y videos */
.grid-item:hover img,
.grid-item:hover iframe,
.grid-item:hover video {
transform: scale(1.05);
}

.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: transform 0.3s ease, opacity 0.3s ease;
transform: translateY(100%); /* Oculto inicialmente */
opacity: 0;
}

/* Mostrar caption en hover */
.grid-item:hover .grid-caption {
transform: translateY(0);
opacity: 1;
}

/* 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);
}

/* Animaciones para la sección dinámica */
.dynamic-elements-container {
padding: 60px 40px;
position: relative;
z-index: 5;
}

.dynamic-elements-container h2 {
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 40px;
text-align: center;
color: #000000;
transition: transform 0.3s ease, text-shadow 0.3s ease;
}

.dynamic-elements-container h2:hover {
transform: translateY(-3px);
text-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.dynamic-elements {
display: flex;
flex-direction: column;
gap: 30px;
}

/* Animación para secciones al hacer scroll */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.dynamic-html-element {
animation: fadeInUp 0.5s ease forwards;
}
}











Características Destacadas






Pantalla
Super AMOLED






Resolución
1080 x 2340 (FHD+)






Tasa de refresco
120 Hz






GPS
GPS, Glonass, Beidou, Galileo, QZSS






Sensores
Acelerómetro, Sensor de huella dactilar, Giroscopio, Geomagnético, Luminosidad, Sensor de proximidad virtual






Bateria
5000 mAh













Información Adicional






.tv-presentation {
width: 100%;
background: linear-gradient(to bottom, #ffffff, #ffffffdd);
border-radius: 15px;
box-shadow:
0 10px 30px #00000033,
inset 0 1px 0 rgba(255, 255, 255, 0.05);
overflow: hidden;
font-family: 'Poppins', sans-serif;
margin: 0 auto;
border: 1px solid #00000033;
color: #000000;
box-sizing: border-box;
}
.tv-header {
background: linear-gradient(to bottom, #ffffff, #ffffffdd);
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: #000000;
}
.tv-subtitle {
font-size: 16px;
font-weight: 400;
opacity: 0.9;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
color: #000000dd;
}
.tv-image-container {
background: linear-gradient(to bottom, #ffffff, #ffffff);
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 #ffffff;
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, #ffffff, #ffffffdd);
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: #000000;
border-bottom: 2px solid #ffffff;
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, #ffffff, #ffffffee);
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 #00000022;
}
.feature-item:hover {
transform: translateY(-5px);
box-shadow:
0 15px 30px #00000033,
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, #ffffff, #ffffffdd);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
font-size: 18px;
color: #000000;
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 #00000033;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-item:hover .feature-icon {
transform: scale(1.1);
box-shadow:
0 8px 16px rgba(0, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.feature-text {
flex: 1;
}
.feature-name {
font-weight: 600;
margin-bottom: 5px;
color: #000000;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
transition: transform 0.3s ease;
}
.feature-item:hover .feature-name {
transform: translateY(-2px);
}
.feature-desc {
font-size: 14px;
color: #000000dd;
line-height: 1.4;
transition: opacity 0.3s ease;
}
.feature-item:hover .feature-desc {
opacity: 0.9;
}
.tv-footer {
padding: 25px;
text-align: center;
background: linear-gradient(to bottom, #ffffff, #ffffffdd);
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 Galaxy A56 5G



/* Container styles */
.container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
overflow: hidden;
}

/* Section styles */
.feature-section {
padding: 4rem 1rem;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}

.feature-section.dark {
background-color: #000;
color: #fff;
}

.feature-section.dark a {
color: #fff;
}

/* Content layout */
.feature-content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
max-width: 1264px;
margin: 0 auto;
width: 100%;
}

.feature-text {
max-width: 800px;
margin-bottom: 2rem;
padding: 0 1rem;
}

.feature-side {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
max-width: 1264px;
margin: 0 auto;
width: 100%;
}

.feature-side .feature-text {
max-width: 584px;
}

/* Typography */
h2 {
font-size: 2.5rem;
line-height: 1.2;
font-weight: bold;
margin-bottom: 1.5rem;
}

p {
font-size: 1.125rem;
line-height: 1.33;
margin-bottom: 1rem;
}

.disclaimer {
font-size: 0.75rem;
vertical-align: super;
text-decoration: underline;
}

/* Image styles */
.feature-image {
width: 100%;
max-width: 1440px;
height: auto;
margin: 0 auto;
display: block;
}

/* Responsive styles */
@media (min-width: 768px) {
.feature-side {
flex-direction: row;
align-items: center;
}

.feature-side .feature-text {
flex: 0 0 40%;
margin-right: 2rem;
}

.feature-side .feature-image-container {
flex: 0 0 60%;
}
}

@media (max-width: 767px) {
h2 {
font-size: 1.875rem;
}

p {
font-size: 1rem;
}

.feature-section {
padding: 3rem 1rem;
}

.feature-side .feature-text {
margin-bottom: 2rem;
text-align: center;
max-width: 100%;
}
}








Nuevo look fresco
Presentamos Galaxy A56 5G. Con un grosor de 7,4 mm y un peso de 198 g, el Galaxy A56 5G tiene un gran agarre. Las cámaras mejoradas están agrupadas para combinar con el nuevo diseño linear. Galaxy A56 5G tiene cuatro colores para elegir: Negro, Gris, Oliva y Rosa.2












Awesome Intelligence









Rodéalo, encuéntralo
Circle to Search con Google está disponible en el Galaxy A56 5G. Tan solo rodea, subraya o pulsa un objeto o texto en la pantalla para conseguir resultados de Google Search.3













Convierte fotos en obras de arte
Object Eraser elimina los elementos no deseados del fondo que serán reconocidos, eliminados y rellenados para conseguir una foto impecable.4













Filtros solo para ti
Crea tus propios filtros o añade un efecto de película antigua a tus fotos y vídeos5













Reels destacados fácilmente
Crea vídeos de calidad sin esfuerzos.6













Obtén fotos con todos sonriendo
Selecciona las mejores caras de la gente en Motion Fotos para crear la foto de grupo perfecta.7













Captura memorias con gran detalle
Consigue fotos y vídeos asombrosos con la mejorada cámara de 50 MP en Galaxy A56 5G. Identifica el cielo, piel, cara, pelo y hierba y mejora la calidad de imagen de manera instantánea para ti.8






















Selfies más asombrosos
Graba increíbles vídeos de tus aventuras y de tu día a día en Super HDR. La cámara frontal del Galaxy A56 5G se ha mejorado para obtener colores y contraste óptimos para vídeos selfie de alta resolución.






Graba noches más vivas

Las cámaras del nuevo Galaxy A56 5G son más avanzadas que antes, absorbiendo más luz para fotos con poco ruido gracias a Nightography.
10









Captura selfies más increíbles

La cámara frontal mejorada de 12 MP del Galaxy A56 5G captura selfies vibrantes y sin desenfoque.
11











Samsung Galaxy A56 5G - Performance Features







Juega para ganar con un AP de nueva generación
Experimenta el potente rendimiento del procesador Octa-core mejorado. Además, con un sistema de refrigeración mejorado y un almacenamiento de hasta 256 GB, podrás realizar varias tareas a la vez, hacer streaming y jugar con más fluidez que nunca.12













Pantalla para un juego inmersivo
Sumérgete por completo en tu contenido de entretenimiento favorito con una gran pantalla FHD+ Super AMOLED de 6,7 pulgadas. Los 1.200 nits de Vision Booster añaden claridad para una experiencia visual increíble, con cualquier iluminación.13













Batería de larga duración para ver vídeos todo el día
Con una batería de larga duración de 5.000 mAh (típica), podrás disfrutar de maratones de películas de hasta 29 horas sin tener que cargar tu Galaxy A56 5G.14













Fuerte durabilidad
El marco de metal sólido y Corning® Gorilla® Glass Victus®+ mantienen el impresionante diseño de Galaxy A56 5G. Además, con la protección IP67, la nueva serie Galaxy A está a salvo de la suciedad y las salpicaduras.15













Samsung Galaxy Experience





Samsung Galaxy Experience
13











Un nuevo One UI 7

Con un nuevo aspecto intuitivo y una usabilidad mejorada, One UI 7 hace que Galaxy A55 5G sea fácil de usar.
14










Comparte archivos en un instante

Usa Quick Share para enviar archivos fácilmente entre dispositivos dentro o fuera de Galaxy, incluidos iOS y PC.
20










Cambia sin esfuerzo desde iOS

¡Cambiar de iOS es muy fácil! Gracias a Smart Switch, podrás transferir tus fotos, vídeos, contactos y aplicaciones sin esfuerzo.
21




























Destacado




Hecho para durar con 6x actualizaciones OS




Awesome Intelligence




Pantalla más grande para un juego inmersivo




Selfies mas awesome