/* Segunda escena: dos retratos reales y tarjetas nativas independientes. */
.home-authors { position:relative; isolation:isolate; overflow:hidden; min-height:760px; height:56.25vw; background:#080808; }
.home-authors-wave { position:absolute; z-index:5; top:-1px; left:0; width:100%; height:clamp(30px,4.4vw,60px); display:block; pointer-events:none; }
.home-authors-wave path { fill:#030304; }
.home-authors::before { content:''; position:absolute; inset:0; z-index:-2; background:url('../libros/autor-textura.png') center/cover; filter:grayscale(1); opacity:.72; }
.home-authors::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#b8b8b83d 0%,#8989892b 19%,transparent 55%),linear-gradient(0deg,#000b,transparent 40%),radial-gradient(ellipse at center,#d8d8d81c,transparent 70%); }
.home-authors-light { position:absolute; left:35%; top:10%; width:35%; height:70%; background:radial-gradient(ellipse,#fff2,transparent 68%); pointer-events:none; }
.home-person { position:absolute; top:8%; bottom:0; width:30%; padding:0; margin:0; border:0; background:none; transform-origin:50% 85%; transition:transform .7s cubic-bezier(.25,1,.5,1),filter .7s cubic-bezier(.25,1,.5,1),opacity .7s cubic-bezier(.25,1,.5,1); pointer-events:none; }
.home-person img { position:absolute; left:50%; bottom:0; width:auto; height:100%; max-width:none; transform:translateX(-50%); pointer-events:none; filter:grayscale(1); }
.home-person:hover { box-shadow:none; }
.home-person-cris { left:23%; z-index:3; }
.home-person-edinson { left:45%; z-index:3; }
.home-person:focus-visible { outline:1px solid #eee8; outline-offset:-12px; border-radius:30%; }
.home-authors[data-active="edinson"] .home-person-edinson { transform:translateX(24%) scale(1.04); z-index:5; }
.home-authors[data-active="edinson"] .home-person-cris { transform:translateX(-15%) scale(.9); filter:blur(5px); opacity:.3; z-index:1; }
.home-authors[data-active="cris"] .home-person-cris { transform:translateX(-17%) scale(1.04); z-index:5; }
.home-authors[data-active="cris"] .home-person-edinson { transform:translateX(18%) scale(.9); filter:blur(5px); opacity:.3; z-index:1; }
.home-author-card { position:absolute; left:4%; right:auto; top:30%; width:46%; padding:27px 30px; z-index:4; border:1px solid #ffffffaa; border-radius:18px; background:linear-gradient(125deg,#d9d9d930,#171719c9); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:inset 1px 1px 7px #fffb,0 0 18px #fff4,0 25px 50px #0008; color:#fff; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(15px); transition:opacity .75s cubic-bezier(.25,1,.5,1),transform .75s cubic-bezier(.25,1,.5,1),visibility 0s .75s; }
.home-author-card h2 { display:inline-block; font-size:clamp(17px,1.45vw,24px); text-transform:uppercase; margin:0 30px 20px 0; }
.home-author-card p { font-size:clamp(14px,1.05vw,18px); line-height:1.5; margin:0 0 16px; }
.home-author-card p:last-child { margin-bottom:0; }
.home-author-card strong { font-weight:700; }
.home-card-cris { top:27%; right:4%; left:auto; }
.home-author-close { position:absolute; top:11px; right:14px; border:0; background:none; color:#fff; font-size:26px; transition:transform .3s; }
.home-author-close:hover { transform:rotate(90deg); }
.home-authors[data-active="edinson"] .home-card-edinson,.home-authors[data-active="cris"] .home-card-cris { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); transition-delay:0s; }
/* Tercera escena: foco rojo superior y cristal con trama de micro puntos. */
.vision.stage { isolation:isolate; overflow:hidden; aspect-ratio:auto; min-height:56.25vw; padding:13% 12% 12%; background:radial-gradient(ellipse 38% 48% at 50% 0,#f00821a0,#960b2038 50%,transparent 75%),#100d0e; }
.vision .carousel-grid { position:relative; z-index:1; gap:9%; }
.vision .carousel h2 { position:relative; top:auto; left:auto; width:100%; transform:none; white-space:normal; margin:0 0 55px; font-size:clamp(24px,2.65vw,44px); color:transparent; -webkit-text-stroke:1px #e6e1e1; }
.vision .carousel:first-child h2 { top:auto; }
.vision .carousel-card { border-radius:17px; min-height:280px; aspect-ratio:1.72; background:radial-gradient(circle,#ffffff25 .7px,transparent 1.2px) 0 0 / 18px 18px,radial-gradient(ellipse at center,#151318ed 0%,#242128df 50%,#8b858a55 100%); border:1px solid #ffffffa8; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:inset 2px 2px 8px #fffa,0 0 13px #fff6,0 18px 50px #0005; transition:box-shadow .5s,background .5s; }
.vision .carousel-card:hover { background:radial-gradient(circle,#ffffff30 .7px,transparent 1.2px) 0 0 / 18px 18px,radial-gradient(ellipse at center,#1c1920ed 0%,#2b2730df 50%,#9b949b60 100%); box-shadow:inset 2px 2px 10px #fffb,0 0 20px #fff8; }
.vision .carousel .slide { padding:35px 15%; font-size:clamp(14px,1.05vw,18px); line-height:1.55; }
.vision .carousel-button { background:transparent; width:34px; height:40px; }
.vision .carousel-button:hover { background:#fff1; }
.vision .carousel-button.prev { left:0; }.vision .carousel-button.next { right:0; }
.vision .carousel-base { display:none; }
.vision .carousel-track { display:grid; align-items:center; transform:none; transition:none; }
.vision .carousel .slide { grid-area:1 / 1; min-width:0; width:100%; opacity:1; transform:translateY(0); transition:opacity 1.05s ease-in-out,transform 1.05s cubic-bezier(.22,1,.36,1); }
.vision .carousel .slide[aria-hidden="true"] { opacity:0; transform:translateY(12px); pointer-events:none; }
/* Halo de puntos alrededor del cristal, como el pulso suave de la referencia. */
.vision .carousel { isolation:isolate; }
.vision .carousel::before { content:none; }
.vision .carousel:nth-child(2)::before { animation-delay:-4s; }
@keyframes vision-dust-pulse { 0%,100% { opacity:.07; transform:translateY(12px) scale(.96); } 45% { opacity:.38; transform:translateY(-12px) scale(1.03); } }
.vision .carousel:nth-child(2).reveal { transition-delay:.18s; }
@media(min-width:1800px) { .home-author-card { top:22%; }.home-card-cris { top:16%; } }
@media(max-width:1200px) and (min-width:1001px) { .home-person { top:12%; bottom:auto; height:600px; } }
@media(max-width:1000px) and (min-width:701px) { .home-authors { height:800px; }.home-author-card { width:47%; padding:22px; }.home-card-cris { top:15%; right:3%; left:auto; }.home-person { width:36%; top:15%; bottom:auto; height:min(560px,66vw); }.home-person-cris { left:14%; }.home-person-edinson { left:43%; }.vision.stage { padding:110px 7% 100px; }.vision .carousel-card { min-height:340px; } }
@media(max-width:700px) {
 .home-authors { height:640px; min-height:640px; transition:min-height .8s ease; }
 .home-person { top:45px; bottom:auto; height:470px; width:42%; }
 .home-person-cris { left:7%; }.home-person-edinson { left:47%; }
 .home-authors[data-active="edinson"] .home-person-edinson { transform:translateX(8%) scale(1.02); }
 .home-authors[data-active="cris"] .home-person-cris { transform:translateX(-8%) scale(1.02); }
 .home-author-card,.home-card-cris { top:440px; left:5%; right:auto; width:90%; padding:23px; }
 .home-author-card h2 { font-size:18px; }.home-author-card p { font-size:14px; line-height:1.55; }
 .vision.stage { padding:85px 8% 80px; min-height:0; }.vision .carousel-grid { grid-template-columns:1fr; gap:65px; }
 .vision .carousel h2 { font-size:28px; margin-bottom:28px; }.vision .carousel-card { min-height:280px; aspect-ratio:auto; }
 .vision .carousel .slide { font-size:14px; padding:32px 15%; }
}
@media(prefers-reduced-motion:reduce) { .home-person { transition:none; } .home-author-card { transition:none; } }

/* La textura tenue permanece dentro de cada tarjeta; no hay partículas explosivas. */
.vision .carousel-card { isolation:isolate; overflow:hidden; }
.vision-dots-video { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; mix-blend-mode:screen; opacity:.6; pointer-events:none; }
.vision .carousel-card > .carousel-window,.vision .carousel-card > .carousel-button { position:relative; z-index:1; }
.vision .carousel-card > .carousel-button { position:absolute; }

/* El PNG conserva su transparencia y proporción original. Centrado por silueta. */
.home-person-entrance { position:absolute; inset:0; display:block; will-change:opacity,transform; transition:opacity 1.55s cubic-bezier(.16,1,.3,1),transform 1.55s cubic-bezier(.16,1,.3,1); }
.home-person-cris img { height:88%; transform:translateX(-55.1%); bottom:-3.42%; }
.home-person-edinson img { transform:translateX(-63.7%); }
.home-authors.authors-reveal-enabled:not(.authors-entered) .home-person-entrance { opacity:0; transition:none; }
.home-authors.authors-reveal-enabled:not(.authors-entered) .home-person-cris .home-person-entrance { transform:translateX(-145px); }
.home-authors.authors-reveal-enabled:not(.authors-entered) .home-person-edinson .home-person-entrance { transform:translateX(145px); }
@media(prefers-reduced-motion:reduce) {
 .home-person-entrance { transition:opacity 1.1s ease-in-out,transform 1.1s ease-in-out; }
 .vision .carousel .slide { transition:opacity .75s ease-in-out; }
 .vision .carousel .slide[aria-hidden="true"] { transform:none; }
 .vision .carousel::before { animation-duration:24s; }
}