/**
 * GANGAS MDQ - Estilo personalizado (Store 25)
 * Barra rosa, logo y hero kawaii (Quicksand), fondos pastel rosa/celeste, sin azul profundo ni negro.
 */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap');

:root {
    --primary-color: #FFC8C3;
    --primary: #FFC8C3;
    --secondary-color: #7dd3c0;
    --secondary: #7dd3c0;
    --brand-logo: #d4846a;
    --text: #1e293b;
    --bg: #f0f9f6;
    --bg-card: #ffffff;
    --btn-radius: 9999px;
    --radius: 12px;
}

/* Header: sombra bajo la barra para que se vea la “sombra de fondo” */
.site-header.store-header {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Tipografía kawaii (redondeada) en todo el sitio */
body {
    font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, sans-serif !important;
    background: #f0f9f6 !important;
    color: #1e293b !important;
}

h1, h2, h3, h4, .section-title {
    font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: #1e293b !important;
}

/* Logo GANGAS MDQ: muy redondeada como captura (Nunito), rosa pastel + sombra clara */
.site-header .logo a,
.site-header.store-header .logo a,
.footer-logo {
    font-family: 'Nunito', 'Quicksand', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 800 !important;
    color: #d4846a !important;
    letter-spacing: 0.02em;
    text-shadow: 2px 2px 0 rgba(255, 248, 250, 0.95) !important;
}
.site-header .logo a:hover,
.site-header.store-header .logo a:hover {
    color: #c7755a !important;
    text-shadow: 2px 2px 0 rgba(255, 248, 250, 0.95) !important;
}

/* Hero: tipografía kawaii, texto en blanco */
.hero-title,
.hero h1,
.hero-subtitle,
.hero p {
    font-family: 'Quicksand', sans-serif !important;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.hero.has-image .hero-title,
.hero.has-image h1,
.hero.has-image .hero-subtitle,
.hero.has-image p {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.hero .btn {
    font-family: 'Quicksand', sans-serif !important;
}

/* Barra superior: rosa/durazno — SIEMPRE texto blanco (gana sobre inline del panel) */
.announcement-bar,
.announcement-bar *,
.announcement-bar p,
.announcement-bar span,
.announcement-bar strong {
    color: #ffffff !important;
    background-color: transparent !important;
}
.announcement-bar {
    background: #FFC8C3 !important;
}

/* Navegación: redondeada, gris oscuro */
.desktop-nav a,
.footer-col a {
    font-family: 'Quicksand', sans-serif !important;
    color: #1e293b !important;
    font-weight: 600 !important;
}

.desktop-nav a:hover,
.footer-col a:hover {
    color: #b85c38 !important;
}

a:not(.btn):not(.add-to-cart),
.text-primary {
    color: #00B4BD !important;
}

a:not(.btn):not(.add-to-cart):hover {
    color: #00969E !important;
}

/* Títulos de sección: subrayado rosa, letra redondeada */
.section-title,
.features-section h2,
.text-content h2,
.text-content h1 {
    border-bottom: 2px solid #FFC8C3 !important;
    padding-bottom: 0.25em !important;
    font-family: 'Quicksand', sans-serif !important;
    color: #1e293b !important;
}

/* Cards: blanco, sombra suave */
.feature-card,
.product-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

.feature-card .icon-box {
    border-radius: 12px !important;
}

/* Iconos pastel: rosa, teal, amarillo, violeta */
.features-section .feature-card:nth-of-type(1) .icon-box { background: #FFC8C3 !important; color: #1e293b !important; }
.features-section .feature-card:nth-of-type(2) .icon-box { background: #7dd3c0 !important; color: #1e293b !important; }
.features-section .feature-card:nth-of-type(3) .icon-box { background: #f4d03f !important; color: #1e293b !important; }
.features-section .feature-card:nth-of-type(4) .icon-box { background: #b8a9c9 !important; color: #1e293b !important; }

.feature-card h3,
.feature-card h4 {
    font-family: 'Quicksand', sans-serif !important;
    color: #1e293b !important;
    font-weight: 700 !important;
}

.feature-card p,
.feature-card .feature-card-content {
    color: #475569 !important;
    font-size: 0.95rem !important;
}

/* Botones: rosa pastel, letra redondeada */
.btn,
button[type="submit"],
.product-card .add-to-cart,
.add-to-cart {
    background: #FFC8C3 !important;
    color: #1e293b !important;
    border-radius: 9999px !important;
    font-family: 'Quicksand', sans-serif !important;
}

.btn:hover,
button[type="submit"]:hover,
.product-card .add-to-cart:hover,
.add-to-cart:hover {
    background: #F0B5AF !important;
}

.product-title {
    font-family: 'Quicksand', sans-serif !important;
    color: #1e293b !important;
}

/* Secciones: siempre rosa pastel o celeste pastel, NUNCA azul profundo ni negro */
.cta-fullwidth-section {
    background: #FFC8C3 !important;
    color: #1e293b !important;
}
.cta-fullwidth-section h2,
.cta-fullwidth-section p,
.cta-fullwidth-section .btn-white {
    color: #1e293b !important;
}
.cta-fullwidth-section .btn-white {
    background: #fff !important;
    color: #b85c38 !important;
}

.countdown-section {
    background: #b8e0e8 !important;
    color: #1e293b !important;
}
.countdown-section h2,
.countdown-section p {
    color: #1e293b !important;
}

.newsletter-section {
    background: #FFE4E1 !important;
    color: #1e293b !important;
}
.newsletter-section h2,
.newsletter-section p {
    color: #1e293b !important;
}

/* Stats y otras secciones: pastel (nunca azul profundo ni negro) */
.stats-counter-section {
    background: #7dd3c0 !important;
    color: #1e293b !important;
}
.stats-counter-section .section-title,
.stats-counter-section h2,
.stats-counter-section p,
.stats-counter-section .stat-number {
    color: #1e293b !important;
}
.banner-section {
    background: #FFC8C3 !important;
    color: #1e293b !important;
}
.banner-section h2,
.banner-section p {
    color: #1e293b !important;
}
.text-section {
    background: #e8f4f8 !important;
    color: #1e293b !important;
}