/* [ID: ACD-VEGA-ARTE] | [V: 7.0 / sitio 48] | BAW · ATELIER φ
   Capa artística progresiva. Ningún contenido depende de esta hoja o de JS. */
:root{--art-phi:1.61803398875;--art-paper:#fff8e9;--art-ink:#294c36;--art-earth:#a33e2d;--art-gold:#ffe6a6;--art-space-s:13px;--art-space-m:21px;--art-space-l:34px;--art-space-xl:55px}
body{cursor:auto!important}
a,button,summary,[role=tab]{cursor:pointer!important}
input,textarea{cursor:text!important}
main p,main li{font-variant-ligatures:common-ligatures;line-height:1.618}
main :is(h1,h2,h3){font-kerning:normal;font-variant-ligatures:common-ligatures}
main :is(.lead,.sub){text-wrap:pretty}
/* La documentación permanece intacta: solo fotos de fichas, nunca documentos. */
.lcard .lph{position:relative;isolation:isolate;background:#f5eddc}
.lcard .lph img{filter:sepia(.075) saturate(.94) contrast(.98);transition:filter .4s ease;object-fit:cover;object-position:center}
.lcard .lph::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#fff4d314,transparent 55%,#344e7110);mix-blend-mode:multiply}
.lcard:focus-within .lph img,.lcard:hover .lph img{filter:none}
.lcard{box-shadow:0 5px 21px #4d38200d;transition:box-shadow .3s ease,border-color .3s ease}
.lcard:hover,.lcard:focus-within{box-shadow:0 8px 21px #4d382019;border-color:#947753}
/* Capitular editorial contemporánea: no se presenta como estilo histórico documentado. */
.hv-story>p:first-of-type{line-height:1.618;max-width:61ch}
.hv-story>p:first-of-type::first-letter{float:left;font-family:Georgia,serif;font-size:3.5em;line-height:.9;margin:.08em .12em 0 0;padding:.04em .08em;color:#a33e2d;background:radial-gradient(ellipse,#e9c76a38,transparent 72%);text-shadow:1px 2px #bf8f3826;border-radius:31% 63% 40% 54%}
.hv-story{position:relative}
.hv-story::after{content:'';display:block;width:clamp(89px,38.2%,144px);height:5px;margin-top:21px;background:linear-gradient(90deg,#a33e2d88,#d8aa4f44,transparent);border-radius:57% 36% 73% 24%;transform:rotate(-.7deg);pointer-events:none}
/* Un foco por escena: pigmento limitado a los lienzos de introducción. */
.hero,.interior-intro{isolation:isolate}
.art-water-host{position:relative}
.art-water{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.65;mix-blend-mode:multiply;contain:strict}
/* Le panneau apparaît sans attendre une animation; l'effet ne retarde pas la lecture. */
.art-panel-enter{animation:art-pigment-settle .65s ease-out both}
@keyframes art-pigment-settle{from{opacity:.82;filter:saturate(.86)}to{opacity:1;filter:saturate(1)}}
/* Poussière d'or locale: six points, un seul passage après la signature. */
.art-sign-dust{position:absolute;inset:0;overflow:hidden;pointer-events:none;perspective:600px;border-radius:21px;contain:strict}
.art-mote{position:absolute;left:var(--x);top:61.8%;width:var(--size);height:var(--size);border-radius:50%;background:#ffe6a6;box-shadow:0 0 5px #ffdb8e88;opacity:0}
.art-dust-run .art-mote{animation:art-gold-fall 1.8s ease-in var(--delay) both}
@keyframes art-gold-fall{0%{opacity:0;transform:translate3d(0,-5px,0)}18%{opacity:.65}55%{opacity:.4;transform:translate3d(var(--dx),17px,13px)}100%{opacity:0;transform:translate3d(var(--dx),55px,21px)}}
.sign44-paused .art-mote{animation-play-state:paused!important}
@media(min-width:1100px){.hero .hero-grid{gap:clamp(34px,3.82vw,55px)}.hv-chapter{column-gap:clamp(34px,3.82vw,55px)}}
@media(max-width:600px){.hv-story>p:first-of-type::first-letter{font-size:3em}}
@media(prefers-reduced-motion:reduce){.art-water,.art-sign-dust{display:none!important}.art-panel-enter{animation:none!important}.lcard,.lcard .lph img{transition:none!important}.hv-story::after{transform:none}}
body.paused .art-water{display:none}
body.paused .art-mote{animation-play-state:paused!important}