.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kadence1:#2B6CB0;--e-global-color-kadence2:#215387;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
–negro: #0a0a0a;
–crema: #f7f0e8;
–dorado: #c8a84b;
–dorado-claro: #e8cc7a;
–rojo: #c41e3a;
–gris: #1a1a1a;
–gris-medio: #333;
–texto-suave: rgba(247,240,232,0.6);
–blanco: #ffffff;
}

html { scroll-behavior: smooth; }
body {
background: var(–negro);
color: var(–crema);
font-family: ‘Montserrat’, sans-serif;
font-weight: 300;
overflow-x: hidden;
}

/* ─── BARRA URGENCIA TOP ─── */
.urgencia-bar {
background: var(–rojo);
text-align: center;
padding: 10px 20px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
animation: pulso 2s ease-in-out infinite;
position: relative;
z-index: 100;
}
@keyframes pulso {
0%, 100% { background: var(–rojo); }
50% { background: #e02040; }
}
.urgencia-bar span { color: #fff; }
.urgencia-bar .emoji { font-size: 14px; }

/* ─── NAV ─── */
nav {
position: fixed;
top: 36px;
left: 0; right: 0;
z-index: 99;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 60px;
background: linear-gradient(to bottom, rgba(10,10,10,0.95), transparent);
}
.nav-logo {
font-family: ‘Playfair Display’, serif;
font-size: 22px;
font-weight: 700;
letter-spacing: 0.1em;
color: var(–dorado);
}
.nav-cta {
background: var(–dorado);
color: var(–negro);
padding: 10px 28px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
border: none;
cursor: pointer;
text-decoration: none;
transition: background 0.3s;
}
.nav-cta:hover { background: var(–dorado-claro); }

/* ─── HERO ─── */
.hero {
min-height: 100vh;
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
overflow: hidden;
padding-top: 36px;
}

.hero-left {
display: flex;
flex-direction: column;
justify-content: center;
padding: 100px 60px 80px 80px;
position: relative;
z-index: 2;
}

.badge-nuevo {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(200,168,75,0.15);
border: 1px solid rgba(200,168,75,0.4);
padding: 8px 18px;
font-size: 10px;
letter-spacing: 0.3em;
text-transform: uppercase;
color: var(–dorado);
margin-bottom: 28px;
width: fit-content;
opacity: 0;
animation: fadeUp 0.8s forwards 0.2s;
}

.hero-eyebrow {
font-size: 11px;
letter-spacing: 0.4em;
text-transform: uppercase;
color: var(–dorado);
margin-bottom: 16px;
opacity: 0;
animation: fadeUp 0.8s forwards 0.3s;
}

.hero-titulo {
font-family: ‘Playfair Display’, serif;
font-size: clamp(48px, 5.5vw, 82px);
font-weight: 900;
line-height: 1.0;
color: var(–crema);
margin-bottom: 24px;
opacity: 0;
animation: fadeUp 0.9s forwards 0.45s;
}
.hero-titulo .acento { color: var(–dorado); font-style: italic; }

.hero-bajada {
font-size: 15px;
line-height: 1.8;
color: var(–texto-suave);
max-width: 400px;
margin-bottom: 36px;
opacity: 0;
animation: fadeUp 0.9s forwards 0.6s;
}

/* Precio hero */
.precio-bloque {
display: flex;
align-items: flex-end;
gap: 20px;
margin-bottom: 36px;
opacity: 0;
animation: fadeUp 0.9s forwards 0.75s;
}
.precio-principal {
font-family: ‘Playfair Display’, serif;
font-size: 52px;
font-weight: 900;
color: var(–dorado);
line-height: 1;
}
.precio-descripcion {
font-size: 11px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(–texto-suave);
padding-bottom: 8px;
line-height: 1.6;
}

.hero-cta-group {
display: flex;
flex-direction: column;
gap: 16px;
opacity: 0;
animation: fadeUp 0.9s forwards 0.9s;
}

.btn-principal {
background: var(–dorado);
color: var(–negro);
border: none;
padding: 18px 40px;
font-family: ‘Montserrat’, sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
display: inline-block;
text-align: center;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.btn-principal::after {
content: ‘’;
position: absolute;
inset: 0;
background: rgba(255,255,255,0.15);
transform: translateX(-100%);
transition: transform 0.4s;
}
.btn-principal:hover::after { transform: translateX(0); }

.garantia-text {
font-size: 11px;
color: var(–texto-suave);
letter-spacing: 0.05em;
text-align: center;
}
.garantia-text span { color: var(–dorado); }

/* ─── IMAGEN HERO ─── */
.hero-right {
position: relative;
overflow: hidden;
}
.hero-img-principal {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 20%;
transform: scale(1.05);
animation: zoomIn 2s forwards cubic-bezier(0.16,1,0.3,1);
filter: contrast(1.06) saturate(0.92);
}
.hero-right::after {
content: ‘’;
position: absolute;
inset: 0;
background: linear-gradient(to right, var(–negro) 0%, transparent 25%),
linear-gradient(to top, var(–negro) 0%, transparent 30%);
z-index: 1;
}

/* Entrega badge */
.entrega-badge {
position: absolute;
bottom: 50px;
right: 40px;
z-index: 10;
background: rgba(10,10,10,0.85);
border: 1px solid var(–dorado);
padding: 16px 20px;
text-align: center;
backdrop-filter: blur(10px);
opacity: 0;
animation: fadeUp 1s forwards 1.2s;
}
.entrega-badge .icon { font-size: 24px; margin-bottom: 6px; }
.entrega-badge .texto { font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(–dorado); }

/* ─── MARQUEE ─── */
.marquee-wrap {
overflow: hidden;
border-top: 1px solid rgba(200,168,75,0.2);
border-bottom: 1px solid rgba(200,168,75,0.2);
padding: 14px 0;
background: rgba(200,168,75,0.03);
}
.marquee-track {
display: flex;
gap: 56px;
animation: marquee 20s linear infinite;
white-space: nowrap;
}
.marquee-item {
font-size: 10px;
letter-spacing: 0.35em;
color: rgba(200,168,75,0.6);
text-transform: uppercase;
font-weight: 500;
flex-shrink: 0;
}
.marquee-sep { color: var(–dorado); }

/* ─── DOLORES / BENEFICIOS ─── */
.dolores {
padding: 100px 80px;
max-width: 1200px;
margin: 0 auto;
}
.seccion-label {
font-size: 10px;
letter-spacing: 0.4em;
text-transform: uppercase;
color: var(–dorado);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 12px;
}
.seccion-label::after {
content: ‘’;
flex: 1;
height: 1px;
background: rgba(200,168,75,0.3);
max-width: 60px;
}
.dolores-titulo {
font-family: ‘Playfair Display’, serif;
font-size: clamp(32px, 3.5vw, 52px);
font-weight: 700;
line-height: 1.1;
margin-bottom: 60px;
}
.dolores-titulo em { color: var(–dorado); font-style: italic; }

.beneficios-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.beneficio-card {
padding: 36px 32px;
border: 1px solid rgba(200,168,75,0.12);
background: rgba(200,168,75,0.03);
position: relative;
overflow: hidden;
transition: border-color 0.3s, background 0.3s;
}
.beneficio-card:hover {
border-color: rgba(200,168,75,0.4);
background: rgba(200,168,75,0.06);
}
.beneficio-card::before {
content: ‘’;
position: absolute;
top: 0; left: 0;
width: 3px;
height: 100%;
background: var(–dorado);
transform: scaleY(0);
transform-origin: top;
transition: transform 0.4s;
}
.beneficio-card:hover::before { transform: scaleY(1); }
.beneficio-icon { font-size: 32px; margin-bottom: 20px; }
.beneficio-titulo { font-size: 16px; font-weight: 700; margin-bottom: 12px; letter-spacing: 0.05em; }
.beneficio-desc { font-size: 13px; line-height: 1.8; color: var(–texto-suave); }

/* ─── GALERÍA COLORES ─── */
.colores-section {
padding: 80px;
background: var(–gris);
}
.colores-header {
text-align: center;
margin-bottom: 60px;
}
.colores-titulo {
font-family: ‘Playfair Display’, serif;
font-size: clamp(32px, 3.5vw, 52px);
font-weight: 700;
margin-bottom: 16px;
}
.colores-titulo em { color: var(–dorado); font-style: italic; }
.colores-subtitulo { font-size: 14px; color: var(–texto-suave); }

.galeria-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
max-width: 1200px;
margin: 0 auto;
}
.galeria-item {
position: relative;
aspect-ratio: 1;
overflow: hidden;
cursor: pointer;
background: #111;
}
.galeria-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.5s cubic-bezier(0.16,1,0.3,1), filter 0.4s;
filter: saturate(0.85);
}
.galeria-item:hover img {
transform: scale(1.08);
filter: saturate(1.1) contrast(1.05);
}
.galeria-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 60%);
display: flex;
align-items: flex-end;
padding: 14px;
opacity: 0;
transition: opacity 0.3s;
}
.galeria-item:hover .galeria-overlay { opacity: 1; }
.galeria-color-nombre {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(–dorado);
}

/* Segunda fila galería */
.galeria-grid-2 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
max-width: 1200px;
margin: 16px auto 0;
}

/* ─── PROMO 2x ─── */
.promo-section {
padding: 100px 80px;
position: relative;
overflow: hidden;
}
.promo-section::before {
content: ‘’;
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 70% at 50% 50%, rgba(200,168,75,0.08), transparent);
}
.promo-section::after {
content: ‘2×1’;
position: absolute;
right: -40px;
top: 50%;
transform: translateY(-50%);
font-family: ‘Playfair Display’, serif;
font-size: 280px;
font-weight: 900;
color: rgba(200,168,75,0.04);
line-height: 1;
pointer-events: none;
}

.promo-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
position: relative;
z-index: 2;
}

.promo-texto .promo-tag {
display: inline-block;
background: var(–rojo);
color: #fff;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.3em;
text-transform: uppercase;
padding: 6px 16px;
margin-bottom: 24px;
animation: pulso 2s infinite;
}
.promo-titulo {
font-family: ‘Playfair Display’, serif;
font-size: clamp(36px, 4vw, 62px);
font-weight: 900;
line-height: 1.05;
margin-bottom: 24px;
}
.promo-titulo .highlight { color: var(–dorado); }

.promo-desc {
font-size: 14px;
line-height: 1.9;
color: var(–texto-suave);
margin-bottom: 40px;
}

/* Precio comparativo */
.precio-comparativo {
background: rgba(200,168,75,0.07);
border: 1px solid rgba(200,168,75,0.25);
padding: 32px;
margin-bottom: 36px;
}
.precio-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid rgba(255,255,255,0.07);
}
.precio-row:last-child { border-bottom: none; }
.precio-row-label { font-size: 12px; letter-spacing: 0.1em; color: var(–texto-suave); }
.precio-row-valor { font-size: 16px; font-weight: 700; }
.precio-row.tachado .precio-row-valor {
text-decoration: line-through;
color: rgba(247,240,232,0.3);
}
.precio-row.destacado .precio-row-label { color: var(–dorado); }
.precio-row.destacado .precio-row-valor {
font-family: ‘Playfair Display’, serif;
font-size: 28px;
color: var(–dorado);
}
.ahorro-chip {
background: var(–rojo);
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 4px 12px;
margin-left: 12px;
}

/* Promo visual */
.promo-visual {
position: relative;
}
.promo-fotos {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.promo-foto {
aspect-ratio: 1;
overflow: hidden;
position: relative;
}
.promo-foto img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.promo-foto:hover img { transform: scale(1.06); }
.promo-foto.grande {
grid-column: span 2;
aspect-ratio: 2/1;
}

/* ─── CARACTERÍSTICAS PRODUCTO ─── */
.producto-specs {
padding: 80px;
background: rgba(200,168,75,0.03);
border-top: 1px solid rgba(200,168,75,0.1);
border-bottom: 1px solid rgba(200,168,75,0.1);
}
.specs-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
.specs-lista {
list-style: none;
}
.specs-lista li {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 18px 0;
border-bottom: 1px solid rgba(200,168,75,0.1);
font-size: 14px;
line-height: 1.6;
}
.specs-lista li::before {
content: ‘✦’;
color: var(–dorado);
font-size: 10px;
margin-top: 3px;
flex-shrink: 0;
}
.specs-lista li strong { color: var(–crema); font-weight: 600; }
.specs-lista li span { color: var(–texto-suave); }

.specs-imagen {
position: relative;
aspect-ratio: 3/4;
overflow: hidden;
}
.specs-imagen img {
width: 100%;
height: 100%;
object-fit: cover;
filter: contrast(1.05) saturate(0.88);
}
.specs-imagen::after {
content: ‘’;
position: absolute;
inset: 0;
background: linear-gradient(to bottom, transparent 50%, var(–negro) 100%);
}

/* ─── PROCESO COMPRA ─── */
.proceso {
padding: 100px 80px;
text-align: center;
}
.proceso-titulo {
font-family: ‘Playfair Display’, serif;
font-size: clamp(28px, 3vw, 46px);
font-weight: 700;
margin-bottom: 16px;
}
.proceso-titulo em { color: var(–dorado); font-style: italic; }
.proceso-subtitulo {
font-size: 14px;
color: var(–texto-suave);
margin-bottom: 64px;
}

.proceso-pasos {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
max-width: 1000px;
margin: 0 auto;
position: relative;
}
.proceso-pasos::before {
content: ‘’;
position: absolute;
top: 30px;
left: 12%;
right: 12%;
height: 1px;
background: linear-gradient(to right, transparent, var(–dorado), transparent);
}
.paso {
position: relative;
text-align: center;
}
.paso-numero {
width: 60px; height: 60px;
border: 1px solid var(–dorado);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-family: ‘Playfair Display’, serif;
font-size: 22px;
font-weight: 700;
color: var(–dorado);
background: var(–negro);
position: relative;
z-index: 1;
}
.paso-titulo { font-size: 14px; font-weight: 700; margin-bottom: 10px; }
.paso-desc { font-size: 12px; color: var(–texto-suave); line-height: 1.7; }

/* ─── GARANTIAS ─── */
.garantias-strip {
display: grid;
grid-template-columns: repeat(4, 1fr);
background: var(–gris);
border-top: 1px solid rgba(200,168,75,0.2);
border-bottom: 1px solid rgba(200,168,75,0.2);
}
.garantia-item {
padding: 36px 24px;
text-align: center;
border-right: 1px solid rgba(200,168,75,0.1);
}
.garantia-item:last-child { border-right: none; }
.garantia-icon { font-size: 28px; margin-bottom: 12px; }
.garantia-titulo { font-size: 13px; font-weight: 700; margin-bottom: 8px; letter-spacing: 0.05em; }
.garantia-desc { font-size: 11px; color: var(–texto-suave); line-height: 1.7; }

/* ─── CTA FINAL ─── */
.cta-final {
padding: 120px 80px;
text-align: center;
position: relative;
overflow: hidden;
}
.cta-final::before {
content: ‘’;
position: absolute;
inset: 0;
background: radial-gradient(ellipse 80% 80% at 50% 100%, rgba(200,168,75,0.1), transparent);
}
.cta-final-titulo {
font-family: ‘Playfair Display’, serif;
font-size: clamp(40px, 6vw, 96px);
font-weight: 900;
line-height: 0.95;
margin-bottom: 32px;
position: relative;
z-index: 1;
}
.cta-final-titulo .linea1 { display: block; color: var(–crema); }
.cta-final-titulo .linea2 { display: block; color: var(–dorado); font-style: italic; }
.cta-final-sub {
font-size: 15px;
color: var(–texto-suave);
margin-bottom: 52px;
position: relative;
z-index: 1;
}
.cta-final-botones {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.btn-whatsapp {
background: #25D366;
color: var(–negro);
border: none;
padding: 20px 48px;
font-family: ‘Montserrat’, sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
transition: all 0.3s;
}
.btn-whatsapp:hover { background: #20c05c; transform: translateY(-2px); }

.btn-secundario {
background: transparent;
color: var(–dorado);
border: 1px solid var(–dorado);
padding: 20px 48px;
font-family: ‘Montserrat’, sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
transition: all 0.3s;
}
.btn-secundario:hover {
background: var(–dorado);
color: var(–negro);
}

/* Contador urgencia */
.countdown-section {
padding: 40px 80px;
background: var(–rojo);
text-align: center;
}
.countdown-titulo {
font-size: 13px;
letter-spacing: 0.25em;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 600;
}
.countdown-timer {
display: flex;
justify-content: center;
gap: 32px;
}
.countdown-bloque {
text-align: center;
}
.countdown-numero {
font-family: ‘Playfair Display’, serif;
font-size: 48px;
font-weight: 900;
line-height: 1;
display: block;
}
.countdown-label {
font-size: 9px;
letter-spacing: 0.3em;
text-transform: uppercase;
opacity: 0.8;
}
.countdown-sep {
font-family: ‘Playfair Display’, serif;
font-size: 40px;
font-weight: 900;
opacity: 0.5;
align-self: center;
padding-bottom: 12px;
}

/* ─── FOOTER ─── */
footer {
padding: 40px 80px;
border-top: 1px solid rgba(200,168,75,0.1);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.footer-logo {
font-family: ‘Playfair Display’, serif;
font-size: 20px;
color: var(–dorado);
font-weight: 700;
}
.footer-texto {
font-size: 11px;
color: rgba(247,240,232,0.3);
letter-spacing: 0.1em;
}
.footer-whatsapp {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: #25D366;
text-decoration: none;
font-weight: 600;
}

/* ─── ANIMACIONES ─── */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(32px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes zoomIn {
from { transform: scale(1.1); }
to { transform: scale(1.0); }
}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}

/* Scroll reveal */
.reveal {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.9s ease, transform 0.9s ease;
}
.reveal.visible {
opacity: 1;
transform: translateY(0);
}

/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
.beneficios-grid { grid-template-columns: 1fr 1fr; }
.galeria-grid, .galeria-grid-2 { grid-template-columns: repeat(3, 1fr); }
.proceso-pasos { grid-template-columns: repeat(2, 1fr); }
.proceso-pasos::before { display: none; }
}

@media (max-width: 768px) {
nav { padding: 14px 24px; top: 36px; }
.nav-logo { font-size: 16px; }

.hero { grid-template-columns: 1fr; min-height: auto; }
.hero-left { padding: 100px 24px 48px; }
.hero-right { height: 55vh; }
.hero-right::after {
background: linear-gradient(to top, var(–negro) 0%, transparent 50%);
}
.entrega-badge { right: 16px; bottom: 20px; }

.dolores { padding: 60px 24px; }
.beneficios-grid { grid-template-columns: 1fr; gap: 20px; }

.colores-section { padding: 60px 24px; }
.galeria-grid, .galeria-grid-2 { grid-template-columns: repeat(2, 1fr); gap: 10px; }

.promo-section { padding: 60px 24px; }
.promo-section::after { display: none; }
.promo-inner { grid-template-columns: 1fr; gap: 40px; }

.producto-specs { padding: 60px 24px; }
.specs-inner { grid-template-columns: 1fr; gap: 40px; }

.proceso { padding: 60px 24px; }
.proceso-pasos { grid-template-columns: 1fr 1fr; gap: 24px; }

.garantias-strip { grid-template-columns: 1fr 1fr; }
.garantia-item:nth-child(2) { border-right: none; }

.cta-final { padding: 80px 24px; }
.cta-final-botones { flex-direction: column; }
.btn-whatsapp, .btn-secundario { text-align: center; justify-content: center; }

.countdown-section { padding: 40px 24px; }
.countdown-numero { font-size: 36px; }

footer { padding: 32px 24px; flex-direction: column; text-align: center; }
}/* End custom CSS */