/* Encabezado translúcido compartido para páginas con hero oscuro. */
body.tn-header-overlay .site-header{
  position:absolute;
  inset:0 0 auto;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  isolation:isolate;
}

body.tn-header-overlay .site-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(5,5,5,.32);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

@media(min-width:1101px){
  body.tn-header-overlay .nav-cta{
    display:block;
    justify-self:end;
    justify-content:normal;
    align-items:normal;
    gap:normal;
    min-height:0;
    padding:15px 18px;
    border:0;
    border-radius:3px;
    background:var(--tn-yellow,#ffd639);
    color:#080808;
    font:950 13px/normal var(--tn-font-sans);
    text-decoration:none;
    transform:none;
    transition:none;
  }

  body.tn-header-overlay .nav-cta:hover,
  body.tn-header-overlay .nav-cta:focus-visible{
    border:0;
    background:var(--tn-yellow,#ffd639);
    color:#080808;
    transform:none;
  }
}

@media(max-width:1100px){
  body.tn-header-overlay .nav-cta{display:none}
}

@media(min-width:761px){
  body.tn-header-overlay .hero,
  body.tn-header-overlay .zaranda-hero,
  body.tn-header-overlay .uv-hero,
  body.tn-header-overlay .products-hero{min-height:100svh}
}

@media(min-width:761px) and (max-width:1100px){
  body.tn-header-overlay .hero__copy,
  body.tn-header-overlay .zaranda-hero__copy,
  body.tn-header-overlay .uv-hero__copy,
  body.tn-header-overlay .products-hero__copy{padding-top:calc(var(--tn-header-height) + 56px)}
}

@media(max-width:760px){
  body.tn-header-overlay .hero__copy,
  body.tn-header-overlay .zaranda-hero__copy,
  body.tn-header-overlay .uv-hero__copy,
  body.tn-header-overlay .products-hero__copy{padding-top:calc(var(--tn-header-height-mobile) + 58px)}
}