/* ZERO ART — capa global (todas las páginas con cabecera).
   Cabecera con llamada a la acción siempre visible en escritorio y estado al hacer scroll. */
.site-header{transition:box-shadow .35s ease}
.za-scrolled .site-header{box-shadow:0 10px 30px -24px #2f152355}
@media(min-width:1050px){
 .atlas-ready .site-header>nav,.site-header>nav{display:flex!important;align-items:center;gap:24px;margin-left:auto}
 .site-header>.header-client-link{margin-left:0}
 .site-header>nav>a{position:relative;white-space:nowrap}
 .site-header>nav>a:not(.contact-link)::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--wine,#462235);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.16,1,.3,1)}
 .site-header>nav>a:not(.contact-link):hover::after{transform:scaleX(1);transform-origin:left}
 .site-header>nav>a.contact-link,.considered-home .site-header>nav .contact-link{display:inline-flex!important;align-items:center;gap:12px;min-height:42px;padding:9px 16px;background:var(--wine,#462235);color:var(--paper,#f1f0e9);font-size:14px;line-height:1.2;transition:background .25s,transform .25s cubic-bezier(.16,1,.3,1)}
 .site-header>nav>a.contact-link:hover{background:#643147;transform:translateY(-1px)}
 .site-header>nav>a.contact-link span{font-size:15px;display:inline-flex}
 .site-header>nav>a.contact-link svg{width:14px;height:14px;flex:none}
 .site-header>nav>a.contact-link:focus-visible{outline:2px solid var(--violet,#6552df);outline-offset:3px}
}
@media(min-width:1050px) and (max-width:1240px){.site-header .header-caption{display:none}}
/* El logo recibe el foco al terminar la intro: el anillo solo se muestra a quien navega con teclado */
html:not(.za-kbd) .site-header .wordmark:focus-visible{outline:none}

/* Modo vista previa: el caso completo dentro del diálogo de la portada (?embed=1). */
html.is-embed .site-header,html.is-embed .project-rail,html.is-embed .detail-main .breadcrumb,html.is-embed .project-turns,html.is-embed .seo-links,html.is-embed .detail-footer,html.is-embed .site-atlas,html.is-embed .call-orbit,html.is-embed .skip-link{display:none!important}
html.is-embed body{padding-top:0!important}
html.is-embed .detail-main{margin-top:0!important;padding-top:clamp(12px,2vw,28px)!important}

/* ── Cabecera común con la portada (ZERO ART*, Acceso, Empezar proyecto, Menú) ──
   Misma marca, misma altura y mismos botones que .p-head. El HTML ya trae todo pintado:
   el diseño no depende de que el JS marque .atlas-ready, así no hay saltos al cargar. */
:root{--header:68px}
.site-header.za-head{height:var(--header);gap:20px;padding:0 clamp(16px,3.6vw,64px);border-bottom:0;box-shadow:0 1px 0 #24211f1f;background:#f1f0e9ee;backdrop-filter:blur(10px)}
.za-scrolled .site-header.za-head{box-shadow:0 1px 0 #24211f1f,0 10px 30px -24px #2f152355}
.za-mark{font:700 22px/1 var(--sans,'DM Sans',Arial,sans-serif)!important;letter-spacing:-.05em!important;white-space:nowrap;color:var(--ink,#24211f);text-decoration:none}
.za-mark sup{font-weight:400;font-size:.7em;margin-left:2px;letter-spacing:0}
.site-header.za-head>.wordmark{display:inline-block;padding:11px 0;line-height:22px!important;margin-right:auto;flex-shrink:0}
.site-header.za-head>:not(.wordmark){margin-left:0!important;flex-shrink:0}
.site-header.za-head>nav{display:none!important;gap:24px;font-size:14px}
.site-header.za-head>nav>a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.site-header.za-head>nav>a[aria-current]::after{transform:scaleX(1)}
.site-header.za-head>.atlas-trigger{display:flex!important;min-height:44px}
.site-header.za-head>.header-client-link.za-acc-btn{min-height:44px;padding:9px 13px;font-size:14px;font-weight:500}
.za-head-cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 16px;background:var(--wine,#462235);color:var(--paper,#f1f0e9);font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;text-decoration:none;transition:background .2s}
.za-head-cta:hover{background:#5c2d46}
.za-head-cta>span{display:inline-flex}.za-head-cta>span:first-child{display:inline}.za-head-cta svg{width:14px;height:14px;flex:none}
.za-head-cta:focus-visible{outline:2px solid var(--violet,#6552df);outline-offset:3px}
@media(min-width:1050px){.site-header.za-head>nav{display:flex!important}}
@media(max-width:1180px) and (min-width:1050px){.site-header.za-head{gap:16px}.site-header.za-head>nav{gap:18px}}
@media(max-width:720px){
 .site-header.za-head{gap:8px;padding:0 16px}
 .site-header.za-head>.atlas-trigger{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;justify-content:center}
 .site-header.za-head>.atlas-trigger>span:first-child{display:none}
 .za-head-cta{padding:9px 12px;font-size:13px;gap:8px}
}
@media(max-width:520px){.za-head-x{display:none}}
@media(max-width:374px){.site-header.za-head{padding:0 12px;gap:6px}.site-header.za-head .za-mark{font-size:20px!important}.za-head-cta{padding:9px 10px}}
/* El menú abierto repite la misma marca */
.atlas-top .za-mark{font-size:24px!important}.atlas-top-note{text-transform:none}

/* ── Migas de pan: una sola referencia de ubicación, con mayúsculas normales ── */
.seo-breadcrumb{font-family:var(--mono,'DM Mono',monospace);font-size:12px;letter-spacing:.02em;color:var(--muted,#5f5a55)}
.seo-breadcrumb a,.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--ink,#24211f);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#24211f55}
.seo-breadcrumb [aria-current]{color:var(--wine,#462235)}

/* ── Áreas táctiles de 44 px en los enlaces del pie de las interiores ── */
@media(max-width:720px){
 .seo-links a,.site-footer a,.seo-footer a,.detail-footer a,main+footer a,.seo-legal a{display:inline-flex;align-items:center;min-height:44px}
}

/* /criterio/: las fichas pasan a h2 (sin saltar de h1 a h3) con el mismo aspecto que antes */
.seo-cards .seo-card-title{font-size:32px;line-height:1.12;margin:24px 0 16px;letter-spacing:-.04em}
@media(max-width:700px){.seo-cards .seo-card-title{font-size:28px}}