/* =====================================================================
   maritza-lienzo.css · v2 · Capa «obra de arte» (Método ACD-IA®)
   Se pinta ENCIMA del sitio: no cambia textos, formularios ni medición.
   Prefijo lz-. Paleta de Maritza mapeada a los roles del pintor:
   tinta #304030 · primario #305040 · profundidad #305030 · emoción (río) #609090
   luz #f0d9a8 (propuesta: dorado del amanecer del video) · vida #a0b0a0
   papel #fdfaf1 · conversación #25D366 (solo WhatsApp)
   ===================================================================== */
:root{
  --lz-tinta:#304030;--lz-primario:#305040;--lz-prof:#305030;--lz-rio:#609090;
  --lz-luz:#f0d9a8;--lz-vida:#a0b0a0;--lz-papel:#fdfaf1;--lz-lapiz:#6b4a2e;
  --lz-sombra:#5a5470; /* violácea: las sombras nunca son negras */
}

/* ---------- Obras (secciones) ---------- */
.lz-obra{position:relative;isolation:isolate;overflow-x:clip}
.lz-boceto{position:absolute;z-index:-1;width:min(61.8%,760px);height:auto;aspect-ratio:1618/1000;pointer-events:none;fill:none;stroke:var(--lz-tinta);stroke-width:1;opacity:.11}
.lz-oscura .lz-boceto{stroke:var(--lz-papel);opacity:.18}
.lz-boceto.lz-o-br{right:0;bottom:21px}
.lz-boceto.lz-o-bl{left:0;bottom:21px;transform:scaleX(-1)}
.lz-boceto.lz-o-tr{right:0;top:21px;transform:scaleY(-1)}
.lz-boceto.lz-o-tl{left:0;top:21px;transform:scale(-1,-1)}
.lz-boceto *{vector-effect:non-scaling-stroke}
.lz-boceto .lz-trazo{stroke-dasharray:6000;stroke-dashoffset:0}
.lz-boceto .lz-ojo{fill:var(--lz-rio);stroke:none;opacity:.9;transform-box:fill-box;transform-origin:center}
.lz-js .lz-boceto .lz-trazo{stroke-dashoffset:6000;transition:stroke-dashoffset 2.6s ease-in-out}
.lz-js .lz-boceto .lz-ojo{opacity:0;transition:opacity .6s ease 2.4s}
.lz-js .lz-seen .lz-boceto .lz-trazo{stroke-dashoffset:0}
.lz-js .lz-seen .lz-boceto .lz-ojo{opacity:.9;animation:lz-late 1.6s ease-in-out 2.6s 3}
@keyframes lz-late{50%{transform:scale(1.8);opacity:.4}}

/* ---------- Cartela de galería ---------- */
.lz-cartela{position:absolute;z-index:2;right:21px;bottom:55px;margin:0;max-width:260px;padding:8px 13px;border-radius:6px;
  background:linear-gradient(135deg,#fffdf6,#f1ece0);border:1px solid rgba(107,74,46,.25);
  box-shadow:0 1px 1px rgba(48,64,48,.12),0 8px 21px -13px rgba(90,84,112,.45);
  font:500 .72rem/1.45 "Inter",system-ui,sans-serif;color:#4a3d2f;letter-spacing:.01em;pointer-events:none}
.lz-cartela b{display:block;font-weight:650;color:var(--lz-tinta);font-size:.78rem}
.lz-cartela .lz-invita{display:block;margin-top:4px;color:var(--lz-rio);font-style:italic}
.lz-oscura .lz-cartela{background:linear-gradient(135deg,#f6f1e4,#e8e1cf)}
@media (max-width:860px){.lz-cartela{display:none}}

/* ---------- Pincelada de firma bajo cada título (61,8 %) ---------- */
.lz-pincel{display:block;width:min(61.8%,21em);height:13px;margin:-13px 0 21px;overflow:visible;pointer-events:none}
.lz-pincel path{fill:none;stroke:var(--lz-rio);stroke-width:5;stroke-linecap:round;opacity:.55;stroke-dasharray:700;stroke-dashoffset:0}
.lz-oscura .lz-pincel path{stroke:var(--lz-luz);opacity:.7}
.cierre .lz-pincel{margin-inline:auto}
.lz-js .lz-pincel path{stroke-dashoffset:700;transition:stroke-dashoffset 1.4s ease-out .2s}
.lz-js .lz-seen .lz-pincel path{stroke-dashoffset:0}

/* ---------- Bordes pintados (secciones de color) ---------- */
.lz-borde{margin-top:-30px;padding-top:calc(clamp(55px,9vw,144px) + 30px)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='610' height='30' viewBox='0 0 610 30'%3E%3Cpath d='M0 30V16Q17.0 18.7 34 17.7Q51.0 14.5 68 9.1Q85.0 8.0 102 21.1Q119.0 18.4 136 15.9Q153.0 19.1 170 9.5Q187.0 11.0 204 13.2Q221.0 11.8 238 18.1Q255.0 22.1 272 18.5Q289.0 21.4 306 10.4Q323.0 10.9 340 18.8Q357.0 22.5 374 17.9Q391.0 18.3 408 12.9Q425.0 12.8 442 15.9Q459.0 15.8 476 14.7Q493.0 13.8 510 17.0Q527.0 18.9 544 17.4Q577.0 15.3 610 16V30Z'/%3E%3Ccircle cx='86' cy='6' r='2.2'/%3E%3Ccircle cx='97' cy='3' r='1.2'/%3E%3Ccircle cx='303' cy='5' r='1.8'/%3E%3Ccircle cx='478' cy='6' r='2.4'/%3E%3Ccircle cx='489' cy='2.5' r='1.1'/%3E%3C/svg%3E") 0 0/610px 30px repeat-x,linear-gradient(#000,#000) 0 29px/100% calc(100% - 29px) no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='610' height='30' viewBox='0 0 610 30'%3E%3Cpath d='M0 30V16Q17.0 18.7 34 17.7Q51.0 14.5 68 9.1Q85.0 8.0 102 21.1Q119.0 18.4 136 15.9Q153.0 19.1 170 9.5Q187.0 11.0 204 13.2Q221.0 11.8 238 18.1Q255.0 22.1 272 18.5Q289.0 21.4 306 10.4Q323.0 10.9 340 18.8Q357.0 22.5 374 17.9Q391.0 18.3 408 12.9Q425.0 12.8 442 15.9Q459.0 15.8 476 14.7Q493.0 13.8 510 17.0Q527.0 18.9 544 17.4Q577.0 15.3 610 16V30Z'/%3E%3Ccircle cx='86' cy='6' r='2.2'/%3E%3Ccircle cx='97' cy='3' r='1.2'/%3E%3Ccircle cx='303' cy='5' r='1.8'/%3E%3Ccircle cx='478' cy='6' r='2.4'/%3E%3Ccircle cx='489' cy='2.5' r='1.1'/%3E%3C/svg%3E") 0 0/610px 30px repeat-x,linear-gradient(#000,#000) 0 29px/100% calc(100% - 29px) no-repeat}

/* ---------- Grano de tela (todo el sitio) ---------- */
body::after{content:"";position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .25 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E")}

/* ---------- Pincel del visitante ---------- */
.lz-pincel-lienzo{position:fixed;inset:0;width:100%;height:100%;z-index:45;pointer-events:none;mix-blend-mode:multiply}

/* ---------- Retrato en marco de galería (la persona) ---------- */
.lz-marco{position:relative;margin:0 auto;max-width:380px;width:100%;padding:21px;border-radius:4px;
  background:linear-gradient(135deg,#f3e2b0 0%,#c9a45c 22%,#f6e7bd 45%,#a9813e 70%,#e9d29a 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),inset 0 0 0 8px rgba(120,86,36,.25),0 2px 2px rgba(48,64,48,.2),0 21px 34px -21px rgba(90,84,112,.6)}
.lz-marco::before{content:"";position:absolute;left:50%;top:-89px;width:70%;height:144px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(ellipse 50% 100% at 50% 0,rgba(255,240,200,.75),transparent 70%);opacity:.55;transition:opacity 1.2s ease}
.lz-js .lz-marco::before{opacity:0}
.lz-js .lz-seen .lz-marco::before{opacity:.55}
.lz-marco .retrato{border-radius:2px;margin:0;max-width:none;box-shadow:inset 0 0 13px rgba(48,64,48,.25);border:0;background:var(--papel-2,#f4f2e8)}
.lz-placa{margin:13px auto 0;width:max-content;max-width:100%;padding:4px 13px;border-radius:3px;background:linear-gradient(180deg,#fbf3d9,#d8bd7d);color:#3b2f1c;font:600 .78rem/1.4 "Inter",system-ui,sans-serif;text-align:center;box-shadow:0 1px 2px rgba(48,64,48,.3)}

/* ---------- Dos orillas: el «sí» lleva el color; el «no», gris ---------- */
.col.si{background:linear-gradient(160deg,#e8f1ef 0%,#dce9e2 61.8%,#f3ead3 100%)}
.col.no{background:#f1f1ef;border-color:#e0e0e0;color:#555a55}
.col.no h3{color:#5d625d}

/* ---------- Escena pintada en secuencia (cierre) ---------- */
.nature-scene{position:relative;width:100%;aspect-ratio:1600/360;min-height:240px;margin:0 0 var(--s4,34px);overflow:hidden}
.nature-scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.lz-scene .lz-p{transform-box:fill-box}
.lz-scene .lz-eph{opacity:0}
.lz-scene .lz-boceto-escena{fill:none;stroke:var(--lz-lapiz);mix-blend-mode:multiply;opacity:.3}
.lz-scene .lz-boceto-escena .lz-trazo{stroke-dasharray:4000;stroke-dashoffset:0}
.lz-js .lz-scene .lz-boceto-escena .lz-trazo{stroke-dashoffset:4000;transition:stroke-dashoffset 3.2s ease-in-out}
.lz-js .lz-scene.lz-seen .lz-boceto-escena .lz-trazo{stroke-dashoffset:0}
.lz-scene .lz-guia{stroke:var(--lz-lapiz);stroke-width:1;stroke-dasharray:3 6;opacity:.35;fill:none;vector-effect:non-scaling-stroke}
.lz-off,.lz-off *{animation-play-state:paused!important}

/* Movimiento continuo (vida) */
@keyframes lz-nube{from{translate:-120px 0}to{translate:180px 0}}
@keyframes lz-brillo{0%,100%{opacity:.25}50%{opacity:.85}}
@keyframes lz-mece{0%,100%{rotate:-3deg}50%{rotate:3deg}}
@keyframes lz-respira{0%,100%{scale:1 1}50%{scale:1 1.03}}
@keyframes lz-cola{0%,100%{rotate:-8deg}50%{rotate:14deg}}
@keyframes lz-salta{0%,70%,100%{translate:0 0}80%{translate:0 -9px}90%{translate:0 0}}
@keyframes lz-gota{from{translate:0 -40px;opacity:0}15%{opacity:.9}to{translate:-14px 150px;opacity:0}}
@keyframes lz-onda{from{scale:.2;opacity:.8}to{scale:1.4;opacity:0}}
@keyframes lz-vuelo{from{translate:1800px 0}to{translate:-400px -40px}}
@keyframes lz-aleteo{0%,100%{scale:1 1}50%{scale:1 -.6}}
@keyframes lz-mariposa{0%{translate:0 0}25%{translate:34px -21px}50%{translate:55px 8px}75%{translate:21px -13px}100%{translate:0 0}}

/* Movimiento reducido: la obra completa, quieta, sin pincel */
@media (prefers-reduced-motion:reduce){
  .lz-scene *,.lz-boceto *,.lz-pincel path{animation:none!important;transition:none!important}
  .lz-pincel-lienzo{display:none}
}
.reduce-motion .lz-scene *,.reduce-motion .lz-boceto *,.reduce-motion .lz-pincel path{animation:none!important;transition:none!important;stroke-dashoffset:0!important}
.reduce-motion .lz-boceto .lz-ojo{opacity:.9!important}
.reduce-motion .lz-pincel-lienzo{display:none}

/* Pie: que WhatsApp y el aviso de cookies no tapen la firma */
@media (max-width:760px){footer.pie-sitio{padding-bottom:calc(34px + 89px)}}