/* tpl-my2 · segunda oleada: mayores y bodas */
@font-face{font-family:"My2 Abril";font-weight:400;font-display:swap;src:url("/fonts/my2-abril.woff2") format("woff2")}
@font-face{font-family:"My2 Limelight";font-weight:400;font-display:swap;src:url("/fonts/my2-limelight.woff2") format("woff2")}
@font-face{font-family:"My2 Lora";font-weight:400 700;font-style:normal;font-display:swap;src:url("/fonts/my2-lora.woff2") format("woff2")}
@font-face{font-family:"My2 Lora";font-weight:400 700;font-style:italic;font-display:swap;src:url("/fonts/my2-lora-i.woff2") format("woff2")}
@font-face{font-family:"My2 Courgette";font-weight:400;font-display:swap;src:url("/fonts/my2-courgette.woff2") format("woff2")}
@font-face{font-family:"My2 Fell";font-weight:400;font-style:normal;font-display:swap;src:url("/fonts/my2-fell.woff2") format("woff2")}
@font-face{font-family:"My2 Fell";font-weight:400;font-style:italic;font-display:swap;src:url("/fonts/my2-fell-i.woff2") format("woff2")}
@font-face{font-family:"My2 Shippori";font-weight:400;font-display:swap;src:url("/fonts/my2-shippori.woff2") format("woff2")}
@font-face{font-family:"My2 Shippori";font-weight:700;font-display:swap;src:url("/fonts/my2-shippori-b.woff2") format("woff2")}
@font-face{font-family:"My2 Josefin";font-weight:100 700;font-display:swap;src:url("/fonts/my2-josefin.woff2") format("woff2")}
@font-face{font-family:"My2 Cinzel D";font-weight:700;font-display:swap;src:url("/fonts/my2-cinzel-deco.woff2") format("woff2")}
@font-face{font-family:"My2 Pinyon";font-weight:400;font-display:swap;src:url("/fonts/my2-pinyon.woff2") format("woff2")}
@font-face{font-family:"My2 Corm";font-weight:400;font-style:normal;font-display:swap;src:url("/fonts/my2-corm.woff2") format("woff2")}
@font-face{font-family:"My2 Corm";font-weight:400;font-style:italic;font-display:swap;src:url("/fonts/my2-corm-i.woff2") format("woff2")}
@media (prefers-reduced-motion:reduce){[data-tpl^="my2"] .foto::before,[data-tpl^="my2"] .foto::after,[data-tpl^="my2"] .cuenta *,[data-tpl^="my2"] .cuenta,[data-fx^="my2"] #fx,[data-fx^="my2"] #fx::after{animation:none!important}}
/* ============ MY2TANGO ============ */
[data-fx="my2tango"] #fx{background:radial-gradient(ellipse 80% 38% at 50% 0,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 72%),repeating-linear-gradient(90deg,transparent 0 46px,color-mix(in srgb,var(--c1) 9%,transparent) 46px 48px),radial-gradient(ellipse 90% 40% at 50% 110%,color-mix(in srgb,var(--c1) 30%,transparent),transparent),var(--bg)}
[data-fx="my2tango"] #fx::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 40%);animation:my2t-glow 5s ease-in-out infinite}
@keyframes my2t-glow{50%{opacity:.45}}
.my2t-spin{animation:my2t-gira 5.5s linear infinite}
@keyframes my2t-gira{to{transform:rotate(360deg)}}
.my2t-rays{animation:my2t-gira 90s linear infinite}
.my2t-ring{transform-origin:190px 150px;animation:my2t-onda 3.2s ease-out infinite;opacity:0}
@keyframes my2t-onda{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.34);opacity:0}}
.my2t-arm{transform-origin:310px 64px;animation:my2t-brazo 4.6s ease-in-out infinite}
@keyframes my2t-brazo{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.6deg)}}
.my2t-note{animation:my2t-sube 5.6s ease-out infinite;opacity:0}
@keyframes my2t-sube{0%{transform:translate(0,12px) rotate(-8deg) scale(.6);opacity:0}15%{opacity:1}100%{transform:translate(var(--dx),-92px) rotate(14deg) scale(1.15);opacity:0}}
.my2t-led{animation:my2t-led 1.4s steps(1) infinite}
@keyframes my2t-led{50%{opacity:.25}}
.my2t-tw{animation:my2t-tw 2.6s ease-in-out infinite}.my2t-tw2{animation:my2t-tw 3.4s ease-in-out -1.2s infinite}
@keyframes my2t-tw{0%,100%{opacity:.2}50%{opacity:1}}
[data-tpl="my2tango"] .escena svg text{paint-order:normal}
/* tipografía */
[data-tpl="my2tango"] .eyebrow{font-family:var(--f-body);font-style:italic;text-transform:none;letter-spacing:.02em;font-size:1.08rem;color:var(--accent-2);opacity:1}
[data-tpl="my2tango"] .nombre{font-family:var(--f-head);font-size:min(var(--name-size),14.5vw);line-height:1.04;letter-spacing:.01em;color:var(--accent-2);text-shadow:2px 2px 0 var(--c1),4px 4px 0 color-mix(in srgb,var(--c1) 50%,transparent);margin:.35rem 0 .1rem}
[data-tpl="my2tango"] .titulo{font-family:var(--f-body);font-style:italic;font-weight:500;font-size:1.5rem;color:var(--ink)}
[data-tpl="my2tango"] h2.sec{font-family:var(--f-head);font-size:2rem;color:var(--accent-2);letter-spacing:.02em}
[data-tpl="my2tango"] .mensaje{font-size:1.25rem;line-height:1.7}
/* foto: etiqueta de vinilo */
.foto.f-my2disco{--ar:1;width:min(78%,290px);border-radius:50%;padding:15px;background:repeating-radial-gradient(circle at 50% 50%,#15100f 0 2px,#1f1918 2px 4px);box-shadow:0 18px 40px #0007,0 0 0 4px color-mix(in srgb,var(--accent-2) 55%,transparent)}
.f-my2disco img{border-radius:50%;border:5px solid var(--accent)}
.f-my2disco::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8%,#fff3 10%,transparent 14% 58%,#fff2 60%,transparent 64%);animation:my2t-gira 7s linear infinite;pointer-events:none}
.f-my2disco::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 3px var(--accent-2);opacity:0}
/* fecha */
[data-tpl="my2tango"] .fecha .dia{font-family:var(--f-head);font-size:5.4rem;color:var(--accent);text-shadow:3px 3px 0 var(--c1)}
[data-tpl="my2tango"] .fecha .d-dow,[data-tpl="my2tango"] .fecha .d-mes,[data-tpl="my2tango"] .fecha .d-anio{font-family:var(--f-body);font-weight:600;letter-spacing:.2em;font-size:1.15rem}
/* cuenta: cuatro discos */
[data-tpl="my2tango"] .cuenta{gap:.4rem}
[data-tpl="my2tango"] .cuenta div{position:relative;width:76px;min-width:0;height:76px;padding:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;box-shadow:none;overflow:visible}
[data-tpl="my2tango"] .cuenta div::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#15100f 0 2px,#221b1a 2px 4px);box-shadow:0 6px 14px #0006,0 0 0 2px var(--accent);animation:my2t-gira 6s linear infinite}
[data-tpl="my2tango"] .cuenta div::after{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--accent) 0 62%,transparent 63%);animation:none}
[data-tpl="my2tango"] .cuenta div.cd-s::before{animation-duration:1.6s}
[data-tpl="my2tango"] .cuenta b,[data-tpl="my2tango"] .cuenta span{position:relative;z-index:1;color:var(--btn-ink)}
[data-tpl="my2tango"] .cuenta b{font-family:var(--f-head);font-weight:400;font-size:1.65rem;line-height:1}
[data-tpl="my2tango"] .cuenta span{font-size:.58rem;letter-spacing:.1em;opacity:.9;margin-top:1px}
/* programa, lugar, galería, form */
[data-tpl="my2tango"] .programa::before{background:var(--accent);opacity:.5;width:2px}
[data-tpl="my2tango"] .programa time{font-family:var(--f-head);font-size:1.15rem;color:var(--accent-2)}
[data-tpl="my2tango"] .programa span::before{background:var(--accent);box-shadow:0 0 0 3px #14100f,0 0 0 4px var(--accent-2)}
[data-tpl="my2tango"] .nombre-lugar{font-family:var(--f-head);color:var(--accent-2);font-weight:400;font-size:1.6rem}
[data-tpl="my2tango"] .btn{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--btn-ink);font-weight:700;border-radius:999px;box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 55%,#000)}
[data-tpl="my2tango"] .btn:active{transform:translateY(3px);box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 55%,#000)}
[data-tpl="my2tango"] .btn.ghost{background:transparent;color:var(--accent-2);border:2px solid var(--accent);box-shadow:none}
[data-tpl="my2tango"] .galeria img{border-radius:50%;aspect-ratio:1;padding:6px;background:repeating-radial-gradient(circle,#15100f 0 2px,#201918 2px 4px);box-shadow:0 8px 18px #0005}
[data-tpl="my2tango"] .galeria img:nth-child(3n+1){border-radius:50%;aspect-ratio:1}
[data-tpl="my2tango"] form{background:var(--card);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:none}
[data-tpl="my2tango"] .cierre .nombre-cierre{font-family:var(--f-head);color:var(--accent-2);font-size:1.8rem}
/* sobre */
[data-tpl="my2tango"] #sobre{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent-2) 22%,var(--soft)),var(--bg) 75%)}
[data-tpl="my2tango"] .sobre-wrap h1{font-family:var(--f-head);color:var(--accent-2);font-size:2.3rem;text-shadow:2px 2px 0 var(--c1)}
[data-tpl="my2tango"] .sobre-wrap .para{color:var(--accent);opacity:1}
.sobre-my2tango{position:relative;width:236px;height:262px;margin:0 auto}
.my2t-disc{position:absolute;left:11px;top:34px;width:214px;height:214px;border-radius:50%;box-shadow:0 8px 20px #0008;animation:my2t-asoma 3s ease-in-out infinite;transition:transform .9s cubic-bezier(.5,0,.3,1)}
.my2t-disc svg{width:100%;height:100%;animation:my2t-gira 3s linear infinite}
@keyframes my2t-asoma{0%,100%{transform:translateY(-22px)}50%{transform:translateY(-38px)}}
.my2t-sleeve{position:absolute;left:0;right:0;top:64px;height:198px;border-radius:6px;background:linear-gradient(150deg,var(--c1),color-mix(in srgb,var(--c1) 50%,#000));box-shadow:0 14px 30px #0007;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.9rem .6rem;text-align:center;overflow:hidden;transition:transform .8s .1s,opacity .5s .4s}
.my2t-sleeve::before{content:"";position:absolute;inset:7px;border:1px solid #ffffff66;border-radius:3px;pointer-events:none}
.my2t-sleeve::after{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff40,transparent);animation:my2t-brilla 3.4s ease-in-out infinite}
@keyframes my2t-brilla{0%{left:-50%}60%,100%{left:130%}}
.my2t-sleeve small{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;opacity:.9}
.my2t-sleeve i{width:74px;height:74px;border-radius:50%;background:repeating-radial-gradient(circle,#15100f 0 2px,#241c1b 2px 4px);box-shadow:0 0 0 3px var(--accent-2);position:relative}
.my2t-sleeve i::after{content:"";position:absolute;inset:25px;border-radius:50%;background:var(--accent)}
.my2t-sleeve b{font-family:var(--f-head);font-weight:400;font-size:1.7rem;line-height:1;color:var(--c3)}
.my2t-sleeve span{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.sobre-my2tango.open .my2t-disc{animation:none;transform:translateY(-120px) rotate(200deg) scale(1.1)}
.sobre-my2tango.open .my2t-sleeve{transform:translateY(70px) scale(.9);opacity:0}
/* ============ MY2CINE ============ */
[data-fx="my2cine"] #fx{background:radial-gradient(ellipse 60% 36% at 50% 0,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 70%),linear-gradient(90deg,color-mix(in srgb,var(--c1) 40%,var(--bg)) 0,var(--bg) 16%,var(--bg) 84%,color-mix(in srgb,var(--c1) 40%,var(--bg)) 100%)}
[data-fx="my2cine"] #fx::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#0000 0 22px,#00000026 22px 30px);opacity:.5;-webkit-mask:linear-gradient(90deg,#000 0,#0000 18%,#0000 82%,#000);mask:linear-gradient(90deg,#000 0,#0000 18%,#0000 82%,#000)}
.my2c-b1{animation:my2c-bulb 1s steps(1) infinite}.my2c-b2{animation:my2c-bulb 1s steps(1) -.5s infinite}
@keyframes my2c-bulb{0%{opacity:1}50%{opacity:.2}}
.my2c-sweep{transform-origin:200px 139px;animation:my2c-gira 2.4s linear infinite}
@keyframes my2c-gira{to{transform:rotate(360deg)}}
.my2c-flick{opacity:0;animation:my2c-flick 2.8s steps(1) infinite}
@keyframes my2c-flick{0%{opacity:0}8%{opacity:.14}10%{opacity:0}46%{opacity:0}48%{opacity:.1}50%{opacity:.02}52%{opacity:.16}54%,100%{opacity:0}}
.my2c-beam{animation:my2c-beam 3.4s ease-in-out infinite}
@keyframes my2c-beam{50%{opacity:.6}}
.my2c-halo{animation:pulsa 4s ease-in-out infinite;transform-origin:200px 140px}
.my2c-dust{animation:my2c-dust 6s linear infinite}
@keyframes my2c-dust{0%{transform:translate(0,30px);opacity:0}20%{opacity:.9}100%{transform:translate(18px,-50px);opacity:0}}
.my2c-cl>g,.my2c-cr2{transform-origin:40px 0;animation:my2c-sway 5.5s ease-in-out infinite alternate}
.my2c-cr2{animation-delay:-2s}
@keyframes my2c-sway{from{transform:skewX(-1.6deg)}to{transform:skewX(2deg)}}
.my2c-head{animation:my2c-bob 4s ease-in-out infinite}
@keyframes my2c-bob{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg) translateY(-1px)}}
.my2c-tw{animation:my2t-tw 2.4s ease-in-out infinite}
@keyframes my2t-tw{0%,100%{opacity:.2}50%{opacity:1}}
/* tipografía */
[data-tpl="my2cine"] .eyebrow{font-family:var(--f-body);font-style:italic;text-transform:none;letter-spacing:.02em;font-size:1.1rem;color:var(--accent-2);opacity:1}
[data-tpl="my2cine"] .nombre{font-family:var(--f-head);font-size:min(var(--name-size),13vw);letter-spacing:.04em;line-height:1.08;color:var(--accent-2);text-shadow:0 0 6px color-mix(in srgb,var(--accent) 80%,transparent),0 0 22px color-mix(in srgb,var(--accent) 60%,transparent),0 3px 0 var(--c1);margin:.4rem 0 .15rem}
[data-tpl="my2cine"] .titulo{font-family:var(--f-body);font-weight:600;font-size:1.25rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
[data-tpl="my2cine"] h2.sec{font-family:var(--f-head);font-size:1.9rem;color:var(--accent-2);letter-spacing:.04em;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}
[data-tpl="my2cine"] .mensaje{font-size:1.25rem;line-height:1.7}
/* foto: rollo de película */
.foto.f-my2pantalla{--ar:4/5;width:min(82%,310px);padding:0 30px;background:#14100e;border-radius:3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 60%,transparent),0 18px 40px #0007,0 0 34px color-mix(in srgb,var(--accent) 35%,transparent)}
.f-my2pantalla img{border-top:0;filter:sepia(.18) contrast(1.04)}
.f-my2pantalla::before,.f-my2pantalla::after{content:"";position:absolute;top:0;bottom:0;width:12px;background:repeating-linear-gradient(180deg,transparent 0 5px,#efe3c8 5px 19px,transparent 19px 26px);animation:my2c-rueda 1.3s linear infinite;border-radius:2px}
.f-my2pantalla::before{left:9px}.f-my2pantalla::after{right:9px}
@keyframes my2c-rueda{to{background-position:0 26px}}
/* fecha */
[data-tpl="my2cine"] .fecha .dia{font-family:var(--f-head);color:var(--accent-2);font-size:3.4rem}
[data-tpl="my2cine"] .fecha .d-dow{font-family:var(--f-body);font-weight:700;letter-spacing:.24em;color:var(--accent)}
[data-tpl="my2cine"] .fecha .d-mes,[data-tpl="my2cine"] .fecha .d-anio{font-family:var(--f-head);font-size:1.5rem}
/* cuenta: entradas de cine */
[data-tpl="my2cine"] .cuenta{gap:.45rem}
[data-tpl="my2cine"] .cuenta div{position:relative;min-width:68px;padding:.55rem .3rem .5rem;border-radius:6px;background:var(--c3);color:#2a1410;box-shadow:0 5px 12px #0005;-webkit-mask:radial-gradient(circle 6px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 6px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 6px at 0 50%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 6px at 100% 50%,#0000 97%,#000) right/51% 100% no-repeat}
[data-tpl="my2cine"] .cuenta div::before{content:"";position:absolute;left:7px;right:7px;top:3px;height:0;border-top:2px dashed #2a141044}
[data-tpl="my2cine"] .cuenta b{font-family:var(--f-head);font-weight:400;font-size:1.7rem;color:#2a1410;margin-top:.15rem}
[data-tpl="my2cine"] .cuenta span{font-weight:700;opacity:.8;color:#2a1410;font-size:.62rem}
[data-tpl="my2cine"] .cuenta .cd-s{background:var(--accent);color:var(--btn-ink)}
[data-tpl="my2cine"] .cuenta .cd-s b,[data-tpl="my2cine"] .cuenta .cd-s span{color:var(--btn-ink)}
[data-tpl="my2cine"] .cuenta .cd-s b{animation:my2c-pop 1s ease-out}
@keyframes my2c-pop{0%{transform:scale(1.5);opacity:.3}35%{transform:scale(1);opacity:1}}
/* secciones */
[data-tpl="my2cine"] .programa::before{background:var(--accent);opacity:.5}
[data-tpl="my2cine"] .programa time{font-family:var(--f-head);color:var(--accent-2);font-size:1.1rem}
[data-tpl="my2cine"] .programa span::before{border-radius:2px;transform:rotate(45deg);background:var(--accent)}
[data-tpl="my2cine"] .nombre-lugar{font-family:var(--f-head);font-weight:400;color:var(--accent-2);font-size:1.55rem}
[data-tpl="my2cine"] .btn{background:var(--accent);color:var(--btn-ink);border-radius:4px;font-weight:700;letter-spacing:.16em;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}
[data-tpl="my2cine"] .btn.ghost{background:transparent;color:var(--accent-2);box-shadow:none;border:2px solid var(--accent)}
[data-tpl="my2cine"] .galeria img,[data-tpl="my2cine"] .galeria img:nth-child(3n+1){border-radius:2px;aspect-ratio:4/5;border:7px solid #14100e;border-left-width:11px;border-right-width:11px;box-shadow:0 8px 18px #0006,0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}
[data-tpl="my2cine"] form{border:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:none;border-radius:6px}
[data-tpl="my2cine"] .cierre .nombre-cierre{font-family:var(--f-body);font-style:italic;font-size:1.4rem;color:var(--accent-2)}
/* sobre: claqueta */
[data-tpl="my2cine"] #sobre{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--accent-2) 20%,var(--soft)),var(--bg) 72%)}
[data-tpl="my2cine"] .sobre-wrap h1{font-family:var(--f-head);color:var(--accent-2);font-size:2.1rem;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 60%,transparent)}
[data-tpl="my2cine"] .sobre-wrap .para{color:var(--accent);opacity:1;font-weight:700}
.sobre-my2cine{position:relative;width:268px;height:236px;margin:0 auto;transition:transform .35s .55s,opacity .35s .55s}
.my2c-board{position:absolute;left:0;right:0;bottom:0;height:178px;border-radius:0 0 8px 8px;background:#15110f;border:3px solid #15110f;box-shadow:0 14px 30px #000a,0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent);color:#f4ead2;padding:.5rem .7rem;display:flex;flex-direction:column;gap:.35rem;font-family:var(--f-body)}
.my2c-board small{display:block;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);opacity:.9}
.my2c-board b{font-weight:600;font-size:1.05rem;line-height:1.15}
.my2c-r{border-bottom:1px solid #f4ead244;padding-bottom:.35rem;margin-top:.25rem}
.my2c-r2{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:.4rem;margin-top:.2rem}
.my2c-r2 div{border:1px solid #f4ead244;padding:.25rem .4rem;border-radius:3px}
.my2c-act{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-head);font-size:2.3rem;color:var(--accent-2);background:#15110f;border-radius:0 0 6px 6px;opacity:0;transition:opacity .15s .52s;text-shadow:0 0 18px var(--accent)}
.my2c-stick{position:absolute;left:0;right:0;top:20px;height:40px;border-radius:8px 8px 0 0;background:repeating-linear-gradient(115deg,#15110f 0 22px,#f4ead2 22px 44px);border:3px solid #15110f;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent);transform-origin:0 100%;z-index:2}
.my2c-fl{position:absolute;inset:-60px;background:#fff;opacity:0;pointer-events:none;border-radius:20px;z-index:3}
.sobre-my2cine:not(.open) .my2c-stick{animation:my2c-abre 2.4s ease-in-out infinite}
@keyframes my2c-abre{0%,50%{transform:rotate(-24deg)}58%{transform:rotate(0)}62%{transform:rotate(-3deg)}66%,100%{transform:rotate(0)}}
.sobre-my2cine.open .my2c-stick{animation:my2c-clap .5s ease-in forwards}
@keyframes my2c-clap{0%{transform:rotate(-30deg)}75%,100%{transform:rotate(0)}}
.sobre-my2cine.open .my2c-fl{animation:my2c-destello .45s .45s ease-out}
@keyframes my2c-destello{0%{opacity:.85}100%{opacity:0}}
.sobre-my2cine.open .my2c-act{opacity:1}
.sobre-my2cine.open{transform:scale(1.18);opacity:0}
/* ============ MY2HUERTO ============ */
[data-fx="my2huerto"] #fx{background:radial-gradient(ellipse 70% 30% at 50% 0,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 70%),linear-gradient(180deg,var(--bg) 0,var(--bg) 62%,color-mix(in srgb,var(--c1) 22%,var(--bg)) 100%)}
[data-tpl="my2huerto"] .escena>svg{-webkit-mask:linear-gradient(#000 0 86%,#0000 99%);mask:linear-gradient(#000 0 86%,#0000 99%)}
.my2h-sol{animation:my2h-gira 40s linear infinite}
@keyframes my2h-gira{to{transform:rotate(360deg)}}
.my2h-nube{animation:my2h-nube 30s linear infinite}
@keyframes my2h-nube{from{transform:translateX(-30px)}to{transform:translateX(70px)}}
.my2h-sway{transform-origin:0 0;animation:my2h-sw 4s ease-in-out infinite alternate}
@keyframes my2h-sw{from{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}
.my2h-mata{transform-origin:0 0;animation:my2h-sw 3s ease-in-out infinite alternate}
.my2h-bf{animation:my2h-vuela 7s ease-in-out infinite}
@keyframes my2h-vuela{0%,100%{transform:translate(0,0)}25%{transform:translate(calc(26px*var(--k)),-14px)}50%{transform:translate(calc(50px*var(--k)),6px)}75%{transform:translate(calc(24px*var(--k)),18px)}}
.my2h-ala{transform-origin:0 0;animation:my2h-aletea .4s ease-in-out infinite alternate}
@keyframes my2h-aletea{from{transform:scaleX(1)}to{transform:scaleX(.35)}}
.my2h-fr{animation:my2h-bote 3s ease-in-out infinite}
@keyframes my2h-bote{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.my2h-reg{transform-origin:30px 20px;animation:my2h-riega 5s ease-in-out infinite}
@keyframes my2h-riega{0%,35%,100%{transform:rotate(0)}50%,80%{transform:rotate(14deg)}}
.my2h-gota{animation:my2h-cae 1.1s ease-in infinite}
@keyframes my2h-cae{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}100%{transform:translate(8px,34px);opacity:0}}
/* tipografía */
[data-tpl="my2huerto"] .eyebrow{font-family:var(--f-body);font-style:italic;text-transform:none;letter-spacing:.02em;font-size:1.1rem;color:var(--accent);opacity:1}
[data-tpl="my2huerto"] .nombre{font-family:var(--f-head);font-size:min(var(--name-size),13.5vw);color:var(--accent);text-shadow:3px 3px 0 color-mix(in srgb,var(--accent-2) 55%,transparent);line-height:1.1;margin:.45rem 0 .1rem}
[data-tpl="my2huerto"] .titulo{font-family:var(--f-body);font-weight:600;font-size:1.4rem;color:var(--ink)}
[data-tpl="my2huerto"] .edad-num{font-family:var(--f-head);color:var(--accent);font-size:4.6rem;text-shadow:3px 3px 0 color-mix(in srgb,var(--accent-2) 60%,transparent)}
[data-tpl="my2huerto"] .edad-lbl{font-family:var(--f-body);font-weight:700;letter-spacing:.3em;color:var(--accent)}
[data-tpl="my2huerto"] h2.sec{font-family:var(--f-head);font-size:2.1rem;color:var(--accent)}
[data-tpl="my2huerto"] .mensaje{font-size:1.25rem;line-height:1.7;font-style:normal}
/* foto: cajón de cosecha */
.foto.f-my2cajon{--ar:1;width:min(80%,300px);padding:16px;margin-bottom:2.6rem;background:repeating-linear-gradient(90deg,#0000 0 52px,#0002 52px 54px),linear-gradient(180deg,color-mix(in srgb,var(--c4) 55%,var(--c2)),color-mix(in srgb,var(--c4) 80%,var(--c2)));border:3px solid var(--c4);border-radius:6px;box-shadow:0 14px 30px #0004}
.f-my2cajon img{border:3px solid #0005;box-shadow:inset 0 0 8px #0006}
.f-my2cajon::before{content:"";position:absolute;left:-12px;top:-16px;width:40px;height:40px;background:var(--c1);border-radius:0 100% 0 100%;transform-origin:0 100%;animation:my2h-sw 3.4s ease-in-out infinite alternate;filter:drop-shadow(0 2px 2px #0003)}
.f-my2cajon::after{content:attr(data-cap);position:absolute;left:50%;bottom:-20px;transform:translateX(-50%) rotate(-2deg);max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--c3);color:#3a2a14;font-family:var(--f-head);font-size:1.2rem;line-height:1.5;padding:.1rem 1rem;border-radius:3px;box-shadow:0 3px 8px #0004;border:1px dashed #3a2a1466}
/* fecha y cuenta: estacas de huerto */
[data-tpl="my2huerto"] .fecha .dia{font-family:var(--f-head);color:var(--accent);font-size:5.2rem;text-shadow:3px 3px 0 color-mix(in srgb,var(--accent-2) 60%,transparent)}
[data-tpl="my2huerto"] .fecha .d-dow,[data-tpl="my2huerto"] .fecha .d-mes,[data-tpl="my2huerto"] .fecha .d-anio{font-weight:700;letter-spacing:.2em;font-size:1.1rem;color:var(--accent)}
[data-tpl="my2huerto"] .cuenta{gap:.55rem;align-items:flex-start}
[data-tpl="my2huerto"] .cuenta div{position:relative;width:70px;min-width:0;height:96px;padding:.7rem .2rem 0;border-radius:0;background:var(--accent);box-shadow:none;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);transform-origin:50% 100%;animation:my2h-sw 3.6s ease-in-out infinite alternate}
[data-tpl="my2huerto"] .cuenta div:nth-child(2){animation-delay:-.9s}[data-tpl="my2huerto"] .cuenta div:nth-child(3){animation-delay:-1.8s}[data-tpl="my2huerto"] .cuenta div:nth-child(4){animation-delay:-2.7s}
[data-tpl="my2huerto"] .cuenta div::before{content:"";position:absolute;inset:3px;background:var(--c3);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}
[data-tpl="my2huerto"] .cuenta b,[data-tpl="my2huerto"] .cuenta span{position:relative;color:#3a2a14}
[data-tpl="my2huerto"] .cuenta b{font-family:var(--f-head);font-weight:400;font-size:1.8rem;color:var(--accent)}
[data-tpl="my2huerto"] .cuenta span{font-weight:700;font-size:.62rem;opacity:.85}
[data-tpl="my2huerto"] .cuenta .cd-s b{animation:my2h-pop 1s ease-out;color:var(--c4)}
@keyframes my2h-pop{0%{transform:scale(1.5);opacity:.3}35%{transform:scale(1);opacity:1}}
/* secciones */
[data-tpl="my2huerto"] .programa::before{background:repeating-linear-gradient(180deg,var(--accent) 0 5px,transparent 5px 10px);opacity:.7;width:2px}
[data-tpl="my2huerto"] .programa time{font-family:var(--f-head);color:var(--accent);font-size:1.15rem}
[data-tpl="my2huerto"] .programa span::before{background:var(--c2);border-radius:70% 0 70% 0;width:12px;height:12px;left:-.4rem}
[data-tpl="my2huerto"] .nombre-lugar{font-family:var(--f-head);font-weight:400;color:var(--accent);font-size:1.7rem}
[data-tpl="my2huerto"] .btn{background:var(--accent);color:var(--btn-ink);font-weight:700;border-radius:14px 4px 14px 4px;box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 55%,#000)}
[data-tpl="my2huerto"] .btn:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 55%,#000)}
[data-tpl="my2huerto"] .btn.ghost{background:transparent;color:var(--accent);box-shadow:none;border:2px solid var(--accent)}
[data-tpl="my2huerto"] .galeria img,[data-tpl="my2huerto"] .galeria img:nth-child(3n+1){border-radius:6px;aspect-ratio:1;border:6px solid var(--c3);outline:2px solid color-mix(in srgb,var(--c4) 60%,transparent);box-shadow:0 8px 18px #0003}
[data-tpl="my2huerto"] .galeria img:nth-child(even){transform:rotate(1.5deg)}[data-tpl="my2huerto"] .galeria img:nth-child(odd){transform:rotate(-1.5deg)}
[data-tpl="my2huerto"] form{background:var(--card);border:2px dashed color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:none;border-radius:14px}
[data-tpl="my2huerto"] .cierre .nombre-cierre{font-family:var(--f-head);color:var(--accent);font-size:1.7rem}
/* sobre: canasta */
[data-tpl="my2huerto"] #sobre{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--accent-2) 24%,var(--bg)),var(--soft) 80%)}
[data-tpl="my2huerto"] .sobre-wrap h1{font-family:var(--f-head);color:var(--accent);font-size:2.4rem;text-shadow:2px 2px 0 color-mix(in srgb,var(--accent-2) 50%,transparent)}
.sobre-my2huerto{position:relative;width:250px;height:236px;margin:0 auto}
.my2h-asa{position:absolute;left:26px;right:26px;top:6px;height:130px;border:9px solid var(--c4);border-bottom:0;border-radius:130px 130px 0 0;transition:transform .8s}
.my2h-cuerpo{position:absolute;left:10px;right:10px;bottom:0;height:116px;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);background:repeating-linear-gradient(0deg,#0000002b 0 3px,#0000 3px 14px),repeating-linear-gradient(90deg,#00000018 0 4px,#0000 4px 18px),var(--accent-2);border-radius:0 0 30px 30px;filter:drop-shadow(0 10px 8px #0004)}
.my2h-f{position:absolute;bottom:100px;width:54px;height:54px;border-radius:50%;background:var(--c2);transition:transform .8s cubic-bezier(.3,1.5,.5,1)}
.my2h-f.f1{left:44px}.my2h-f.f2{left:98px;width:50px;height:60px;border-radius:50% 50% 45% 45%;background:var(--accent-2);filter:brightness(1.15)}.my2h-f.f3{left:150px;background:var(--c1)}
.my2h-pano{position:absolute;left:0;right:0;bottom:84px;height:84px;border-radius:50% 50% 12px 12px/62% 62% 12px 12px;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--c2) 52%,transparent) 0 11px,#0000 11px 22px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--c2) 52%,transparent) 0 11px,#0000 11px 22px),var(--c3);box-shadow:0 6px 12px #0003;transform-origin:50% 100%;animation:my2h-resp 2.6s ease-in-out infinite;transition:transform .8s,opacity .6s .2s;-webkit-clip-path:polygon(0 12%,100% 12%,100% 100%,92% 82%,84% 100%,76% 82%,68% 100%,60% 82%,52% 100%,44% 82%,36% 100%,28% 82%,20% 100%,12% 82%,4% 100%,0 86%)}
@keyframes my2h-resp{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.07) translateY(-3px)}}
.my2h-mar{position:absolute;left:72px;top:22px;width:56px;animation:my2h-rodea 4.4s ease-in-out infinite;transition:transform .9s,opacity .5s .4s}
@keyframes my2h-rodea{0%,100%{transform:translate(0,0) rotate(-10deg)}25%{transform:translate(90px,-14px) rotate(8deg)}50%{transform:translate(120px,18px) rotate(-6deg)}75%{transform:translate(50px,6px) rotate(10deg)}}
.sobre-my2huerto:not(.open) .my2h-f.f2{animation:my2h-asoma 2.6s ease-in-out infinite}
@keyframes my2h-asoma{0%,100%{transform:translateY(0)}45%{transform:translateY(-14px)}}
.sobre-my2huerto.open .my2h-pano{animation:none;transform:translate(60px,-190px) rotate(34deg);opacity:0}
.sobre-my2huerto.open .my2h-f{transform:translateY(-84px)}.sobre-my2huerto.open .my2h-f.f2{transform:translateY(-104px)}
.sobre-my2huerto.open .my2h-mar{animation:none;transform:translate(150px,-170px);opacity:0}
/* ============ MY2LIBRO ============ */
[data-fx="my2libro"] #fx{background:radial-gradient(ellipse 70% 40% at 50% 0,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 70%),repeating-linear-gradient(0deg,#0000 0 31px,color-mix(in srgb,var(--ink) 5%,transparent) 31px 32px),var(--bg)}
.my2l-halo{animation:pulsa 4s ease-in-out infinite;transform-origin:200px 190px}
.my2l-tw{animation:my2l-tw 2.8s ease-in-out infinite}
@keyframes my2l-tw{0%,100%{opacity:.2}50%{opacity:1}}
.my2l-vin{animation:my2l-sube 9s ease-out infinite;opacity:0}
@keyframes my2l-sube{0%{transform:translate(0,10px) scale(.4);opacity:0}12%{opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),-122px) scale(1.05);opacity:0}}
.my2l-dib{stroke-dasharray:100;stroke-dashoffset:100;animation:my2l-dibuja 7s ease-in-out infinite}
.my2l-d2{animation-delay:.6s}
@keyframes my2l-dibuja{0%{stroke-dashoffset:100}35%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
.my2l-pg{animation:my2l-voltea 6.5s ease-in-out infinite}
@keyframes my2l-voltea{0%,38%{transform:scaleX(1);opacity:1}62%{transform:scaleX(-1);opacity:1}86%{transform:scaleX(-1);opacity:1}96%,100%{transform:scaleX(-1);opacity:0}}
.my2l-cinta{transform-origin:202px 258px;animation:my2l-cinta 3.4s ease-in-out infinite alternate}
@keyframes my2l-cinta{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}
/* tipografía */
[data-tpl="my2libro"] .eyebrow{font-family:var(--f-head);font-style:italic;text-transform:none;letter-spacing:.02em;font-size:1.25rem;color:var(--accent);opacity:1}
[data-tpl="my2libro"] .nombre{font-family:var(--f-head);font-style:italic;font-size:min(var(--name-size),14.5vw);line-height:1.05;color:var(--accent);margin:.3rem 0 .5rem;position:relative;padding-bottom:.9rem}
[data-tpl="my2libro"] .nombre::after{content:"";position:absolute;left:50%;bottom:0;width:150px;height:10px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--accent-2) 20%,var(--accent-2) 42%,transparent 42% 58%,var(--accent-2) 58% 80%,transparent) center/100% 1px no-repeat;opacity:.8}
[data-tpl="my2libro"] .nombre::before{content:"";position:absolute;left:50%;bottom:-1px;width:9px;height:9px;margin-left:-4.5px;transform:rotate(45deg);background:var(--accent-2);z-index:1}
[data-tpl="my2libro"] .titulo{font-family:var(--f-body);font-weight:500;font-size:1.35rem;color:var(--ink)}
[data-tpl="my2libro"] h2.sec{font-family:var(--f-head);font-style:italic;font-size:2.2rem;color:var(--accent)}
[data-tpl="my2libro"] .mensaje{font-size:1.25rem;line-height:1.75}
[data-tpl="my2libro"] .mensaje::first-letter{font-family:var(--f-head);font-size:3.2rem;float:left;line-height:.85;padding:.12em .1em 0 0;color:var(--accent)}
/* foto: álbum con esquinas */
.foto.f-my2retrato{--ar:4/5;width:min(78%,290px);padding:16px 16px 50px;background:var(--c3);border:1px solid color-mix(in srgb,var(--c4) 35%,transparent);box-shadow:0 14px 28px #0003,0 0 0 8px color-mix(in srgb,var(--c3) 35%,transparent);transform:rotate(-1.4deg);animation:my2l-cuelga 6s ease-in-out infinite;transform-origin:50% 0}
@keyframes my2l-cuelga{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(-.5deg)}}
.f-my2retrato img{filter:sepia(.28) contrast(1.03);box-shadow:inset 0 0 0 1px #0003}
.f-my2retrato::before{content:"";position:absolute;inset:16px 16px 50px;pointer-events:none;background:linear-gradient(135deg,var(--c1) 50%,#0000 50%) top left/30px 30px no-repeat,linear-gradient(225deg,var(--c1) 50%,#0000 50%) top right/30px 30px no-repeat,linear-gradient(45deg,var(--c1) 50%,#0000 50%) bottom left/30px 30px no-repeat,linear-gradient(315deg,var(--c1) 50%,#0000 50%) bottom right/30px 30px no-repeat}
.f-my2retrato::after{content:attr(data-cap);position:absolute;left:12px;right:12px;bottom:11px;text-align:center;font-family:var(--f-head);font-style:italic;font-size:1.45rem;color:var(--c4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* fecha y cuenta */
[data-tpl="my2libro"] .fecha .dia{font-family:var(--f-body);font-weight:600;font-style:italic;color:var(--accent);font-size:3.6rem}
[data-tpl="my2libro"] .fecha .d-dow{font-family:var(--f-body);font-weight:600;letter-spacing:.22em;color:var(--accent)}
[data-tpl="my2libro"] .fecha .d-mes,[data-tpl="my2libro"] .fecha .d-anio{font-family:var(--f-head);font-size:1.5rem;font-style:italic}
[data-tpl="my2libro"] .cuenta{perspective:700px;gap:.5rem}
[data-tpl="my2libro"] .cuenta div{position:relative;min-width:66px;padding:.7rem .3rem .6rem;border-radius:2px 2px 4px 4px;background:var(--c3);border:1px solid color-mix(in srgb,var(--c4) 45%,transparent);box-shadow:3px 4px 0 color-mix(in srgb,var(--c4) 28%,transparent);color:#3a2412;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
[data-tpl="my2libro"] .cuenta div::after{content:"";position:absolute;right:0;top:0;width:16px;height:16px;background:linear-gradient(225deg,transparent 50%,color-mix(in srgb,var(--c2) 70%,var(--c3)) 50%)}
[data-tpl="my2libro"] .cuenta b{font-family:var(--f-body);font-weight:700;font-style:italic;font-size:1.9rem;color:#5a2a12}
[data-tpl="my2libro"] .cuenta span{color:#3a2412;font-weight:600;font-size:.62rem}
[data-tpl="my2libro"] .cuenta .cd-s{transform-origin:0 50%;animation:my2l-pagina 1s ease-out}
@keyframes my2l-pagina{0%{transform:rotateY(-75deg);opacity:.4}60%{transform:rotateY(8deg)}100%{transform:none;opacity:1}}
/* secciones */
[data-tpl="my2libro"] .programa::before{background:var(--accent);opacity:.4}
[data-tpl="my2libro"] .programa time{font-family:var(--f-head);font-style:italic;color:var(--accent);font-size:1.3rem}
[data-tpl="my2libro"] .programa span::before{border-radius:0;transform:rotate(45deg);background:var(--c1)}
[data-tpl="my2libro"] .nombre-lugar{font-family:var(--f-head);font-style:italic;font-weight:400;color:var(--accent);font-size:1.8rem}
[data-tpl="my2libro"] .btn{background:var(--c4);color:var(--c3);border-radius:3px;font-weight:600;letter-spacing:.14em;box-shadow:inset 0 0 0 2px var(--c2),0 4px 10px #0003}
[data-tpl="my2libro"] .btn.ghost{background:transparent;color:var(--accent);box-shadow:none;border:2px solid var(--accent)}
[data-tpl="my2libro"] .galeria img,[data-tpl="my2libro"] .galeria img:nth-child(3n+1){border-radius:1px;aspect-ratio:1;padding:7px;background:var(--c3);border:1px solid color-mix(in srgb,var(--c4) 35%,transparent);box-shadow:0 6px 14px #0003;filter:sepia(.2)}
[data-tpl="my2libro"] .galeria img:nth-child(even){transform:rotate(1.8deg)}[data-tpl="my2libro"] .galeria img:nth-child(odd){transform:rotate(-1.8deg)}
[data-tpl="my2libro"] form{background:var(--card);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:none;border-radius:3px;border-left:6px double var(--accent)}
[data-tpl="my2libro"] .cierre .nombre-cierre{font-family:var(--f-head);font-style:italic;color:var(--accent);font-size:1.8rem}
/* sobre: libro de cuero */
[data-tpl="my2libro"] #sobre{background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--accent-2) 26%,var(--soft)),var(--bg) 78%)}
[data-tpl="my2libro"] .sobre-wrap h1{font-family:var(--f-head);font-style:italic;color:var(--accent);font-size:2.4rem}
.sobre-my2libro{position:relative;width:208px;height:278px;margin:0 auto;perspective:1000px}
.my2l-hojas{position:absolute;inset:6px 0 0 8px;background:var(--c3);border-radius:2px 8px 8px 2px;box-shadow:2px 0 0 #0002,4px 0 0 var(--c3),5px 0 0 #0003,7px 0 0 var(--c3),8px 0 0 #0003,0 12px 26px #0006}
.my2l-hojas i{position:absolute;left:24px;right:24px;height:2px;background:color-mix(in srgb,var(--ink) 22%,transparent)}.my2l-hojas i:nth-child(1){top:110px}.my2l-hojas i:nth-child(2){top:124px;right:60px}.my2l-hojas i:nth-child(3){top:138px}
.my2l-tapa{position:absolute;inset:0;border-radius:3px 10px 10px 3px;background:linear-gradient(100deg,#0004 0,#0000 10%),repeating-linear-gradient(45deg,#ffffff08 0 3px,#0000 3px 6px),var(--c4);box-shadow:0 14px 30px #0005,inset 0 0 0 1px #fff2;transform-origin:0 50%;animation:my2l-resp 3s ease-in-out infinite;transition:transform .9s cubic-bezier(.5,0,.3,1),opacity .25s .55s;overflow:hidden}
@keyframes my2l-resp{0%,100%{transform:rotateY(0)}50%{transform:rotateY(-14deg)}}
.my2l-tapa::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:6px;background:linear-gradient(90deg,#0005,#fff1,#0004)}
.my2l-tapa::after{content:"";position:absolute;top:0;bottom:0;left:-50%;width:34%;background:linear-gradient(100deg,transparent,#ffffff30,transparent);animation:my2t-brilla 3.6s ease-in-out infinite}
@keyframes my2t-brilla{0%{left:-50%}60%,100%{left:130%}}
.my2l-marco{position:absolute;inset:22px 18px 22px 30px;border:2px solid var(--c2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:var(--c2);text-align:center;box-shadow:inset 0 0 0 4px var(--c4),inset 0 0 0 5px var(--c2)}
.my2l-marco small{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase}
.my2l-marco b{font-family:var(--f-head);font-style:italic;font-weight:400;font-size:4.4rem;line-height:1;text-shadow:0 2px 0 #0006}
.my2l-marco span{font-style:italic;font-size:1rem}
.my2l-marco em{width:50px;height:1px;background:var(--c2);margin-top:.3rem}
.sobre-my2libro.open .my2l-tapa{animation:none;transform:rotateY(-168deg);opacity:0}
.sobre-my2libro.open .my2l-hojas{transform:scale(1.06);transition:transform .9s}
/* ============ MY2SAKURA ============ */
[data-fx="my2sakura"] #fx{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--c1) 22%,var(--bg)) 100%)}
[data-fx="my2sakura"] #fx::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 38px,color-mix(in srgb,var(--c4) 5%,transparent) 38px 39px),repeating-linear-gradient(90deg,transparent 0 38px,color-mix(in srgb,var(--c4) 4%,transparent) 38px 39px)}
.my2s-sol{transform-origin:252px 118px;animation:my2s-late 5s ease-in-out infinite}
@keyframes my2s-late{50%{transform:scale(1.045);opacity:.8}}
.my2s-bruma{animation:my2s-bruma 14s ease-in-out infinite alternate}.my2s-bruma2{animation:my2s-bruma 18s ease-in-out -6s infinite alternate-reverse}
@keyframes my2s-bruma{from{transform:translateX(-40px)}to{transform:translateX(60px)}}
.my2s-rama{transform-origin:412px 26px;animation:my2s-mece 7s ease-in-out infinite alternate}
@keyframes my2s-mece{from{transform:rotate(-.9deg)}to{transform:rotate(.9deg)}}
.my2s-tr{stroke-dasharray:100;stroke-dashoffset:100;animation:my2s-dibuja 14s ease-in-out infinite}
.my2s-tr{animation-delay:-6s}.my2s-t2{animation-delay:-5.5s}.my2s-t3{animation-delay:-5.1s}.my2s-t4{animation-delay:-4.8s}.my2s-t5{animation-delay:-5.3s}
@keyframes my2s-dibuja{0%{stroke-dashoffset:100}16%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.my2s-flor{transform-origin:0 0;transform:scale(0);animation:my2s-abre 14s ease-in-out infinite}
@keyframes my2s-abre{0%,14%{transform:scale(0) rotate(-40deg)}26%{transform:scale(1.15) rotate(0)}32%,90%{transform:scale(1) rotate(0)}100%{transform:scale(1);opacity:0}}
.my2s-pet{animation:my2s-cae 9s linear infinite}
@keyframes my2s-cae{0%{transform:translate(0,-10px) rotate(0);opacity:0}8%{opacity:1}50%{transform:translate(calc(26px*var(--k)),150px) rotate(220deg)}100%{transform:translate(calc(-8px*var(--k)),310px) rotate(470deg);opacity:0}}
/* tipografía */
[data-tpl="my2sakura"] .eyebrow{font-family:var(--f-body);font-weight:300;letter-spacing:.34em;font-size:.82rem;text-transform:uppercase;color:var(--accent);opacity:1}
[data-tpl="my2sakura"] .nombre{font-family:var(--f-head);font-weight:400;letter-spacing:.14em;font-size:min(var(--name-size),11.5vw);line-height:1.2;color:var(--ink);margin:.7rem 0 .4rem}
[data-tpl="my2sakura"] .nombre.nom2{gap:.1rem}
[data-tpl="my2sakura"] .nombre.nom2 i{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin:.35rem 0;border-radius:50%;background:var(--accent);color:var(--btn-ink);font-size:1.25rem;font-style:normal;font-family:var(--f-head);opacity:1;letter-spacing:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);animation:my2s-late 4s ease-in-out infinite}
[data-tpl="my2sakura"] .titulo{font-family:var(--f-head);font-weight:400;font-size:1.35rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-top:.5rem}
[data-tpl="my2sakura"] h2.sec{font-family:var(--f-head);font-weight:700;font-size:1.5rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
[data-tpl="my2sakura"] .mensaje{font-family:var(--f-head);font-style:normal;font-size:1.15rem;line-height:2}
[data-tpl="my2sakura"] .padres b{color:var(--accent)}
/* foto: papel con cinta washi */
.foto.f-my2washi{--ar:4/5;width:min(78%,290px);padding:12px;background:var(--c3);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:0 16px 34px color-mix(in srgb,var(--c4) 28%,transparent)}
.f-my2washi::before{content:"";position:absolute;left:50%;top:-12px;width:96px;height:24px;margin-left:-48px;transform:rotate(-4deg);background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--c1) 80%,transparent) 0 9px,color-mix(in srgb,var(--c3) 70%,transparent) 9px 12px);box-shadow:0 1px 3px #0002;animation:my2s-cinta 6s ease-in-out infinite alternate}
@keyframes my2s-cinta{to{transform:rotate(3deg)}}
.f-my2washi::after{content:"";position:absolute;right:-12px;bottom:-12px;width:34px;height:34px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent);animation:my2s-late 4s ease-in-out infinite}
/* fecha */
[data-tpl="my2sakura"] .fecha .dia{font-family:var(--f-head);font-weight:700;font-size:3.4rem;color:var(--accent)}
[data-tpl="my2sakura"] .fecha .d-dow,[data-tpl="my2sakura"] .fecha .d-mes,[data-tpl="my2sakura"] .fecha .d-anio{font-family:var(--f-head);letter-spacing:.3em;font-size:1rem;color:var(--ink)}
[data-tpl="my2sakura"] .hora{font-family:var(--f-body);letter-spacing:.3em}
/* cuenta: tiras de papel y sello */
[data-tpl="my2sakura"] .cuenta{gap:.6rem}
[data-tpl="my2sakura"] .cuenta div{min-width:62px;padding:.8rem .2rem .55rem;border-radius:0;background:var(--c3);border-top:4px solid var(--accent);border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);box-shadow:0 6px 14px color-mix(in srgb,var(--c4) 22%,transparent);color:var(--ink)}
[data-tpl="my2sakura"] .cuenta b{font-family:var(--f-head);font-weight:700;font-size:1.8rem;color:var(--ink)}
[data-tpl="my2sakura"] .cuenta span{font-family:var(--f-body);font-size:.6rem;letter-spacing:.22em;opacity:.75;color:var(--ink)}
[data-tpl="my2sakura"] .cuenta .cd-s{background:var(--accent);border-top-color:var(--accent);border-radius:4px;color:var(--btn-ink);animation:my2s-sello 1s ease-out}
[data-tpl="my2sakura"] .cuenta .cd-s b,[data-tpl="my2sakura"] .cuenta .cd-s span{color:var(--btn-ink)}
@keyframes my2s-sello{0%{transform:scale(1.18) rotate(-4deg)}40%{transform:scale(.97) rotate(1deg)}100%{transform:none}}
/* secciones */
[data-tpl="my2sakura"] .programa::before{background:var(--accent);opacity:.5}
[data-tpl="my2sakura"] .programa time{font-family:var(--f-head);font-weight:700;color:var(--accent);font-size:1rem}
[data-tpl="my2sakura"] .programa span::before{background:var(--accent)}
[data-tpl="my2sakura"] .nombre-lugar{font-family:var(--f-head);font-weight:700;font-size:1.4rem;letter-spacing:.12em}
[data-tpl="my2sakura"] .btn{background:var(--accent);color:var(--btn-ink);border-radius:0;font-family:var(--f-body);font-weight:500;letter-spacing:.26em;font-size:.82rem;padding:.95rem 1.8rem}
[data-tpl="my2sakura"] .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
[data-tpl="my2sakura"] .galeria img,[data-tpl="my2sakura"] .galeria img:nth-child(3n+1){border-radius:0;aspect-ratio:4/5;padding:6px;background:var(--c3);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:0 8px 18px color-mix(in srgb,var(--c4) 22%,transparent)}
[data-tpl="my2sakura"] form{background:var(--card);border-radius:0;border:0;border-top:3px solid var(--accent);box-shadow:0 10px 26px color-mix(in srgb,var(--c4) 16%,transparent)}
[data-tpl="my2sakura"] .cierre .nombre-cierre{font-family:var(--f-head);font-size:1.3rem;letter-spacing:.2em;color:var(--accent)}
/* sobre: puertas shoji */
[data-tpl="my2sakura"] #sobre{background:radial-gradient(ellipse at 50% 40%,var(--c3),var(--soft) 85%)}
[data-tpl="my2sakura"] .sobre-wrap h1{font-family:var(--f-head);letter-spacing:.1em;font-size:2rem;color:var(--ink)}
[data-tpl="my2sakura"] .sobre-wrap .para{color:var(--accent);opacity:1;letter-spacing:.34em;font-size:.85rem}
.sobre-my2sakura{position:relative;width:264px;height:248px;margin:0 auto;border:7px solid var(--c4);border-radius:2px;box-shadow:0 16px 34px color-mix(in srgb,var(--c4) 35%,transparent)}
.my2s-fondo{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--c3),color-mix(in srgb,var(--c1) 55%,var(--c3)));overflow:hidden}
.my2s-lu{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px;border-radius:50%;background:var(--accent);opacity:.9;animation:my2s-late 3.5s ease-in-out infinite}
.my2s-ram{position:absolute;right:0;top:0;width:100%}
.my2s-pue{position:absolute;inset:0;overflow:hidden}
.my2s-h{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#0000000d,#0000 12%,#0000 88%,#0000000d),repeating-linear-gradient(0deg,var(--c4) 0 3px,#0000 3px 20%),linear-gradient(90deg,var(--c4) 0 3px,#0000 3px calc(50% - 1.5px),var(--c4) calc(50% - 1.5px) calc(50% + 1.5px),#0000 calc(50% + 1.5px) calc(100% - 3px),var(--c4) calc(100% - 3px)),var(--c3);box-shadow:0 0 0 2px var(--c4) inset;transition:transform .9s cubic-bezier(.6,0,.3,1)}
.my2s-hl{left:0;animation:my2s-izq 3.2s ease-in-out infinite}.my2s-hr{right:0;animation:my2s-der 3.2s ease-in-out infinite}
@keyframes my2s-izq{0%,40%,100%{transform:translateX(0)}60%,80%{transform:translateX(-16%)}}
@keyframes my2s-der{0%,40%,100%{transform:translateX(0)}60%,80%{transform:translateX(16%)}}
.my2s-hanko{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;display:grid;place-items:center;background:var(--accent);color:var(--btn-ink);font-family:var(--f-head);font-weight:700;font-size:1.9rem;border-radius:5px;box-shadow:0 0 0 4px var(--c3),0 6px 14px #0004;transition:opacity .3s,transform .5s;animation:my2s-late 2.4s ease-in-out infinite}
.sobre-my2sakura.open .my2s-hl{animation:none;transform:translateX(-102%)}.sobre-my2sakura.open .my2s-hr{animation:none;transform:translateX(102%)}
.sobre-my2sakura.open .my2s-hanko{opacity:0;transform:scale(.4) rotate(40deg);animation:none}
/* ============ MY2PERGAMINO ============ */
[data-fx="my2pergamino"] #fx{background:radial-gradient(ellipse 80% 40% at 50% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(circle at 50% 50%,transparent 55%,color-mix(in srgb,#000 35%,transparent)),var(--bg)}
[data-fx="my2pergamino"] #fx::after{content:"";position:absolute;inset:0;opacity:.14;background:linear-gradient(45deg,var(--accent) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(-45deg,var(--accent) 1px,transparent 1px) 0 0/34px 34px;animation:my2p-pan 30s linear infinite}
@keyframes my2p-pan{to{background-position:34px 0,34px 0}}
.my2p-llama{transform-origin:0 2px;animation:my2p-flick 1.1s ease-in-out infinite alternate}
@keyframes my2p-flick{0%{transform:scale(1,1) skewX(-3deg)}35%{transform:scale(.92,1.1) skewX(3deg)}70%{transform:scale(1.06,.94) skewX(-2deg)}100%{transform:scale(.95,1.08) skewX(2deg)}}
.my2p-halo{animation:my2p-pulsa 1.8s ease-in-out infinite alternate}
@keyframes my2p-pulsa{from{opacity:.45;transform:scale(.9)}to{opacity:.95;transform:scale(1.15)}}
.my2p-aura{animation:pulsa 5s ease-in-out infinite;transform-origin:200px 130px}
.my2p-dib{stroke-dasharray:100;stroke-dashoffset:100;animation:my2p-dibuja 12s ease-in-out -4s infinite}
.my2p-d2{animation-delay:-3.4s}.my2p-d3{animation-delay:-2.8s}.my2p-d4{animation-delay:-3s}
@keyframes my2p-dibuja{0%{stroke-dashoffset:100}25%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
.my2p-corona{animation:my2p-flota 4s ease-in-out infinite}
@keyframes my2p-flota{50%{transform:translateY(-3px)}}
.my2p-gema{animation:my2p-gem 2.2s ease-in-out infinite}.my2p-gema2{animation:my2p-gem 2.2s ease-in-out -1s infinite}
@keyframes my2p-gem{50%{opacity:.35}}
.my2p-cinta{transform-origin:200px 200px;animation:my2p-ond 4.5s ease-in-out infinite alternate}
@keyframes my2p-ond{from{transform:rotate(-1.2deg) scaleX(.99)}to{transform:rotate(1.2deg) scaleX(1.01)}}
.my2p-pluma{transform-origin:0 0;animation:my2p-escribe 2.4s ease-in-out infinite alternate}
@keyframes my2p-escribe{from{transform:rotate(-4deg) translate(-4px,0)}to{transform:rotate(3deg) translate(2px,-2px)}}
.my2p-tw{animation:my2p-gem 2.6s ease-in-out infinite}
/* tipografía */
[data-tpl="my2pergamino"] .eyebrow{font-family:var(--f-head);font-size:.82rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);opacity:1}
[data-tpl="my2pergamino"] .nombre{font-family:var(--f-script);font-size:min(var(--name-size),15vw);line-height:1.1;margin:.5rem 0 .3rem;background:linear-gradient(100deg,var(--accent) 0,var(--accent-2) 22%,var(--c2) 32%,var(--accent-2) 42%,var(--accent) 60%,var(--accent) 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:my2p-brilla 6s ease-in-out infinite;padding:0 .2em}
@keyframes my2p-brilla{0%,30%{background-position:100% 0}70%,100%{background-position:0 0}}
[data-tpl="my2pergamino"] .nombre.nom2 span{display:block;background:inherit;-webkit-background-clip:text;background-clip:text}
[data-tpl="my2pergamino"] .nombre.nom2 i{font-family:var(--f-head);font-size:1rem;color:var(--accent-2);-webkit-text-fill-color:var(--accent-2);display:flex;align-items:center;gap:.7rem;opacity:1;margin:-.2rem 0}
[data-tpl="my2pergamino"] .nombre.nom2 i::before,[data-tpl="my2pergamino"] .nombre.nom2 i::after{content:"";width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}
[data-tpl="my2pergamino"] .nombre.nom2 i::after{transform:scaleX(-1)}
[data-tpl="my2pergamino"] .titulo{font-family:var(--f-head);font-size:1.15rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink)}
[data-tpl="my2pergamino"] h2.sec{font-family:var(--f-head);font-size:1.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
[data-tpl="my2pergamino"] .mensaje{font-size:1.3rem;line-height:1.7}
[data-tpl="my2pergamino"] .padres b{color:var(--accent);font-family:var(--f-head);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}
/* foto: cartela ovalada */
.foto.f-my2cartela{--ar:4/5;width:min(76%,280px);padding:15px;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--accent) 30%,var(--accent-2) 50%,var(--accent) 70%,var(--accent-2)) 0 0/300% 300%;animation:my2p-oro 6s ease-in-out infinite;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent),0 20px 44px #0008}
@keyframes my2p-oro{0%,100%{background-position:0 0}50%{background-position:100% 100%}}
.f-my2cartela img{border-radius:50%;border:4px solid var(--bg)}
.f-my2cartela::before,.f-my2cartela::after{content:"";position:absolute;left:50%;width:18px;height:18px;margin-left:-9px;transform:rotate(45deg);background:var(--c1);border:3px solid var(--accent-2);box-shadow:0 0 0 3px var(--bg)}
.f-my2cartela::before{top:-12px}.f-my2cartela::after{bottom:-12px}
/* fecha */
[data-tpl="my2pergamino"] .fecha .dia{font-family:var(--f-script);font-size:5.6rem;color:var(--accent-2)}
[data-tpl="my2pergamino"] .fecha .d-dow,[data-tpl="my2pergamino"] .fecha .d-mes,[data-tpl="my2pergamino"] .fecha .d-anio{font-family:var(--f-head);font-size:1rem;letter-spacing:.22em}
/* cuenta: medallones */
[data-tpl="my2pergamino"] .cuenta{gap:.5rem}
[data-tpl="my2pergamino"] .cuenta div{position:relative;min-width:70px;padding:.85rem .2rem .7rem;border-radius:50%/44%;background:var(--card);border:2px solid var(--accent);box-shadow:inset 0 0 0 4px var(--bg),inset 0 0 0 5px var(--accent),0 6px 14px #0005}
[data-tpl="my2pergamino"] .cuenta b{font-family:var(--f-head);font-weight:700;font-size:1.6rem;color:var(--accent)}
[data-tpl="my2pergamino"] .cuenta span{font-family:var(--f-head);font-size:.52rem;letter-spacing:.14em;color:var(--ink);opacity:.85}
[data-tpl="my2pergamino"] .cuenta .cd-s{background:linear-gradient(135deg,var(--accent-2),var(--accent));border-color:var(--accent-2);animation:my2p-gema 1s ease-out}
[data-tpl="my2pergamino"] .cuenta .cd-s b,[data-tpl="my2pergamino"] .cuenta .cd-s span{color:var(--btn-ink);opacity:1}
@keyframes my2p-gema{0%{transform:scale(1.14);filter:brightness(1.5)}100%{transform:none;filter:none}}
/* secciones */
[data-tpl="my2pergamino"] .programa::before{background:var(--accent);opacity:.5}
[data-tpl="my2pergamino"] .programa time{font-family:var(--f-head);font-weight:700;color:var(--accent);font-size:1rem}
[data-tpl="my2pergamino"] .programa span::before{border-radius:0;transform:rotate(45deg);background:var(--c1);box-shadow:0 0 0 2px var(--accent)}
[data-tpl="my2pergamino"] .nombre-lugar{font-family:var(--f-head);font-weight:700;color:var(--accent);font-size:1.3rem;letter-spacing:.1em}
[data-tpl="my2pergamino"] .btn{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:var(--btn-ink);font-family:var(--f-head);font-weight:700;letter-spacing:.16em;font-size:.85rem;border-radius:4px;box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--accent),0 6px 14px #0005}
[data-tpl="my2pergamino"] .btn.ghost{background:transparent;color:var(--accent-2);box-shadow:none;border:1px solid var(--accent)}
[data-tpl="my2pergamino"] .galeria img,[data-tpl="my2pergamino"] .galeria img:nth-child(3n+1){border-radius:50%;aspect-ratio:4/5;padding:5px;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 8px 18px #0006}
[data-tpl="my2pergamino"] form{background:var(--card);border:1px solid var(--accent);box-shadow:inset 0 0 0 5px var(--bg),inset 0 0 0 6px color-mix(in srgb,var(--accent) 60%,transparent);border-radius:4px;padding:1.9rem 1.6rem}
[data-tpl="my2pergamino"] .cierre .nombre-cierre{font-family:var(--f-script);font-size:2.2rem;color:var(--accent-2)}
/* sobre: pergamino con lacre */
[data-tpl="my2pergamino"] #sobre{background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--accent) 26%,var(--soft)),var(--bg) 78%)}
[data-tpl="my2pergamino"] .sobre-wrap h1{font-family:var(--f-script);font-size:2.9rem;color:var(--accent-2)}
[data-tpl="my2pergamino"] .sobre-wrap .para{color:var(--accent);opacity:1;font-family:var(--f-head);font-size:.8rem}
.sobre-my2perg{position:relative;width:280px;height:230px;margin:0 auto}
.my2p-rol{position:absolute;left:0;right:0;top:50%;height:30px;border-radius:15px;background:linear-gradient(180deg,#0004 0,#0000 22%,#fff6 46%,#0000 70%,#0005 100%),var(--c3);box-shadow:0 8px 14px #0005;transition:transform .8s cubic-bezier(.5,0,.3,1)}
.my2p-rol::before,.my2p-rol::after{content:"";position:absolute;top:2px;bottom:2px;width:26px;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#6a4a2a55 0 1.5px,#0000 1.5px 4px),color-mix(in srgb,var(--c3) 80%,#6a4a2a)}
.my2p-rol::before{left:2px}.my2p-rol::after{right:2px}
.my2p-t{transform:translateY(-30px);animation:my2p-resp 2.8s ease-in-out infinite alternate}.my2p-b{transform:translateY(0);animation:my2p-resp2 2.8s ease-in-out infinite alternate}
@keyframes my2p-resp{to{transform:translateY(-36px)}}@keyframes my2p-resp2{to{transform:translateY(6px)}}
.my2p-papel{position:absolute;left:16px;right:16px;top:50%;height:0;transform:translateY(-50%);background:linear-gradient(90deg,#6a4a2a22,#0000 10%,#0000 90%,#6a4a2a22),repeating-linear-gradient(0deg,#0000 0 7px,#6a4a2a0f 7px 8px),var(--c3);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#3b2416;text-align:center;transition:height .8s cubic-bezier(.5,0,.3,1);font-family:var(--f-body)}
.my2p-papel small{font-size:.9rem;font-style:italic}.my2p-papel b{font-family:var(--f-script);font-weight:400;font-size:1.9rem;line-height:1;color:#7a1f2e}.my2p-papel span{font-size:.72rem;letter-spacing:.06em;opacity:.7}.my2p-papel i{width:70px;height:1px;background:#7a1f2e;opacity:.6}
.my2p-cinta{position:absolute;left:50%;top:50%;width:26px;height:92px;margin:-46px -13px;background:linear-gradient(90deg,#0004,#0000 30%,#fff3 50%,#0000 70%,#0004),var(--c1);box-shadow:0 4px 8px #0005;transition:transform .5s,opacity .4s}
.my2p-lacre{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--c1) 55%,#fff),var(--c1) 40%,color-mix(in srgb,var(--c1) 55%,#000));box-shadow:0 5px 10px #0006,inset 0 0 0 4px #0000002b;display:grid;place-items:center;transition:transform .7s,opacity .5s .2s}
.my2p-lacre b{font-family:var(--f-script);font-weight:400;font-size:1.9rem;color:#ffffffd8;text-shadow:0 1px 1px #0006}
.my2p-lz{clip-path:inset(0 50% 0 0);animation:my2p-latido 1.8s ease-in-out infinite}.my2p-ld{clip-path:inset(0 0 0 50%);animation:my2p-latido 1.8s ease-in-out infinite}
@keyframes my2p-latido{50%{filter:brightness(1.25);box-shadow:0 0 0 8px #ffffff00,0 0 22px color-mix(in srgb,var(--c1) 80%,#fff)}}
.sobre-my2perg.open .my2p-lz{animation:none;transform:translateX(-34px) rotate(-26deg);opacity:0}.sobre-my2perg.open .my2p-ld{animation:none;transform:translateX(34px) rotate(26deg);opacity:0}
.sobre-my2perg.open .my2p-cinta{opacity:0;transform:scaleY(.2)}
.sobre-my2perg.open .my2p-papel{height:136px}
.sobre-my2perg.open .my2p-t{animation:none;transform:translateY(-100px)}.sobre-my2perg.open .my2p-b{animation:none;transform:translateY(70px)}