/* ============================================================
   PERFINOVA — CAPA PREMIUM (oscuro + bronce, estilo Monumental)
   Se carga DESPUÉS de styles.css y reescribe el tema visual.
   Para revertir: quitar el <link> de premium.css en index.html.
   ============================================================ */

:root{
  /* El acento bronce reemplaza al cyan en toda la interfaz */
  --cyan:#c0915c;
  --cyan-dark:#a8794a;
  --cyan-light:#d9b483;
  --cyan-pale:rgba(192,145,92,.12);
  /* Tokens oscuros */
  --ink:#0b0b0d;
  --ink-soft:#131316;
  --ink-card:#1a1a1e;
  --bone:#f3efe9;
  --bone-dim:rgba(243,239,233,.62);
  --bone-dim2:rgba(243,239,233,.42);
  --line-d:rgba(255,255,255,.10);
}

/* ── Base ── */
body{background:var(--ink);color:var(--bone);}

/* ── Títulos genéricos ── */
.section-title{color:var(--bone);font-weight:400;letter-spacing:-.02em;}
.section-title .accent{color:var(--cyan-light);}
.section-desc{color:var(--bone-dim);}
.section-tag{color:var(--cyan-light);border-color:rgba(192,145,92,.42);}

/* ── NAVBAR ── */
.navbar.scrolled{background:rgba(11,11,13,.82);}
.nav-cta{background:var(--cyan);color:var(--ink);}
.nav-cta:hover{background:var(--cyan-dark);}
.nav-link:hover::after{background:var(--cyan);}
.mobile-cta{background:var(--cyan);color:var(--ink);}
.mobile-link:hover{color:var(--cyan-light);background:rgba(192,145,92,.08);}

/* ── TRUST BAND ── */
.trust-item svg{color:var(--cyan-light);}

/* ── HERO PUERTAS (phero) — ya oscuro; acento bronce automático ── */
.innovation-new{background:var(--cyan);color:var(--ink);}

/* ── VALUE PROP (distribución) ── */
.value-prop{background:var(--ink);}
.value-card{background:var(--ink-card);border-color:var(--line-d);}
.value-card:hover{border-color:rgba(192,145,92,.45);box-shadow:0 18px 40px rgba(0,0,0,.5);}
.value-card::before{background:linear-gradient(90deg,var(--cyan),var(--cyan-light));}
.value-card h3{color:var(--bone);}
.value-card p{color:var(--bone-dim);}
.value-icon{background:var(--cyan-pale);color:var(--cyan-light);}
.value-card:hover .value-icon{background:var(--cyan);color:var(--ink);}

/* ── AUDIENCIAS ── */
.audiences{background:var(--ink);}
.audience-project{background:var(--ink-soft);}
.audience-project .audience-title{color:var(--bone);}
.audience-project .audience-title span{color:var(--cyan-light);}
.audience-project .audience-desc{color:var(--bone-dim);}
.audience-project .audience-list li{color:var(--bone);}
.project-tag{color:var(--cyan-light);}
.project-type{background:var(--ink-card);border-color:var(--line-d);color:var(--bone-dim);}
.project-type svg{color:var(--cyan-light);}
.project-type:hover{background:rgba(192,145,92,.12);border-color:rgba(192,145,92,.4);color:var(--cyan-light);}
.project-cta{background:var(--cyan);color:var(--ink);}
.project-cta:hover{background:var(--cyan-dark);}
.maker-cta{background:var(--cyan);color:var(--ink);}
.maker-cta:hover{background:var(--cyan-dark);}
.audience-img-badge{background:var(--cyan);color:var(--ink);}
.project-badge{background:var(--ink);color:var(--bone);}

/* ── INNOVATION SPECS ── */
.innovation-specs{background:var(--ink-soft);}
.ispec-header .section-tag{background:rgba(192,145,92,.1);color:var(--cyan-light);border-color:rgba(192,145,92,.35);}
.ispec-header .section-title{color:var(--bone);font-weight:400;}
.ispec-card{background:var(--ink-card);border-color:var(--line-d);}
.ispec-card:hover{border-color:rgba(192,145,92,.4);box-shadow:0 10px 30px rgba(0,0,0,.45);}
.ispec-icon{background:var(--cyan-pale);color:var(--cyan-light);}
.ispec-card:hover .ispec-icon{background:var(--cyan);color:var(--ink);}
.ispec-card h3{color:var(--bone);}
.ispec-card p{color:var(--bone-dim);}
.imodels-title{color:var(--bone);font-weight:400;}
.imodels-sub{color:var(--bone-dim);}
.imodel-card{background:var(--ink-card);border-color:var(--line-d);}
.imodel-card:hover{border-color:rgba(192,145,92,.4);box-shadow:0 10px 30px rgba(0,0,0,.5);}
.imodel-info h4{color:var(--bone);}
.imodel-info p{color:var(--bone-dim);}
.imodel-tag{color:var(--cyan-light);}
.ispec-table-title{color:var(--bone);font-weight:400;}
.ispec-table-scroll{border-color:var(--line-d);}
.ispec-table{background:var(--ink-card);}
.ispec-table thead tr{background:#000;color:var(--bone);}
.ispec-table td{color:var(--bone-dim);border-color:var(--line-d);}
.ispec-table td strong{color:var(--bone);}
.ispec-table tbody tr:hover{background:rgba(255,255,255,.03);}
.ispec-table-note{color:var(--bone-dim);}
.ispec-table-note strong{color:var(--cyan-light);}
.ispec-quien-title{color:var(--bone);font-weight:400;}
.ispec-quien-card{background:var(--ink-card);border-color:var(--line-d);}
.ispec-quien-card h4{color:var(--bone);}
.ispec-quien-card ul li{color:var(--bone-dim);}
.ispec-quien-card ul li::before{color:var(--cyan-light);}
.ispec-cta-dark{background:#000;}
.ispec-cta-pretitle{color:var(--bone-dim2);}

/* ── PÉRGOLAS (foto oscura) — acento bronce ── */
.pergola-tag{color:var(--cyan-light);border-color:rgba(192,145,92,.5);background:rgba(192,145,92,.1);}
.pergola-title span{color:var(--cyan-light);}
.pergola-cta-wa{background:rgba(192,145,92,.12);border-color:rgba(192,145,92,.5);color:var(--cyan-light);}
.pergola-cta-wa:hover{background:rgba(192,145,92,.2);border-color:var(--cyan);}
.showcase-card:hover{border-color:rgba(192,145,92,.4);}

/* ── CADENA DE VALOR ── */
.chain-section{background:var(--ink);border-color:var(--line-d);}
.chain-step{background:var(--ink-card);border-color:var(--line-d);}
.chain-step:hover{border-color:rgba(192,145,92,.4);box-shadow:0 12px 32px rgba(0,0,0,.5);}
.chain-icon{background:var(--cyan-pale);color:var(--cyan-light);}
.chain-step:hover .chain-icon{background:var(--cyan);color:var(--ink);}
.chain-step-label{color:var(--cyan-light);}
.chain-step-title{color:var(--bone);}
.chain-step-role{color:var(--bone-dim2);}
.chain-step-desc{color:var(--bone-dim);}
.chain-arrow{color:var(--cyan-light);}
.chain-arrow span{color:var(--bone-dim2);}

/* ── CATÁLOGO (fabricantes ya oscuro) ── */
.maker-card{background:#161619;}
.maker-card:hover{border-color:var(--cyan);box-shadow:0 12px 36px rgba(192,145,92,.16),0 0 0 1px rgba(192,145,92,.25);}
.maker-card-icon{background:rgba(192,145,92,.1);border-color:rgba(192,145,92,.2);color:var(--cyan-light);}
.maker-card:hover .maker-card-icon{background:rgba(192,145,92,.18);border-color:rgba(192,145,92,.5);}
.maker-card-link{color:var(--cyan-light);}
.catalog-sub-tag,.catalog-sub-tag--dark{color:var(--cyan-light);border-color:rgba(192,145,92,.5);}
/* Catálogo clientes */
.catalog-clients{background:var(--ink-soft);}
.catalog-sub-title--dark{color:var(--bone);}
.catalog-sub-desc--dark{color:var(--bone-dim);}
.catalog-card{background:var(--ink-card);border-color:var(--line-d);}
.catalog-card:hover{box-shadow:0 20px 48px rgba(0,0,0,.55);}
.catalog-body h3{color:var(--bone);}
.catalog-body p{color:var(--bone-dim);}
.catalog-tag{color:var(--cyan-light);}
.catalog-link{color:var(--cyan-light);}
.catalog-btn{background:var(--cyan);color:var(--ink);}
.catalog-btn:hover{background:var(--cyan-dark);}
.btn-outline-cyan{border-color:var(--cyan);color:var(--cyan-light);}
.btn-outline-cyan:hover{background:var(--cyan);color:var(--ink);}
.btn-download-catalog{background:var(--cyan);color:var(--ink);}
.btn-download-catalog:hover{background:var(--cyan-dark);color:var(--ink);}

/* ── GALERÍA ── */
.gallery{background:var(--ink);}
.filter-btn{background:var(--ink-card);border-color:var(--line-d);color:var(--bone-dim);}
.filter-btn:hover,.filter-btn.active{background:var(--cyan);color:var(--ink);border-color:var(--cyan);}

/* ── TESTIMONIOS (ya oscuro) ── */
.testimonial-card:hover{border-color:rgba(192,145,92,.35);}
.testimonial-avatar{background:linear-gradient(135deg,var(--cyan),var(--cyan-dark));color:var(--ink);}

/* ── FAQ ── */
.faq{background:var(--ink-soft);}
.faq-header .section-title{color:var(--bone);font-weight:400;}
.faq-item{background:var(--ink-card);border-color:var(--line-d);}
.faq-item[open]{border-color:rgba(192,145,92,.45);}
.faq-question{color:var(--bone);}
.faq-question::after{color:var(--cyan-light);}
.faq-answer{border-color:var(--line-d);}
.faq-answer p{color:var(--bone-dim);}
.faq-answer a{color:var(--cyan-light);}

/* ── CONTACTO (formulario oscuro) ── */
.contact{background:var(--ink);}
.contact-title{color:var(--bone);font-weight:400;}
.contact-desc{color:var(--bone-dim);}
.contact-info .section-tag{color:var(--cyan-light)!important;border-color:rgba(192,145,92,.42)!important;}
.contact-form-wrap{background:var(--ink-card);border:1px solid var(--line-d);box-shadow:0 30px 70px rgba(0,0,0,.5);}
.form-step-title{color:var(--bone);}
.form-step-desc{color:var(--bone-dim);}
.form-group label{color:var(--bone);}
.form-group input,.form-group textarea,.form-group select{background:var(--ink-soft);border-color:var(--line-d);color:var(--bone);}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--bone-dim2);}
.form-group input:focus,.form-group textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(192,145,92,.18);}
.user-type-content{background:var(--ink-soft);border-color:var(--line-d);}
.user-type-content svg,.user-type-content span{color:var(--bone-dim);}
.user-type-card input:checked + .user-type-content,.user-type-card:hover .user-type-content{background:rgba(192,145,92,.12);border-color:var(--cyan);}
.user-type-card input:checked + .user-type-content svg,.user-type-card:hover .user-type-content svg{color:var(--cyan-light);}
.user-type-card input:checked + .user-type-content span,.user-type-card:hover .user-type-content span{color:var(--cyan-light);}
.form-next-btn,.form-submit-btn{background:var(--cyan);color:var(--ink);}
.form-next-btn:hover,.form-submit-btn:hover{background:var(--cyan-dark);box-shadow:0 6px 20px rgba(192,145,92,.3);}
.form-back-btn{color:var(--bone-dim);}
.form-back-btn:hover{color:var(--cyan-light);}
.form-success h3{color:var(--bone);}
.form-success p{color:var(--bone-dim);}
.success-icon{background:rgba(192,145,92,.15);color:var(--cyan-light);}
.contact-method{color:var(--bone);}
.contact-method:not(.no-link):hover{background:rgba(192,145,92,.08);border-color:rgba(192,145,92,.3);}
.method-icon{background:rgba(192,145,92,.12);color:var(--cyan-light);}
.method-value{color:var(--bone);}

/* ── FOOTER ── */
.footer-perfiletto strong{color:var(--cyan-light);}
.footer-bottom strong{color:var(--cyan-light);}
.social-link:hover{background:var(--cyan);color:var(--ink);}
.footer-links-group li a:hover{color:var(--cyan-light);}
.footer-contact-list svg{color:var(--cyan-light);}

/* ── BACK TO TOP ── */
.back-to-top:hover{background:var(--cyan);border-color:var(--cyan);color:var(--ink);}