/* V6.9 — logo recuperado, migas de navegación, vídeos e Instagram en artículos.
   Se carga después del resto de hojas; solo contiene ajustes de esta revisión. */

/* ---------- Cabecera y logo ---------- */
.nav{padding:16px 0}
.nav.scrolled{padding:9px 0}
.logo{display:inline-flex;align-items:center;line-height:0;flex-shrink:0}
.logo img{display:block;height:58px;width:auto;transition:height .45s var(--ease)}
.nav.scrolled .logo img{height:40px}
.logo:focus-visible,.nav-links a:focus-visible,.menu-btn:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
.nav-links a[aria-current]:after{transform:scaleX(1)}
.nav-links a[aria-current="page"]{color:#fff}
.footer .footer-logo img{height:64px;width:auto;opacity:.92}
.footer .footer-logo{margin-bottom:18px}
@media(max-width:900px){
  .logo img{height:44px}
  .nav.scrolled .logo img{height:36px}
  .nav-links{top:calc(100% + 6px)}
  .menu-btn{cursor:pointer;padding:6px}
}

/* ---------- Migas de navegación (páginas interiores) ---------- */
.crumbs{margin:0 0 26px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;row-gap:6px;font-size:13px;line-height:1.4;letter-spacing:.02em;color:rgba(255,255,255,.62)}
.crumbs li{display:flex;align-items:center;min-width:0}
.crumbs li+li:before{content:"";flex:none;width:22px;height:1px;margin:0 12px;background:var(--blue)}
.crumbs a{position:relative;color:#fff;padding:4px 0;text-decoration:none!important}
.crumbs a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:currentColor;opacity:.45;transform-origin:left;transition:transform .35s var(--ease),opacity .35s}
.crumbs a:hover:after{opacity:1;background:var(--blue)}
.crumbs a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.crumbs [aria-current]{max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){
  .crumbs{margin-bottom:18px}
  .crumbs li[aria-current]{display:none}
}

/* Entradilla y papel en la cabecera */
.page-hero .archive-dek{margin:0;max-width:760px;font-size:clamp(17px,1.7vw,23px);line-height:1.4;color:#dddbd5}
.page-hero .hero-role{margin:-10px 0 20px;font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.72)}
.archive-page .page-hero h1{margin-bottom:22px}

/* ---------- Vídeo de YouTube en artículos ---------- */
.archive-page .archive-prose .consent-media.youtube{aspect-ratio:auto;background:none}
.archive-page .archive-prose .consent-media.youtube iframe,
.archive-page .archive-prose .consent-media.youtube .media-placeholder{height:auto;aspect-ratio:16/9;background:#101012}
.archive-page .archive-prose .consent-media.youtube .media-placeholder[hidden]{display:none}
.consent-media .media-external{display:table;margin:12px 0 0 auto;font-size:12px!important;letter-spacing:.02em;color:#6b6a64!important;text-decoration:none!important;border-bottom:1px solid rgba(0,0,0,.18);padding-bottom:2px;transition:color .25s,border-color .25s}
.consent-media .media-external:hover{color:#151515!important;border-color:var(--blue)}

/* ---------- Publicaciones de Instagram en artículos ---------- */
.archive-page .archive-instagram-float{width:clamp(326px,31%,360px);max-width:none;margin:6px 0 30px 48px;background:none}
.archive-page .archive-instagram-float iframe{width:100%;min-width:326px;border:1px solid rgba(0,0,0,.1);border-radius:3px;background:#fff;transition:height .3s ease}
.archive-page .archive-instagram-float .media-placeholder{min-height:0;aspect-ratio:4/5;background:#e6e3dc;color:#151515;border:1px solid rgba(0,0,0,.08)}
.archive-page .archive-instagram-float .media-placeholder p{font-size:15px;line-height:1.45}
.archive-page .archive-instagram-float .media-note{color:#55544f;font-size:12px}
.archive-page .archive-instagram-float .media-placeholder .btn{color:#151515;background:transparent;border-color:rgba(0,0,0,.4)}
.archive-page .archive-instagram-float .media-placeholder .btn:hover{background:#151515;color:#fff}
.archive-page .archive-instagram-float .media-external{margin:10px 0 0 0}
@media(max-width:980px){
  .archive-page .archive-instagram-float{float:none;width:min(100%,400px);margin:26px auto 34px}
  .archive-page .archive-instagram-float .media-external{margin-left:auto}
}

/* ---------- Cierre de artículo ---------- */
.archive-page .archive-story-nav__all{margin-top:30px;padding:13px 22px;border:1px solid rgba(255,255,255,.34);font-size:10px;letter-spacing:.16em;color:#f3f1eb;transition:background .3s,color .3s,border-color .3s}
.archive-page .archive-story-nav__all:hover{background:#f3f1eb;color:#111;border-color:#f3f1eb;text-decoration:none!important}

@media(prefers-reduced-motion:reduce){.logo img,.crumbs a:after{transition:none}}

/* Vídeo a todo el ancho del bloque de texto, alineado con el titular */
.archive-page .archive-prose .consent-media.youtube{max-width:none;margin:34px 0 46px}
@media(max-width:700px){
  .archive-page .archive-prose .consent-media.youtube .media-placeholder{aspect-ratio:auto;min-height:0;padding:28px 18px}
  .archive-page .archive-prose .consent-media.youtube .media-placeholder p{font-size:16px;margin:0 0 10px}
  .archive-page .archive-prose .consent-media.youtube .media-placeholder .media-note{font-size:12px}
}

/* V6.9.1 — el tracking negativo del titular de la portada aplastaba los espacios */
.hero h1{word-spacing:.14em}

/* V6.9.2 — logo animado (portada y pie) */
.logo picture{display:block;line-height:0}
.logo picture img{height:62px}
.nav.scrolled .logo picture img{height:42px}
.footer .footer-logo img{height:76px}
@media(max-width:900px){.logo picture img{height:46px}.nav.scrolled .logo picture img{height:38px}}

/* V6.9.3 — recuadros de servicios de la portada: todo el recuadro (foto incluida) es enlace */
.service-card>a{position:absolute;inset:0;z-index:3}
.service-card>a:after{content:none}
.service-card>a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.service-card{cursor:pointer}

/* V6.9.6 — titular de «Por qué trabajar conmigo» (antes div, ahora h2) */
h2.equation{margin-top:0}

/* V6.9.7 — primer fotograma del hero como fondo mientras carga el vídeo (y con movimiento reducido) */
.hero-video-wrap{background:#050505 url('../img/hero-desktop-poster.webp?v=v09') center/cover no-repeat}
@media(max-width:700px){.hero-video-wrap{background-image:url('../img/hero-mobile-poster.webp?v=v09')}}

/* V7.3 — aviso de cookies compacto (primera visita). El panel completo sigue en «Configurar» y en el pie. */
.cookie-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:120;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:14px 20px;padding:12px 14px 12px 18px;background:rgba(12,12,12,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#e9e7e1;font-size:13px;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.35);animation:cookie-in .45s var(--ease,ease) both}
.cookie-bar p{margin:0;flex:1}
.cookie-bar a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.cookie-bar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.cookie-bar button{font:inherit;font-size:12px;letter-spacing:.04em;cursor:pointer;padding:9px 16px;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;transition:background .2s,color .2s}
.cookie-bar button:hover,.cookie-bar button:focus-visible{background:#fff;color:#111}
.cookie-bar button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.cookie-bar .cookie-bar__link{border-color:transparent;padding:9px 6px;text-decoration:underline;text-underline-offset:2px;color:#cfcdc7}
.cookie-bar .cookie-bar__link:hover{background:none;color:#fff}
@keyframes cookie-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:640px){
  .cookie-bar{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;padding:10px 12px;gap:8px;font-size:12px}
  .cookie-bar__actions{width:100%}
  .cookie-bar__actions button:not(.cookie-bar__link){flex:1}
}
@media(prefers-reduced-motion:reduce){.cookie-bar{animation:none}}

/* V7.6 — estilos del sistema trilingüe (selector de idioma, WhatsApp, vídeos incrustados) */
.lang-switch{display:flex;align-items:center;gap:2px;margin-left:6px;padding-left:16px;border-left:1px solid rgba(255,255,255,.22);font-size:10px;letter-spacing:.16em;flex-shrink:0}
.lang-switch a{padding:6px 6px;color:rgba(255,255,255,.55);text-decoration:none;transition:color .25s}
.lang-switch a:hover,.lang-switch a:focus-visible{color:#fff}
.lang-switch a[aria-current]{color:#fff;box-shadow:inset 0 -1px 0 var(--blue)}
.lang-switch a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:900px){.lang-switch{margin-left:auto;border-left:0;padding-left:0}.nav-inner{gap:14px}}

.whatsapp-fab{position:fixed;right:clamp(14px,3vw,26px);bottom:calc(clamp(14px,3vw,26px) + env(safe-area-inset-bottom,0px));z-index:110;width:54px;height:54px;border-radius:50%;border:0;background:#25d366;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .25s var(--ease,ease),box-shadow .25s,bottom .35s var(--ease,ease)}
.whatsapp-fab:hover{transform:scale(1.07);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.whatsapp-fab:focus-visible{outline:2px solid #fff;outline-offset:3px}
.whatsapp-fab svg{width:28px;height:28px;fill:#fff}
.has-cookie-bar .whatsapp-fab{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
@media(max-width:640px){.whatsapp-fab{width:50px;height:50px}.whatsapp-fab svg{width:25px;height:25px}.has-cookie-bar .whatsapp-fab{bottom:calc(124px + env(safe-area-inset-bottom,0px))}}
@media print{.whatsapp-fab,.cookie-bar{display:none!important}}

.video-embed{width:100%;margin:34px 0 46px;clear:both}
.video-embed iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#101012}
.video-embed .media-external{display:table;margin:12px 0 0 auto;font-size:12px!important;letter-spacing:.02em;color:#6b6a64!important;text-decoration:none!important;border-bottom:1px solid rgba(0,0,0,.18);padding-bottom:2px;transition:color .25s,border-color .25s}
.video-embed .media-external:hover{color:#151515!important;border-color:var(--blue)}

.case-video-full{background:#050505;padding:0 0 22px}
.case-video-full iframe{display:block;width:100%;aspect-ratio:16/9;max-height:86svh;height:auto;border:0;background:#000}
.case-video-full .media-external{display:table;margin:14px 0 0 auto;font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.65);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:2px}
.case-video-full .media-external:hover{color:#fff;border-color:var(--blue)}
/* V7.7 SEO */
/* línea descriptiva dentro del H1 (palabra clave) con el aspecto de .hero-role */
.page-hero h1 .hero-role{display:block;margin:18px 0 0;font-family:inherit;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:.04em;text-transform:none;color:rgba(255,255,255,.72)}
/* enlaces internos añadidos: servicios ("En la práctica") y casos ("Ver también") */
.section.service-related{padding-top:0}
.service-related .lead a,.content-grid h3+p a{text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}
.service-related .lead a:hover,.content-grid h3+p a:hover{color:var(--blue)}