/* Encabezado interior B: identidad integrada y navegación en franja propia. */
.page-signature{display:none!important}
/* Identidad compartida en todas las páginas interiores. */
.sitehead{background:var(--cream,#f7f3ec)!important}
.sitehead .brand-stack{color:var(--ink,#282423)!important}
/* Página índice de Cómo trabajo: misma firma y franja que el resto de interiores. */
body:has(main > .hero + .section.work) .sitehead:after{content:"CÓMO TRABAJO";display:flex;align-items:center;min-height:46px;padding:8px max(32px,calc((100% - 1180px)/2));background:#96232b;color:#fff;font:400 clamp(17px,1.65vw,24px)/1.18 'Julius Sans One',sans-serif;letter-spacing:.025em;-webkit-text-stroke:.7px currentColor}
body:has(main > .hero + .section.work) .hero{min-height:0!important;padding:25px 0 2px!important;background:transparent!important;color:var(--ink,#282423)!important}
body:has(main > .hero + .section.work) .hero:before{display:none!important}
body:has(main > .hero + .section.work) .hero-copy{width:min(1180px,calc(100% - 64px))!important;min-height:0!important;margin:0 auto!important}
body:has(main > .hero + .section.work) .hero h1{display:none!important}
body:has(main > .hero + .section.work) .hero .concept{margin:0!important;color:var(--wine,#96232b)!important;font-size:clamp(15px,1.55vw,20px)!important;line-height:1.4!important}

@media (min-width:761px){
  .sitehead{position:relative!important}
  .sitehead .headerin{
    width:min(1180px,calc(100% - 64px))!important;
    min-height:0!important;
    padding:15px 0 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand toggle" "nav nav"!important;
    gap:0!important;
  }
  .sitehead .brand-stack{
    grid-area:brand!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(250px,1fr) max-content!important;
    align-items:center!important;
    column-gap:clamp(18px,3vw,38px)!important;
  }
  .sitehead .brand-name{
    display:block!important;
    color:var(--ink,#342d2a)!important;
    font-family:'Julius Sans One',Arial,sans-serif!important;
    font-size:clamp(21px,1.9vw,29px)!important;
    font-weight:400!important;
    line-height:1.12!important;
    letter-spacing:.025em!important;
    white-space:nowrap!important;
  }
  .sitehead .brand-identity{
    display:grid!important;
    gap:4px!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .sitehead .brand-role{
    display:block!important;
    color:var(--wine,#741c2e)!important;
    font-family:Lato,Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.13em!important;
  }
  .sitehead .brand-sub{
    display:block!important;
    margin:0!important;
    color:#51433d!important;
    font-family:Lato,Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.25!important;
    letter-spacing:.095em!important;
  }
  .sitehead .brand-place{display:none!important}
  .sitehead .menu-toggle{grid-area:toggle!important;display:none!important}
  .sitehead .nav{
    grid-area:nav!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:8px 20px!important;
    width:100vw!important;
    margin:14px calc(50% - 50vw) 0!important;
    padding:10px max(32px,calc((100vw - 1180px)/2))!important;
    background:#eee4d8!important;
    border-top:1px solid #d8c4b8!important;
    border-bottom:1px solid #d8c4b8!important;
  }
  .sitehead .nav>a,.sitehead .nav .nav-area-link{
    color:#4b3934!important;
    font-family:Lato,Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.075em!important;
  }
  .sitehead .nav .nav-dropdown{display:flex!important;align-items:center!important;gap:3px!important}
  .sitehead .nav .area-toggle{font-size:15px!important;line-height:1!important}
  .sitehead .nav .calc{margin-left:auto!important;color:var(--wine,#741c2e)!important}

  .inner-hero .container,.inner-body>.container,.inner-body .container,.contact-page .container{
    width:min(1180px,calc(100% - 64px))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }
  .inner-hero:after{transform:none!important}
}

@media (max-width:760px){
  .sitehead .headerin{min-height:0!important;padding-top:11px!important;padding-bottom:10px!important}
  .sitehead .brand-stack{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;min-width:0!important}
  .sitehead .brand-name{
    display:block!important;
    font-family:'Julius Sans One',Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1.2!important;
    letter-spacing:.03em!important;
    white-space:normal!important;
  }
  .sitehead .brand-identity{display:flex!important;flex-wrap:wrap!important;gap:3px 9px!important;align-items:baseline!important}
  .sitehead .brand-role{
    color:var(--wine,#741c2e)!important;
    font-family:Lato,Arial,sans-serif!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
  }
  .sitehead .brand-sub{
    display:block!important;
    margin:0!important;
    color:#51433d!important;
    font-family:Lato,Arial,sans-serif!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.05em!important;
  }
  .sitehead .brand-place{display:none!important}
}

/* Prueba 2: cabecera interior de una sola fila en escritorio. */
@media (min-width:981px){
  html,body{overflow-x:hidden!important}
  .sitehead{
    position:relative!important;
    min-height:96px!important;
    background:var(--cream,#f7f3ec)!important;
  }
  .sitehead .headerin{
    width:min(1180px,calc(100% - 64px))!important;
    min-height:96px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(255px,.72fr) minmax(0,1.28fr)!important;
    grid-template-areas:"brand nav"!important;
    align-items:stretch!important;
    gap:0!important;
  }
  .sitehead .brand-stack{
    grid-area:brand!important;
    display:block!important;
    align-self:center!important;
    padding:13px 22px 13px 0!important;
  }
  /* Contacto conserva el mismo encabezado aunque su HTML histórico use .role. */
  .sitehead .headerin:has(>.role){grid-template-areas:"brand nav"!important}
  .sitehead .headerin>.role{
    grid-area:brand!important;display:block!important;align-self:center!important;
    padding:13px 22px 13px 0!important;color:var(--ink,#282423)!important;
    font:700 12px/1.2 Lato,Arial,sans-serif!important;letter-spacing:.055em!important;
    -webkit-text-stroke:.45px currentColor!important;
  }
  .sitehead .headerin>.role:before{content:"ROSARIO DENIZ GUERRERO";display:block;margin-bottom:5px;color:var(--wine,#96232b)!important;font:400 clamp(20px,1.7vw,27px)/1.12 'Julius Sans One',Arial,sans-serif!important;letter-spacing:.022em!important;-webkit-text-stroke:.68px currentColor!important}
  .sitehead .headerin>.role:after{content:"GESTIÓN ESTRATÉGICA DE CONFLICTOS";display:block;margin-top:3px;font:700 10.5px/1.22 Lato,Arial,sans-serif!important;letter-spacing:.055em!important;-webkit-text-stroke:.45px currentColor!important}
  .sitehead .headerin>.role small{display:none!important}
  .sitehead .brand-name{
    color:var(--wine,#741c2e)!important;
    font-size:clamp(20px,1.7vw,27px)!important;
    font-weight:400!important;
    line-height:1.12!important;
    letter-spacing:.022em!important;
    -webkit-text-stroke:.68px currentColor!important;
  }
  .sitehead .brand-identity{
    display:grid!important;
    gap:3px!important;
    margin-top:5px!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .sitehead .brand-role,.sitehead .brand-sub{
    color:var(--ink,#282423)!important;
    font-family:Lato,Arial,sans-serif!important;
    font-weight:700!important;
    letter-spacing:.055em!important;
    -webkit-text-stroke:.45px currentColor!important;
  }
  .sitehead .brand-role{font-size:12px!important}
  .sitehead .brand-sub{font-size:10.5px!important;line-height:1.22!important}
  .sitehead .brand-place{display:none!important}
  .sitehead .menu-toggle{display:none!important}
  .sitehead .nav{
    grid-area:nav!important;
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 17px!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:5px 12px!important;
    background:#eee4d8!important;
    border:0!important;
  }
  .sitehead .nav>a,.sitehead .nav .nav-area-link{
    color:#352d2a!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    white-space:nowrap!important;
  }
  .sitehead .nav .nav-dropdown{position:relative!important;display:flex!important;align-items:center!important;gap:2px!important;min-width:0!important}
  .sitehead .nav .area-toggle{font-size:12px!important;padding:2px!important}
  .sitehead .nav .calc{display:none!important}
  .sitehead .nav-submenu{
    display:none!important;
    position:absolute!important;
    z-index:30!important;
    top:calc(100% + 12px)!important;
    right:0!important;
    min-width:215px!important;
    padding:10px!important;
    background:#f7f3ec!important;
    border:1px solid #d8c4b8!important;
    box-shadow:0 8px 19px rgba(62,37,29,.15)!important;
  }
  .sitehead .nav-dropdown.open .nav-submenu{display:grid!important;gap:7px!important}
  .sitehead .nav-submenu a{font:700 12px/1.3 Lato,Arial,sans-serif!important;color:#352d2a!important;text-decoration:none!important}

  .inner-hero.interior-band,.interior-band.inner-hero{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  .inner-hero.interior-band .container,.interior-band.inner-hero .container{
    width:min(1180px,calc(100% - 64px))!important;
    min-height:46px!important;
    padding:8px 0!important;
    margin:0 auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
  }
  .inner-hero.interior-band h1,.interior-band.inner-hero h1{
    font-size:clamp(17px,1.65vw,24px)!important;
    line-height:1.18!important;
    letter-spacing:.025em!important;
    -webkit-text-stroke:.7px currentColor!important;
  }
  .inner-hero .band-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:9px!important}
  .inner-hero .band-cta{padding:7px 10px!important;font-size:10px!important;line-height:1.15!important}
  .inner-hero .wa-link{width:31px!important;height:31px!important}
  .inner-hero .wa-link svg{width:20px!important;height:20px!important}
  .inner-body{padding-top:27px!important}
  .inner-content .opening-heading,.page-quien-soy .opening-heading{
    font-size:clamp(23px,2.45vw,33px)!important;
    line-height:1.2!important;
    -webkit-text-stroke:.52px currentColor!important;
  }
}

/* Menú colapsado en tablet y celular: evita compresión y conserva las tres líneas. */
@media (max-width:980px){
  html,body{overflow-x:hidden!important}
  .sitehead{position:relative!important}
  .sitehead .headerin{
    position:relative!important;
    width:calc(100% - 36px)!important;
    min-height:80px!important;
    padding:12px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  .sitehead .brand-stack{display:block!important;min-width:0!important}
  .sitehead .headerin>.role{display:block!important;min-width:0!important;color:var(--ink,#282423)!important;font:700 10.5px/1.18 Lato,Arial,sans-serif!important;letter-spacing:.045em!important}
  .sitehead .headerin>.role:before{content:"ROSARIO DENIZ GUERRERO";display:block;margin-bottom:3px;color:var(--wine,#96232b)!important;font:400 19px/1.12 'Julius Sans One',Arial,sans-serif!important;letter-spacing:.03em!important;-webkit-text-stroke:.48px currentColor!important}
  .sitehead .headerin>.role:after{content:"GESTIÓN ESTRATÉGICA DE CONFLICTOS";display:block;margin-top:2px;font:700 10.5px/1.18 Lato,Arial,sans-serif!important;letter-spacing:.045em!important}
  .sitehead .headerin>.role small{display:none!important}
  .sitehead .brand-name{font-size:19px!important;line-height:1.12!important;-webkit-text-stroke:.48px currentColor!important}
  .sitehead .brand-identity{display:grid!important;gap:2px!important;margin-top:3px!important;text-align:left!important}
  .sitehead .brand-role,.sitehead .brand-sub{color:var(--ink,#282423)!important;font-size:10.5px!important;line-height:1.18!important;letter-spacing:.045em!important}
  .sitehead .brand-place{display:none!important}
  .sitehead .menu-toggle{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;padding:8px 10px!important;font-size:11px!important}
  .sitehead .nav{display:none!important;position:absolute!important;z-index:30!important;top:100%!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding:14px 18px!important;background:#eee4d8!important;border:1px solid #d8c4b8!important;box-shadow:0 9px 18px rgba(62,37,29,.14)!important}
  .sitehead .nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .sitehead .nav .calc{display:none!important}
  .sitehead .nav-dropdown{display:grid!important;grid-template-columns:1fr auto!important;gap:4px!important}
  .sitehead .nav-submenu{display:none!important;grid-column:1/-1!important;padding:5px 0 2px 10px!important}
  .sitehead .nav-dropdown.open .nav-submenu{display:grid!important;gap:7px!important}
  .sitehead .nav-submenu a{font-size:13px!important;text-decoration:none!important}
  .inner-hero.interior-band .container,.interior-band.inner-hero .container{width:calc(100% - 36px)!important;transform:none!important}
  .inner-hero.interior-band{margin:0!important;transform:none!important}
  .inner-body{padding-top:24px!important}
}

@media (max-width:700px){
  body:has(main > .hero + .section.work) .sitehead:after{min-height:55px;padding:8px 18px;font-size:19px}
  body:has(main > .hero + .section.work) .hero{padding:20px 0 0!important}
  body:has(main > .hero + .section.work) .hero-copy{width:calc(100% - 36px)!important}
}