/* ================= v15 · Sistema de ritmo: luz cálida, papel crema, pausa con cita y fotos a sangre =================
   Se carga después de sitio.css y paginas.css en todas las subpáginas. La home lleva su copia en su <style>.
   Regla de ritmo: nunca dos secciones seguidas del mismo tipo (Noche · Lámpara · Foto · Papel · Pausa) y nunca más de
   2 pantallas de móvil sin una Foto, un Papel o una Pausa. Una sección en papel por página (dos si es muy larga),
   una cita en serif itálica por página, como mucho 2 momentos con movimiento. Un solo verde por pantalla. */
:root{--ambar:224,164,88;--papel:#F5F1E8;--tinta:#141412;--tinta-2:#4A4A44;--tinta-3:#75716A;--linea-p:rgba(20,20,18,.14)}
.grano{animation:none}

/* Luz cálida: halos ámbar en vez de verdes y fotos un punto más calientes */
.phero::before{background:radial-gradient(55% 60% at 80% 30%,rgba(var(--ambar),.12),transparent 70%)}
.phero-foto img,.bfoto img,.foto-sangre img{filter:saturate(.95) contrast(1.05) sepia(.14)}
.lampara{position:relative;background:radial-gradient(50% 70% at 15% 50%,rgba(var(--ambar),.13),transparent 70%),var(--noche)}

/* Papel: sección en crema con texto en tinta (las piezas comunes ya vienen adaptadas) */
.papel{background:var(--papel);color:var(--tinta);border-top:0;border-bottom:0}
.papel h1,.papel h2,.papel h3,.papel b,.papel strong{color:var(--tinta)}
.papel .tono{color:var(--tinta-3)}
.papel .etq,.papel .micro{color:var(--tinta-2)}
.papel p,.papel li,.papel .lista p,.papel .prosa p,.papel .prosa li,.papel .lado .izq p{color:var(--tinta-2)}
.papel .lista,.papel .lista li,.papel hr{border-color:var(--linea-p)}
.papel .lista li>b{color:var(--tinta-3)}
.papel a:not(.btn){color:var(--tinta)}
.papel .link{color:var(--tinta);background-image:linear-gradient(var(--tinta),var(--tinta))}
.papel .pend{color:#6b5200;border-color:rgba(107,82,0,.5)}
.papel .btn::before{background:var(--tinta)}.papel .btn:hover{color:var(--papel)}
.papel .btn-ghost{color:var(--tinta);box-shadow:inset 0 0 0 1px rgba(20,20,18,.3)}
.papel input[type=email],.papel input[type=text]{background:#fff;border-color:rgba(20,20,18,.24);color:var(--tinta)}
.papel .check,.papel .capa-info{color:var(--tinta-3)}
.papel a:focus-visible,.papel button:focus-visible,.papel input:focus-visible{outline-color:var(--tinta)}
.papel .objeto{background:var(--carbon);color:var(--crema);box-shadow:0 34px 80px -34px rgba(20,20,18,.6)}

/* Pausa: una cita en serif itálica junto a un tubo de luz (una por página) */
.pausa{position:relative;overflow:hidden;padding:140px 0;border-top:1px solid var(--linea);background:radial-gradient(42% 85% at 8% 50%,rgba(var(--ambar),.17),transparent 70%),var(--noche)}
.pausa .tubo{position:absolute;left:max(28px,calc((100vw - var(--max)) / 2 + 8px));top:20%;bottom:20%;width:5px;border-radius:5px;background:linear-gradient(180deg,rgba(255,214,150,0),rgba(255,214,150,.95) 16%,rgba(255,214,150,.95) 84%,rgba(255,214,150,0));box-shadow:0 0 22px 5px rgba(var(--ambar),.45),0 0 110px 34px rgba(var(--ambar),.14)}
.pausa .wrap{position:relative;padding-left:calc(var(--m) + 64px)}
.pausa-cita p{font:italic 400 clamp(36px,5vw,78px)/1.1 Playfair,Georgia,serif;letter-spacing:-.012em;color:var(--crema);max-width:1020px}
.pausa-cita footer{display:flex;align-items:center;gap:14px;margin-top:34px;font:500 11.5px/1 Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.pausa-cita footer::before{content:"";width:28px;height:2px;background:var(--senal)}
.cita{font:italic 400 clamp(26px,2.6vw,38px)/1.25 Playfair,Georgia,serif;letter-spacing:-.01em}
.cita::before{display:none}

/* Foto a sangre: banda con una de las imágenes de David (img/fondos/fondo-NN.webp); el texto va sobre el lado oscuro */
.banda-foto{position:relative;overflow:hidden;min-height:min(82vh,760px);display:flex;align-items:center;padding:120px 0}
.banda-foto>picture,.banda-foto>img{position:absolute;inset:0;z-index:0}
.banda-foto img{width:100%;height:100%;object-fit:cover;object-position:right center}
.banda-foto::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,var(--noche) 0%,rgba(11,13,12,.75) 30%,rgba(11,13,12,0) 62%),linear-gradient(0deg,var(--noche) 0%,rgba(11,13,12,0) 26%),linear-gradient(180deg,var(--noche) 0%,rgba(11,13,12,0) 20%)}
.banda-foto .wrap{position:relative;z-index:1;width:100%}
.banda-foto .wrap>*{max-width:560px}
.sec-foto{position:relative;height:clamp(300px,52vh,520px);margin-bottom:-170px;pointer-events:none}
.sec-foto img{width:100%;height:100%;object-fit:cover;object-position:right center}
.sec-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--noche) 4%,rgba(11,13,12,0) 62%),linear-gradient(180deg,var(--noche) 0%,rgba(11,13,12,0) 22%)}
.sec-foto+.wrap{position:relative;z-index:1}

/* Testimonios en vídeo */
.testi-v{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:radial-gradient(90% 55% at 70% 18%,rgba(var(--ambar),.22),transparent 60%),linear-gradient(180deg,#1b1e1b,#0c0e0d);box-shadow:0 0 0 1px rgba(245,241,232,.1),0 30px 60px -30px rgba(0,0,0,.9);transition:transform .45s var(--ease)}
.testi:hover .testi-v{transform:translateY(-6px)}
.testi-n{position:absolute;left:16px;top:16px;font:500 12px/1 Mono,monospace;letter-spacing:.16em;color:var(--gris)}
.testi-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(245,241,232,.92)}
.testi-play::after{content:"";position:absolute;left:21px;top:17px;border-left:16px solid var(--tinta);border-top:10px solid transparent;border-bottom:10px solid transparent}
.testi-nom{margin-top:14px;font:600 15px/1.3 Inter,sans-serif;color:var(--crema)}
.testi-nom span{font-weight:400;color:var(--gris)}
.testi-fr{margin-top:6px;font-size:14px;line-height:1.4;color:var(--gris)}

/* Solicitud sobre el pasillo de luz */
.cierre .fondo-escena img{opacity:.72;object-position:right center}

/* Pie ligero */
.pie{padding-top:90px}.pie-top{padding-bottom:64px}
.pie-idea .ideas{list-style:none;border-left:2px solid var(--senal);padding-left:20px;font:500 13px/2.15 Mono,monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--crema)}
.pie-idea p{margin-top:28px;color:var(--gris);font-size:15px;max-width:420px}
.pie-idea a{color:var(--crema)}

@media (max-width:900px){
  .pausa{padding:92px 0}
  .pausa .tubo{left:16px;top:16%;bottom:16%;width:4px}
  .pausa .wrap{padding-left:46px}
  .banda-foto{display:block;min-height:0;padding:0 0 64px}
  .banda-foto>picture,.banda-foto>img{position:relative;display:block;height:40svh;min-height:240px}
  .banda-foto::after{bottom:auto;height:40svh;min-height:240px;background:linear-gradient(0deg,var(--noche) 2%,rgba(11,13,12,0) 60%)}
  .banda-foto .wrap{margin-top:-48px}
  .sec-foto{height:36svh;min-height:240px;margin-bottom:-56px}
}