/*
Theme Name: YDM · Método 5L
Theme URI: https://yosoydavidmoreno.es
Description: Tema hijo de GeneratePress para yosoydavidmoreno.es. Aplica el canon visual de la marca Método 5L (carbón y hueso con acento ámbar, como metodo5l.com; el oro solo en el logo M5L; Manrope en titulares y texto y Cormorant Garamond cursiva para la voz, como metodo5l.com). Hasta la 1.4.7 usaba el violeta del Mail Diario y hasta la 1.5.x, Jost. Casa del blog y del Mail Diario.
Author: David Moreno
Template: generatepress
Version: 1.7.7
Text Domain: ydm-metodo5l
*/

/* ============================================================
   1 · TOKENS — canon del Mail Diario
   ============================================================ */
/* ============================================================
   0 · FUENTES AUTOALOJADAS (6-oct-2026, decisión de Dirección). Cormorant Garamond y Manrope (Jost hasta la 1.5.x), licencia OFL,
   subconjunto latin (woff2 variables) en fonts/. Sin peticiones a Google. font-display: swap + fuentes de
   respaldo con métricas ajustadas (size-adjust/ascent/descent calculadas con fontTools a partir de los
   archivos reales y de Georgia/Arial) para que el cambio de fuente no desplace la maquetación (CLS).
   Regla: si cambia el contenido de un archivo de fuente, cambia su nombre (la URL no lleva versión y el navegador lo cachea).
   ============================================================ */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url("fonts/cormorant-garamond-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url("fonts/cormorant-garamond-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:300 700;font-display:swap;src:url("fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Fallback";src:local("Georgia");size-adjust:122.7%;ascent-override:75.3%;descent-override:23.4%;line-gap-override:0%}
@font-face{font-family:"Manrope Fallback";src:local("Arial");size-adjust:103.8%;ascent-override:102.7%;descent-override:28.9%;line-gap-override:0%}

:root{
  --ink:#0D0C0B;
  --violet:#915E17;
  --violet-bright:#E09A3A;
  --violet-soft:#F2B35A;
  --cream:#F1ECE2;
  --cream-dim:#A9A297;
  --gold:#E09A3A;

  --font-display:"Cormorant Garamond","Cormorant Fallback",Georgia,serif;
  --font-sans:"Manrope","Manrope Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;

  --measure:68ch;
  --col:46rem; /* columna de lectura fija (≈70 caracteres de Manrope a 17 px, medido el 4-nov). El ch dependía del tamaño de letra de cada elemento y desalineaba títulos y párrafos */
}

/* ============================================================
   2 · BASE
   ============================================================ */
body{
  font-family:var(--font-sans);
  font-weight:300;
  font-size:18px;
  line-height:1.75;
  color:#1F1C18;
  background:var(--cream); /* hueso del canon: con #fff quedaban franjas blancas entre bandas (6-nov) */
  -webkit-font-smoothing:antialiased;
}
/* GeneratePress pinta .inside-article en blanco: sobre el hueso quedaban cajas blancas sueltas */
body.separate-containers .inside-article,body.separate-containers .comments-area,body.separate-containers .page-header,body.separate-containers .paging-navigation,body.one-container .container,body .inside-page-header{background-color:transparent}
h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.18;
  color:var(--ink);
  letter-spacing:.2px;
}
h1{font-size:2.6rem;margin-bottom:.5em}
h2{font-size:2rem;margin-top:1.8em}
h3{font-size:1.5rem;margin-top:1.5em}
a{color:var(--violet);text-decoration:none}
a:hover{color:var(--violet-bright);text-decoration:underline}
strong{color:var(--ink)}
blockquote{
  border-left:3px solid var(--gold);
  padding:.2em 0 .2em 1.3em;
  margin:1.8em 0;
  font-family:var(--font-display);
  font-size:1.25rem;
  font-style:italic;
  color:#3A352E;
}
hr{border:0;border-top:1px solid #E4DCCD;margin:2.5em 0}
::selection{background:var(--violet-soft);color:var(--ink)}

/* ============================================================
   3 · LEGIBILIDAD DEL BLOG — lo que más importa
   ============================================================ */
.entry-content > *{max-width:min(var(--col),100%);margin-left:auto;margin-right:auto}
.entry-content > .alignwide,
.entry-content > .alignfull,
.entry-content > figure,
.entry-content > .wp-block-image{max-width:none}
.entry-content p{margin-bottom:1.35em}
.entry-content img{border-radius:8px}
.entry-content ul,.entry-content ol{margin-bottom:1.35em;padding-left:1.4em}
.entry-content li{margin-bottom:.5em}

.entry-title{font-family:var(--font-display)}
.entry-title a{color:var(--ink)}
.entry-title a:hover{color:var(--violet);text-decoration:none}
.entry-meta{font-size:.85rem;color:#6A6358;font-family:var(--font-sans)}

/* ============================================================
   4 · CABECERA Y NAVEGACIÓN
   ============================================================ */
.site-header{background:var(--ink);border-bottom:1px solid rgba(241,236,226,.10)}
.main-navigation{background:var(--ink)}
.main-navigation .main-nav ul li a{
  color:var(--cream);
  font-family:var(--font-sans);
  font-size:.9rem;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a{
  color:var(--gold);
  background:transparent;
}
.site-branding .main-title a{color:var(--cream);font-family:var(--font-display)}

/* ============================================================
   5 · PIE
   ============================================================ */
.site-footer,.footer-widgets,.site-info{
  background:var(--ink);
  color:var(--cream-dim);
  font-family:var(--font-sans);
  font-size:.9rem;
}
.site-footer a,.site-info a{color:var(--violet-soft)}
.site-footer a:hover,.site-info a:hover{color:var(--gold)}

/* ============================================================
   6 · BOTONES CANÓNICOS (reutilizables en cualquier página)
   ============================================================ */
.md-btn{
  display:inline-block;
  background:var(--violet);
  color:var(--cream)!important;
  font-family:var(--font-sans);
  font-weight:500;
  letter-spacing:.4px;
  padding:.85em 1.9em;
  border-radius:4px;
  text-decoration:none!important;
  transition:background .18s ease,transform .18s ease;
}
.md-btn:hover{background:var(--violet-bright);transform:translateY(-1px)}
.md-btn--gold{background:var(--gold);color:var(--ink)!important}
.md-btn--gold:hover{background:#F2B35A}

/* ============================================================
   7 · BLOQUES OSCUROS (Mail Diario / Ya estás dentro)
   Clases propias: funcionan con CUALQUIER tema
   ============================================================ */
.md-dark{
  background:var(--ink);
  color:var(--cream);
  padding:clamp(2.5rem,6vw,5rem) 1.5rem;
  margin:0;
}
.md-dark h1,.md-dark h2,.md-dark h3{color:var(--cream)}
.md-dark a{color:var(--violet-soft)}
.md-dark a:hover{color:var(--gold)}
.md-wrap{max-width:760px;margin:0 auto}
.md-lead{font-size:1.2rem;color:var(--cream-dim);line-height:1.7}
.md-kicker{
  font-family:var(--font-sans);
  font-size:.78rem;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:1.2rem;
}

/* ============================================================
   8 · RESPONSIVE
   ============================================================ */
@media (max-width:768px){
  body{font-size:17px}
  h1{font-size:2rem}
  h2{font-size:1.6rem}
  h3{font-size:1.3rem}
}

/* ═══ PÁGINAS A SANGRE COMPLETA (Mail Diario y Ya estás dentro) ═══
   Reproduce su diseño original sin depender de Enfold.
   Todo acotado a body.md-fullbleed: no afecta a ninguna otra página. */

/* ═══ MAIL DIARIO · página 7246 · desacoplado de Enfold (10-sept-2026) ═══ */
body.md-fullbleed .md-page h1,body.md-fullbleed .md-page h2,body.md-fullbleed .md-page h3{color:#F1ECE2 !important;}body.md-fullbleed,body.md-fullbleed #page,body.md-fullbleed #main,body.md-fullbleed #content,body.md-fullbleed .site-content,body.md-fullbleed .container,body.md-fullbleed .site-main,body.md-fullbleed .entry-content,body.md-fullbleed .entry-content-wrapper,body.md-fullbleed .inside-article{background:#0D0C0B !important;}body.md-fullbleed .container{width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important;}body.md-fullbleed .site-main{padding:0 !important;}body.md-fullbleed .entry-content,body.md-fullbleed .entry-content-wrapper,body.md-fullbleed .inside-article{padding:0 !important; margin:0 !important; border:0 !important;}body.md-fullbleed .md-page{min-height:100vh !important; width:100% !important;}body.md-fullbleed .md-page *,body.md-fullbleed .md-page *::before,body.md-fullbleed .md-page *::after{box-sizing: border-box !important}body.md-fullbleed{scroll-behavior: smooth !important}@media (prefers-reduced-motion: reduce){body.md-fullbleed{scroll-behavior: auto !important}}body.md-fullbleed .md-page{margin: 0 !important}body.md-fullbleed .md-page img{max-width: 100% !important;
    display: block !important}body.md-fullbleed .md-page a{color: inherit !important}body.md-fullbleed .md-page button{font: inherit !important;
    cursor: pointer !important}body.md-fullbleed :root{--ink: #0D0C0B !important;
    --ink-2: #141210 !important;
    --ink-3: #1B1814 !important;
    --violet: #915E17 !important;
    --violet-bright: #E09A3A !important;
    --violet-soft: #F2B35A !important;
    --cream: #F1ECE2 !important;
    --cream-dim: #A9A297 !important;
    --gold: #E09A3A !important;
    --hairline: rgba(224,154,58,0.16) !important;
    --hairline-strong: rgba(224,154,58,0.28) !important;
    --display: "Cormorant Garamond", "Cormorant Fallback", Georgia, serif !important;
    --sans: "Manrope", "Manrope Fallback", system-ui, -apple-system, sans-serif !important;
    --maxw: 1240px !important;
    --gutter: clamp(20px, 5vw, 80px) !important}body.md-fullbleed .md-page{background: var(--ink) !important;
    color: var(--cream) !important;
    font-family: var(--sans) !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    overflow-x: hidden !important;
    position: relative !important}body.md-fullbleed .md-page::before{content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 0.04 !important;
    mix-blend-mode: overlay !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") !important}body.md-fullbleed .md-page .wrap{max-width: var(--maxw) !important;
    margin: 0 auto !important;
    padding-left: var(--gutter) !important;
    padding-right: var(--gutter) !important}body.md-fullbleed .md-page main,body.md-fullbleed .md-page .md-main{position: relative !important;
    z-index: 2 !important}body.md-fullbleed .md-page .eyebrow{font-family: var(--sans) !important;
    font-weight: 500 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.28em !important;
    text-transform: uppercase !important;
    color: var(--violet-soft) !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.7em !important}body.md-fullbleed .md-page .eyebrow::before{content: "" !important;
    width: 28px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, var(--violet-bright)) !important}body.md-fullbleed .md-page h1,body.md-fullbleed .md-page h2,body.md-fullbleed .md-page h3{font-family: var(--display) !important;
    font-weight: 500 !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important}body.md-fullbleed .md-page h1 em,body.md-fullbleed .md-page h2 em,body.md-fullbleed .md-page h3 em{font-style: italic !important;
    color: var(--violet-bright) !important}body.md-fullbleed .md-page .btn{display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5em !important;
    width: 100% !important;
    border: none !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, var(--violet-bright), var(--violet)) !important;
    color: #fff !important;
    font-family: var(--sans) !important;
    font-weight: 500 !important;
    font-size: 0.92rem !important;
    letter-spacing: 0.04em !important;
    padding: 17px 28px !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
    box-shadow: 0 10px 30px -10px rgba(224,154,58,0.6) !important}body.md-fullbleed .md-page .btn:hover{transform: translatey(-1px) !important;
    filter: brightness(1.06) !important;
    box-shadow: 0 16px 40px -12px rgba(224,154,58,0.75) !important}body.md-fullbleed .md-page .btn:active{transform: translatey(0) !important}@media (prefers-reduced-motion: reduce){body.md-fullbleed .md-page .btn{transition: none !important}body.md-fullbleed .md-page .btn:hover{transform: none !important}}body.md-fullbleed .md-page .lead-form{margin: 0 !important}body.md-fullbleed .md-page .field-row{display: flex !important;
    flex-direction: column !important;
    gap: 12px !important}body.md-fullbleed .md-page .field-label{font-family: var(--sans) !important;
    font-weight: 500 !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--cream-dim) !important}body.md-fullbleed .md-page .field-input{width: 100% !important;
    padding: 16px 18px !important;
    border-radius: 4px !important;
    border: 1px solid var(--hairline-strong) !important;
    background: rgba(241,236,226,0.04) !important;
    color: var(--cream) !important;
    font-family: var(--sans) !important;
    font-size: 1rem !important;
    font-weight: 300 !important;
    outline: none !important;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important}body.md-fullbleed .md-page .field-input::placeholder{color: rgba(169,162,151,0.55) !important}body.md-fullbleed .md-page .field-input:focus{border-color: var(--violet-bright) !important;
    background: rgba(241,236,226,0.07) !important;
    box-shadow: 0 0 0 3px rgba(224,154,58,0.22) !important}body.md-fullbleed .md-page .honeypot{position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important}body.md-fullbleed .md-page .microcopy{margin: 14px 0 0 !important;
    font-size: 0.82rem !important;
    color: var(--cream-dim) !important;
    letter-spacing: 0.01em !important}body.md-fullbleed .md-page .consent{margin: 12px 0 0 !important;
    font-size: 0.74rem !important;
    line-height: 1.55 !important;
    color: rgba(169,162,151,0.8) !important}body.md-fullbleed .md-page .consent a{color: var(--violet-soft) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important}body.md-fullbleed .md-page .form-success{display: none !important;
    border: 1px solid var(--hairline-strong) !important;
    border-left: 3px solid var(--violet-bright) !important;
    background: rgba(224,154,58,0.08) !important;
    border-radius: 4px !important;
    padding: 22px 24px !important}body.md-fullbleed .md-page .form-success.is-visible{display: block !important}body.md-fullbleed .md-page .form-success h3{font-size: 1.5rem !important;
    margin-bottom: 6px !important}body.md-fullbleed .md-page .form-success p{margin: 0 !important;
    font-size: 0.92rem !important;
    color: var(--cream-dim) !important}body.md-fullbleed .md-page .site-header{position: relative !important;
    z-index: 3 !important;
    border-bottom: 1px solid var(--hairline) !important}body.md-fullbleed .md-page .site-header .wrap{display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important}body.md-fullbleed .md-page .wordmark{font-family: var(--display) !important;
    font-weight: 600 !important;
    font-size: 1.15rem !important;
    letter-spacing: 0.02em !important;
    color: var(--cream) !important;
    text-decoration: none !important}body.md-fullbleed .md-page .wordmark span{color: var(--violet-bright) !important}body.md-fullbleed .md-page .site-header nav{font-size: 0.75rem !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--cream-dim) !important}body.md-fullbleed .md-page .hero{position: relative !important;
    overflow: hidden !important}body.md-fullbleed .md-page .hero::before{content: "" !important;
    position: absolute !important;
    top: -20% !important;
    left: -10% !important;
    width: 70% !important;
    height: 90% !important;
    background: radial-gradient(closest-side, rgba(145,94,23,0.45), transparent 70%) !important;
    filter: blur(40px) !important;
    z-index: 0 !important;
    pointer-events: none !important}body.md-fullbleed .md-page .hero::after{content: "" !important;
    position: absolute !important;
    bottom: -30% !important;
    right: -5% !important;
    width: 55% !important;
    height: 80% !important;
    background: radial-gradient(closest-side, rgba(224,154,58,0.3), transparent 70%) !important;
    filter: blur(50px) !important;
    z-index: 0 !important;
    pointer-events: none !important}body.md-fullbleed .md-page .hero .wrap{position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 1.05fr 0.95fr !important;
    gap: clamp(40px, 6vw, 88px) !important;
    align-items: center !important;
    padding-top: clamp(48px, 7vw, 96px) !important;
    padding-bottom: clamp(56px, 8vw, 110px) !important}body.md-fullbleed .md-page .hero h1{font-size: clamp(2.6rem, 6vw, 4.5rem) !important;
    margin: 22px 0 0 !important;
    text-wrap: balance !important}body.md-fullbleed .md-page .hero .subhead{font-size: clamp(1.02rem, 1.5vw, 1.18rem) !important;
    color: var(--cream-dim) !important;
    margin: 24px 0 0 !important;
    max-width: 30em !important;
    line-height: 1.65 !important}body.md-fullbleed .md-page .hero-form-card{margin-top: 34px !important;
    max-width: 460px !important}body.md-fullbleed .md-page .brevo-embed{background: #fff !important;
    border-radius: 8px !important;
    border-top: 3px solid var(--violet) !important;
    box-shadow: 0 30px 70px -28px rgba(0, 0, 0, 0.85), 0 0 0 1px var(--hairline-strong) !important;
    padding: 6px !important;
    overflow: hidden !important}body.md-fullbleed .md-page .brevo-embed iframe{display: block !important;
    width: 100% !important;
    height: 400px !important;
     
    border: 0 !important;
    border-radius: 5px !important;
    overflow: hidden !important;}body.md-fullbleed .md-page .proof{margin-top: 22px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 28px !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    max-width: 460px !important}body.md-fullbleed .md-page .proof li{font-size: 0.82rem !important;
    color: var(--cream-dim) !important;
    letter-spacing: 0.02em !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 0.5em !important}body.md-fullbleed .md-page .proof strong{font-family: var(--display) !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    color: var(--gold) !important;
    letter-spacing: 0 !important}body.md-fullbleed .md-page .mail-mock{position: relative !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 50px 90px -30px rgba(0, 0, 0, 0.8), 0 0 0 1px var(--hairline-strong) !important;
    transform: rotate(1.4deg) !important;
    transform-origin: center !important}@media (prefers-reduced-motion: reduce){body.md-fullbleed .md-page .mail-mock{transform: none !important}}body.md-fullbleed .md-page .mail-mock__bar{background: linear-gradient(135deg, var(--violet), var(--ink-2)) !important;
    padding: 16px 22px !important;
    color: #fff !important}body.md-fullbleed .md-page .mail-mock__from{font-size: 0.72rem !important;
    letter-spacing: 0.06em !important;
    opacity: 0.85 !important;
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 8px !important}body.md-fullbleed .md-page .mail-mock__subject{font-family: var(--display) !important;
    font-weight: 600 !important;
    font-size: 1.18rem !important;
    line-height: 1.15 !important}body.md-fullbleed .md-page .mail-mock__body{background: #F7F4EE !important;
    color: #24201B !important;
    padding: 24px 24px 26px !important}body.md-fullbleed .md-page .mail-mock__tag{font-family: var(--sans) !important;
    font-weight: 600 !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--violet) !important;
    margin: 0 0 14px !important}body.md-fullbleed .md-page .mail-mock__body p{font-family: var(--sans) !important;
    font-weight: 300 !important;
    font-size: 0.9rem !important;
    line-height: 1.7 !important;
    margin: 0 0 12px !important;
    color: #4A453E !important}body.md-fullbleed .md-page .mail-mock__body p.lead{color: #24201B !important;
    font-weight: 400 !important}body.md-fullbleed .md-page .mail-mock__btn{display: inline-block !important;
    margin-top: 6px !important;
    background: var(--violet) !important;
    color: #fff !important;
    font-family: var(--sans) !important;
    font-weight: 500 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 11px 20px !important;
    border-radius: 3px !important}body.md-fullbleed .md-page .mail-mock__sig{margin-top: 20px !important;
    padding-top: 16px !important;
    border-top: 1px solid #E7E0D3 !important;
    font-family: var(--sans) !important;
    font-size: 0.74rem !important;
    color: #6A6358 !important;
    line-height: 1.6 !important}body.md-fullbleed .md-page section{position: relative !important;
    z-index: 2 !important}body.md-fullbleed .md-page .section-pad{padding-top: clamp(64px, 9vw, 130px) !important;
    padding-bottom: clamp(64px, 9vw, 130px) !important}body.md-fullbleed .md-page .section-head{max-width: 36em !important}body.md-fullbleed .md-page .section-head h2{font-size: clamp(2rem, 4vw, 3.1rem) !important;
    margin-top: 16px !important;
    text-wrap: balance !important}body.md-fullbleed .md-page .section-head p{color: var(--cream-dim) !important;
    font-size: 1.05rem !important;
    margin: 18px 0 0 !important}body.md-fullbleed .md-page .band-2{background: linear-gradient(180deg, var(--ink), var(--ink-2) 50%, var(--ink)) !important}body.md-fullbleed .md-page .cards{display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1px !important;
    margin-top: clamp(40px, 5vw, 64px) !important;
    background: var(--hairline) !important;
    border: 1px solid var(--hairline) !important;
    border-radius: 8px !important;
    overflow: hidden !important}body.md-fullbleed .md-page .card{background: var(--ink) !important;
    padding: 34px 28px 38px !important;
    transition: background 0.25s ease !important}body.md-fullbleed .md-page .card:hover{background: var(--ink-3) !important}body.md-fullbleed .md-page .card__n{font-family: var(--display) !important;
    font-weight: 600 !important;
    font-size: 1.6rem !important;
    color: var(--violet-bright) !important;
    margin-bottom: 18px !important}body.md-fullbleed .md-page .card h3{font-size: 1.5rem !important;
    margin-bottom: 12px !important}body.md-fullbleed .md-page .card p{font-size: 0.92rem !important;
    color: var(--cream-dim) !important;
    margin: 0 !important;
    line-height: 1.65 !important}body.md-fullbleed .md-page .card .method{color: var(--violet-soft) !important;
    font-style: italic !important;
    font-family: var(--display) !important;
    font-size: 1.05rem !important}body.md-fullbleed .md-page .promise{text-align: center !important}body.md-fullbleed .md-page .promise .wrap{max-width: 900px !important}body.md-fullbleed .md-page .promise blockquote{margin: 0 !important;
    font-family: var(--display) !important;
    font-weight: 500 !important;
    font-size: clamp(2.1rem, 4.5vw, 3.6rem) !important;
    line-height: 1.1 !important;
    text-wrap: balance !important}body.md-fullbleed .md-page .promise blockquote em{font-style: italic !important;
    color: var(--violet-bright) !important}body.md-fullbleed .md-page .promise .rider{margin: 28px auto 0 !important;
    max-width: 38em !important;
    color: var(--cream-dim) !important;
    font-size: 1.08rem !important;
    line-height: 1.7 !important}body.md-fullbleed .md-page .bio .wrap{display: grid !important;
    grid-template-columns: 0.8fr 1.2fr !important;
    gap: clamp(36px, 5vw, 72px) !important;
    align-items: center !important}body.md-fullbleed .md-page .bio__photo{position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid var(--hairline-strong) !important;
    aspect-ratio: 4/5 !important;
    background: var(--ink-3) !important}body.md-fullbleed .md-page .bio__photo img{width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important}body.md-fullbleed .md-page .bio__photo::after{content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 55%, rgba(13,12,11,0.55)) !important;
    pointer-events: none !important}body.md-fullbleed .md-page .bio h2{font-size: clamp(2rem, 4vw, 3rem) !important;
    margin-top: 16px !important}body.md-fullbleed .md-page .bio p{color: var(--cream-dim) !important;
    font-size: 1.05rem !important;
    margin: 18px 0 0 !important;
    line-height: 1.7 !important}body.md-fullbleed .md-page .bio p em{color: var(--cream) !important;
    font-style: italic !important;
    font-family: var(--display) !important;
    font-size: 1.18rem !important}body.md-fullbleed .md-page .fit .cols{display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(24px, 4vw, 48px) !important;
    margin-top: clamp(40px, 5vw, 60px) !important}body.md-fullbleed .md-page .fit__col{border: 1px solid var(--hairline) !important;
    border-radius: 8px !important;
    padding: 34px 32px !important;
    background: rgba(27,24,20,0.3) !important}body.md-fullbleed .md-page .fit__col.is-yes{border-color: var(--hairline-strong) !important;
    background: rgba(145,94,23,0.1) !important}body.md-fullbleed .md-page .fit__col h3{font-size: 1.7rem !important;
    margin-bottom: 22px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5em !important}body.md-fullbleed .md-page .fit__col ul{list-style: none !important;
    margin: 0 !important;
    padding: 0 !important}body.md-fullbleed .md-page .fit__col li{font-size: 0.98rem !important;
    color: var(--cream-dim) !important;
    padding: 13px 0 13px 30px !important;
    border-top: 1px solid var(--hairline) !important;
    position: relative !important;
    line-height: 1.5 !important}body.md-fullbleed .md-page .fit__col li:first-child{border-top: none !important}body.md-fullbleed .md-page .fit__col li::before{position: absolute !important;
    left: 0 !important;
    top: 13px !important;
    font-family: var(--display) !important;
    font-size: 1.2rem !important;
    line-height: 1 !important}body.md-fullbleed .md-page .fit__col.is-yes li::before{content: "✓" !important;
    color: var(--violet-bright) !important}body.md-fullbleed .md-page .fit__col.is-no li::before{content: "—" !important;
    color: rgba(169,162,151,0.5) !important}body.md-fullbleed .md-page .faq .wrap{max-width: 880px !important}body.md-fullbleed .md-page .faq details{border-top: 1px solid var(--hairline) !important;
    padding: 4px 0 !important}body.md-fullbleed .md-page .faq details:last-of-type{border-bottom: 1px solid var(--hairline) !important}body.md-fullbleed .md-page .faq summary{list-style: none !important;
    cursor: pointer !important;
    padding: 24px 44px 24px 0 !important;
    font-family: var(--display) !important;
    font-weight: 600 !important;
    font-size: clamp(1.2rem, 2vw, 1.5rem) !important;
    color: var(--cream) !important;
    position: relative !important;
    transition: color 0.18s ease !important}body.md-fullbleed .md-page .faq summary::-webkit-details-marker{display: none !important}body.md-fullbleed .md-page .faq summary:hover{color: var(--violet-soft) !important}body.md-fullbleed .md-page .faq summary::after{content: "" !important;
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    width: 12px !important;
    height: 12px !important;
    border-right: 1.5px solid var(--violet-soft) !important;
    border-bottom: 1.5px solid var(--violet-soft) !important;
    transform: translatey(-65%) rotate(45deg) !important;
    transition: transform 0.2s ease !important}body.md-fullbleed .md-page .faq details[open] summary::after{transform: translatey(-35%) rotate(-135deg) !important}body.md-fullbleed .md-page .faq details p{margin: 0 !important;
    padding: 0 44px 26px 0 !important;
    color: var(--cream-dim) !important;
    font-size: 1rem !important;
    line-height: 1.7 !important}body.md-fullbleed .md-page .faq summary:focus-visible{outline: 2px solid var(--violet-bright) !important;
    outline-offset: 4px !important;
    border-radius: 3px !important}body.md-fullbleed .md-page .final-cta{position: relative !important;
    overflow: hidden !important;
    text-align: center !important}body.md-fullbleed .md-page .final-cta::before{content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(closest-side, rgba(145,94,23,0.32), transparent 72%) !important;
    z-index: 0 !important;
    pointer-events: none !important}body.md-fullbleed .md-page .final-cta .wrap{position: relative !important;
    z-index: 2 !important;
    max-width: 620px !important}body.md-fullbleed .md-page .final-cta h2{font-size: clamp(2.4rem, 5vw, 3.8rem) !important}body.md-fullbleed .md-page .final-cta p{color: var(--cream-dim) !important;
    font-size: 1.08rem !important;
    margin: 18px 0 0 !important}body.md-fullbleed .md-page .final-cta .hero-form-card{margin: 34px auto 0 !important}body.md-fullbleed .md-page .site-footer{position: relative !important;
    z-index: 2 !important;
    border-top: 1px solid var(--hairline) !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important}body.md-fullbleed .md-page .site-footer .wrap{display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    font-size: 0.82rem !important;
    color: var(--cream-dim) !important}body.md-fullbleed .md-page .site-footer nav{display: flex !important;
    gap: 26px !important;
    flex-wrap: wrap !important}body.md-fullbleed .md-page .site-footer a{text-decoration: none !important;
    opacity: 0.85 !important;
    transition: opacity 0.15s ease !important}body.md-fullbleed .md-page .site-footer a:hover{opacity: 1 !important;
    color: var(--violet-soft) !important}@media (max-width: 980px){body.md-fullbleed .md-page .hero .wrap{grid-template-columns: 1fr !important;
        gap: 48px !important}body.md-fullbleed .md-page .mail-mock{transform: none !important;
        max-width: 480px !important}body.md-fullbleed .md-page .bio .wrap{grid-template-columns: 1fr !important}body.md-fullbleed .md-page .bio__photo{max-width: 360px !important}body.md-fullbleed .md-page .cards{grid-template-columns: 1fr 1fr !important}body.md-fullbleed .md-page .fit .cols{grid-template-columns: 1fr !important}}@media (max-width: 560px){body.md-fullbleed .md-page .cards{grid-template-columns: 1fr !important}body.md-fullbleed .md-page .hero-form-card,body.md-fullbleed .md-page .proof{max-width: none !important}body.md-fullbleed .md-page .brevo-embed iframe{height: 470px !important}body.md-fullbleed .md-page .site-header nav{display: none !important}body.md-fullbleed .md-page .site-footer .wrap{flex-direction: column !important;
        align-items: flex-start !important}}


/* ═══ YA ESTÁS DENTRO · página 7280 · desacoplado de Enfold (10-sept-2026) ═══ */
body.md-fullbleed :root{--violet:#915E17;--violet-soft:#E09A3A;--cream:#F1ECE2;--ink:#0D0C0B;}body.md-fullbleed .site-content,body.md-fullbleed #page .site-content{background:#0D0C0B!important;}body.md-fullbleed #main{padding:0!important;}body.md-fullbleed .md-confirm{background:#0D0C0B!important;min-height:88vh;display:flex!important;align-items:center;justify-content:center;padding:64px 24px!important;font-family:'Manrope',system-ui,sans-serif!important;}body.md-fullbleed .md-confirm *{box-sizing:border-box;}body.md-fullbleed .md-confirm .wrap{max-width:620px;margin:0 auto;text-align:center;}body.md-fullbleed .md-confirm .eyebrow{color:#E09A3A!important;letter-spacing:3px;text-transform:uppercase;font-size:13px;font-weight:600;margin:0 0 24px!important;}body.md-fullbleed .md-confirm h1{font-family:'Cormorant Garamond',Georgia,serif!important;color:#F1ECE2!important;font-size:56px;line-height:1.04;font-weight:500;margin:0 0 26px!important;}body.md-fullbleed .md-confirm h1 em{color:#E09A3A!important;font-style:italic;}body.md-fullbleed .md-confirm p{color:#CCC4B6!important;font-size:18px;line-height:1.6;margin:0 0 18px!important;font-family:'Manrope',system-ui,sans-serif!important;}body.md-fullbleed .md-confirm .sig{color:#F1ECE2!important;font-weight:600;}body.md-fullbleed .md-confirm .small{color:#8C8478!important;font-size:14px;margin-top:30px!important;letter-spacing:1px;}@media(max-width:600px){body.md-fullbleed .md-confirm h1{font-size:40px;}}

/* ═══ Cascarón del tema oculto en las páginas a sangre completa ═══
   El Mail Diario y «Ya estás dentro» traen su propia cabecera y su propio pie.
   Sin esto se verían duplicados. */
body.md-fullbleed .site-header,
body.md-fullbleed .main-navigation,
body.md-fullbleed #site-navigation,
body.md-fullbleed .navigation-branding,
body.md-fullbleed .site-footer,
body.md-fullbleed .footer-widgets,
body.md-fullbleed .footer-bar{display:none !important}
body.md-fullbleed #page{padding:0 !important;margin:0 !important}
/* corrección 5-oct: la medida de lectura del blog (68ch) encogía el Mail Diario a una columna */
body.md-fullbleed .entry-content > *{max-width:none !important}

/* ============================================================
   9 · CABECERA Y PIE (v1.1.0 · 5-oct-2026 · canon maqueta aprobada)
   ============================================================ */
.site-header .inside-header{padding:22px 0}
.site-logo img{max-height:30px;width:auto}
.main-navigation .main-nav ul li a{font-size:.8rem;letter-spacing:1.6px;padding-left:18px;padding-right:18px;line-height:50px}
.main-navigation .main-nav ul li.md-btn-nav > a{
  color:var(--cream);border:1px solid var(--violet-bright);border-radius:4px;line-height:42px;margin:4px 0 4px 10px;padding:0 20px
}
.main-navigation .main-nav ul li.md-btn-nav:hover > a{background:var(--violet);color:var(--cream)}
.main-navigation .menu-toggle{color:var(--cream)}
.site-footer{border-top:1px solid rgba(241,236,226,.08)}
.site-info .inside-site-info{padding:28px 0}
.site-info .copyright{color:#9A9286;font-size:.85rem}

/* ============================================================
   10 · PORTADA (body.ydm-home) — a sangre completa, secciones propias
   ============================================================ */
body.ydm-dark{background:var(--ink);color:var(--cream)}
body.ydm-dark .site-content,body.ydm-dark .content-area,body.ydm-dark .site-main{padding:0;margin:0}
body.ydm-dark .site-content .container,body.ydm-dark .grid-container{max-width:none;padding:0;margin:0}
body.ydm-dark .inside-article{padding:0;border:0;background:transparent}
body.ydm-dark .entry-content > *{max-width:none}
body.ydm-dark .entry-header,body.ydm-dark .page-header{display:none}
body.ydm-dark h1,body.ydm-dark h2,body.ydm-dark h3{color:var(--cream);font-weight:500;letter-spacing:-.2px}
body.ydm-dark p{color:var(--cream-dim);font-weight:300}
body.ydm-dark a{color:var(--violet-soft)} body.ydm-dark a:hover{color:var(--cream);text-decoration:none}

.ydm-section{padding:clamp(64px,8vw,120px) clamp(20px,6.6vw,96px);margin:0}
.ydm-section--band{background:#141210}
.ydm-section--hair{border-top:1px solid rgba(241,236,226,.08)}
.ydm-wrap{max-width:1248px;margin:0 auto}
.ydm-kicker{font-family:var(--font-sans);font-size:.78rem;letter-spacing:3px;text-transform:uppercase;color:var(--violet-bright);margin:0 0 16px}
.ydm-h1{font-size:clamp(2.6rem,5.8vw,5.25rem);line-height:.98;margin:0 0 24px;text-wrap:pretty}
.ydm-h2{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.02;margin:0 0 20px;text-wrap:pretty}
.ydm-lead{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55;max-width:34em;margin:0 0 28px}
.ydm-body{font-size:1.1rem;line-height:1.6;max-width:36em}
.ydm-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:.85rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--violet-soft)!important;margin-top:12px}
.ydm-link:hover{color:var(--cream)!important}
.ydm-btn{display:inline-flex;align-items:center;height:56px;padding:0 30px;background:var(--violet);border-radius:4px;color:var(--cream)!important;font-family:var(--font-sans);font-size:1rem;font-weight:500;letter-spacing:.8px;text-decoration:none!important}
.ydm-btn{transition:background-color .35s cubic-bezier(.32,.72,0,1),transform .35s cubic-bezier(.32,.72,0,1),box-shadow .35s cubic-bezier(.32,.72,0,1)}
.ydm-btn:hover{background:var(--violet-bright);color:var(--cream)!important;transform:translateY(-1px);box-shadow:0 12px 30px -12px rgba(224,154,58,.55)}
.ydm-btn:active{transform:translateY(1px);box-shadow:none}
.ydm-micro{font-size:.85rem;color:var(--cream-dim);margin:0}

/* hero */
.ydm-hero .wp-block-media-text{gap:40px;align-items:center}
.ydm-hero .wp-block-media-text__content{padding:0 24px 0 0}
.ydm-hero .wp-block-media-text__media img{display:block;width:100%;max-width:400px;height:auto;margin-left:auto;border-radius:8px}
.ydm-hero .ydm-cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:8px}

/* prueba */
.ydm-proof{display:flex;align-items:center;justify-content:center;gap:64px;flex-wrap:wrap;padding:28px 0;border-top:1px solid rgba(241,236,226,.08);border-bottom:1px solid rgba(241,236,226,.08);font-size:.95rem;color:var(--cream-dim)}
.ydm-proof strong{color:var(--gold);font-weight:500}
.ydm-proof em{color:var(--cream);font-style:normal}

/* el hombre */
.ydm-man .wp-block-media-text{gap:40px;align-items:center}
.ydm-man .wp-block-media-text__media img{border-radius:8px;width:100%;height:auto}
.ydm-man .wp-block-media-text__content{padding:0 0 0 24px}

/* el método: 5 pilares */
.ydm-pillars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:56px}
.ydm-pillar{background:#1B1814;border-top:2px solid var(--violet);border-radius:8px;padding:28px 24px}
.ydm-pillar p.ydm-pillar__n{font-family:var(--font-display);font-size:2.75rem;line-height:1;color:var(--gold);margin:0 0 14px}
.ydm-pillar p.ydm-pillar__name{font-family:var(--font-sans);font-size:.95rem;letter-spacing:2px;text-transform:uppercase;color:var(--cream);margin:0 0 10px}
.ydm-pillar p{font-size:.95rem;line-height:1.5;margin:0}

/* las puertas */
.ydm-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.ydm-door{display:flex;flex-direction:column;gap:16px;padding:40px 36px;border:1px solid rgba(241,236,226,.12);border-radius:8px;min-height:300px}
.ydm-door--deep{background:#141210;border-color:var(--violet)}
.ydm-door p.ydm-kicker{margin:0;font-size:.72rem;flex-grow:0}
.ydm-door--deep .ydm-kicker,.ydm-door--deep .ydm-link{color:var(--gold)!important}
.ydm-door h3{font-size:2.1rem;line-height:1.05;margin:0}
.ydm-door p{flex-grow:1;font-size:1rem;line-height:1.55;margin:0}

/* blog */
.ydm-blog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.ydm-blog .wp-block-latest-posts.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ydm-blog .wp-block-latest-posts.is-grid li{width:auto;margin:0}
.ydm-blog .wp-block-latest-posts li{padding-top:20px;border-top:1px solid rgba(241,236,226,.15);margin:0}
.ydm-blog .wp-block-latest-posts__post-date{display:block;font-size:.85rem;color:var(--cream-dim);margin-bottom:10px}
.ydm-blog .wp-block-latest-posts li > a{display:block;font-family:var(--font-display);font-size:1.7rem;line-height:1.15;color:var(--cream);margin-bottom:10px}
.ydm-blog .wp-block-latest-posts li > a:hover{color:var(--violet-soft)}
.ydm-blog .wp-block-latest-posts__post-excerpt{font-size:.95rem;line-height:1.55;color:var(--cream-dim);font-weight:300}
.ydm-blog .wp-block-latest-posts__featured-image img{border-radius:8px;width:100%;height:auto;margin-bottom:18px}

/* cta final */
.ydm-cta{text-align:center}
.ydm-cta .ydm-h2{max-width:14em;margin-left:auto;margin-right:auto;font-size:clamp(2.4rem,4.4vw,4rem)}
.ydm-cta .ydm-lead{margin-left:auto;margin-right:auto}
.ydm-brevo{max-width:560px;margin:24px auto 0;background:#fff;border-radius:8px;border-top:3px solid var(--violet);padding:6px;box-shadow:0 30px 70px -28px rgba(8,7,6,.85)}
.ydm-brevo iframe{display:block;width:100%;height:400px;border:0;border-radius:4px}

@media (max-width:980px){
  .ydm-blog .wp-block-latest-posts.is-grid{grid-template-columns:1fr}
  .ydm-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ydm-doors{grid-template-columns:1fr}
      .ydm-proof{gap:12px 28px;justify-content:flex-start}
  .ydm-man .wp-block-media-text__content{padding:24px 0 0}
}
@media (max-width:600px){
  .ydm-pillars{grid-template-columns:1fr}
  .ydm-hero .ydm-btn{width:100%;justify-content:center}
  .ydm-brevo iframe{height:470px}
}
.site-info .inside-site-info{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap}
.ydm-footer-nav{display:flex;gap:24px;flex-wrap:wrap}
.ydm-footer-nav a{color:#9A9286;font-size:.85rem}
.ydm-footer-nav a:hover{color:var(--violet-soft)}
/* Móvil: el pie se apila; copyright y enlaces centrados, sin el hueco de 24 px entre filas (6-nov) */
@media (max-width:768px){.site-info .inside-site-info{justify-content:center;text-align:center}.ydm-footer-nav{justify-content:center;gap:2px 20px}}

/* archivo del blog: lista legible con imagen contenida */
.blog .post-image img,.archive .post-image img{width:100%;height:auto;border-radius:6px}
.blog .inside-article,.archive .inside-article{padding:0 0 40px;border-bottom:1px solid #E7E0D3;margin-bottom:40px}
.blog .entry-title,.archive .entry-title{font-size:1.9rem}
.blog .entry-summary p,.archive .entry-summary p{color:#4A453E}
.read-more{font-family:var(--font-sans);font-size:.85rem;letter-spacing:1.4px;text-transform:uppercase}

/* páginas internas oscuras (Cursos, Contacto): clase body.ydm-dark asignada por functions.php */
body.ydm-dark .featured-image,body.ydm-dark .page-hero{display:none}
.ydm-producto .wp-block-media-text{gap:40px;align-items:center}
.ydm-producto .wp-block-media-text__media img{border-radius:10px;border:1px solid rgba(224,154,58,.22)}
.ydm-producto .wp-block-media-text__content{padding:0 0 0 24px}
.ydm-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.ydm-quotes blockquote{margin:0;background:rgba(241,236,226,.035);border:1px solid rgba(241,236,226,.10);border-left:3px solid var(--gold);border-radius:8px;padding:1.4rem 1.5rem;font-family:var(--font-display);font-size:1.12rem;font-style:italic;color:var(--cream);line-height:1.5}
.ydm-form{max-width:560px}
.ydm-form label{font-family:var(--font-sans);font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:var(--cream-dim)}
.ydm-form input,.ydm-form textarea{width:100%;margin-top:8px;padding:14px 16px;border-radius:4px;border:1px solid rgba(224,154,58,.28);background:rgba(241,236,226,.04);color:var(--cream);font-family:var(--font-sans);font-size:1rem}
.ydm-form input:focus,.ydm-form textarea:focus{outline:2px solid var(--violet-bright);outline-offset:2px}
.ydm-form button[disabled]{opacity:.45;cursor:not-allowed}
@media (max-width:980px){.ydm-quotes{grid-template-columns:1fr}.ydm-producto .wp-block-media-text__content{padding:24px 0 0}}

body.ydm-dark strong{color:var(--cream)}
body.ydm-dark .ydm-producto .wp-block-media-text{grid-template-columns:1fr!important}

/* ============================================================
   11 · PASADA FINAL (v1.3.0 · 5-oct-2026): primera pantalla móvil,
   ritmo, secciones crema, blog como biblioteca, foco y controles
   ============================================================ */
/* ritmo: menos aire entre bloques */
.ydm-section{padding:clamp(44px,6vw,84px) clamp(20px,6.6vw,96px)}
.ydm-h1{font-size:clamp(2.1rem,4.8vw,4.4rem);line-height:1.02;margin-bottom:18px}
.ydm-h2{font-size:clamp(1.8rem,3.2vw,2.9rem);margin-bottom:16px}
.ydm-lead{margin-bottom:22px}
.ydm-pillars{margin-top:36px}
.ydm-doors{margin-top:32px}
.ydm-blog-head{margin-bottom:28px}
.ydm-hero .wp-block-media-text__content{padding:0 32px 0 0}
/* primera pantalla móvil: claim → beneficio → CTA → foto */
@media (max-width:600px){
  .ydm-section{padding:36px 20px}
  .ydm-hero{padding-top:28px}
  .ydm-hero .wp-block-media-text{display:flex;flex-direction:column;gap:22px}
  .ydm-hero .wp-block-media-text__content{order:1;padding:0}
  .ydm-hero .wp-block-media-text__media{order:2;margin:0}
  .ydm-hero .wp-block-media-text__media img{max-width:none;width:100%;height:auto;margin:0}
  .ydm-hero .wp-block-media-text__media{height:360px;max-height:360px;overflow:hidden;border-radius:8px} /* altura fija: reserva el hueco antes de que llegue la foto (CLS) */
  .ydm-kicker{font-size:.7rem;letter-spacing:2.4px;margin-bottom:10px}
  .ydm-h1{font-size:2rem;line-height:1.06;margin-bottom:12px}
  .ydm-lead{font-size:1.02rem;line-height:1.5;margin-bottom:16px}
  .ydm-hero .ydm-cta-row{gap:10px}
  .ydm-hero .ydm-cta-row p{margin:0;width:100%}
  .ydm-btn{height:52px}
  .ydm-proof{padding:18px 0;gap:8px 20px;font-size:.9rem}
}
/* secciones crema: contraste editorial sin cambiar de marca */
.ydm-section--cream{background:var(--cream);color:var(--ink)}
body.ydm-dark .ydm-section--cream h1,body.ydm-dark .ydm-section--cream h2,body.ydm-dark .ydm-section--cream h3{color:var(--ink)}
body.ydm-dark .ydm-section--cream p{color:#4A443B}
body.ydm-dark .ydm-section--cream .ydm-kicker{color:var(--violet)}
body.ydm-dark .ydm-section--cream a,body.ydm-dark .ydm-section--cream .ydm-link{color:var(--violet)!important}
body.ydm-dark .ydm-section--cream a:hover,body.ydm-dark .ydm-section--cream .ydm-link:hover{color:var(--ink)!important}
.ydm-section--cream .ydm-door{border-color:rgba(13,12,11,.14);background:#fff}
.ydm-section--cream .ydm-door--deep{background:#fff;border-color:var(--violet)}
.ydm-section--cream .ydm-door--deep .ydm-kicker,.ydm-section--cream .ydm-door--deep .ydm-link{color:var(--violet)!important}
.ydm-section--cream .wp-block-latest-posts li{border-top-color:rgba(13,12,11,.14)}
.ydm-section--cream .wp-block-latest-posts li > a{color:var(--ink)}
.ydm-section--cream .wp-block-latest-posts li > a:hover{color:var(--violet)}
.ydm-section--cream .wp-block-latest-posts__post-date{color:#6A6358}
.ydm-section--cream .wp-block-latest-posts__post-excerpt{color:#4A443B}
/* foco visible y objetivos táctiles */
a:focus-visible,button:focus-visible,.ydm-btn:focus-visible,.ydm-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.main-navigation .main-nav ul li.md-btn-nav > a{line-height:44px;margin:3px 0 3px 10px}
.ydm-link{min-height:44px;align-items:center}
/* formulario Brevo: alto reservado, sin salto de maquetación */
.ydm-brevo{min-height:412px}
/* blog como biblioteca */
.ydm-bloghead{background:var(--ink);color:var(--cream);padding:clamp(36px,5vw,64px) clamp(20px,6.6vw,96px) clamp(28px,4vw,44px)}
.ydm-bloghead .ydm-wrap{max-width:1248px;margin:0 auto}
.ydm-bloghead h1{color:var(--cream);font-weight:500;font-size:clamp(2rem,3.6vw,3rem);margin:0 0 8px}
.ydm-bloghead p{color:var(--cream-dim);font-weight:300;margin:0 0 20px;max-width:40em}
.ydm-bloghead form{display:flex;gap:10px;max-width:520px;margin:0 0 22px}
.ydm-bloghead input[type=search]{flex:1;min-height:48px;padding:0 16px;border-radius:4px;border:1px solid rgba(224,154,58,.35);background:rgba(241,236,226,.05);color:var(--cream);font-family:var(--font-sans);font-size:1rem}
.ydm-bloghead button{min-height:48px;padding:0 20px;border:0;border-radius:4px;background:var(--violet);color:var(--cream);font-family:var(--font-sans);font-weight:500;cursor:pointer}
.ydm-topics{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.ydm-topics a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid rgba(224,154,58,.35);border-radius:999px;color:var(--cream);font-family:var(--font-sans);font-size:.85rem;text-decoration:none}
.ydm-topics a:hover,.ydm-topics a[aria-current]{background:var(--violet);border-color:var(--violet);color:var(--cream);text-decoration:none}
.ydm-start{background:var(--cream);padding:clamp(28px,4vw,48px) clamp(20px,6.6vw,96px)}
.ydm-start .ydm-wrap{max-width:1248px;margin:0 auto}
.ydm-start h2{font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;font-family:var(--font-sans);font-weight:500;color:var(--violet);margin:0 0 14px}
.ydm-start ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 24px;margin:0;padding:0;list-style:none;counter-reset:start}
.ydm-start li{counter-increment:start;display:flex;gap:12px;align-items:flex-start}
.ydm-start li::before{content:counter(start,decimal-leading-zero);font-family:var(--font-display);font-size:1.6rem;line-height:1;color:var(--gold)}
.ydm-start li a{font-family:var(--font-display);font-size:1.2rem;line-height:1.2;color:var(--ink)}
.ydm-start li a:hover{color:var(--violet);text-decoration:none}
.blog .site-main,.archive .site-main,.search .site-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;max-width:1248px;margin:0 auto;padding:40px clamp(20px,6.6vw,96px) 56px}
.blog .site-main > article,.archive .site-main > article,.search .site-main > article{margin:0}
.blog .site-main > .paging-navigation,.archive .site-main > .paging-navigation,.search .site-main > .paging-navigation,.blog .site-main > .page-header,.archive .site-main > .page-header,.search .site-main > .page-header{grid-column:1 / -1}
.blog .inside-article,.archive .inside-article,.search .inside-article{padding:0;border:0;margin:0;display:flex;flex-direction:column;gap:10px}
.blog .post-image,.archive .post-image,.search .post-image{margin:0 0 6px}
.blog .post-image img,.archive .post-image img,.search .post-image img{display:block;width:100%;height:auto;border-radius:6px}
.blog .entry-title,.archive .entry-title,.search .entry-title{font-size:1.45rem;line-height:1.2;margin:0}
.blog .entry-meta,.archive .entry-meta,.search .entry-meta{font-size:.8rem;margin:0}
.blog .entry-summary p,.archive .entry-summary p,.search .entry-summary p{font-size:.98rem;line-height:1.5;color:#4A443B;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog footer.entry-meta,.archive footer.entry-meta,.search footer.entry-meta{display:none}
.blog .read-more-container,.archive .read-more-container{margin-top:4px}
.tags-links{display:none}
@media (max-width:980px){.blog .site-main,.archive .site-main,.search .site-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.blog .site-main,.archive .site-main,.search .site-main{grid-template-columns:1fr;gap:32px}}

.archive .page-header,.search .page-header{display:none}
/* cabecera y «Empieza por aquí» a sangre dentro del listado del blog */
.blog .site-main,.archive .site-main,.search .site-main{padding-top:0}
.site-main > .ydm-bloghead,.site-main > .ydm-start{grid-column:1 / -1;margin-left:calc(-1 * clamp(20px,6.6vw,96px));margin-right:calc(-1 * clamp(20px,6.6vw,96px))}
.site-main > .ydm-start{margin-bottom:12px}
.site-main > .ydm-bloghead{margin-top:0}

/* 1.3.5 · Contacto → GHL: casilla de consentimiento y contenedor del formulario embebido */
.ydm-check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.ydm-check input{margin-top:5px;accent-color:var(--ydm-violeta,#915E17)}
/* En el formulario, .ydm-form input (width:100%) estiraba la casilla y apretaba el texto en una columna estrecha (6-nov) */
.ydm-form .ydm-check{text-transform:none;letter-spacing:0;font-size:.95rem;line-height:1.5}
.ydm-form .ydm-check input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:var(--violet-bright)}
.ydm-ghl-form{max-width:640px}
.ydm-ghl-form iframe{display:block;background:transparent}

/* ============================================================
   1.4.0 · Pasada premium (6-oct-2026): legibilidad, foco, movimiento reducido, objetivos táctiles
   ============================================================ */
html{color-scheme:dark}
body.md-fullbleed .md-page .promise blockquote,body.md-fullbleed .md-page .promise blockquote p{color:var(--cream)!important}
.ydm-h1,.ydm-h2,.entry-content h1,.entry-content h2,.entry-title{text-wrap:balance}
.entry-content p,.ydm-lead{text-wrap:pretty}
h1,h2,h3,[id]{scroll-margin-top:96px}
.ydm-footer-nav a,.site-footer a{display:inline-block;padding:6px 2px;min-height:24px;line-height:1.2}
a,button{-webkit-tap-highlight-color:rgba(224,154,58,.25)}
.ydm-btn,.ydm-link,.main-navigation a{touch-action:manipulation}
@media (prefers-reduced-motion:reduce){
  .ydm-btn,.ydm-btn:hover,.ydm-btn:active{transition:none;transform:none;box-shadow:none}
  html{scroll-behavior:auto}
}

/* 1.4.0 · Ritmo vertical: el contenedor interno de los bloques de grupo añadía 30 px arriba y abajo y GeneratePress 25 px de margen entre secciones; entre dos secciones se sumaban hasta 157 px en móvil (medido). Las secciones gobiernan su propio espacio. */
.ydm-section > .wp-block-group__inner-container{padding-top:0;padding-bottom:0}
.entry-content > .ydm-section{margin-bottom:0}
/* GeneratePress (.entry-content > [class*="wp-block-"]:not(:last-child)…, 0,4,0) ganaba y dejaba 27 px de fondo entre bandas (6-nov) */
body .entry-content > .wp-block-group.ydm-section:not(:last-child){margin-bottom:0}
@media (max-width:600px){.ydm-section{padding:44px 20px}.ydm-hero{padding-top:28px}}

/* 1.4.0 · Accesibilidad: foco con contraste ≥3:1 también sobre crema (oro 1,9:1 → violeta 6:1) y movimiento reducido global (WCAG 2.3.3). */
.ydm-section--cream a:focus-visible,.ydm-section--cream button:focus-visible,.ydm-section--cream .ydm-btn:focus-visible,.ydm-section--cream .ydm-link:focus-visible{outline-color:var(--violet)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ============================================================
   1.4.6 · QA nocturno (8-oct-2026): plantillas de entrada, enlaces en texto y 404
   ============================================================ */
/* Entradas: título y metadatos alineados con la columna de lectura (la imagen destacada puede ser más ancha). */
.single-post .entry-header{max-width:min(var(--col),100%);margin-left:auto;margin-right:auto}
/* Enlaces dentro del texto: distinguibles sin depender del color (WCAG 1.4.1). Botones, enlaces de sección y tarjetas quedan fuera. */
.entry-content p a:not(.ydm-btn):not(.ydm-link):not(.wp-block-button__link),
.entry-content :is(ul,ol):not(.wp-block-latest-posts) > li a:not(.ydm-btn):not(.ydm-link),
.entry-content > div > a:not(.ydm-btn):not(.ydm-link){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.entry-content p a:not(.ydm-btn):not(.ydm-link):hover,.entry-content :is(ul,ol):not(.wp-block-latest-posts) > li a:not(.ydm-btn):not(.ydm-link):hover{text-decoration-thickness:2px}
/* 404 con la voz de la marca. */
.error404 .inside-article{padding-top:clamp(48px,8vw,104px);padding-bottom:clamp(48px,8vw,104px)}
.error404 .entry-header,.error404 .entry-content{max-width:min(var(--col),100%);margin-left:auto;margin-right:auto}
.error404 .entry-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.1;text-wrap:balance}
.error404 .entry-content p{font-size:1.1rem;line-height:1.7}
.error404 .search-form{display:flex;gap:10px;margin-top:28px}
.error404 .search-form label{flex:1;margin:0}
.error404 .search-field{width:100%;height:52px;padding:0 16px;border:1px solid #D4CDC0;border-radius:4px;font-family:var(--font-sans);font-size:1rem;background:#fff;color:#1F1C18}
.error404 .search-submit{height:52px;min-width:52px;padding:0 18px;border:0;border-radius:4px;background:var(--violet);color:var(--cream);cursor:pointer;transition:background-color .3s cubic-bezier(.32,.72,0,1)}
.error404 .search-submit:hover{background:var(--violet-bright)}
.error404 .search-submit svg{fill:currentColor}
.ydm-404-links{display:flex;flex-wrap:wrap;gap:12px 28px;max-width:min(var(--col),100%);margin:36px auto 0;padding:0;list-style:none}
.ydm-404-links a{color:var(--violet);font-size:1rem;font-weight:500;letter-spacing:.3px;text-decoration:underline;text-underline-offset:.18em}
.ydm-404-links a:hover{color:#734A12}
/* Enlaces de categoría y etiqueta al pie de las entradas: también subrayados (WCAG 1.4.1). */
.single-post .entry-meta a,.single-post .cat-links a,.single-post .tags-links a{text-decoration:underline;text-underline-offset:.18em}

/* Cabecera con el mismo margen en todas las páginas. Antes, en las páginas oscuras, «body.ydm-dark .grid-container{padding:0}»
   también alcanzaba a la cabecera y dejaba el logo pegado al borde (escritorio y móvil); en las entradas tenía 32 px. */
/* Bordes del logo y del menú alineados con la columna de contenido de las secciones:
   max(margen de sección clamp(20px,6.6vw,96px), centrado a 1248 px) + relleno interior del grupo (40 px en escritorio, 30 px hasta 768 px, 0 en móvil). */
body .site-header .inside-header.grid-container{max-width:none;padding-left:calc(max(clamp(20px,6.6vw,96px),(100% - 1248px) / 2) + 40px);padding-right:calc(max(clamp(20px,6.6vw,96px),(100% - 1248px) / 2) + 40px)}
@media (max-width:768px){body .site-header .inside-header.grid-container{padding-left:calc(clamp(20px,6.6vw,96px) + 30px);padding-right:calc(clamp(20px,6.6vw,96px) + 30px)}}
@media (max-width:600px){body .site-header .inside-header.grid-container{padding-left:20px;padding-right:4px}}
/* Móvil: un solo margen lateral de 20 px (antes: logo a 0 px, textos de sección a 50 px, menú a 18 px). */
@media (max-width:768px){
  .main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px}
  .menu-toggle:focus-visible{outline-offset:-4px}
}
@media (max-width:600px){
  body .ydm-section .wp-block-group__inner-container{padding-left:0;padding-right:0}
  .ydm-section .wp-block-media-text .wp-block-media-text__content{padding-left:0;padding-right:0}
}

/* Menú de escritorio siempre en una línea: entre 769 y 1000 px no cabía (593 px necesarios, 520 disponibles a 820). */
@media (min-width:769px) and (max-width:1000px){
  .main-navigation .main-nav > ul > li > a{padding-left:9px;padding-right:9px;letter-spacing:.6px}
  .main-navigation .main-nav > ul > li.md-btn-nav > a{padding-left:14px;padding-right:14px}
}
@media (min-width:769px) and (max-width:860px){body .site-header .inside-header.grid-container{padding-left:40px;padding-right:40px}}

/* Botones con texto largo (p. ej. «Escribir por WhatsApp · +34 622 536 806» en móvil): pueden ocupar dos líneas sin salirse de la caja. */
.ydm-btn{height:auto;min-height:56px;padding-top:12px;padding-bottom:12px;line-height:1.3;text-align:center}
@media (max-width:600px){.ydm-contacto .ydm-btn{width:100%;justify-content:center;min-height:52px}}

/* Panel de ajustes de cookies: sin el logo genérico «GDPR» del plugin (no es la marca). Colores y tipografía se fijan en los ajustes del plugin (desde la 1.5.0: oro profundo #915E17, carbón #0D0C0B; texto en Manrope desde la 1.6.0). */
#moove_gdpr_cookie_modal .moove-gdpr-company-logo-holder{display:none}
body #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme{background-color:#141210;border-top:1px solid rgba(224,154,58,.22)}

/* 10-oct · Una sola familia de grises, teñida de violeta (antes había grises neutros #8A8379, #787064 y el #595959 de GeneratePress).
   Pie y textos secundarios sobre tinta: #9A9286 (6,4:1). Metadatos sobre blanco o crema: #6A6358 (6,0:1 y 5,3:1). */
.entry-meta a,.entry-meta .author-name,.entry-meta .byline,.entry-meta time{color:#6A6358}
.entry-meta a:hover{color:var(--violet)}

/* ============================================================
   1.5.0 · CANON M5L (3-nov-2026, local; canon oficial desde el maestro v4.3, 4-nov)
   Paleta del logo M5L: carbón #0D0C0B, hueso #F1ECE2, oro #E09A3A, oro oscuro #8E6E26.
   Los tokens --violet* conservan el nombre por compatibilidad, pero ya son oros:
   --violet = oro profundo #915E17 (texto y enlaces sobre claro, 5,2:1 sobre hueso),
   --violet-bright = oro #E09A3A (sobre oscuro), --violet-soft = oro claro #F2B35A.
   Los botones pasan a oro con texto carbón (8,1:1).
   ============================================================ */
.ydm-btn,.md-btn,body.md-fullbleed .md-page .btn{background:#E09A3A!important;color:#0D0C0B!important}
.ydm-btn:hover,.md-btn:hover,body.md-fullbleed .md-page .btn:hover{background:#F2B35A!important;color:#0D0C0B!important}
.main-navigation .main-nav ul li.md-btn-nav > a{border-color:#E09A3A}
.main-navigation .main-nav ul li.md-btn-nav:hover > a{background:#E09A3A;color:#0D0C0B}
.ydm-bloghead button,.error404 .search-submit{background:#E09A3A;color:#0D0C0B}
.ydm-topics a:hover,.ydm-topics a[aria-current]{background:#E09A3A;border-color:#E09A3A;color:#0D0C0B}
/* Botones antiguos con color en línea dentro de las entradas (CTA violeta del post diario) */
.entry-content a[style*="7B3FA8" i],.entry-content a[style*="7b3fa8" i]{background:#E09A3A!important;color:#0D0C0B!important}
.entry-content [style*="1A0A2E" i],.entry-content [style*="120726" i]{background-color:#141210!important}
/* Logo M5L horizontal (3,07:1): el manual pide al menos 160 px de ancho en pantalla. Con 30 px de alto se quedaba en 92 px. */
.site-logo img{max-height:52px}
/* En móvil también 52 px: con 44 se quedaba en 135 px de ancho */

.site-header .site-logo{padding:12px 0}
.site-header .inside-header{align-items:center}
@media (max-width:768px){.site-header .site-logo{padding:10px 0}}

/* 1.6.0 · TIPOGRAFÍA ÚNICA DEL CANON (4-nov-2026, maestro v4.4 §7.3): Cormorant Garamond en títulos y citas, Manrope en el texto, como metodo5l.com. Jost retirada. GeneratePress deja el botón «Menú» y los campos de formulario en la fuente del sistema. */
.menu-toggle,.mobile-menu,button,input,select,textarea{font-family:var(--font-sans)}

/* 1.6.1 · PAUTA DE FUENTES DEL HUB (4-nov-2026, de WEB HUB por Dirección): los mismos archivos que metodo5l.com (prototipo_v2_7_mapa/fonts), font-display:swap con las fuentes de reserva ajustadas, Manrope 300 en el texto y 500 en etiquetas de formulario. Los @font-face declaran el rango real de los archivos variables (300-700); los pesos en uso están dentro. */
label,.field-label,.wpcf7 label,.gform_wrapper label{font-weight:500}
strong,b{font-weight:600} /* con el texto a 300, «bolder» daría solo 400 y la negrita no se notaría */

/* 1.7.0 · TITULARES COMO EL HUB (4-nov-2026, maestro v4.6 §7.3): Manrope 600 con -0.03em en titulares; Cormorant Garamond cursiva solo para la voz (segunda línea del titular, promesas, citas, numerales). */
h1,h2,h3,h4,.entry-title,.page-title,
.ydm-blog .wp-block-latest-posts li > a,.error404 .entry-title,.ydm-start li a,
body.md-fullbleed .md-page h1,body.md-fullbleed .md-page h2,body.md-fullbleed .md-page h3,
body.md-fullbleed .md-confirm h1,body.md-fullbleed .md-page .faq summary,
body.md-fullbleed .md-page .wordmark,body.md-fullbleed .md-page .proof strong,body.md-fullbleed .md-page .mail-mock__subject{
  font-family:var(--font-sans)!important;font-weight:600!important;letter-spacing:-.03em;line-height:1.08}
h3,h4,.ydm-start li a,body.md-fullbleed .md-page .faq summary,body.md-fullbleed .md-page .proof strong,body.md-fullbleed .md-page .mail-mock__subject{line-height:1.2;letter-spacing:-.02em}
/* La voz: cursiva de Cormorant, sin el apretado de los titulares */
h1 em,h2 em,h3 em,.entry-title em,blockquote,.ydm-quotes blockquote,
body.md-fullbleed .md-page .promise blockquote,body.md-fullbleed .md-page .card .method,body.md-fullbleed .md-page .bio p em,
body.md-fullbleed .md-confirm h1 em{font-family:var(--font-display)!important;font-style:italic;font-weight:400!important;letter-spacing:0}
.ydm-h1 em{display:block;font-size:1.02em;line-height:1.05;padding-bottom:.06em;color:var(--gold)}
/* Numerales decorativos en la cursiva, como .num del hub */
.ydm-pillar p.ydm-pillar__n,.ydm-start li::before,body.md-fullbleed .md-page .card__n{font-family:var(--font-display);font-style:italic;font-weight:400}

/* 1.7.1 · ACENTO ÁMBAR (4-nov-2026, CANON_VISUAL_M5L v1): el acento del interfaz es el ámbar de metodo5l.com (#E09A3A, claro #F2B35A, texto carbón encima); el oro #C9A24A queda solo en el logotipo. Sobre claro, ámbar oscuro #915E17 (4,7:1 sobre hueso, 5,5:1 sobre blanco) y #734A12 al pasar el ratón. La voz en cursiva va en ámbar #E09A3A, como el .h1 em del hub; el ámbar claro #F2B35A queda para detalles pequeños y hover (canon corregido, 01:1x). */
.ydm-h1 em{color:#E09A3A}

/* 1.7.6 · CABECERA COMO METODO5L.COM (8-nov-2026, orden de David vía Dirección). Pegajosa y translúcida con desenfoque, como .nav del hub.
   En todos los anchos (desde 1.7.7) se esconde al bajar más de 80 px y solo vuelve arriba del todo (scrollY < 40): clase .nav--oculta que pone el script del pie. */
/* Opacidad .92 en vez del .72 del hub: aquí el fondo de página es hueso y con .72 la cabecera se veía gris arriba del todo */
.site-header{position:sticky;top:0;z-index:50;background:rgba(13,12,11,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(241,236,226,.08)}
.site-header .main-navigation{background:transparent}
.site-header .main-navigation.toggled .main-nav > ul{background:var(--ink)} /* menú hamburguesa abierto: fondo opaco para leerlo sobre el contenido */
body.admin-bar .site-header{top:32px}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}
@media (max-width:600px){body.admin-bar .site-header{top:0}}
@media (min-width:768px){html{scroll-padding-top:110px}}
/* 1.7.7 (8-nov): David pide que en escritorio haga lo mismo; se esconde en todos los anchos */
.site-header{transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1),visibility 0s}
.site-header.nav--oculta{transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s}
@media (prefers-reduced-motion:reduce){.site-header,.site-header.nav--oculta{transition:none}}