/* ==========================================================================
   BYKAMEN — CABECERA ÚNICA (plantilla común de toda la web)
   Se renderiza vía wp_body_open (functions.php) y se estila aquí, de forma
   autocontenida, para que sea idéntica en todas las páginas.
   ========================================================================== */
.bk-hdr{
  position:sticky; top:0; z-index:80;
  background:rgba(11,11,10,.90);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.bk-hdr-in{
  max-width:1360px; margin-inline:auto;
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  gap:1.2rem; padding:.7rem clamp(1rem,4vw,3rem);
}
.bk-hdr-nav{ display:flex; align-items:center; gap:clamp(.9rem,2vw,2rem); margin:0; }
.bk-hdr .bk-hdr-nav-r{ justify-content:flex-end; }
.bk-hdr a{
  font-family:"Oswald","Arial Narrow",sans-serif; text-transform:uppercase;
  letter-spacing:.16em; font-size:.72rem; color:#F6F5F3; text-decoration:none;
  white-space:nowrap; transition:color .2s ease;
}
.bk-hdr a:hover{ color:#E58500; }
.bk-hdr-logo{ justify-self:center; display:block; }
.bk-hdr-logo img{ height:70px; width:auto; display:block; }
.bk-hdr .bk-hdr-cta{
  border:1px solid #E58500; color:#E58500;
  padding:.55rem 1rem; transition:background .2s ease,color .2s ease;
}
.bk-hdr .bk-hdr-cta:hover{ background:#E58500; color:#0B0B0A; }

/* destino del botón: el formulario de cada página, sin que lo tape la barra */
[id="pedir-presupuesto"]{ display:block; scroll-margin-top:100px; }

/* hamburguesa + panel móvil: ocultos en escritorio */
.bk-burger{ display:none; }
.bk-mobile{ display:none; }

/* barra inferior de CTA: solo móvil */
.bk-cta-bar{ display:none; }
@media (max-width:900px){
  .bk-cta-bar{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:70;
    height:58px; background:#0B0B0A; border-top:1px solid rgba(255,255,255,.14);
    align-items:stretch;
  }
  .bk-cta-bar a{
    display:flex; align-items:center; justify-content:center; gap:.55rem;
    color:#F6F5F3; text-decoration:none;
  }
  .bk-cta-bar .bk-cta-wa, .bk-cta-bar .bk-cta-call{ flex:0 0 62px; }
  .bk-cta-bar .bk-cta-main{
    flex:1; font-family:"Oswald","Arial Narrow",sans-serif; text-transform:uppercase;
    letter-spacing:.12em; font-size:.82rem; color:#E58500; font-weight:500;
    border-left:1px solid rgba(255,255,255,.12); border-right:1px solid rgba(255,255,255,.12);
  }
  .bk-cta-bar svg{ width:25px; height:25px; color:#E58500; }  /* iconos en ámbar corporativo */
  /* deja hueco para que la barra no tape el contenido final ni el pie */
  body{ padding-bottom:58px; }
}

/* ---- MÓVIL: menú hamburguesa ---- */
@media (max-width:900px){
  .bk-hdr-in{ grid-template-columns:1fr auto; gap:.6rem; padding:.7rem 1rem; }
  .bk-hdr-nav{ display:none; }              /* se ocultan los menús de escritorio */
  .bk-hdr-logo{ justify-self:start; }
  .bk-hdr-logo img{ height:50px; }

  .bk-burger{
    display:flex; flex-direction:column; justify-content:center; gap:5px;
    justify-self:end; width:40px; height:40px; padding:0;
    background:none; border:0; cursor:pointer;
  }
  .bk-burger span{
    display:block; width:24px; height:2px; background:#F6F5F3;
    transition:transform .25s ease, opacity .2s ease;
  }
  .bk-hdr.is-open .bk-burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .bk-hdr.is-open .bk-burger span:nth-child(2){ opacity:0; }
  .bk-hdr.is-open .bk-burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  .bk-mobile{
    grid-column:1 / -1; display:none; flex-direction:column;
    padding:.2rem 0 1rem; margin-top:.5rem;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .bk-hdr.is-open .bk-mobile{ display:flex; }
  .bk-mobile a{
    padding:.95rem .3rem; font-size:.92rem; letter-spacing:.14em;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .bk-mobile a:last-child{ border-bottom:0; }
  .bk-mobile .bk-mobile-cta{
    margin-top:.9rem; border:1px solid #E58500; color:#E58500;
    text-align:center; padding:.9rem;
  }
  .bk-mobile .bk-mobile-cta:hover{ background:#E58500; color:#0B0B0A; }
}