@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-600-normal.woff2) format('woff2');}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/public-sans-400-normal.woff2) format('woff2');}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/public-sans-600-normal.woff2) format('woff2');}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/public-sans-700-normal.woff2) format('woff2');}
/* ninguna imagen desborda su columna */
img,svg,video{display:block;max-width:100%;height:auto;}
/* la caja primero: todo el resto de las medidas depende de esto */
*,*::before,*::after{box-sizing:border-box;}
/* respetamos a quien pide menos movimiento en el sistema */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}
*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}}
/* se limpian los márgenes del navegador antes de definir los propios */
body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,figure,blockquote,fieldset,legend{margin:0;padding:0;}
ul,ol{list-style:none;}
button,input,textarea,select{font:inherit;color:inherit;}
table{border-collapse:collapse;width:100%;}
a{color:inherit;text-decoration-skip-ink:auto;}
/* paleta y escala tipográfica del sitio */
:root{
  --fondo: #faf8fb;
  --papel: #ffffff;
  --tinta: #1e1926;
  --gris: #655c72;
  --violeta: #4a3560;
  --noche: #2b1f3a;
  --oro: #9a7b3f;
  --raya: #ddd6e3;
  --marca: #e8dff0;
  --foco: #4a3560;
  --ancho: 74rem;
  --s0: clamp(1rem, 1rem + 0.12vw, 1.125rem);
  --s1: clamp(1.16rem, 1.09rem + 0.34vw, 1.37rem);
  --s2: clamp(1.38rem, 1.24rem + 0.7vw, 1.86rem);
  --s3: clamp(1.66rem, 1.4rem + 1.28vw, 2.55rem);
  --s4: clamp(2rem, 1.53rem + 2.32vw, 3.5rem);
  --s5: clamp(2.4rem, 1.6rem + 3.9vw, 4.8rem);
}
body{font-family:'Public Sans', system-ui, sans-serif;font-size:var(--s0);background:var(--fondo);color:var(--tinta);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
/* salto al contenido, texto sólo para lectores y foco visible */
.salto{position:absolute;left:-9999px;top:0;z-index:99;padding:.7rem 1.1rem;background:var(--tinta);color:var(--fondo);text-decoration:none;}
.salto:focus{left:.5rem;top:.5rem;}
.oculto{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
:focus-visible{outline:3px solid var(--foco);outline-offset:2px;}
::selection{background:var(--marca);}

/* ── spirit lead · títulos en la columna izquierda, texto a la derecha ───── */
body{line-height:1.72;}

.sl-cab{background:var(--papel);border-bottom:1px solid var(--raya);}
.sl-cab-in{max-width:var(--ancho);margin:0 auto;padding:2rem 1.5rem 1.6rem;text-align:center;}
.sl-id{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:inherit;}
.sl-id img{width:44px;height:44px;}
.sl-nom{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.1rem;font-weight:600;
  line-height:1;letter-spacing:.01em;color:var(--noche);}
.sl-nom small{display:block;font-family:'Public Sans',sans-serif;font-size:.62rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--oro);font-weight:600;margin-top:.55rem;}
.sl-bur{background:none;border:1px solid var(--violeta);color:var(--violeta);padding:.42rem 1.1rem;
  cursor:pointer;font-family:'Public Sans',sans-serif;font-size:.8rem;margin-top:.9rem;}
.sl-lema{font-family:'Public Sans',sans-serif;font-size:.77rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gris);margin:.9rem 0 0;}
.sl-nav{background:var(--noche);}
.sl-nav ul{max-width:var(--ancho);margin:0 auto;padding:0 1.5rem;display:flex;flex-wrap:wrap;
  justify-content:center;gap:0 2rem;}
.sl-nav a{display:block;padding:.58rem 0;font-family:'Public Sans',sans-serif;font-size:.75rem;
  letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#c4b6d4;
  border-bottom:2px solid transparent;font-weight:600;}
.sl-nav a:hover{color:#fff;border-bottom-color:var(--oro);}
.sl-nav [aria-current]{color:#fff;border-bottom-color:var(--oro);}
.sl-mov{background:var(--papel);border-bottom:1px solid var(--raya);}
.sl-mov ul{max-width:var(--ancho);margin:0 auto;padding:.2rem 1.5rem 1rem;}
.sl-mov a{display:block;padding:.55rem 0;text-decoration:none;border-bottom:1px solid var(--raya);
  font-family:'Public Sans',sans-serif;font-size:.94rem;}
@media (min-width:62rem){.sl-bur,.sl-mov{display:none;}}
@media (max-width:61.99rem){.sl-nav{display:none;}}

.sl-cuerpo{max-width:var(--ancho);margin:0 auto;padding:2.6rem 1.5rem 3.2rem;}
.sl-h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:var(--s5);line-height:1.02;
  font-weight:600;letter-spacing:-.012em;margin:0 0 1rem;max-width:20ch;color:var(--noche);}
.sl-copete{font-family:'Cormorant Garamond',Georgia,serif;font-size:var(--s2);line-height:1.35;
  color:#42394f;max-width:44ch;margin:0 0 1.6rem;font-weight:400;}
.sl-sello{font-family:'Public Sans',sans-serif;font-size:.77rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--gris);border-top:1px solid var(--tinta);
  border-bottom:1px solid var(--raya);padding:.6rem 0;margin:0 0 2.3rem;display:flex;
  flex-wrap:wrap;gap:.3rem 1.7rem;}
.sl-sello b{color:var(--violeta);font-weight:700;}

/* cada sección: el título vive en el margen izquierdo */
.sl-sec{display:grid;gap:.3rem 2.4rem;margin:2.4rem 0 0;}
@media (min-width:60rem){.sl-sec{grid-template-columns:15rem minmax(0,1fr);}}
.sl-h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:var(--s2);font-weight:600;
  line-height:1.16;margin:0;color:var(--violeta);}
@media (min-width:60rem){.sl-h2{text-align:right;position:sticky;top:1.5rem;}}
.sl-h3{font-family:'Public Sans',sans-serif;font-size:var(--s1);font-weight:700;margin:1.6rem 0 .4rem;}
.sl-p{margin:0 0 1.15rem;max-width:64ch;}
.sl-sec > div > .sl-p:first-child::first-letter{font-family:'Cormorant Garamond',Georgia,serif;
  font-size:3.2em;line-height:.82;float:left;padding:.06em .12em 0 0;color:var(--violeta);
  font-weight:600;}
.sl-a{color:var(--violeta);text-decoration:underline;text-underline-offset:.17em;}
.sl-a:hover{background:var(--marca);}
.sl-ul{margin:0 0 1.2rem;max-width:64ch;}
.sl-li{padding-left:1.5rem;position:relative;margin-bottom:.55rem;}
.sl-li::before{content:"◦";position:absolute;left:.25rem;color:var(--oro);font-size:1.1rem;}
.sl-nota{font-size:.88rem;color:var(--gris);border-left:2px solid var(--oro);padding:.2rem 0 .2rem 1.1rem;
  margin-top:2.4rem;max-width:64ch;}
.sl-rubro{display:block;font-family:'Public Sans',sans-serif;font-size:.68rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--oro);font-weight:700;margin-bottom:.6rem;}

/* portada: filas de hilo, texto a la izquierda, imagen a la derecha */
.sl-filas{list-style:none;margin:2rem 0 0;padding:0;}
.sl-fila{display:grid;gap:.5rem 2.4rem;padding:1.9rem 0;border-top:1px solid var(--raya);}
.sl-fila:last-child{border-bottom:1px solid var(--raya);}
@media (min-width:52rem){.sl-fila{grid-template-columns:minmax(0,1fr) 16rem;align-items:center;}}
.sl-tit{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.7rem;font-weight:600;
  line-height:1.14;margin:0 0 .5rem;}
.sl-tit a{text-decoration:none;color:var(--noche);}
.sl-tit a:hover{color:var(--violeta);}
.sl-res{margin:0 0 .5rem;font-size:.97rem;color:#453c52;max-width:56ch;}
.sl-cuando{font-family:'Public Sans',sans-serif;font-size:.77rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gris);margin:0;}

.sl-recuadro{background:var(--papel);border:1px solid var(--raya);padding:1.5rem 1.6rem;
  margin:2.4rem 0;max-width:64ch;}
.sl-recuadro h2{font-family:'Cormorant Garamond',serif;font-size:1.4rem;margin:0 0 .6rem;
  color:var(--violeta);}
.sl-recuadro p{margin:0 0 .7rem;font-size:.96rem;}
.sl-recuadro p:last-child{margin-bottom:0;}

.sl-dl{margin:1.5rem 0;max-width:64ch;}
.sl-dr{display:grid;grid-template-columns:1fr;padding:.8rem 0;border-bottom:1px solid var(--raya);}
@media (min-width:38rem){.sl-dr{grid-template-columns:15rem 1fr;gap:0 1.4rem;}}
.sl-dr:first-child{border-top:1px solid var(--tinta);}
.sl-dt{font-family:'Public Sans',sans-serif;font-size:.79rem;letter-spacing:.05em;
  color:var(--violeta);font-weight:700;}
.sl-dd{margin:0;}

.sl-par{display:grid;gap:2.4rem;margin-top:1.5rem;}
@media (min-width:54rem){.sl-par{grid-template-columns:1fr 1fr;gap:3rem;}}
.sl-campo{margin-bottom:1.1rem;}
.sl-lb{display:block;font-family:'Public Sans',sans-serif;font-size:.76rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gris);margin-bottom:.3rem;font-weight:700;}
.sl-op{text-transform:none;letter-spacing:0;font-weight:400;}
.sl-in,.sl-ta{width:100%;background:var(--papel);border:1px solid #bdb3c8;padding:.62rem .78rem;
  font-family:'Public Sans',sans-serif;}
.sl-ta{resize:vertical;line-height:1.6;}
.sl-in:focus,.sl-ta:focus{outline:2px solid var(--violeta);outline-offset:1px;border-color:var(--violeta);}
.sl-ck{display:flex;gap:.6rem;align-items:flex-start;font-size:.93rem;}
.sl-cb{margin-top:.32rem;width:1.05rem;height:1.05rem;accent-color:var(--violeta);}
.sl-er{color:#a33320;font-size:.85rem;margin-top:.25rem;}
.sl-bt{background:var(--violeta);color:#fff;border:none;padding:.8rem 2.1rem;cursor:pointer;
  font-family:'Public Sans',sans-serif;font-size:.86rem;font-weight:700;letter-spacing:.06em;}
.sl-bt:hover{background:var(--noche);}

.sl-ruta{font-family:'Public Sans',sans-serif;font-size:.75rem;color:var(--gris);margin-bottom:1.3rem;}
.sl-ruta ul{display:flex;flex-wrap:wrap;gap:.3rem;}
.sl-ruta li+li::before{content:"—";color:var(--oro);margin-right:.35rem;}
.sl-ruta a{color:inherit;}

.sl-pie{background:var(--noche);color:#b6a9c6;margin-top:3.2rem;}
.sl-pie-in{max-width:56rem;margin:0 auto;padding:2.8rem 1.5rem 3rem;text-align:center;}
.sl-pie h2{font-family:'Cormorant Garamond',serif;color:#fff;font-size:1.25rem;margin:0 0 .8rem;}
.sl-pie-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.6rem;
  margin-bottom:1.8rem;}
.sl-pie-nav a{color:#b6a9c6;text-decoration:none;font-size:.87rem;}
.sl-pie-nav a:hover{color:#fff;text-decoration:underline;}
.sl-legal{font-size:.84rem;line-height:1.66;border-top:1px solid #453459;padding-top:1.4rem;
  max-width:52ch;margin:0 auto;}
.sl-legal strong{color:#fff;}
.sl-legal a{color:#c8a9e6;}

/* cookies: ficha inferior derecha, tono de la casa */
.sl-cook{position:fixed;right:1rem;bottom:1rem;max-width:23rem;background:var(--papel);
  border:1px solid var(--violeta);padding:1.05rem 1.15rem;box-shadow:0 10px 30px rgba(43,31,58,.18);
  z-index:40;font-size:.86rem;}
.sl-cook p{margin:0 0 .75rem;}
.sl-cook button{border:1px solid var(--violeta);background:none;padding:.36rem 1rem;cursor:pointer;
  font-family:'Public Sans',sans-serif;font-size:.8rem;margin-right:.4rem;}
.sl-cook button:first-of-type{background:var(--violeta);color:#fff;}

/* imágenes: proporción fija para que nada salte al cargar */
.sl-vignette{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;}
.sl-une{margin:0 0 2rem;}
.sl-une img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.sl-une figcaption,.sl-fig figcaption{font-size:.85rem;color:var(--gris);margin-top:.55rem;}
.sl-fig{margin:1.9rem 0;}
.sl-fig img{width:100%;object-fit:cover;}