/* ═══ Capa de movimiento · Finca Las Golondrinas ═══════════════════════════════════════════════════════
   Traslado del prototipo aprobado por Raúl (14/10/2026, prototipo-motion.html v6):
   · un hilo dorado que se dibuja con el scroll y una golondrina que vuela en su punta (detrás de las fotos,
     sin cortarse en los bordes, sin ponerse boca abajo, con inercia);
   · al final entra en el pie (hilo y ave en crema) y se transforma en el sello;
   · flores en acuarela que se pintan a brochazos; titulares que suben enmascarados.
   Solo se activa con movimiento permitido y pantalla ancha (clase .vuelo-on en <html>). */

/* sello del pie: siempre visible salvo cuando la capa está activa, que lo «estampa» la golondrina */
.pie .sello-caja{display:block;position:relative;width:64px;margin:0 auto 1.4rem}
.pie .sello-caja .lacre-pie{display:block;width:100%;margin:0;transform:rotate(-8deg);filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.destello{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(247,244,238,.18),rgba(247,244,238,0) 58%);opacity:0;transform:scale(.3)}
.vuelo-on #sello-pie{clip-path:circle(0% at 50% 50%);transform:scale(.55) rotate(-60deg);transition:clip-path .45s ease-in,transform .45s ease-in}
.vuelo-on .sello-caja.sellado #sello-pie{clip-path:circle(75% at 50% 50%);transform:rotate(-8deg);transition:clip-path .75s .4s cubic-bezier(.16,1,.3,1),transform 1s .4s cubic-bezier(.34,1.56,.64,1)}
.vuelo-on .sello-caja.sellado .destello{animation:destello 1.2s .3s ease-out both}
@keyframes destello{0%{opacity:0;transform:scale(.6)}40%{opacity:.8}100%{opacity:0;transform:scale(1.05)}}

/* hilo y golondrina */
.principal{position:relative}
.vuelo{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:1;overflow:visible}
.vuelo path{fill:none;stroke:url(#tinta-hilo);stroke-width:1.3;stroke-linecap:round;opacity:.75;transition:opacity .9s ease}
.vuelo.cerrado path{opacity:0}
.vuelo-on .hilo{display:none!important}          /* el hilo antiguo del programa lo sustituye el de toda la página */
.vuelo-on .pie{position:relative;z-index:0}
.vuelo-on .entry-content>section{position:relative;z-index:1}
.vuelo-on .cabeza,.vuelo-on .programa,.vuelo-on .galeria,.vuelo-on .opiniones,.vuelo-on .minuta,.vuelo-on .faq,.vuelo-on .respuesta,.vuelo-on .carril,.vuelo-on .album{position:relative;z-index:2}
.golondrina{position:absolute;left:0;top:0;width:clamp(100px,10vw,170px);pointer-events:none;z-index:1;transform-origin:50% 50%;will-change:transform;opacity:0;transition:opacity .8s,filter .9s}
.golondrina.lista{opacity:1}
.golondrina.lista.oculta{opacity:0}
.golondrina.en-pie{filter:brightness(0) invert(.95) sepia(.25)}
.golondrina .ala{display:block;transform-origin:50% 55%;clip-path:circle(80% at 50% 55%);transition:clip-path .55s cubic-bezier(.6,0,.4,1),transform .55s cubic-bezier(.6,0,.4,1)}
.golondrina.aleteo .ala{animation:aleteo .42s ease-in-out infinite alternate}
.golondrina.posada .ala{animation:none;clip-path:circle(0% at 50% 55%);transform:scale(.4) rotate(-35deg)}
@keyframes aleteo{from{transform:scaleY(1)}to{transform:scaleY(.8) translateY(3%)}}
.golondrina img{width:100%;display:block;transform:scaleX(var(--giro,1));transition:transform .9s cubic-bezier(.45,0,.2,1)}
.golondrina.apertura img{-webkit-mask-image:linear-gradient(to right,#000 40%,transparent 60%);mask-image:linear-gradient(to right,#000 40%,transparent 60%);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;animation:dibuja 1.8s .6s var(--ease) both}
@keyframes dibuja{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}

/* flores en acuarela que se pintan a brochazos */
.trazo{position:absolute;pointer-events:none;z-index:1;--p:0}
.trazo img{display:block;width:100%;height:auto}
.trazo svg{display:block;width:100%;height:auto;overflow:visible}
.trazo--a{width:clamp(130px,13vw,220px);left:clamp(-30px,1vw,30px);top:1rem}
.trazo--b{width:clamp(110px,10vw,170px);right:clamp(-20px,2vw,50px);top:5rem;--dir:to bottom}
.trazo--c{width:clamp(180px,18vw,300px);right:clamp(-60px,0vw,10px);bottom:-3rem}
.trazo--d{width:clamp(220px,24vw,380px);left:clamp(-70px,-1vw,0px);top:2rem;--dir:to right}
.trazo--e{width:clamp(150px,15vw,250px);right:.6rem;bottom:.6rem;--dir:to top left}
.trazo--e img,.trazo--e svg{rotate:180deg}
@media (max-width:48rem){.trazo{opacity:.55}.trazo--a,.trazo--b,.trazo--e{width:90px}.trazo--c,.trazo--d{width:140px}}
/* refuerzo de flores en los márgenes (16/10/2026): una por sección que no tenía, alternando lados; solo en pantalla ancha */
.trazo--f-der{width:clamp(150px,14vw,330px);right:clamp(-50px,-1.5vw,0px);top:24%}
.trazo--f-izq{width:clamp(150px,14vw,330px);left:clamp(-50px,-1.5vw,0px);top:34%;--dir:to right}
.trazo--f-izq img,.trazo--f-izq svg{scale:-1 1}
@media (max-width:64rem){.trazo--extra{width:clamp(110px,12vw,150px);opacity:.8}}
@media (max-width:48rem){.trazo--extra{display:none}}
/* golondrina en el móvil: más pequeña; vuela por fuera de la pantalla y aparece al cruzar los huecos */
@media (max-width:48rem){.golondrina{width:78px}.vuelo path{stroke-width:1;opacity:.6}}

/* titulares que suben enmascarados */
.mov .cabeza h2 .linea{display:block;overflow:hidden;padding-bottom:.08em}
.mov .cabeza h2 .linea>span{display:inline-block;transform:translateY(105%);transition:transform 1.3s var(--ease)}
.mov .cabeza.visto h2 .linea>span{transform:none}
.mov .cabeza.visto h2 .linea:nth-child(2)>span{transition-delay:.12s}