/* DaltoAura — acabado sobrio compartido por todo el sitio */
        /* ── Franjas claras: alternan con las oscuras para dar ritmo ── */
        .band-light {
            --bg-primary: #f6f3ec; --bg-secondary: #ffffff; --bg-tertiary: #efe9db;
            --text-primary: #14181f; --text-secondary: #4a5160; --text-muted: #6b7280;
            background: #f6f3ec !important; color: #14181f;
        }
        .band-light .section-title, .band-light h3, .band-light h4 { color: #14181f; }
        .band-light .gradient-text { background: linear-gradient(135deg, #a07e3a, #7a5c1e); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
        .band-light .section-label { background: rgba(160,126,58,.12); border-color: rgba(160,126,58,.35); color: #7a5c1e; }
        .band-light .section-description, .band-light p, .band-light li { color: #4a5160; }
        .band-light .service-card, .band-light .el-product-card, .band-light .case-card {
            background: #ffffff; border: 1px solid rgba(20,24,31,.09);
            box-shadow: 0 10px 30px rgba(20,24,31,.06);
        }
        .band-light .service-card:hover, .band-light .el-product-card:hover, .band-light .case-card:hover {
            border-color: rgba(160,126,58,.55); box-shadow: 0 18px 44px rgba(160,126,58,.18);
        }
        .band-light .service-card.featured { border-color: #c9a84c; box-shadow: 0 18px 50px rgba(201,168,76,.28); }
        .band-light .btn-primary { color: #0d1117; }
        .band-light .service-features li::marker { color: #a07e3a; }
        /* Franjas oscuras: más aire y un titular más grande */
        .home-section-dark, #casos, #metodologia, #testimonios { padding-top: 6.5rem; padding-bottom: 6.5rem; }
        .section-title { letter-spacing: -0.02em; }
        /* ══ Acabado sobrio: sin brillos, sin degradados en texto, sin partículas ══ */
        #particles-canvas, .gradient-orb { display: none !important; }
        .hero-v2 {
            background-color: #0b0f14;
            background-image:
                linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
            background-size: 64px 64px;
            border-bottom: 1px solid rgba(255,255,255,.08);
        }
        .gradient-text { background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; -webkit-text-fill-color: currentColor !important; color: #c9a84c; }
        .band-light .gradient-text { color: #7a5c1e; -webkit-text-fill-color: currentColor !important; background: none !important; }

        /* Tipografía: titulares firmes y compactos */
        .hero-title, .section-title, .cta-content h2, .case-content h3, .el-product-name, .service-card h3 {
            font-family: 'Inter', system-ui, sans-serif !important; font-weight: 700 !important; letter-spacing: -0.035em !important;
        }
        .hero-v2 .hero-title { font-size: clamp(2.4rem, 4.8vw, 3.8rem); line-height: 1.04; }
        .section-title { font-size: clamp(1.9rem, 3.4vw, 2.7rem) !important; line-height: 1.1 !important; }

        /* Encabezados de sección alineados a la izquierda, con etiqueta en línea fina */
        .section-header { text-align: left !important; max-width: 760px; margin-left: 0 !important; margin-right: auto !important; }
        .section-description { margin-left: 0 !important; }
        .section-label, .hero-v2 .hero-label {
            background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
            display: inline-flex; align-items: center; gap: .75rem;
            font-size: .75rem !important; font-weight: 600 !important; letter-spacing: .14em; text-transform: uppercase; color: #c9a84c !important;
            text-align: left !important;
        }
        .section-label::before, .hero-v2 .hero-label::before { content: ''; width: 28px; height: 1px; background: currentColor; }
        .band-light .section-label { color: #7a5c1e !important; }

        /* Botones planos */
        .btn { border-radius: 4px !important; box-shadow: none !important; transform: none !important; font-weight: 600; letter-spacing: 0; }
        .btn-primary { background: #c9a84c !important; color: #0b0f14 !important; border: 1px solid #c9a84c !important; }
        .btn-primary:hover { background: #d8b95c !important; }
        .btn-secondary, .btn-outline { background: transparent !important; border: 1px solid rgba(255,255,255,.28) !important; color: #f0ede6 !important; }
        .btn-secondary:hover, .btn-outline:hover { border-color: #c9a84c !important; color: #c9a84c !important; }
        .band-light .btn-secondary, .band-light .btn-outline { border-color: rgba(20,24,31,.3) !important; color: #14181f !important; }

        /* Tarjetas: filo fino, esquinas poco redondeadas, sin sombras ni resplandor */
        .service-card, .el-product-card, .case-card, .el-trust-card, .faq-item {
            border-radius: 6px !important; box-shadow: none !important; transform: none !important;
            background: #11161d; border: 1px solid rgba(255,255,255,.09) !important; backdrop-filter: none !important;
        }
        .band-light .service-card, .band-light .el-product-card, .band-light .case-card { background: #fff; border: 1px solid rgba(20,24,31,.12) !important; }
        .service-card:hover, .el-product-card:hover, .case-card:hover { border-color: #c9a84c !important; box-shadow: none !important; transform: none !important; }
        .case-image, .case-image img { border-radius: 0 !important; }
        .case-tag, .el-product-badge, .featured-badge { border-radius: 2px !important; }
        .service-card.featured, .band-light .service-card.featured { border: 1px solid #c9a84c !important; box-shadow: none !important; }

        /* Iconos planos de una sola tinta, sin cuadros de colores */
        .el-product-icon, .service-icon { background: transparent !important; border: 1px solid currentColor; border-radius: 4px !important; box-shadow: none !important; color: #c9a84c; }
        .band-light .el-product-icon, .band-light .service-icon { color: #7a5c1e; }
        .el-product-icon i, .service-icon i { color: inherit !important; -webkit-text-fill-color: currentColor !important; }

        /* Hero: teléfono recto y sobrio */
        .phone { transform: none; border-radius: 28px; box-shadow: 0 24px 60px rgba(0,0,0,.5); background: #1a212b; border: 1px solid rgba(255,255,255,.12); }
        .phone-bar { border-radius: 20px 20px 0 0; }
        .phone-chat { border-radius: 0 0 20px 20px; }
        .phone-avatar { background: #c9a84c; }
        .hero-v2 .hero-stats { border-top: 1px solid rgba(255,255,255,.12); padding-top: 1.4rem; }

        /* Franjas: fondo oscuro plano, sin degradados */
        #casos, #metodologia, #testimonios, #software-medida, #capacidades, #alianzas, #capacitacion, #hosting, .partners { background: #0b0f14 !important; }
        #metodologia, #capacidades, #capacitacion { background: #0f141b !important; }

        /* Casos sin captura: panel plano en vez de degradado con icono */
        .case-image:not(:has(img)) { background: #161c25 !important; border-bottom: 1px solid rgba(255,255,255,.08); height: 140px !important; }
        .case-image:not(:has(img)) i { font-size: 2rem !important; color: #c9a84c !important; opacity: .55; }
        .case-card .case-tag { align-self: flex-start; }
        .case-card .case-stats:not(:has(.case-stat)) { display: none; }
        .case-card { display: flex; flex-direction: column; }
        .case-card .case-content { flex: 1; display: flex; flex-direction: column; }
        .case-card .case-stats { margin-top: auto; text-align: left; justify-content: flex-start; }
        .case-card .case-stat { text-align: left; }
        .el-product-card .btn i { display: none; }
        .el-product-card { display: flex; flex-direction: column; }
        .el-product-card .btn { margin-top: auto; }
        .band-light .case-tag, .band-light .el-product-badge { background: rgba(20,24,31,.07) !important; color: #5c4414 !important; }
        .el-process-step { border-radius: 6px !important; text-align: left !important; background: #11161d; }
        .el-process-num { background: transparent !important; border: 1px solid #c9a84c; color: #c9a84c !important; border-radius: 4px !important; margin: 0 0 1.2rem !important; width: 40px; height: 40px; font-size: 1.05rem; }
        /* Cierre: franja de fondo blanco con la tarjeta normal del sitio (oscura) */
        .cta-section { background: #ffffff !important; }
        .cta-section .cta-content { background: #0b0f14 !important; border: 1px solid #0b0f14 !important; border-radius: 6px !important; box-shadow: none !important; }
        .cta-section .cta-content::before, .cta-section .cta-content::after { display: none !important; }
        .cta-section .cta-content { padding: 3.5rem 2rem !important; }
        .cta-section .cta-content > p, .cta-section .cta-text p { margin-bottom: 1.6rem; }
        .cta-section .cta-content h2 { color: #f0ede6 !important; }
        .cta-section .cta-content p { color: #a8a29e !important; }
        .cta-section .btn-primary { background: #c9a84c !important; color: #0b0f14 !important; border-color: #c9a84c !important; }
        .cta-section .btn-primary:hover { background: #d8b95c !important; }
        .cta-section .btn-outline, .cta-section .btn-white, .cta-section .btn-secondary { background: transparent !important; border: 1px solid rgba(255,255,255,.35) !important; color: #f0ede6 !important; -webkit-text-fill-color: #f0ede6 !important; }
        .cta-section .btn-outline:hover, .cta-section .btn-white:hover, .cta-section .btn-secondary:hover { border-color: #c9a84c !important; color: #c9a84c !important; -webkit-text-fill-color: #c9a84c !important; }
        .cta-section .btn i { color: inherit !important; }

/* ── Blog: encabezado compacto y lectura sobre fondo claro ── */
.post-head { min-height: 0 !important; padding: 8rem 0 3.5rem; align-items: flex-start; background-color: #0b0f14; border-bottom: 1px solid rgba(255,255,255,.08);
    background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; }
.post-head .hero-text { text-align: left; }
.post-head .hero-title { font-size: clamp(1.9rem, 3.6vw, 2.9rem) !important; line-height: 1.1; }
.post-head .hero-description { font-size: 1.15rem !important; max-width: 680px; opacity: 1 !important; }
.post-cat { display: inline-block; padding: .25rem .65rem; border-radius: 2px; background: #c9a84c; color: #0b0f14; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.post-head nav { font-size: .8rem !important; }
.post-body { padding: 4rem 0 5rem; }
.post-body .service-card { background: transparent !important; border: 0 !important; padding: 0 !important; }
.post-body .blog-content { font-size: 1.08rem; line-height: 1.85 !important; color: #2a303b !important; }
.post-body .blog-content p, .post-body .blog-content li, .post-body .blog-content ul, .post-body .blog-content ol { color: #3b4250 !important; }
.post-body .blog-content h2 { font-size: 1.7rem !important; letter-spacing: -.02em; margin-top: 2.8rem !important; padding-top: 1.4rem; border-top: 1px solid rgba(20,24,31,.12); color: #14181f !important; }
.post-body .blog-content h3, .post-body .blog-content h4, .post-body .blog-content strong { color: #14181f !important; }
.post-body .blog-content a { color: #7a5c1e !important; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.post-body .blog-content table { font-size: .95rem; }
.post-body .blog-content th, .post-body .blog-content td { border: 1px solid rgba(20,24,31,.15) !important; color: #2a303b; }
.post-body .blog-content th { background: #efe9db !important; color: #14181f !important; }
.post-body .blog-content blockquote { border-left: 3px solid #c9a84c !important; background: #efe9db !important; color: #2a303b !important; border-radius: 0 !important; }
.post-body .blog-content code { background: rgba(20,24,31,.07) !important; color: #14181f; }
.post-cta { background: #0b0f14 !important; border: 1px solid #0b0f14 !important; border-radius: 6px !important; }
.post-cta h3 { color: #f0ede6 !important; } .post-cta p { color: #a8a29e !important; }
.post-cta-icon { background: transparent !important; border: 1px solid #c9a84c; color: #c9a84c !important; border-radius: 4px !important; }
.post-cta-icon i { color: #c9a84c !important; }

/* ── Páginas interiores: encabezado compacto, sin brillos ── */
.hero:not(.hero-v2):not(.post-head) {
    min-height: 0 !important; padding: 9rem 0 4.5rem; align-items: flex-start;
    background-color: #0b0f14; border-bottom: 1px solid rgba(255,255,255,.08);
    background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 64px 64px;
}
.hero:not(.hero-v2) .hero-text { text-align: left; margin-left: 0; margin-right: auto; max-width: 860px; }
.hero:not(.hero-v2):not(.post-head) .hero-title { font-size: clamp(2rem, 4vw, 3.2rem) !important; line-height: 1.08; }
.hero:not(.hero-v2):not(.post-head) .hero-description { font-size: 1.1rem; max-width: 680px; margin-left: 0; margin-right: auto; }
.hero:not(.hero-v2) .hero-cta { justify-content: flex-start; }
.hero-label i, .section-label i { display: none; }
.hero:not(.hero-v2) .hero-content { display: block; }
/* Insignias redondas con degradado (inline) → marcos planos */
section div[style*="border-radius: 50%"] {
    background: transparent !important; border: 1px solid #c9a84c; border-radius: 4px !important; width: 52px !important; height: 52px !important; color: #c9a84c !important; box-shadow: none !important;
}
section div[style*="border-radius: 50%"] * { color: #c9a84c !important; -webkit-text-fill-color: currentColor !important; }
.band-light div[style*="border-radius: 50%"] { color: #7a5c1e !important; border-color: #7a5c1e; }
.hero:not(.hero-v2) .hero-text { text-align: left !important; margin-left: 0 !important; margin-right: auto !important; }
.hero:not(.hero-v2) .hero-description { margin-left: 0 !important; }
.hero:not(.hero-v2) > .container { width: 100%; }

/* Cotizador: pasos cuadrados en vez de círculos */
.step-circle { border-radius: 4px !important; box-shadow: none !important; }

/* ── Botones: texto siempre centrado, también cuando ocupan todo el ancho de la tarjeta ── */
.btn { justify-content: center !important; text-align: center !important; }
.el-product-card .btn, .service-card .btn, .case-card .btn { width: 100%; padding-left: .75rem !important; padding-right: .75rem !important; }

/* Menú: el botón de contacto igual de plano que el resto */
.nav-link.cta-nav { background: #c9a84c !important; color: #0b0f14 !important; border-radius: 4px !important; box-shadow: none !important; }
.nav-link.cta-nav:hover { background: #d8b95c !important; }

/* ── Productos: jerarquía, acento superior y una tarjeta destacada ── */
.el-products .el-product-card { position: relative; overflow: hidden; padding: 2.1rem 1.8rem 1.8rem !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; }
.el-products .el-product-card::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: #c9a84c; transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.el-products .el-product-card:hover { transform: translateY(-6px) !important; box-shadow: 0 22px 44px rgba(20,24,31,.12) !important; border-color: rgba(160,126,58,.6) !important; }
.el-products .el-product-card:hover::before { transform: scaleX(1); }
.el-products .el-product-card:hover .el-product-icon { background: #c9a84c !important; color: #0b0f14 !important; border-color: #c9a84c; }
.el-products .el-product-name { font-size: 1.55rem !important; margin: 1.4rem 0 .5rem !important; }
.el-products .el-product-tagline { display: block; font-size: .72rem !important; letter-spacing: .13em; font-weight: 700; padding-bottom: 1rem; margin-bottom: 1.1rem; border-bottom: 1px solid rgba(20,24,31,.12); }
.el-products .el-product-card p { font-size: .98rem; line-height: 1.65; }
.el-products .service-features { margin-top: 1.2rem !important; padding-top: 1.1rem; border-top: 1px solid rgba(20,24,31,.1); }
.el-products .service-features li { font-size: .88rem; }
.el-products .service-features li i { color: #a07e3a !important; font-size: .7rem; margin-right: .35rem; }
.el-products .el-product-badge { top: 1.1rem !important; right: 1.1rem !important; letter-spacing: .09em; }

/* Tarjeta destacada (la primera): fondo oscuro para que sea el punto de atención */
.band-light .el-products-grid > .el-product-card:first-child { background: #0b0f14 !important; border-color: #0b0f14 !important; }
.band-light .el-products-grid > .el-product-card:first-child::before { transform: scaleX(1); }
.band-light .el-products-grid > .el-product-card:first-child .el-product-name { color: #f0ede6 !important; }
.band-light .el-products-grid > .el-product-card:first-child .el-product-tagline { color: #c9a84c !important; border-bottom-color: rgba(255,255,255,.14); }
.band-light .el-products-grid > .el-product-card:first-child p,
.band-light .el-products-grid > .el-product-card:first-child li { color: #c9c4ba !important; }
.band-light .el-products-grid > .el-product-card:first-child .service-features { border-top-color: rgba(255,255,255,.14); }
.band-light .el-products-grid > .el-product-card:first-child .service-features li i { color: #c9a84c !important; }
.band-light .el-products-grid > .el-product-card:first-child .el-product-icon { color: #c9a84c !important; border-color: #c9a84c; }
.band-light .el-products-grid > .el-product-card:first-child .el-product-badge { background: #c9a84c !important; color: #0b0f14 !important; }
.band-light .el-products-grid > .el-product-card:first-child:hover { border-color: #c9a84c !important; }
@media (prefers-reduced-motion: reduce) { .el-products .el-product-card, .el-products .el-product-card::before { transition: none !important; } .el-products .el-product-card:hover { transform: none !important; } }

/* ── Preguntas frecuentes: dos columnas de tarjetas ── */
.faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; align-items: stretch; }
.faq-card { text-align: left; margin: 0 !important; }
.faq-card h3 { font-size: 1.05rem; margin: 0 0 .6rem; }
.faq-card p { margin: 0; font-size: .95rem; line-height: 1.65; }
@media (max-width: 800px) { .faq-grid { grid-template-columns: 1fr; } }
.faq-grid .faq-card:last-child:nth-child(odd) { grid-column: 1 / -1; }