/* ROTULISTICA PRO V7.4 — Brown / Orange
   Capa visual sobre V7.3.0. No cambia rutas, contenido ni estructura. */
:root{
  --bo-ink:#170a04;
  --bo-ink-2:#2b1005;
  --bo-brown:#4a1d08;
  --bo-brown-2:#6a2c0b;
  --bo-orange:#ff6900;
  --bo-orange-2:#ff8a24;
  --bo-orange-soft:#fff0e3;
  --bo-cream:#fff9f2;
  --bo-cream-2:#f7ecdf;
  --bo-text:#2a160d;
  --bo-muted:#7c695d;
  --bo-line:#e4d2c0;
}

/* Base */
body{color:var(--bo-text);background:var(--bo-cream)}
::selection{background:var(--bo-orange);color:#fff}

/* Logo: conserva el archivo actual, convierte el azul a naranja */
.brand img,.footer-inner img{filter:hue-rotate(178deg) saturate(1.28) brightness(1.03)}

/* Header / navegación */
.topbar{background:linear-gradient(90deg,#0d0603 0%,#1a0a03 55%,#2a1005 100%);border-bottom-color:rgba(255,125,35,.18);box-shadow:0 8px 28px rgba(34,12,2,.18)}
.desktop-nav{color:#fff9f2}
.desktop-nav a:hover,.desktop-nav .nav-active{color:var(--bo-orange-2)}
.access-link{border-color:rgba(255,138,36,.38);background:rgba(255,105,0,.06)}
.access-link:hover{background:var(--bo-orange);color:#fff;border-color:var(--bo-orange)}
.mobile-nav{background:#1a0a03;border-top-color:rgba(255,138,36,.16)}
.mobile-nav a{border-bottom-color:rgba(255,255,255,.08)}
.mobile-nav a:hover{color:var(--bo-orange-2)}

/* Portada hero */
.hero{background:radial-gradient(circle at 82% 22%,rgba(255,105,0,.16),transparent 31%),linear-gradient(135deg,#0e0603 0%,#241006 58%,#120704 100%)}
.hero-kicker,.section-label,.section-label.blue{color:var(--bo-orange)}
.trust-row i,.phase-list b,.band-index,.band-process-grid b,.corp-v72-process-grid b,.cat-pillar-grid b,.cat-process-photo-grid b{background:var(--bo-orange)}
.assistant-cta,.dont-know a,.catalog-next-card>a,.product-cta-card>a,.catalog-next-actions a,.catalog-next-actions.all-categories a:nth-child(odd){background:linear-gradient(135deg,var(--bo-orange),var(--bo-orange-2));box-shadow:0 12px 30px rgba(255,105,0,.20)}
.assistant-cta:hover,.dont-know a:hover,.catalog-next-card>a:hover,.product-cta-card>a:hover{transform:translateY(-1px);filter:brightness(.98)}
.inspire-cta,.pro-arrow{color:var(--bo-orange-2)}
.hero-photo{border-color:rgba(255,138,36,.18);background:#1b0b04}

/* Franja profesional + ventajas */
.pro-strip{background:var(--bo-cream)}
.pro-box{background:#f6eadf;border-color:var(--bo-line)}
.person-icon{background:var(--bo-brown);color:#fff}
.pro-text strong{color:var(--bo-text)}
.pro-text small{color:var(--bo-muted)}
.benefit-symbol{color:var(--bo-orange)}
.benefits strong{color:#3b2114}

/* Fondos claros y tipografía */
.products,.phases,.register,.detail-intro,.production-steps,.corp-v72-intro,.corp-v72-types,.corp-v72-help,.band-intro,.band-system,.band-help,.cat-intro,.cat-pillars,.cat-gallery-light,.cat-process-photo,.cat-note-section,.cat-help{background:var(--bo-cream)}
.products-head h2,.phases h2,.register h2,.detail-intro h2,.corp-v72-intro-grid h2,.band-intro-grid h2,.band-system-head h2,.cat-intro-grid h2,.cat-section-head h2{color:var(--bo-text)}
.products-head p,.section-copy.dark,.register-card p,.detail-intro p,.corp-v72-intro-grid p,.band-intro-grid p,.band-system-head p,.cat-intro-grid p,.cat-section-head p{color:var(--bo-muted)}

/* Tarjetas de categorías */
.product-card,.catalog-card,.corp-v72-card,.band-example-card,.cat-gallery-card,.cat-process-photo-grid article{background:#fffdf9;border-color:var(--bo-line);box-shadow:0 10px 28px rgba(74,29,8,.07)}
.v6-category-card:hover,.catalog-card-link:hover,.corp-v72-card:hover{border-color:#e6b58f;box-shadow:0 17px 38px rgba(93,39,10,.14)}
.product-card .category-copy strong,.catalog-copy h2,.corp-v72-card-copy h3,.band-example-card h3,.cat-gallery-card h3,.cat-process-photo-grid h3{color:var(--bo-text)}
.category-copy span,.catalog-copy p,.corp-v72-card-copy p,.band-example-card p,.cat-process-photo-grid p{color:var(--bo-muted)}
.category-copy em,.inspire-card strong,.corp-v72-card-copy>span,.band-example-card span,.cat-gallery-card span{color:var(--bo-orange)}
.category-image,.catalog-photo,.corp-v72-card-photo,.band-example-card img,.cat-gallery-card img,.cat-process-photo-grid img{background:#f0e5d9}

/* Bloque “no sabes qué necesitas” */
.dont-know{background:#fff0e3;border-color:#f0c8a7}
.dont-know strong{color:#4b200c}
.dont-know span{color:#7b6658}

/* Secciones oscuras */
.inspiration,.service-phases,.corp-v72-process,.band-process-dark,.assistant{background:radial-gradient(circle at 78% 24%,rgba(255,105,0,.11),transparent 32%),linear-gradient(135deg,#120704,#2a1005);color:#fff}
.section-copy,.service-phases p,.corp-v72-process-head p,.choose-card p{color:#d8c7bb}
.inspiration-card small{color:#ead9cd}

/* Producción / fases */
.phase-list article{background:#fffdf9;border-color:var(--bo-line)}
.phase-list strong{color:var(--bo-text)}
.phase-list span{color:var(--bo-muted)}
.production-step{border-top-color:var(--bo-line)}
.step-number{background:var(--bo-orange)!important;color:#fff!important}
.step-kicker{color:var(--bo-orange)!important}

/* Chat / registro */
.chat-card{background:#f7eee5;color:#422516;box-shadow:0 30px 70px rgba(49,18,3,.34)}
.chat-head{background:#140803}
.chat-head small,.chat-input b{color:var(--bo-orange-2)}
.bubble,.quick-actions button,.chat-input{background:#fffdf9;border-color:var(--bo-line);color:#4a3022}
.register-card{background:#f6eadf;border-color:var(--bo-line)}
.register-options button{background:#fffdf9;border-color:var(--bo-line);color:#4a3022}
.register-options button.active{border-color:#ffb071;background:#fff0e3;color:#a94000}

/* Catálogo general */
.catalog-hero{background:radial-gradient(circle at 78% 30%,rgba(255,105,0,.16),transparent 30%),linear-gradient(145deg,#100603,#2b1005);color:#fff}
.catalog-hero p{color:#d8c7bb}
.catalog-section,.product-cta-section{background:var(--bo-cream-2)}
.catalog-next-card,.product-cta-card{background:#fffdf9;border-color:var(--bo-line)}
.catalog-next-card h2,.product-cta-card h2{color:var(--bo-text)}
.catalog-next-card p,.product-cta-card p{color:var(--bo-muted)}
.catalog-next-actions a+ a,.catalog-next-actions.all-categories a:nth-child(even){background:var(--bo-brown)}

/* Hero y páginas de producto */
.product-detail-hero,.corp-v72-hero,.band-hero,.cat-hero{background:radial-gradient(circle at 82% 28%,rgba(255,105,0,.14),transparent 31%),linear-gradient(135deg,#100603,#2a1005);color:#fff}
.cat-hero-special{background:radial-gradient(circle at 82% 30%,rgba(255,105,0,.18),transparent 30%),linear-gradient(135deg,#100603,#2a1005)}
.breadcrumb{color:#ffb67e}
.detail-lead,.corp-v72-copy p,.band-hero-copy p,.cat-hero-copy p{color:#dccbbf}
.detail-features span,.corp-v72-hero-tags span,.band-hero-tags span,.cat-hero-tags span{background:rgba(255,105,0,.07);border-color:rgba(255,138,36,.28);color:#fff3ea}
.product-photo-card,.corp-v72-hero-photo,.band-hero-photo,.cat-hero-photo{border-color:rgba(255,138,36,.18);background:#f0e5d9}

/* Letras corpóreas */
.corp-v72-no-light{background:var(--bo-cream-2);border-top-color:var(--bo-line)}
.corp-v72-process-grid article{background:#351506;border-color:rgba(255,176,113,.13)}
.corp-v72-process-grid span{color:#d9c5b7}
.corp-v72-process-grid .led-step{border-color:rgba(255,138,36,.38);background:#4a1d08}

/* Banderolas / cajas */
.band-system-cut{background:var(--bo-cream-2);border-top-color:var(--bo-line)}
.band-process{background:#fff3e8;border-color:#edcfb6}
.band-process-title h3,.band-process-grid strong{color:var(--bo-text)}
.band-process-grid article{background:#fffdf9;border-color:var(--bo-line)}
.band-process-grid span{color:var(--bo-muted)}
.band-process-grid .light-step{border-color:#ffc18f;background:#fff0e3}
.band-process-dark{border-color:#5b2a12}
.band-process-dark .band-process-grid article{background:#351506;border-color:rgba(255,255,255,.08)}
.band-process-dark .band-process-grid span{color:#d9c5b7}
.band-process-dark .band-process-grid .light-step{border-color:rgba(255,138,36,.35);background:#4a1d08}

/* Rótulos / CNC / UV */
.cat-gallery-section{background:var(--bo-cream-2);border-top-color:var(--bo-line)}
.cat-pillar-grid article{background:#fff8f0;border-color:var(--bo-line);box-shadow:0 10px 28px rgba(74,29,8,.06)}
.cat-pillar-grid h3,.cat-note-card h2{color:var(--bo-text)}
.cat-pillar-grid p,.cat-note-card p{color:var(--bo-muted)}
.cat-note-card{background:#fff0e3;border-color:#efccb0}
.step-visual.phase-photo{background:#f0e5d9}

/* Neón Flex */
.production-step .step-copy h2,.production-step .step-copy h3,.choose-card h2{color:inherit}
.option-tags span,.phase-checks span{border-color:#edcfb6!important;background:#fff7ef!important;color:#5b3320!important}
.phase-note{color:#8a6c5c!important}

/* Footer */
footer{background:linear-gradient(90deg,#0d0603,#241006);border-top:1px solid rgba(255,138,36,.16)}

/* Mobile first refinements para la nueva identidad */
@media(max-width:900px){
  .topbar-inner{height:72px}
  .brand img{width:min(220px,68vw)}
  .hero-layout{padding-top:32px}
  .hero h1{font-size:clamp(38px,11vw,54px)}
  .products{padding-top:38px}
  .products-head{text-align:left}
  .products-head h2{font-size:31px}
  .products-head p{margin-left:0}
  .benefits{margin-top:12px}
}

@media(max-width:560px){
  .wrap{width:min(100% - 24px,1180px)}
  .topbar-inner{height:68px}
  .brand img{width:205px;max-height:50px}
  .hero-layout{padding:26px 0 32px;gap:24px}
  .hero-kicker{color:var(--bo-orange-2)}
  .assistant-cta{width:100%;min-height:58px;border-radius:15px}
  .pro-strip-inner{padding-top:13px}
  .pro-box{grid-template-columns:44px 1fr auto;padding:12px}
  .person-icon{width:38px;height:38px}
  .benefits>div{padding:7px 3px}
  .benefit-symbol{font-size:23px}
  .benefits strong{font-size:11px}

  /* 2 columnas en móvil como el boceto aprobado */
  .v6-grid,.v6-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .v6-category-card{border-radius:12px}
  .category-copy{padding:10px 10px 12px}
  .product-card .category-copy strong{font-size:14px;line-height:1.18}
  .category-copy span{display:none}
  .category-copy em{margin-top:7px;font-size:11px}
  .category-image{aspect-ratio:16/10}
  .catalog-photo{aspect-ratio:16/10}
  .catalog-copy h2{font-size:13px}

  .dont-know{padding:16px;align-items:flex-start;flex-direction:column}
  .dont-know a{width:100%;text-align:center}
  .inspiration,.service-phases,.corp-v72-process,.assistant{background:linear-gradient(145deg,#120704,#2b1005)}
}

@media(max-width:360px){
  .product-card .category-copy strong{font-size:13px}
  .category-copy em{font-size:10px}
}
/* =========================================================
   V7.4 - CORRECCION HERO
   Mostrar hero-storefront completo sin recortar
   ========================================================= */

.hero-photo {
    overflow: hidden;
    border-radius: 24px;
}

.hero-photo img {
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* ESCRITORIO */
@media (min-width: 769px) {
    .hero-photo.desktop-only {
        height: auto !important;
        aspect-ratio: auto !important;
    }

    .hero-photo.desktop-only img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }
}

/* MÓVIL */
@media (max-width: 768px) {
    .hero-photo.mobile-only {
        width: 100%;
        height: auto !important;
        aspect-ratio: auto !important;
        margin: 18px 0;
    }

    .hero-photo.mobile-only img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}
/* FORZAR LOGO NARANJA EN CABECERA */
.topbar .brand img,
header .brand img {
    content: url("../assets/logo-main-naranja.webp") !important;
    filter: none !important;
    opacity: 1 !important;
}
/* LOGO CABECERA BROWN/ORANGE */
.topbar .brand img,
header .brand img {
    content: url("../assets/logo-header-orange-v2-sin-fondo.webp") !important;
    filter: none !important;
    opacity: 1 !important;
}
/* ==================================================
   V7.4 - FOOTER BROWN / ORANGE
   ================================================== */

footer,
.site-footer {
    background: #1b0903 !important;
}

/* Logo del footer */
footer img,
.site-footer img {
    filter: none !important;
}

/* Textos destacados del footer */
footer h2,
footer h3,
footer h4,
footer .footer-tagline,
footer .footer-slogan,
footer .brand-tagline,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
    color: #ff7417 !important;
}