/* FARFALLA · Microinteracciones editoriales: sin alterar estructura, tipografías ni recursos originales. */
.far-motion-solar{position:relative!important;overflow:hidden!important;isolation:isolate}
.far-motion-solar .far-motion-ray{position:absolute;z-index:6;left:-90%;top:-85%;width:73%;height:280%;pointer-events:none;opacity:0;transform:rotate(21deg);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 18%,rgba(255,255,255,.86) 39%,rgba(255,255,255,.97) 49%,rgba(255,248,210,.7) 62%,rgba(255,255,255,.06) 76%,transparent 100%);filter:blur(7px);mix-blend-mode:screen}
.far-motion-solar.far-motion-playing .far-motion-ray{animation:far-motion-ray 4.2s cubic-bezier(.37,0,.6,1) both}
@keyframes far-motion-ray{0%{opacity:0;transform:translateX(-25%) rotate(21deg)}16%{opacity:.88}50%{opacity:1}82%{opacity:.85}100%{opacity:0;transform:translateX(570%) rotate(21deg)}}
.far-motion-halo{transition:box-shadow .7s ease,filter .7s ease}
.far-motion-halo:hover,.far-motion-halo:focus-within{box-shadow:0 0 0 1px rgba(255,243,220,.83),0 0 0 4px rgba(218,174,147,.22),0 12px 35px rgba(117,65,62,.17),0 0 32px rgba(255,221,182,.2)}
.far-motion-focus{position:relative!important;isolation:isolate}
.far-motion-focus .far-motion-glare{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(210px circle at var(--far-motion-x,50%) var(--far-motion-y,50%),rgba(255,249,220,.27),rgba(255,243,201,.05) 58%,transparent 75%);opacity:0;transition:opacity .4s}
.far-motion-focus:hover .far-motion-glare{opacity:1}
.far-motion-lightstage{position:relative!important;isolation:isolate}
.far-motion-mote{position:absolute;z-index:3;width:var(--far-size,5px);height:var(--far-size,5px);left:var(--far-x,50%);top:var(--far-y,50%);border-radius:50%;background:rgba(255,251,218,.95);box-shadow:0 0 8px 2px rgba(255,243,187,.7),0 0 24px 5px rgba(255,230,185,.25);opacity:.5;pointer-events:none;animation:far-motion-mote var(--far-duration,9s) ease-in-out var(--far-delay,0s) infinite alternate;mix-blend-mode:screen}
@keyframes far-motion-mote{0%{transform:translate3d(0,8px,0) scale(.75);opacity:.22}50%{opacity:.68}100%{transform:translate3d(12px,-15px,0) scale(1.14);opacity:.35}}
.far-motion-underlined{background-image:linear-gradient(to right,rgba(190,133,126,.65),rgba(226,182,147,.55));background-position:left calc(100% - .03em);background-repeat:no-repeat;background-size:0 3px;transition:background-size 1s cubic-bezier(.22,1,.36,1)}
.far-motion-underlined.far-motion-seen{background-size:100% 3px}
.far-motion-cta{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,filter .4s ease!important}
.far-motion-cta:hover,.far-motion-cta:focus-visible{transform:translateY(-3px) scale(1.025)!important;box-shadow:0 12px 26px rgba(77,43,49,.2);filter:brightness(1.08)}






@media(prefers-reduced-motion:reduce){.far-motion-mote,.far-motion-ray{display:none!important}.far-motion-halo,.far-motion-cta,.far-motion-underlined,.far-motion-glare{transition:none!important}.far-motion-underlined{background-size:0 0!important}}
@media(max-width:750px){.far-motion-glare{display:none!important}.far-motion-mote{opacity:.3}}

/* FARFALLA · Detalles de luz, profundidad y movimiento para los componentes existentes. */
/* Shinka tiene recorte en dossier y tarjetas. Iluminar DENTRO del recorte para no perder el halo. */
.far-motion-halo{position:relative!important;isolation:isolate}
.far-motion-halo .far-motion-halo-layer{position:absolute!important;inset:0!important;z-index:20!important;display:block!important;pointer-events:none!important;border:3px solid rgba(255,241,210,.88);border-radius:inherit;opacity:.52;box-shadow:inset 0 0 0 4px rgba(255,255,255,.20),inset 0 0 36px rgba(255,230,190,.57),inset 0 0 68px rgba(255,251,226,.30);background:linear-gradient(120deg,rgba(255,249,208,.14),transparent 52%,rgba(255,245,220,.1));transition:opacity .65s ease,box-shadow .65s ease!important}
.far-motion-halo:is(:hover,:active,:focus-within) .far-motion-halo-layer,
.v10-dossier-display:is(:hover,:focus-within) .far-motion-halo .far-motion-halo-layer{opacity:1;box-shadow:inset 0 0 0 4px rgba(255,255,255,.72),inset 0 0 51px rgba(255,238,204,.96),inset 0 0 92px rgba(255,243,222,.48),0 0 24px rgba(255,233,207,.35)}
/* Dossier Shinka: brillo en la propia imagen, sin interferir con fichas ni con la órbita. */
body#farfalla-page-shinka .v10-dossier-image-wrap.far-motion-halo .far-motion-halo-layer{border-radius:2px}
/* Resaltar también el CONTORNO TOTAL del dossier, no solo la fotografía. */
body#farfalla-page-shinka .v10-dossier-display .v10-dossier-main{box-shadow:0 20px 40px rgba(69,35,45,.25),0 0 0 3px rgba(241,211,184,.7),0 0 23px rgba(255,226,176,.32)!important}
body#farfalla-page-shinka .v10-dossier-display:is(:hover,:focus-within) .v10-dossier-main{box-shadow:inset 0 0 0 2px rgba(255,251,226,.92),0 18px 58px rgba(92,42,50,.28),0 0 34px 5px rgba(245,208,169,.42)!important}

body#farfalla-page-shinka .v14-ideas-card.far-motion-halo .far-motion-halo-layer{border-radius:inherit}
/* Botón con expansión de luz: preserva el texto, el enlace, el foco y el gradiente de marca. */
.far-motion-expand{position:relative!important;isolation:isolate;overflow:hidden}
.far-motion-expand::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 18% 53%,rgba(255,255,255,.33),rgba(255,224,204,.24) 53%,rgba(255,249,229,.08) 80%);clip-path:circle(0% at 14% 55%);transition:clip-path .78s cubic-bezier(.22,1,.36,1)!important}
.far-motion-expand:is(:hover,:focus-visible)::after{clip-path:circle(160% at 14% 55%)}
.far-motion-expand>span,.far-motion-expand>i,.far-motion-expand>b{position:relative;z-index:2}
/* Profundidad editorial en tarjetas informativas, sin rotar componentes con lógica interactiva. */
.far-motion-depth{transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s ease!important;transform-style:preserve-3d}
.far-motion-depth:is(:hover,:focus-within){transform:perspective(1100px) rotateY(-1.7deg) rotateX(1deg) translate3d(0,-5px,0)!important;box-shadow:0 18px 36px rgba(75,38,47,.16)!important}
/* Composición viva: etiqueta decorativa flotante fuera del dossier 3D. */
.far-motion-composition{position:relative!important;isolation:isolate}
.far-motion-floating-note{position:absolute;top:7%;right:3%;z-index:7;display:block;padding:13px 16px;border:1px solid rgba(154,105,93,.22);border-radius:4px 8px 6px 3px;background:#f8efe0;color:#74334a;pointer-events:none;font:italic 17px/1.25 Georgia,serif;box-shadow:0 12px 25px rgba(56,34,36,.18);transform:rotate(8deg);animation:far-motion-note-float 8s ease-in-out infinite alternate}
@keyframes far-motion-note-float{0%{transform:translate(0,3px) rotate(8deg)}100%{transform:translate(-6px,-9px) rotate(4deg)}}
/* Evitar que las decoraciones creen fricción con móvil y movimiento reducido. */




@media(max-width:750px){.far-motion-floating-note{display:none!important}.far-motion-depth:is(:hover,:focus-within){transform:none!important}.far-motion-expand::after{transition:none!important}.far-motion-halo .far-motion-halo-layer{opacity:.27}}
@media(prefers-reduced-motion:reduce){.far-motion-floating-note{animation:none!important}.far-motion-halo-layer,.far-motion-expand::after,.far-motion-depth{transition:none!important}.far-motion-expand::after{clip-path:circle(0% at 14% 55%)!important}.far-motion-depth:is(:hover,:focus-within){transform:none!important}}