/* Liz Limón Photo · estilos para reseñas reales de clientas y video "detrás de cámaras"
   (destacadas de Instagram, autorizadas por Liz). Usa los tokens de sitio.css (--pine, --clay,
   --gold, --serif, --sans). No se toca sitio.css: todo lo nuevo vive aquí. */

/* ---------- Reseñas: muro/carrusel de impresos con la reseña transcrita ---------- */
.clientas-carrusel{position:relative}
.clientas-pista{list-style:none;margin:0;padding:10px 0 18px;display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.clientas-pista::-webkit-scrollbar{display:none}
.clientas-pista li{scroll-snap-align:start}
@media (min-width:640px){ .clientas-pista{grid-auto-columns:56%} }
@media (min-width:760px){ .clientas-pista{grid-auto-columns:calc((100% - 40px) / 3)} }
@media (min-width:1100px){ .clientas-pista{grid-auto-columns:calc((100% - 60px) / 4)} }

.resena-impreso{background:var(--card);padding:10px 10px 20px;box-shadow:0 1px 0 var(--line),0 22px 40px -20px rgba(36,31,24,.35);height:100%;display:flex;flex-direction:column;rotate:var(--r,0deg);transition:rotate .3s var(--ease),translate .3s var(--ease)}
.resena-impreso:nth-child(3n+1){--r:-1.4deg}
.resena-impreso:nth-child(3n+2){--r:1deg}
.resena-impreso:nth-child(3n+3){--r:-.6deg}
.resena-impreso:hover{rotate:0deg;translate:0 -3px}
.resena-impreso figure.foto{border-radius:0!important;aspect-ratio:4/5}
.resena-impreso .resena-cuerpo{padding:14px 6px 4px;display:flex;flex-direction:column;gap:10px;flex:1}
.resena-impreso .resena-texto{font:italic 500 17px/1.5 var(--serif);color:var(--ink);margin:0}
.resena-impreso .resena-texto::before{content:"\201C";color:var(--gold)}
.resena-impreso .resena-texto::after{content:"\201D";color:var(--gold)}
.resena-impreso .resena-firma{margin-top:auto;font:500 13px/1.3 var(--sans);color:var(--ink3)}

/* Reseña sin foto (cuando la captura no es segura para publicarse) */
.resena-nota{background:var(--paper2);border:1px solid var(--line);padding:26px 22px;height:100%;display:flex;flex-direction:column;gap:14px;justify-content:center}
.resena-nota .resena-texto{font:italic 500 19px/1.5 var(--serif);color:var(--ink);margin:0}
.resena-nota .resena-texto::before{content:"\201C";color:var(--gold)}
.resena-nota .resena-texto::after{content:"\201D";color:var(--gold)}
.resena-nota .resena-firma{font:500 13px/1.3 var(--sans);color:var(--ink3)}

.clientas-mas{margin-top:22px;text-align:center}

/* ---------- Detrás de cámaras: reel vertical con autoplay en pantalla ---------- */
.reels-pista{list-style:none;margin:0;padding:10px 0 18px;display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.reels-pista::-webkit-scrollbar{display:none}
.reels-pista li{scroll-snap-align:start}
@media (min-width:640px){ .reels-pista{grid-auto-columns:190px} }
@media (min-width:980px){ .reels-pista{grid-auto-columns:220px;gap:18px} }

.reel-card{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--sand);box-shadow:0 16px 34px -18px rgba(36,31,24,.5)}
.reel-card video,.reel-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel-card video{opacity:0;transition:opacity .4s ease}
.reel-card.en-marcha video{opacity:1}
.reel-card .reel-borde{position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);pointer-events:none}
.reel-card .reel-ico{position:absolute;left:10px;bottom:10px;width:26px;height:26px;display:grid;place-items:center;background:rgba(36,31,24,.45);border-radius:50%;color:#FBF9F3;pointer-events:none;transition:opacity .3s ease}
.reel-card.en-marcha .reel-ico{opacity:0}

.reels-nota{margin-top:8px;font-size:13.5px;color:var(--ink3)}
.reel-cap{margin:9px 2px 0;font:500 13.5px/1.35 var(--sans);color:var(--ink3)}

@media (prefers-reduced-motion:reduce){
  .reel-card video{display:none}
}

/* ---------- Franja de "historias" en páginas de sesión ---------- */
.historias{padding:34px 0 6px}
.historias .wrap > .encabezado{margin-bottom:18px}
.historias-pista{list-style:none;margin:0;padding:4px 0 14px;display:grid;grid-auto-flow:column;grid-auto-columns:118px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.historias-pista::-webkit-scrollbar{display:none}
.historias-pista li{scroll-snap-align:start}
@media (min-width:640px){ .historias-pista{grid-auto-columns:150px;gap:16px} }
@media (min-width:980px){ .historias-pista{grid-auto-columns:170px} }

.historia-card{position:relative;aspect-ratio:9/16;border-radius:50px;overflow:hidden;background:var(--sand);box-shadow:0 1px 0 var(--line),0 18px 30px -18px rgba(36,31,24,.4)}
.historia-card video,.historia-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.historia-card video{opacity:0;transition:opacity .4s ease}
.historia-card.en-marcha video{opacity:1}
@media (min-width:640px){ .historia-card{border-radius:20px} }

@media (prefers-reduced-motion:reduce){
  .historia-card video{display:none}
}

/* ---------- Navidad: temporadas pasadas (paleta chocolate de esa página) ---------- */
.temporadas-pasadas .reels-pista,.temporadas-pasadas .historias-pista{filter:none}

/* ---------- Página Reseñas ---------- */
.resenas-muro{display:grid;grid-template-columns:1fr;gap:22px;margin-top:30px}
@media (min-width:640px){ .resenas-muro{grid-template-columns:1fr 1fr} }
@media (min-width:980px){ .resenas-muro{grid-template-columns:1fr 1fr 1fr} }
.resenas-muro .resena-impreso,.resenas-muro .resena-nota{rotate:0deg!important}

/* v 2026-09-24a */