/* Liz Limón Photo · v8 páginas de sesión (23-sep, pedido de Fer: "reaprovecha secciones del Home").
   Solo aplica dentro de <main class="sv"> (las 7 páginas de sesión). Usa los tokens y piezas de
   sitio.css, secciones.css (tendedero y paso a paso) e ig.css (reseñas, reels, historias).
   Orden de fondos: papel > blanco > pino > crema > arena > blanco > pino > arena > papel > blanco > terracota. */

[hidden]{display:none!important}

/* ---------- ritmo y fondos ---------- */
.sv > section.bloque{padding:76px 0}
@media (min-width:980px){ .sv > section.bloque{padding:108px 0} }
.sv > .sv-galeria{background:var(--paper2)}
.sv > .sv-resenas{background:var(--paper2)}
.sv > .guias-sesion{background:var(--paper);border-top:1px solid var(--line)}
.sv > .sv-otras{background:var(--paper2)}
.sv .encabezado{margin-bottom:34px}

/* ---------- galería grande: impresos de distintos tamaños, cada uno abre el visor ---------- */
.galeria.sv-mosaico{display:block;columns:2;column-gap:10px;margin-top:0}
.sv-mosaico figure.foto{break-inside:avoid;margin:0 0 10px;border-radius:4px;cursor:zoom-in;box-shadow:0 1px 0 var(--line),0 18px 34px -26px rgba(36,31,24,.45)}
.sv-mosaico figure.foto[data-extra]:has(.foto-vacia){display:none}
.sv-seo{max-width:46em!important;margin-top:34px;color:var(--ink2)}
@media (min-width:760px){
  .galeria.sv-mosaico{columns:3;column-gap:16px}
  .sv-mosaico figure.foto{margin-bottom:16px}
}
@media (min-width:1100px){ .galeria.sv-mosaico{columns:4} }
@media (hover:hover){ .sv-mosaico figure.foto img{transition:opacity .6s ease,transform .7s var(--ease)} .sv-mosaico figure.foto:hover img{transform:scale(1.03)} }

/* ---------- qué incluye (banda verde con íconos) + cómo prepararte (nota de Liz) ---------- */
.sv-incluye-grid{display:grid;gap:52px}
.sv-sub{font:italic 500 27px/1.2 var(--serif);color:var(--glow)!important;margin:0 0 20px}
.sv-beneficios{grid-template-columns:1fr!important;gap:12px!important}
.fondo-pino .sv-beneficios li{display:grid;grid-template-columns:30px 1fr;align-items:start;gap:16px;padding:22px 22px}
.sv-incluye .sv-beneficios li span{font:500 21px/1.35 var(--serif);color:#FBF9F3}
.sv-nota{position:relative;background:var(--card);color:var(--ink);padding:42px 30px 28px;rotate:-1.2deg;max-width:460px;justify-self:center;width:100%;
  box-shadow:0 34px 60px -30px rgba(0,0,0,.6)}
.sv-nota::before{content:"";position:absolute;z-index:2;top:-13px;left:50%;translate:-50% 0;rotate:3deg;width:96px;height:26px;
  background:repeating-linear-gradient(45deg,rgba(233,213,176,.9) 0 6px,rgba(242,228,200,.9) 6px 12px);box-shadow:0 1px 2px rgba(36,31,24,.15)}
.fondo-pino .sv-nota .sv-nota-titulo{color:var(--ink);font-size:clamp(28px,3.2vw,36px);line-height:1.08;margin:0 0 8px}
.sv-nota-sub{color:var(--ink2);font-size:16px;margin:0}
.sv-nota .lista-check{margin-top:18px}
.sv-nota .lista-check li{font-size:16.5px;line-height:1.5}
.sv-nota-firma{margin:18px 4px 0 0;text-align:right;font:italic 500 28px/1 var(--serif);color:var(--clay)}
@media (min-width:640px){ .sv-beneficios{grid-template-columns:1fr 1fr!important} }
@media (min-width:980px){
  .sv-incluye-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:72px;align-items:center}
  .sv-nota{rotate:1.6deg}
}

/* ---------- cuándo: el tendedero con esta sesión marcada ---------- */
.sv .cuando-v2 .encabezado{max-width:760px}
.tendido.es-esta{z-index:2}
.tendido.es-esta .colgado{box-shadow:0 0 0 2px var(--gold),0 30px 50px -22px rgba(36,31,24,.55)}
.tendido.es-esta .cuando{background:var(--pine);color:var(--glow)}
.tendido.es-esta .pinza{background:linear-gradient(90deg,#B98F5F,#F1DDB5 45%,#A8874E)}
.colgado-aqui{display:inline-block;margin-top:10px;font:normal 500 14px/1 var(--sans);color:var(--pine)}
.colgado-aqui::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--clay);vertical-align:1px}
@media (min-width:1100px){ .sv .tendido{flex-basis:236px} .sv .tendido.es-esta{flex-basis:262px} }

/* ---------- paso a paso ---------- */
.sv-pasos .pasos-cta{margin-top:48px}
@media (min-width:1100px){ .sv-pasos .pasos-cta{margin-top:84px} }

/* ---------- reseñas: pocas = fila centrada, sin flechas ---------- */
.sv-pocas .clientas-pista{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(240px,300px));grid-auto-columns:auto;justify-content:center;overflow:visible;gap:26px}
.sv .clientas-mas{margin-top:30px}

/* ---------- detrás de cámaras / historias sobre pino ---------- */
.fondo-pino .saludo{color:var(--gold)}
.sv-bts .reel-cap{color:rgba(246,231,200,.82)}
.sv-bts .historia-card,.sv-bts .reel-card{box-shadow:0 22px 40px -20px rgba(0,0,0,.6)}
.sv-ig{display:inline-block;margin-top:22px;font:500 16px/1 var(--sans);color:var(--glow);text-decoration:none;border-bottom:1px solid rgba(246,231,200,.4);padding-bottom:4px}
.sv-ig:hover{border-color:var(--glow)}
.sv-bts .historias-pista,.sv-bts .reels-pista{min-width:0}
/* el póster del video se ve desde el principio (antes la tarjeta quedaba beige hasta que el video arrancaba) */
.sv .reel-card video,.sv .historia-card video{opacity:1}
@media (prefers-reduced-motion:reduce){ .sv .reel-card video,.sv .historia-card video{display:block} }
@media (min-width:980px){
  .sv-bts-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:56px;align-items:center}
  .sv-bts-grid > .encabezado{margin-bottom:0}
  .sv-bts .historias-pista{grid-auto-columns:150px}
  .sv-bts .reels-pista{grid-auto-columns:200px}
}

/* ---------- preguntas ---------- */
.sv-faq .faq{margin-top:0}

/* ---------- otras sesiones, como impresos ---------- */
.sv-otras-grid{display:grid;gap:18px}
.sv-otra{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center;text-decoration:none;color:var(--ink)}
.sv-otra-imp{display:block;background:var(--card);padding:6px 6px 18px;box-shadow:0 1px 0 var(--line),0 18px 30px -20px rgba(36,31,24,.45);rotate:-2deg;transition:rotate .4s var(--ease),translate .4s var(--ease)}
.sv-otra:nth-child(2) .sv-otra-imp{rotate:1.5deg}
.sv-otra:nth-child(3) .sv-otra-imp{rotate:-.8deg}
.sv-otra-imp figure.foto{border-radius:0}
.sv-otra-txt b{display:block;font:500 25px/1.1 var(--serif);transition:color .2s}
.sv-otra-txt span{display:block;margin-top:6px;font-size:15.5px;line-height:1.45;color:var(--ink2)}
.sv-otra:hover b,.sv-otra:focus-visible b{color:var(--clay)}
@media (hover:hover){ .sv-otra:hover .sv-otra-imp{rotate:0deg;translate:0 -4px} }
@media (min-width:760px){
  .sv-otras-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
  .sv-otra{display:block}
  .sv-otra-imp{padding:10px 10px 40px}
  .sv-otra-txt b{margin-top:22px;font-size:28px}
}

/* ---------- guías del blog (sus estilos viven en blog.css, que estas páginas no cargan) ---------- */
.sv .guias-sesion:not(.guias-home) .lista-posts{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--ink)}
.sv .guias-sesion:not(.guias-home) .lista-posts li{border-bottom:1px solid var(--line)}
.sv .guias-sesion:not(.guias-home) .lista-posts a{display:grid;gap:5px;padding:18px 0;text-decoration:none;color:var(--ink)}
.sv .guias-sesion:not(.guias-home) .lp-titulo{font:500 22px/1.25 var(--serif);transition:color .2s}
.sv .guias-sesion:not(.guias-home) .lp-desc{font-size:15.5px;line-height:1.55;color:var(--ink2);max-width:46em}
.sv .guias-sesion:not(.guias-home) .lp-lectura{font-size:13.5px;color:var(--ink3)}
.sv .guias-sesion:not(.guias-home) .lista-posts a:hover .lp-titulo{color:var(--clay)}
.sv .guias-sesion:not(.guias-home) .ver-todas{display:inline-block;margin-top:24px;font:500 16px/1 var(--sans);color:var(--clay);text-decoration:none;border-bottom:1px solid rgba(143,85,53,.35);padding-bottom:4px}
.sv .guias-sesion:not(.guias-home) .ver-todas:hover{border-color:var(--clay)}
@media (min-width:760px){
  .sv .guias-sesion:not(.guias-home) .lista-posts a{grid-template-columns:1fr 220px;column-gap:28px}
  .sv .guias-sesion:not(.guias-home) .lp-lectura{grid-row:1/3;grid-column:2;text-align:right;align-self:center}
}

/* ---------- el estudio: foto real de la fachada + cómo llegar ---------- */
.sv-estudio{background:var(--paper2);padding:72px 0}
.sv-estudio-grid{display:grid;gap:34px;justify-items:center;text-align:center}
.sv-estudio-imp{position:relative;width:min(64vw,260px);background:var(--card);padding:9px 9px 30px;rotate:-2.5deg;
  box-shadow:0 1px 0 var(--line),0 30px 50px -26px rgba(36,31,24,.5)}
.sv-estudio-imp::before{content:"";position:absolute;z-index:2;top:-12px;left:50%;translate:-50% 0;rotate:-4deg;width:88px;height:24px;
  background:repeating-linear-gradient(45deg,rgba(233,213,176,.85) 0 6px,rgba(242,228,200,.85) 6px 12px);box-shadow:0 1px 2px rgba(36,31,24,.12)}
.sv-fachada{aspect-ratio:3/4;border-radius:0!important}
.sv-fachada img{width:100%;height:100%;object-fit:cover}
.sv-estudio-txt h2{font-size:clamp(34px,4.4vw,50px);margin:0 0 14px}
.sv-dir{font:500 clamp(22px,2.4vw,27px)/1.35 var(--serif);font-style:normal;color:var(--ink);margin:0 0 24px}
.sv-estudio .cta.ghost{gap:9px}
@media (min-width:760px){
  .sv-estudio{padding:88px 0}
  .sv-estudio-grid{grid-template-columns:auto minmax(0,1fr);gap:72px;max-width:900px;justify-items:start;text-align:left}
  .sv-estudio-imp{width:280px}
}

@media (prefers-reduced-motion:reduce){ .sv-otra-imp,.sv-mosaico figure.foto img{transition:none} }
.sv-historia{margin:0 0 18px;font:italic 500 21px/1.4 var(--serif);color:var(--clay);max-width:24em}

/* Galería de sesión: ya no en columnas escalonadas (terminaban a distinta altura y dejaban huecos, Fer 24-sep).
   Renglones parejos, todas del mismo tamaño; si el último renglón queda corto, va centrado. */
.galeria.sv-mosaico{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px;columns:auto!important}
.sv-mosaico figure.foto{flex:0 0 calc((100% - 12px) / 2);margin:0!important;aspect-ratio:4/5!important;height:auto!important}
.sv-mosaico figure.foto img{width:100%;height:100%;object-fit:cover}
@media (min-width:760px){ .galeria.sv-mosaico{gap:16px} .sv-mosaico figure.foto{flex-basis:calc((100% - 32px) / 3)} }
@media (min-width:1100px){ .sv-mosaico figure.foto{flex-basis:calc((100% - 48px) / 4)} }

/* v 2026-09-24a */