/* ALTHA — navegación y búsqueda 2026
   Inspiración visual: encabezado limpio, menú de pantalla completa y búsqueda predictiva.
   No se utiliza ningún código, imagen ni marca comercial de Shopify.
*/
:root{--menu-gold:#F48C54;--menu-black:#0B0D0F;--search-gold:#F48C54}

/* Corrección de contraste comprobada en la franja naranja "Del plano…" */
.contact,.compact-cta{color:#151A1D!important}
.contact em,.compact-cta em,.contact h2 em{color:#151A1D!important}
.contact .eyebrow,.contact-layout>p,.compact-cta .eyebrow{color:#151A1D!important}
.contact .button.dark,.compact-cta .button.dark{color:#FFFFFF!important;background:#171B1E!important;border:1px solid #171B1E!important}
.contact .button.dark *, .compact-cta .button.dark *{color:inherit!important;opacity:1!important;visibility:visible!important}
.contact .button.dark:hover,.compact-cta .button.dark:hover{background:#171B1E!important;color:#fff!important}

/* Iconos sin cápsulas, círculos, sombras ni cambios visuales con hover */
.nav-wrap .search-trigger,.header .search-trigger,.header .menu-toggle{
  width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
  display:flex;align-items:center;justify-content:center;padding:9px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;outline-offset:0;color:#F7F4EE!important;
  transform:none!important;transition:none!important;
}
.header .search-trigger svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;transform:none!important;transition:none!important}
.header .menu-toggle{gap:7px!important;flex-direction:column}
.header .menu-toggle span{height:1.8px!important;width:26px!important;max-width:26px;background:currentColor!important;border-radius:1px;transition:none!important;transform:none!important}
.header .menu-toggle[aria-expanded=true] span{transform:none!important}
.header .search-trigger:hover,.header .search-trigger:active,.header .search-trigger:focus,
.header .menu-toggle:hover,.header .menu-toggle:active,.header .menu-toggle:focus{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#F7F4EE!important;transform:none!important;
}
.header .search-trigger:hover svg,.header .menu-toggle:hover span{transform:none!important}
.header .search-trigger:focus-visible,.header .menu-toggle:focus-visible{
  outline:2px solid var(--search-gold)!important;outline-offset:0!important;
}

/* Menú: negra la barra superior, amarillo industrial el contenido; ocupa TODO el móvil */
.mobile-drawer{
  background:var(--menu-gold)!important;color:var(--menu-black)!important;
  box-shadow:none!important;inset:0 auto 0 0!important;
  max-height:100dvh!important;min-height:100dvh!important;
  overflow:hidden;overscroll-behavior:contain;
}
.mobile-drawer .drawer-head{
  background:#050607;color:#fff;display:grid;grid-template-columns:50px minmax(0,1fr) 50px;
  align-items:center;gap:.25rem;min-height:90px;padding:calc(.8rem + env(safe-area-inset-top)) clamp(.8rem,4vw,1.7rem) .8rem;
  border:0;flex:0 0 auto;
}
.mobile-drawer .drawer-brand{
  color:#fff;justify-self:center;display:flex;align-items:center;flex-direction:column;
  text-align:center;font-size:1.5rem;font-weight:850;line-height:1;letter-spacing:.08em;
  overflow-wrap:normal;white-space:nowrap;
}
.mobile-drawer .drawer-brand small{color:var(--menu-gold);font-size:.51rem;letter-spacing:.2em;margin-top:.34rem}
.mobile-drawer .drawer-close,.mobile-drawer .drawer-head-search{
  display:flex;justify-content:center;align-items:center;width:48px;height:48px;min-width:48px;
  padding:11px;background:none!important;border:0!important;outline-offset:0;
  color:var(--menu-gold)!important;border-radius:0!important;box-shadow:none!important;
  transform:none!important;transition:none!important;
}
.mobile-drawer .drawer-head svg{width:25px;height:25px;display:block;stroke:currentColor}
.mobile-drawer .drawer-close:hover,.mobile-drawer .drawer-head-search:hover,
.mobile-drawer .drawer-close:active,.mobile-drawer .drawer-head-search:active,
.mobile-drawer .drawer-close:focus,.mobile-drawer .drawer-head-search:focus{
  background:none!important;color:var(--menu-gold)!important;transform:none!important;border:0!important;
}
.mobile-drawer .drawer-close:focus-visible,.mobile-drawer .drawer-head-search:focus-visible{
  outline:2px solid #FFF!important;outline-offset:-3px!important;
}
.mobile-drawer .drawer-scroll{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding:0 0 1.2rem!important;scrollbar-width:thin;
}
.mobile-drawer .drawer-main{
  display:flex;flex-direction:column;margin:0!important;padding:1.05rem 0 .3rem!important;
  background:transparent!important;gap:0;
}
.mobile-drawer .drawer-main a,.mobile-drawer .drawer-search-link{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  width:100%;min-height:65px;padding:.95rem clamp(1.5rem,7vw,2.35rem)!important;
  border:0!important;border-bottom:1px solid rgba(13,15,17,.09)!important;border-radius:0!important;
  color:#101417!important;background:transparent!important;font-weight:540!important;
  font-size:clamp(1.23rem,5vw,1.5rem)!important;line-height:1.2!important;letter-spacing:-.025em!important;
  text-decoration:none;transform:none!important;transition:none!important;
}
.mobile-drawer .drawer-search-link span{width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.mobile-drawer .drawer-search-link svg{width:24px;height:24px;stroke-width:1.8}
.mobile-drawer .drawer-main a:hover,.mobile-drawer .drawer-main a:focus,.mobile-drawer .drawer-search-link:hover,
.mobile-drawer .drawer-search-link:focus{
  color:#101417!important;background:transparent!important;padding-left:clamp(1.5rem,7vw,2.35rem)!important;
}
.mobile-drawer .drawer-main a[aria-current=page]{font-weight:800!important}
.mobile-drawer .drawer-accordion{border:0!important;margin:.2rem clamp(1.5rem,7vw,2.35rem) .9rem!important}
.mobile-drawer .drawer-accordion summary{
  min-height:53px;padding:.8rem 0!important;font-size:.9rem;font-weight:750;letter-spacing:0;
  color:#121618;border-top:1px solid rgba(0,0,0,.17);
}
.mobile-drawer .drawer-accordion-icon{font-size:1.55rem}
.mobile-drawer #drawer-categories{padding:0 0 .6rem!important;gap:0}
.mobile-drawer #drawer-categories a{
  color:#192026!important;border:0!important;border-bottom:1px solid rgba(0,0,0,.12)!important;
  min-height:49px;padding:.72rem .2rem!important;font-size:.95rem;font-weight:550;background:none!important;
  transform:none!important;transition:none!important;
}
.mobile-drawer .drawer-secondary{display:flex;flex-wrap:wrap;flex-direction:row;gap:0 .9rem!important;margin:0 clamp(1.5rem,7vw,2.35rem)!important}
.mobile-drawer .drawer-secondary a{padding:.5rem 0!important;min-height:35px!important;color:#333B3F!important;font-size:.78rem!important;line-height:1.3}
.mobile-drawer .drawer-footer{
  background:var(--menu-gold);border-top:1px solid rgba(0,0,0,.13);color:#14191B;
  padding:.75rem clamp(1.5rem,7vw,2.35rem) max(.85rem,env(safe-area-inset-bottom))!important;
  display:flex;flex-direction:column;gap:.5rem;min-height:0;
}
.mobile-drawer .drawer-instagram{font-weight:650;min-height:36px;display:inline-flex;align-items:center;font-size:.88rem}
.mobile-drawer .drawer-cta{
  display:flex;align-items:center;justify-content:space-between;padding: .85rem 1rem!important;
  min-height:51px;border:0!important;border-radius:3px!important;background:#151A1E!important;
  color:#fff!important;font-size:.94rem!important;transition:none!important;
}
.mobile-drawer .drawer-cta svg{width:21px;height:21px;color:#fff}
.mobile-drawer .drawer-cta:hover{background:#151A1E!important;color:#fff!important}

/* Búsqueda predictiva tipo ecommerce: sobre la web, con barra oscura y resultados debajo */
#search-dialog.search-overlay{
  inset:0!important;top:0!important;left:0!important;right:0!important;
  margin:0!important;width:100%!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:min(83dvh,720px)!important;
  border:0!important;border-radius:0!important;
  background:#07090A!important;color:#F9F8F0!important;
  box-shadow:0 22px 65px rgba(0,0,0,.45)!important;
  overflow:hidden;flex-direction:column;overscroll-behavior:contain;
}
#search-dialog[open]{display:flex!important}
#search-dialog::backdrop{background:rgba(4,5,7,.64)!important;backdrop-filter:none!important}
#search-dialog .shop-search-top{
  background:#050607!important;border:0!important;padding:clamp(1.25rem,3.6vw,2.15rem) 1rem .75rem!important;
  flex:0 0 auto;
}
#search-dialog .shop-search-row{display:flex;gap:10px;align-items:center;max-width:990px;margin:0 auto;min-height:54px}
#search-dialog .shop-search-form{
  display:flex;align-items:stretch;min-height:55px;flex:1 1 auto;min-width:0;
  padding:0 2px 0 .85rem!important;gap:0!important;
  border:1.5px solid var(--search-gold)!important;border-radius:2px!important;
  background:#090A0B!important;color:#fff!important;box-shadow:none!important;
  transition:none!important;
}
#search-dialog .shop-search-form:focus-within{border-color:var(--search-gold)!important;box-shadow:none!important}
#search-dialog .shop-search-field{min-width:0;display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;padding:.3rem 0}
#search-dialog .shop-search-field label{
  display:block;color:var(--search-gold)!important;font-size:.61rem!important;
  line-height:1.2;margin:0 0 .05rem;letter-spacing:.03em;cursor:text;
}
#search-dialog .shop-search-field input{
  width:100%!important;height:27px!important;min-height:27px!important;
  min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;color:#F7F5EC!important;
  box-shadow:none!important;outline:0!important;border-radius:0!important;
  font-size:16px!important;line-height:1.4!important;caret-color:var(--search-gold);
}
#search-dialog .shop-search-field input::placeholder{color:#B9BBB7!important;opacity:1}
#search-dialog .shop-clear-search,#search-dialog .shop-search-submit,
#search-dialog .dialog-close{
  width:45px!important;min-width:45px!important;max-width:45px!important;
  height:49px!important;min-height:49px!important;
  display:flex;align-items:center;justify-content:center;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:var(--search-gold)!important;box-shadow:none!important;
  font-size:1rem!important;padding:10px!important;transform:none!important;transition:none!important;
}
#search-dialog .shop-clear-search[hidden]{display:none!important}
#search-dialog .shop-clear-search{width:37px!important;min-width:37px!important;max-width:37px!important;color:#E6E1D2!important}
#search-dialog .shop-clear-search svg{width:16px;height:16px}
#search-dialog .shop-search-submit svg,#search-dialog .dialog-close svg{width:23px;height:23px}
#search-dialog .shop-search-submit:hover,#search-dialog .dialog-close:hover,
#search-dialog .shop-clear-search:hover,#search-dialog .shop-search-submit:focus,
#search-dialog .dialog-close:focus,#search-dialog .shop-clear-search:focus,
#search-dialog .shop-search-submit:active,#search-dialog .dialog-close:active{
  background:transparent!important;color:var(--search-gold)!important;box-shadow:none!important;transform:none!important;
}
#search-dialog :is(button,a):focus-visible{outline:2px solid var(--search-gold)!important;outline-offset:-2px!important}
#search-dialog .shop-search-content{
  width:100%;max-width:990px;margin:0 auto;background:#07090A!important;
  padding:.85rem 1.05rem 1.2rem!important;min-height:0;flex:1 1 auto;
  overflow-y:auto!important;overscroll-behavior:contain;
}
#search-dialog .shop-search-intro{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}
#search-dialog .shop-search-caption{color:var(--search-gold)!important;font-size:.68rem!important;letter-spacing:.12em;font-weight:750;line-height:1.6}
#search-dialog .shop-results-count{color:#AEB2B0!important;font-size:.77rem}
#search-dialog .popular-searches{display:flex;gap:.5rem;margin:.3rem 0 .5rem!important;padding:0!important;flex-wrap:wrap}
#search-dialog .popular-tag{
  padding:.45rem .72rem!important;min-height:36px!important;font-size:.78rem!important;
  border:1px solid rgba(244,140,84,.38)!important;background:#161819!important;color:#F6F3EA!important;border-radius:12px!important;
  transition:none!important;
}
#search-dialog .popular-tag:hover{background:#161819!important;color:#F6F3EA!important}
#search-dialog .shop-results-heading{
  color:var(--search-gold)!important;font-size:.69rem!important;font-weight:780;
  letter-spacing:.13em;margin:.9rem 0 0!important;padding:0 0 .55rem!important;
  border-bottom:1px solid #363737;
}
#search-dialog .shop-results-group{grid-template-columns:1fr;gap:0!important}
#search-dialog .shop-results-group .search-result{
  display:grid!important;grid-template-columns:41px minmax(0,1fr) 20px!important;
  column-gap:.9rem;align-items:center;min-height:70px!important;
  border-bottom:1px solid #333637!important;
  padding:.75rem .15rem!important;color:#F1F1EB!important;background:transparent!important;
  transition:none!important;
}
#search-dialog .shop-results-group .search-result:hover{color:#F1F1EB!important;background:transparent!important;padding:.75rem .15rem!important}
#search-dialog .shop-result-icon{
  width:40px!important;height:40px!important;border-radius:2px!important;
  display:grid;place-items:center;background:#282B2C!important;color:var(--search-gold)!important;
  font-size:1rem!important;
}
#search-dialog .shop-result-copy h3{color:#F9F8EF!important;font-size:.92rem!important;font-weight:660!important;margin:0 0 .15rem!important;line-height:1.3}
#search-dialog .shop-result-copy p{color:#A9AFAE!important;font-size:.76rem!important;margin:0!important;line-height:1.4}
#search-dialog .shop-result-arrow{color:var(--search-gold)!important}
#search-dialog .shop-no-results{color:#F4F2EA!important;padding:.9rem 0}
#search-dialog .shop-search-bottom{background:#080A0B!important;border-top:1px solid #343535!important;padding:.65rem 1rem max(.8rem,env(safe-area-inset-bottom))!important}
#search-dialog .shop-search-bottom a{
  max-width:955px;margin:auto;display:flex;align-items:center;justify-content:space-between;
  min-height:48px!important;border:1px solid rgba(244,140,84,.52)!important;border-radius:14px!important;
  background:transparent!important;color:#F2EBD3!important;padding:.55rem .85rem!important;
  font-size:.82rem;font-weight:650;transition:none!important;
}
#search-dialog .shop-search-bottom a:hover{background:transparent!important;color:#F2EBD3!important}
#search-dialog .shop-search-bottom svg{height:18px;width:18px;display:block}

@media(max-width:900px){
  .mobile-bottom-nav{display:none!important}
  body{padding-bottom:0!important}
  .header{
    position:sticky;top:0;z-index:70;min-height:69px!important;
    display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px;
    align-items:center;padding:.58rem clamp(.65rem,3vw,1.5rem)!important;gap:.2rem;
    background:#0A0D0F!important;
  }
  .header .nav-wrap{display:contents!important}
  .header #navigation{display:none!important}
  .header .brand{grid-column:2;grid-row:1;justify-self:center;text-align:center;min-width:0}
  .header .brand .altha-wordmark{font-size:clamp(1.36rem,5.6vw,1.72rem);letter-spacing:.075em;line-height:1}
  .header .brand .altha-wordmark small{font-size:.47rem;line-height:1.3;letter-spacing:.2em;margin-top:.25rem}
  .header .menu-toggle{grid-column:1;grid-row:1;display:flex!important;width:48px!important;height:48px!important}
  .header .search-trigger{grid-column:3;grid-row:1;justify-self:end;width:48px!important;height:48px!important}
  .mobile-drawer{width:100vw!important;max-width:100%!important;height:100dvh!important;
    transform:translate3d(-102%,0,0)!important;transition:transform .32s cubic-bezier(.22,.8,.3,1),visibility .32s!important;
  }
  body.drawer-open .mobile-drawer{transform:translate3d(0,0,0)!important;visibility:visible!important}
  .drawer-backdrop{display:none!important}
  #search-dialog.search-overlay{max-height:80dvh!important}
  #search-dialog .shop-search-top{padding:calc(.8rem + env(safe-area-inset-top)) .8rem .65rem!important}
  #search-dialog .shop-search-row{gap:.4rem}
  #search-dialog .shop-search-form{min-height:55px!important;padding-left:.65rem!important}
  #search-dialog .shop-search-content{padding:.9rem .9rem 1rem!important}
  #search-dialog .shop-search-bottom{padding:.6rem .9rem max(.7rem,env(safe-area-inset-bottom))!important}
  .inquiry-panel :is(input,textarea,select){font-size:16px!important}
}
@media(max-width:360px){
  .header .brand .altha-wordmark{font-size:1.25rem}
  #search-dialog .shop-search-top{padding-left:.5rem!important;padding-right:.5rem!important}
  #search-dialog .shop-search-row{gap:0}
  #search-dialog .dialog-close{max-width:42px!important;min-width:42px!important}
  .mobile-drawer .drawer-head{grid-template-columns:45px 1fr 45px;padding-inline:.55rem}
  .mobile-drawer .drawer-brand{font-size:1.3rem}
  .mobile-drawer .drawer-main a,.mobile-drawer .drawer-search-link{min-height:58px}
}


/* Contacto móvil: experiencia de escritura más cómoda, cercana a apps de mensajería */
@media(max-width:700px){
  .contact-page{display:block!important;padding-top:1.1rem!important}
  .contact-page>.contact-aside{margin-bottom:1rem!important}
  .inquiry-panel{
    border-radius:18px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #DED8CC!important;
    box-shadow:0 12px 34px rgba(0,0,0,.08)!important;
  }
  .inquiry-panel form{padding:1.05rem 1rem 1.15rem!important}
  .inquiry-panel .eyebrow{display:block;padding:1rem 1rem 0!important}
  .form-intro{font-size:.98rem!important;line-height:1.58!important;margin:.8rem 0 1.2rem!important}
  .form-row{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}
  .inquiry-panel form label{
    font-size:.98rem!important;
    margin:0 0 .46rem!important;
    font-weight:760!important;
  }
  .inquiry-panel input,
  .inquiry-panel select,
  .inquiry-panel textarea{
    min-height:60px!important;
    padding:1.08rem 1rem!important;
    border-radius:14px!important;
    border:1.5px solid #CFC8BE!important;
    background:#fff!important;
    font-size:16px!important;
    line-height:1.32!important;
  }
  .inquiry-panel textarea{
    min-height:180px!important;
    padding-top:1rem!important;
    border-radius:16px!important;
  }
  .inquiry-panel select{padding-right:3.2rem!important;background-position:right 1rem center!important}
  .form-helper,
  .inquiry-panel .privacy-note,
  #message-count,
  #contact-status{font-size:.88rem!important;line-height:1.55!important}
  .inquiry-panel .form-bottom{
    position:sticky!important;
    bottom:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.7rem!important;
    margin-top:1rem!important;
    padding:.85rem 0 calc(.15rem + env(safe-area-inset-bottom))!important;
    background:linear-gradient(to top,#F7F4EF 78%,rgba(247,244,239,.88) 100%)!important;
  }
  .inquiry-panel .form-bottom button{
    width:100%!important;
    min-height:58px!important;
    border-radius:16px!important;
    font-size:1rem!important;
    font-weight:760!important;
    letter-spacing:-.01em!important;
    box-shadow:0 10px 22px rgba(21,27,30,.14)!important;
  }
  .inquiry-panel input::placeholder,
  .inquiry-panel textarea::placeholder{font-size:1rem!important;line-height:1.45!important;color:#7A8185!important}
  .optional{font-size:.92em!important;color:#6D7477!important}
}

@media(max-width:420px){
  .page-intro.section{padding-bottom:.9rem!important}
  .inquiry-panel form{padding:1rem .9rem 1.05rem!important}
  .inquiry-panel .eyebrow{padding:1rem .9rem 0!important}
  .inquiry-panel input,
  .inquiry-panel select,
  .inquiry-panel textarea{min-height:58px!important;padding:1rem .92rem!important}
  .inquiry-panel textarea{min-height:170px!important}
}

@media(prefers-reduced-motion:reduce){.mobile-drawer,#search-dialog[open]{transition:none!important;animation:none!important}}
/* Último ajuste de lectura: logotipo y sugerencias perfectamente visibles */
@media(max-width:900px){
 .header .brand .altha-wordmark{color:#FFF!important}
 .header .brand .altha-wordmark small{color:var(--search-gold)!important;opacity:1!important}
 #search-dialog .shop-result-copy h3{font-size:1rem!important}
 #search-dialog .shop-result-copy p{font-size:.875rem!important;color:#CED2D0!important}
 #search-dialog .shop-results-caption{font-size:.75rem!important}
}
/* La información más importante nunca depende de una animación tardía */
@media(max-width:900px){
 .hero h1 .line{animation-duration:.65s!important}
 .compact-cta .reveal.pending{opacity:1!important;transform:none!important}
 .compact-cta .reveal{transition-delay:0ms!important}
}
/* Proyectos: carruseles de categorías y filtros deslizables sin ampliar la pantalla */
@media(max-width:640px){
 .collection-section,.category-jump,.category-shortcuts,.collection-tools,.collection-tools>*,
 .filter-wrap,.filter-wrap .filters,.collection-tools form,.collection-tools .input-wrap{
   width:100%;max-width:100%;min-width:0;
 }
 .category-jump{grid-template-columns:minmax(0,1fr)}
 .category-shortcuts,.filter-wrap .filters{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .collection-tools{overflow:hidden;align-items:stretch}
 .filter-wrap{overflow:hidden}
}
/* Legibilidad también en escritorio; el menú de dos líneas es exclusivo del móvil */
.hero-top .hero-note{color:#D4DBDB!important;opacity:1!important}
@media(min-width:901px){.header .brand .altha-wordmark small{color:#CDD4D5!important;opacity:1!important}.header .menu-toggle{display:none!important}}