/* creART Studio 1.6.11 — Correcciones de navegación y fotografía móvil.
   Escritorio no cambia. Sólo pantalla móvil (hasta 700px). */
@media (max-width:700px) {
  body.creart-site { overflow-x:clip; }
  body.admin-bar.home.creart-site .site-header {top:auto!important;}
  body.home.creart-site { --cm-home-header-h:76px; }

  /* No superponer el logo del header sobre el eslogan impreso en la foto. */
  body.home.creart-site .site-header,
  body.creart-site:not(.home) .site-header {
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    height:76px!important;
    min-height:76px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #ececec!important;
    border-radius:0!important;
    box-shadow:none!important;
    z-index:100!important;
  }
  body.creart-site .site-header .header-inner,
  body.home.creart-site .site-header .header-inner {
    height:76px!important;
    min-height:76px!important;
    width:auto!important;
    max-width:none!important;
    margin:0 20px!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:14px!important;
    position:static!important;
    background:transparent!important;
  }
  body.creart-site .site-brand,
  body.home.creart-site .site-brand {
    position:relative!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    z-index:103!important;
  }
  body.creart-site .site-brand .brand-logo-img {
    max-width:min(142px,39vw)!important;
    max-height:62px!important;
    object-fit:contain!important;
  }
  body.creart-site .nav-toggle,
  body.home.creart-site .nav-toggle {
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    margin:0!important;
    padding:10px!important;
    border:0!important;
    border-radius:6px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    background:transparent!important;
    position:relative!important;
    z-index:103!important;
  }
  body.creart-site .nav-toggle span { margin:0!important; min-height:2px; }
  body.creart-site .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  body.creart-site .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  body.creart-site .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

  /* Full-viewport navigation sheet: no floating mini-menu or overlap with title. */
  body.creart-site .primary-nav,
  body.home.creart-site .primary-nav {
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    height:calc(100vh - 76px)!important;
    height:calc(100dvh - 76px)!important;
    max-height:none!important;
    margin:0!important;
    padding:clamp(25px,6vh,52px) 26px 38px!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #f0f0f0!important;
    box-shadow:0 12px 36px #00000016!important;
    z-index:102!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body.creart-site .primary-nav.is-open,
  body.home.creart-site .primary-nav.is-open { display:block!important; }
  body.creart-site .primary-nav .primary-menu {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:0!important;
    list-style:none!important;
  }
  body.creart-site .primary-nav .primary-menu li {
    display:block!important;
    width:100%!important;
    margin:0!important;
    border-bottom:1px solid #ededed!important;
  }
  body.creart-site .primary-nav .primary-menu li a {
    display:block!important;
    width:100%!important;
    padding:22px 8px!important;
    min-height:69px!important;
    margin:0!important;
    font-size:clamp(21px,5.7vw,27px)!important;
    line-height:1.2!important;
    font-weight:750!important;
    letter-spacing:-.035em!important;
    text-decoration:none!important;
    color:#0b0b0b!important;
    white-space:normal!important;
  }
  body.creart-site .primary-nav .primary-menu a:after { display:none!important; }
  body.creart-site .primary-nav .primary-menu li a:focus-visible {outline:2px solid #00baf2;outline-offset:-3px}
  body.creart-site.creart-menu-open { overflow:hidden!important; }

  /* Art-directed mobile portrait: same source photo, crop preserves both people,
     slogan and wall logo. Aspect-ratio prevents object-fit:cover from clipping it. */
  body.home.creart-site .cm-hero {
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    margin-top:0!important;
  }
  body.home.creart-site .cm-hero-scene {
    order:0!important;
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1490 / 941!important;
    flex:0 0 auto!important;
    background:#f7f7f7!important;
    overflow:hidden!important;
  }
  body.home.creart-site .cm-reference-hero-image {
    position:absolute!important;
    inset:0!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }
  body.home.creart-site .cm-hero-picture {
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  body.home.creart-site .cm-reference-hero-photo {
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.home.creart-site .cm-scene-is-reference::before,
  body.home.creart-site .cm-scene-is-reference::after {
    display:none!important;
    content:none!important;
  }
  body.home.creart-site .cm-hero-content {
    order:1!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
  }
}
@media(max-width:390px){
  body.home.creart-site .cm-hero-scene { height:auto!important; aspect-ratio:1490 / 941!important; }
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 body.creart-site .nav-toggle span {transition:none!important}
}

/* La navegación también debe ocupar el ancho disponible en tablet.
   No modifica el encabezado ni la fotografía del escritorio. */
@media(min-width:701px) and (max-width:980px) {
  body.creart-site .site-header { z-index:105!important; }
  body.creart-site .primary-nav,
  body.home.creart-site .primary-nav {
    position:absolute!important;
    display:none!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 80px)!important;
    padding:25px clamp(24px,5vw,55px)!important;
    margin:0!important;
    background:#fff!important;
    border-top:1px solid #e9e9e9!important;
    box-shadow:0 18px 36px #0000001c!important;
    overflow-y:auto!important;
    z-index:106!important;
  }
  body.creart-site .primary-nav.is-open,
  body.home.creart-site .primary-nav.is-open {display:block!important;}
  body.creart-site .primary-nav .primary-menu {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:0!important;
    max-width:620px!important;
    margin:0 auto!important;
  }
  body.creart-site .primary-nav .primary-menu li {border-bottom:1px solid #eee;}
  body.creart-site .primary-nav .primary-menu a {
    display:block!important;
    width:100%!important;
    padding:17px 5px!important;
    font-size:23px!important;
    line-height:1.3!important;
  }
  body.creart-site.creart-menu-open {overflow:hidden!important;}
}