/* Bodas y baby shower: 9 plantillas originales (eucalipto2, editorial2, peonias, deco, boho, osito2, elefante, lunaestrellas, arcoiris2) */
@font-face{font-family:"Pinyon Script";font-weight:400;font-display:swap;src:url("/fonts/bodas-pinyon-script.woff2") format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url("/fonts/bodas-bodoni-moda.woff2") format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url("/fonts/bodas-bodoni-moda-italic.woff2") format("woff2")}
@font-face{font-family:"Poiret One";font-weight:400;font-display:swap;src:url("/fonts/bodas-poiret-one.woff2") format("woff2")}
@font-face{font-family:"Allura";font-weight:400;font-display:swap;src:url("/fonts/bodas-allura.woff2") format("woff2")}
@font-face{font-family:"Sacramento";font-weight:400;font-display:swap;src:url("/fonts/bodas-sacramento.woff2") format("woff2")}
@font-face{font-family:"Baloo 2";font-weight:400 800;font-display:swap;src:url("/fonts/bodas-baloo-2.woff2") format("woff2")}
@font-face{font-family:"Chewy";font-weight:400;font-display:swap;src:url("/fonts/bodas-chewy.woff2") format("woff2")}
@font-face{font-family:"Pacifico";font-weight:400;font-display:swap;src:url("/fonts/bodas-pacifico.woff2") format("woff2")}
@font-face{font-family:"Josefin Sans";font-weight:100 700;font-display:swap;src:url("/fonts/bodas-josefin-sans.woff2") format("woff2")}
@font-face{font-family:"Mali";font-weight:400;font-display:swap;src:url("/fonts/bodas-mali-400.woff2") format("woff2")}
@font-face{font-family:"Mali";font-weight:600;font-display:swap;src:url("/fonts/bodas-mali-600.woff2") format("woff2")}

/* motor de animación compartido (variables: --k nombre, --t duración, --dl retraso, --o origen, --a amplitud) */
.bd-a{transform-box:fill-box;transform-origin:var(--o,50% 50%);animation:var(--k) var(--t,6s) ease-in-out var(--dl,0s) infinite}
.bd-v{transform-box:view-box}
@keyframes bd-sway{0%,100%{transform:rotate(calc(var(--a,3)*-1deg))}50%{transform:rotate(calc(var(--a,3)*1deg))}}
@keyframes bd-float{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--a,6)*-1px))}}
@keyframes bd-drift{0%,100%{transform:translateX(calc(var(--a,10)*-1px))}50%{transform:translateX(calc(var(--a,10)*1px))}}
@keyframes bd-bob{0%,100%{transform:translate(0,0) rotate(calc(var(--a,3)*-1deg))}50%{transform:translate(calc(var(--a,3)*1px),calc(var(--a,3)*-2px)) rotate(calc(var(--a,3)*1deg))}}
@keyframes bd-tw{0%,100%{opacity:.15;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(25deg)}}
@keyframes bd-pulse{0%,100%{transform:scale(1)}50%{transform:scale(calc(1 + var(--a,6)/100))}}
@keyframes bd-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(calc(1 + var(--a,3)/200),calc(1 + var(--a,3)/100))}}
@keyframes bd-spin{to{transform:rotate(360deg)}}
@keyframes bd-spinr{to{transform:rotate(-360deg)}}
@keyframes bd-blink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.08)}}
@keyframes bd-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(calc(var(--a,60)*-1px));opacity:0}}
@keyframes bd-fall{0%{transform:translateY(calc(var(--a,60)*-1px));opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(0);opacity:0}}
@keyframes bd-flap{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.25)}}
@keyframes bd-glow{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes bd-slide{0%{transform:translateX(0)}100%{transform:translateX(calc(var(--a,50)*-1px))}}
@keyframes bd-draw{0%{stroke-dashoffset:var(--len,400)}35%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:calc(var(--len,400)*-1)}}
@keyframes bd-shine{0%,60%{transform:translateX(-130%) skewX(-20deg)}100%{transform:translateX(230%) skewX(-20deg)}}
@keyframes bd-wave{0%,100%{transform:translateX(0)}50%{transform:translateX(calc(var(--a,14)*1px))}}
@media (prefers-reduced-motion:reduce){#envelope *,#envelope *::before,#envelope *::after,.bd-a,.bd-anim{animation:none!important}}
.bd-lin{animation-timing-function:linear!important}

/* ===== eucalipto2 ===== */
[data-fx="euc"] #fx{background:radial-gradient(60% 40% at 0% 0%,color-mix(in srgb,var(--c2) 40%,transparent),transparent),radial-gradient(60% 40% at 100% 100%,color-mix(in srgb,var(--c3) 40%,transparent),transparent),radial-gradient(40% 30% at 100% 40%,color-mix(in srgb,var(--c4) 35%,transparent),transparent)}
[data-tpl="eucalipto2"] .eyebrow{font-style:italic;text-transform:none;letter-spacing:.04em;font-size:1.4rem;color:var(--accent);opacity:1}
[data-tpl="eucalipto2"] .nombre.nom2{margin:.2rem 0 .4rem;line-height:.95;text-shadow:0 2px 0 color-mix(in srgb,var(--bg) 70%,#fff)}
[data-tpl="eucalipto2"] .nombre.nom2 span{font-size:min(4.7rem,19vw);color:var(--accent);overflow-wrap:anywhere}
[data-tpl="eucalipto2"] .nombre.nom2 i{font-family:var(--f-head);font-size:1.7rem;color:var(--accent-2);opacity:1;display:flex;align-items:center;gap:.7rem;margin:.1rem 0}
[data-tpl="eucalipto2"] .nombre.nom2 i::before,[data-tpl="eucalipto2"] .nombre.nom2 i::after{content:"";width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-2))}
[data-tpl="eucalipto2"] .nombre.nom2 i::after{transform:scaleX(-1)}
[data-tpl="eucalipto2"] .titulo{font-size:1rem;letter-spacing:.42em;text-transform:uppercase;color:var(--ink);opacity:.8;margin-top:.7rem}
[data-tpl="eucalipto2"] h2.sec{font-family:var(--f-script);font-size:2.9rem;color:var(--accent)}
[data-tpl="eucalipto2"] .mensaje{font-size:1.4rem;line-height:1.5}
[data-tpl="eucalipto2"] .padres b{color:var(--accent);opacity:1;letter-spacing:.24em}
[data-tpl="eucalipto2"] .foto.f-euc{--ar:3/4;width:min(78%,300px);padding:10px;border-radius:999px 999px 14px 14px;background:linear-gradient(160deg,#fffdf6,color-mix(in srgb,var(--c3) 45%,#fff));box-shadow:0 18px 40px #0002,0 0 0 1px color-mix(in srgb,var(--accent-2) 60%,transparent)}
[data-tpl="eucalipto2"] .f-euc img{border-radius:999px 999px 8px 8px}
[data-tpl="eucalipto2"] .f-euc::before{content:"";position:absolute;inset:-12px;border:1px solid var(--accent-2);border-radius:999px 999px 22px 22px;opacity:.7;animation:euc-halo 5s ease-in-out infinite;pointer-events:none}
@keyframes euc-halo{0%,100%{opacity:.25;transform:scale(.99)}50%{opacity:.85;transform:scale(1.015)}}
[data-tpl="eucalipto2"] .fecha .d-dow{font-style:italic;text-transform:none;letter-spacing:.06em;font-size:1.4rem;color:var(--accent)}
[data-tpl="eucalipto2"] .fecha .dia{font-family:var(--f-head);font-weight:600;font-size:3.8rem;color:var(--ink)}
[data-tpl="eucalipto2"] .fecha .d-mes,[data-tpl="eucalipto2"] .fecha .d-anio{letter-spacing:.3em;font-size:1.1rem}
[data-tpl="eucalipto2"] .cuenta div{border-radius:50%;width:80px;height:80px;min-width:0;padding:0;display:grid;align-content:center;background:radial-gradient(circle at 35% 30%,#fff9,color-mix(in srgb,var(--c2) 38%,transparent));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-2) 55%,transparent)}
[data-tpl="eucalipto2"] .cuenta b{font-family:var(--f-head);font-size:1.8rem}
[data-tpl="eucalipto2"] .btn{font-family:var(--f-head);font-size:1.05rem;font-weight:600;letter-spacing:.14em;border-radius:999px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}
[data-tpl="eucalipto2"] .btn.ghost{box-shadow:none;border-color:var(--accent);color:var(--accent);background:transparent}
[data-tpl="eucalipto2"] .programa::before{background:linear-gradient(var(--c1),var(--accent-2));opacity:.6}
[data-tpl="eucalipto2"] .programa span::before{border-radius:70% 0 70% 0;background:var(--c1);width:11px;height:11px;transform:rotate(-20deg)}
[data-tpl="eucalipto2"] .programa time{font-family:var(--f-head);font-size:1.15rem}
[data-tpl="eucalipto2"] form,[data-tpl="eucalipto2"] .gracias{border-radius:26px 26px 26px 4px;border:1px solid color-mix(in srgb,var(--accent-2) 50%,transparent);box-shadow:0 12px 34px #0001}
[data-tpl="eucalipto2"] label{font-family:var(--f-head);letter-spacing:.14em;font-weight:600}
[data-tpl="eucalipto2"] .galeria img{border:6px solid #fffdf6;box-shadow:0 8px 22px #0002;outline:1px solid color-mix(in srgb,var(--accent-2) 55%,transparent);outline-offset:-1px}
[data-tpl="eucalipto2"] #sobre{background:radial-gradient(80% 55% at 12% 6%,color-mix(in srgb,var(--c2) 55%,transparent),transparent),radial-gradient(70% 50% at 92% 96%,color-mix(in srgb,var(--c3) 55%,transparent),transparent),var(--bg)}
[data-tpl="eucalipto2"] .sobre-wrap h1{font-size:3rem;color:var(--accent)}
[data-tpl="eucalipto2"] .sobre-wrap .para{font-family:var(--f-head);font-style:italic;text-transform:none;letter-spacing:.04em;font-size:1.3rem;opacity:.85}
/* sobre */
.sobre-euc{position:relative;width:290px;height:200px;margin:0 auto}
.sobre-euc>*{position:absolute}
.euc-back{inset:0;background:linear-gradient(#f3eee0,#e9e2cf);border-radius:6px;box-shadow:0 16px 36px #0003}
.euc-front{inset:0;background:linear-gradient(#fffdf6,#f4efe0);border-radius:6px;clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -2px 3px #0002);z-index:3}
.euc-front::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,#fff9 50%,transparent 60%);animation:euc-shine 5s ease-in-out infinite}
@keyframes euc-shine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.euc-flap{left:0;right:0;top:0;height:60%;z-index:5;background:linear-gradient(#fbf8ee,#eee7d3);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .6s cubic-bezier(.5,0,.3,1) .22s,z-index 0s .5s,background .3s .4s}
.euc-card{left:22px;right:22px;top:14px;height:170px;z-index:2;background:#fffdf7;border-radius:4px;box-shadow:0 2px 8px #0002;display:grid;place-content:center;text-align:center;color:var(--accent);font-family:var(--f-script);transition:transform .7s cubic-bezier(.3,1.2,.4,1) .4s}
.euc-card small{font-family:var(--f-head);font-style:italic;font-size:1.1rem;letter-spacing:.06em}
.euc-card b{font-weight:400;font-size:3.2rem;line-height:1.1}
.euc-card em{font-style:normal;font-size:1.6rem;color:var(--accent-2);margin:0 .15rem}
.euc-seal{left:50%;top:104px;width:62px;height:62px;margin-left:-31px;z-index:6;animation:euc-pulse 2.6s ease-in-out infinite}
.euc-seal i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--accent-2) 70%,#fff),var(--accent-2) 45%,color-mix(in srgb,var(--accent-2) 50%,#2a1608));box-shadow:0 3px 8px #0005,inset 0 0 0 3px #ffffff30;display:flex;align-items:center;justify-content:center;font-style:normal;font-family:var(--f-script);font-size:1.45rem;color:#fff;text-shadow:0 1px 1px #0006;transition:transform .55s ease-in,opacity .45s ease-in .1s}
.euc-seal i em{font-size:.9rem;margin:0 1px;color:#fff;font-style:normal}
.euc-seal i:first-child{clip-path:polygon(0 0,53% 0,45% 22%,57% 40%,44% 60%,55% 80%,48% 100%,0 100%)}
.euc-seal i:last-child{clip-path:polygon(53% 0,100% 0,100% 100%,48% 100%,55% 80%,44% 60%,57% 40%,45% 22%)}
@keyframes euc-pulse{0%,100%{filter:drop-shadow(0 0 0 #0000)}50%{filter:drop-shadow(0 0 9px var(--accent-2))}}
.euc-sprig{left:-4px;bottom:-6px;width:80px;z-index:4;transform-origin:50% 0}
.euc-sprig{top:auto;height:auto}
.euc-sparks{inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);z-index:7;pointer-events:none}
.sobre-euc.open .euc-seal i:first-child{transform:translate(-26px,34px) rotate(-30deg);opacity:0}
.sobre-euc.open .euc-seal i:last-child{transform:translate(26px,42px) rotate(28deg);opacity:0}
.sobre-euc.open .euc-flap{transform:rotateX(180deg);z-index:1;background:#e5dcc4}
.sobre-euc.open .euc-card{transform:translateY(-96px)}

/* ===== editorial2 ===== */
[data-fx="edi"] #fx{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),color-mix(in srgb,var(--ink) 7%,transparent) calc(25% - 1px) 25%)}
[data-tpl="editorial2"] .eyebrow{font-size:.72rem;letter-spacing:.5em;font-weight:600;opacity:1;color:var(--accent)}
[data-tpl="editorial2"] .nombre.nom2{margin:.5rem 0 .2rem;line-height:.88;font-family:var(--f-head);font-weight:500;text-transform:uppercase;letter-spacing:-.02em}
[data-tpl="editorial2"] .nombre.nom2 span{font-size:clamp(2.7rem,15.5vw,5.6rem);overflow-wrap:anywhere}
[data-tpl="editorial2"] .nombre.nom2 i{font-family:var(--f-head);font-style:italic;font-weight:400;text-transform:none;font-size:2.6rem;color:var(--accent);opacity:1;display:flex;align-items:center;gap:.8rem;width:100%;justify-content:center;margin:.1rem 0}
[data-tpl="editorial2"] .nombre.nom2 i::before,[data-tpl="editorial2"] .nombre.nom2 i::after{content:"";height:1px;flex:1;background:var(--ink);opacity:.6}
[data-tpl="editorial2"] .titulo{font-family:var(--f-body);font-size:.78rem;letter-spacing:.5em;text-transform:uppercase;font-weight:600;color:var(--ink);margin-top:.9rem}
[data-tpl="editorial2"] h2.sec{font-family:var(--f-head);font-style:italic;font-weight:400;font-size:2.8rem;color:var(--ink);line-height:1}
[data-tpl="editorial2"] .mensaje{font-family:var(--f-head);font-style:italic;font-size:1.35rem;line-height:1.5}
[data-tpl="editorial2"] .padres b{font-family:var(--f-body);color:var(--accent);opacity:1;font-weight:600;letter-spacing:.3em}
[data-tpl="editorial2"] .padres{font-size:1rem}
[data-tpl="editorial2"] .foto.f-edi{--ar:4/5;width:min(100%,440px);margin:2.2rem auto 2.8rem;border:0;box-shadow:none;background:none}
[data-tpl="editorial2"] .f-edi::before{content:"";position:absolute;inset:16px -14px -16px 14px;background:var(--c1);z-index:-1;animation:edi-block 8s ease-in-out infinite}
@keyframes edi-block{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,8px)}}
[data-tpl="editorial2"] .f-edi::after{content:attr(data-cap);position:absolute;right:0;bottom:-1.7rem;font:600 .62rem var(--f-body);letter-spacing:.4em;text-transform:uppercase}
[data-tpl="editorial2"] .f-edi img{filter:saturate(.8) contrast(1.04)}
[data-tpl="editorial2"] .fecha{grid-template-columns:1fr;grid-template-areas:"dow" "dia" "mes" "anio";text-align:center;row-gap:0;position:relative;padding:.6rem 0;border-block:1px solid var(--ink);margin:1.4rem auto}
[data-tpl="editorial2"] .fecha .dia{font-family:var(--f-head);font-weight:500;font-size:6.6rem;line-height:.95;color:var(--ink)}
[data-tpl="editorial2"] .fecha .d-dow,[data-tpl="editorial2"] .fecha .d-mes,[data-tpl="editorial2"] .fecha .d-anio{font-family:var(--f-body);font-size:.78rem;letter-spacing:.5em;font-weight:600;align-self:center;color:var(--accent)}
[data-tpl="editorial2"] .fecha .d-mes{color:var(--ink)}
[data-tpl="editorial2"] .cuenta{gap:0}
[data-tpl="editorial2"] .cuenta div{background:none;box-shadow:none;border-radius:0;border-left:1px solid var(--ink);padding:.2rem 1.3rem}
[data-tpl="editorial2"] .cuenta div:first-child{border:0}
[data-tpl="editorial2"] .cuenta b{font-family:var(--f-head);font-weight:500;font-size:2.2rem}
[data-tpl="editorial2"] .btn{border-radius:0;font-size:.74rem;font-weight:600;letter-spacing:.3em;padding:1rem 1.8rem}
[data-tpl="editorial2"] .btn.ghost{color:var(--ink);border:1px solid var(--ink)}
[data-tpl="editorial2"] .btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent-2)}
[data-tpl="editorial2"] .programa::before{opacity:.8;background:var(--ink)}
[data-tpl="editorial2"] .programa li{border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
[data-tpl="editorial2"] .programa time{font-family:var(--f-head);font-size:1.2rem;color:var(--ink)}
[data-tpl="editorial2"] .programa span::before{border-radius:0;width:9px;height:9px;background:var(--accent);transform:rotate(45deg)}
[data-tpl="editorial2"] form,[data-tpl="editorial2"] .gracias{border-radius:0;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--c1)}
[data-tpl="editorial2"] label{font-weight:600;letter-spacing:.22em;font-size:.7rem}
[data-tpl="editorial2"] input[type=text],[data-tpl="editorial2"] textarea{border-radius:0}
[data-tpl="editorial2"] .galeria{gap:.5rem}
[data-tpl="editorial2"] .galeria img,[data-tpl="editorial2"] .galeria img:nth-child(3n+1){border-radius:0;box-shadow:none;aspect-ratio:3/4}
[data-tpl="editorial2"] .galeria img:nth-child(odd){margin-top:1.4rem}
[data-tpl="editorial2"] .cierre .nombre-cierre{font-family:var(--f-head);font-style:italic;color:var(--ink)}
[data-tpl="editorial2"] #sobre{background:var(--bg)}
[data-tpl="editorial2"] .sobre-wrap h1{font-family:var(--f-head);text-transform:uppercase;font-size:2.2rem;font-weight:500;letter-spacing:-.01em;line-height:1}
[data-tpl="editorial2"] .sobre-wrap .para{font-weight:600;font-size:.7rem;letter-spacing:.5em;color:var(--accent);opacity:1}
[data-tpl="editorial2"] .sobre-wrap .btn{border-radius:0}
.sobre-edi{position:relative;width:300px;height:200px;margin:0 auto}
.sobre-edi>*{position:absolute}
.edi-back{inset:0;background:color-mix(in srgb,var(--bg) 70%,#fff);box-shadow:0 18px 40px #0003}
.edi-front{inset:0;z-index:3;display:grid;place-content:center;text-align:center;padding-top:62px;color:var(--ink);background:color-mix(in srgb,var(--bg) 55%,#fff);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}
.edi-front small{font:600 .6rem var(--f-body);letter-spacing:.5em;text-transform:uppercase;color:var(--accent)}
.edi-front b,.edi-card b{font:500 2.1rem var(--f-head);text-transform:uppercase;line-height:1.1}
.edi-front em,.edi-card em{font-style:italic;color:var(--accent);font-weight:400}
.edi-flap{left:0;right:0;top:0;height:58%;z-index:5;background:color-mix(in srgb,var(--bg) 60%,#fff);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .55s cubic-bezier(.5,0,.3,1),z-index 0s .3s;filter:drop-shadow(0 1px 0 var(--ink))}
.edi-card{left:20px;right:20px;top:12px;height:176px;z-index:2;background:var(--accent);color:var(--btn-ink);display:grid;place-content:center;text-align:center;transition:transform .7s cubic-bezier(.3,1.2,.4,1) .3s}
.edi-card small{font:600 .6rem var(--f-body);letter-spacing:.5em;text-transform:uppercase}
.edi-card em{color:inherit}
.edi-line{inset:0;width:100%;height:100%;z-index:6;pointer-events:none}
.edi-stamp{right:14px;top:12px;width:62px;height:62px;z-index:7;background:var(--bg);border:1px solid var(--ink);padding:3px;animation:edi-stamp 4s ease-in-out infinite}
@keyframes edi-stamp{0%,100%{transform:rotate(3deg)}50%{transform:rotate(-3deg) scale(1.04)}}
.sobre-edi.open .edi-flap{transform:rotateX(180deg);z-index:1}
.sobre-edi.open .edi-card{transform:translateY(-100px)}
.sobre-edi.open .edi-stamp{opacity:0;transition:opacity .3s}

/* ===== peonias ===== */
[data-fx="peo"] #fx{background:radial-gradient(50% 30% at 100% 0%,color-mix(in srgb,var(--c2) 55%,transparent),transparent),radial-gradient(50% 30% at 0% 60%,color-mix(in srgb,var(--c3) 22%,transparent),transparent),radial-gradient(60% 30% at 100% 100%,color-mix(in srgb,var(--c1) 30%,transparent),transparent)}
[data-tpl="peonias"] .eyebrow{font-family:var(--f-head);font-style:italic;text-transform:none;letter-spacing:.04em;font-size:1.3rem;color:var(--accent);opacity:1}
[data-tpl="peonias"] .nombre.nom2{line-height:.95;margin:.3rem 0}
[data-tpl="peonias"] .nombre.nom2 span{font-size:min(5rem,20vw);color:var(--accent);overflow-wrap:anywhere;text-shadow:0 3px 0 color-mix(in srgb,var(--c2) 60%,transparent)}
[data-tpl="peonias"] .nombre.nom2 i{font-family:var(--f-head);font-size:1.6rem;opacity:1;color:var(--accent-2);display:flex;align-items:center;gap:.6rem}
[data-tpl="peonias"] .nombre.nom2 i::before,[data-tpl="peonias"] .nombre.nom2 i::after{content:"";width:34px;height:7px;background:radial-gradient(circle at 3px 3.5px,var(--c1) 2.5px,transparent 3px) 0 0/10px 7px repeat-x}
[data-tpl="peonias"] .titulo{font-family:var(--f-head);font-style:italic;font-size:1.5rem;color:var(--ink)}
[data-tpl="peonias"] h2.sec{font-family:var(--f-script);font-size:3rem;color:var(--accent)}
[data-tpl="peonias"] .padres b{color:var(--accent);opacity:1}
[data-tpl="peonias"] .mensaje{font-family:var(--f-head);font-size:1.35rem}
[data-tpl="peonias"] .foto.f-peo{--ar:3/4;width:min(76%,290px);padding:9px;border-radius:999px 999px 16px 16px;background:linear-gradient(var(--c2),var(--c1));box-shadow:0 18px 40px color-mix(in srgb,var(--c4) 35%,transparent)}
[data-tpl="peonias"] .f-peo img{border-radius:999px 999px 10px 10px;border:3px solid #fff}
[data-tpl="peonias"] .f-peo::before,[data-tpl="peonias"] .f-peo::after{content:"";position:absolute;width:56px;height:56px;border-radius:50% 0 50% 50%;background:radial-gradient(circle at 50% 50%,var(--accent-2) 0 8%,transparent 9%),radial-gradient(circle,var(--c4) 0 45%,var(--c1) 46%);z-index:2;animation:peo-b 5s ease-in-out infinite}
[data-tpl="peonias"] .f-peo::before{left:-16px;bottom:18px}
[data-tpl="peonias"] .f-peo::after{right:-16px;bottom:44px;width:42px;height:42px;animation-delay:-2.5s}
@keyframes peo-b{0%,100%{transform:scale(.92) rotate(0)}50%{transform:scale(1.1) rotate(12deg)}}
[data-tpl="peonias"] .fecha .d-dow{font-family:var(--f-head);font-style:italic;text-transform:none;font-size:1.4rem;letter-spacing:.04em;color:var(--accent)}
[data-tpl="peonias"] .fecha .dia{font-family:var(--f-script);font-size:4.8rem;color:var(--accent)}
[data-tpl="peonias"] .cuenta div{border-radius:60% 60% 50% 50%/70% 70% 40% 40%;background:linear-gradient(var(--c2),color-mix(in srgb,var(--c1) 45%,#fff));box-shadow:none;padding:.9rem 1rem}
[data-tpl="peonias"] .cuenta b{font-family:var(--f-head);font-size:1.8rem}
[data-tpl="peonias"] .btn{font-family:var(--f-head);font-size:1.1rem;font-weight:600;letter-spacing:.12em;border-radius:999px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 30%,transparent)}
[data-tpl="peonias"] .btn.ghost{background:transparent;box-shadow:none;color:var(--accent);border-color:var(--accent)}
[data-tpl="peonias"] .programa::before{background:var(--c1)}
[data-tpl="peonias"] .programa span::before{border-radius:50% 0 50% 50%;background:var(--c4);width:11px;height:11px}
[data-tpl="peonias"] .programa time{font-family:var(--f-head);font-size:1.15rem}
[data-tpl="peonias"] form,[data-tpl="peonias"] .gracias{border-radius:30px;border:2px solid var(--c2);box-shadow:0 12px 34px color-mix(in srgb,var(--c1) 25%,transparent)}
[data-tpl="peonias"] label{font-family:var(--f-head);font-weight:600;letter-spacing:.12em}
[data-tpl="peonias"] .galeria img{border:5px solid #fff;box-shadow:0 8px 22px color-mix(in srgb,var(--c4) 30%,transparent)}
[data-tpl="peonias"] #sobre{background:radial-gradient(70% 45% at 10% 8%,color-mix(in srgb,var(--c2) 80%,transparent),transparent),radial-gradient(70% 45% at 95% 95%,color-mix(in srgb,var(--c3) 40%,transparent),transparent),var(--bg)}
[data-tpl="peonias"] .sobre-wrap h1{font-size:3.2rem;color:var(--accent)}
[data-tpl="peonias"] .sobre-wrap .para{font-family:var(--f-head);font-style:italic;text-transform:none;font-size:1.3rem;letter-spacing:.04em;opacity:.9}
.sobre-peo{position:relative;width:290px;height:200px;margin:0 auto}
.sobre-peo>*{position:absolute}
.peo-back{inset:0;background:var(--c1);border-radius:8px;box-shadow:0 16px 36px #0003}
.peo-front{inset:0;z-index:3;border-radius:8px;background:linear-gradient(160deg,color-mix(in srgb,var(--c2) 85%,#fff),var(--c2));clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}
.peo-flap{left:0;right:0;top:0;height:60%;z-index:5;background:linear-gradient(var(--c2),color-mix(in srgb,var(--c1) 55%,#fff));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .55s cubic-bezier(.5,0,.3,1) .2s,z-index 0s .45s}
.peo-card{left:22px;right:22px;top:14px;height:170px;z-index:2;background:#fffdf9;border-radius:6px;display:grid;place-content:center;text-align:center;font-family:var(--f-script);color:var(--accent);transition:transform .7s cubic-bezier(.3,1.2,.4,1) .4s;box-shadow:0 2px 8px #0002}
.peo-card small{font-family:var(--f-head);font-style:italic;font-size:1.1rem}
.peo-card b{font-weight:400;font-size:3.2rem;line-height:1.1}
.peo-card em{font-style:normal;font-size:1.5rem;color:var(--accent-2)}
.peo-flower{left:50%;top:70px;width:118px;height:118px;margin-left:-59px;z-index:6;transition:transform .7s ease-in .05s,opacity .5s ease-in .3s}
.peo-bf{right:-14px;top:-18px;width:56px;z-index:7;animation:peo-fly 6s ease-in-out infinite}
@keyframes peo-fly{0%,100%{transform:translate(0,0) rotate(8deg)}50%{transform:translate(-18px,12px) rotate(-8deg)}}
.sobre-peo.open .peo-flap{transform:rotateX(180deg);z-index:1}
.sobre-peo.open .peo-card{transform:translateY(-96px)}
.sobre-peo.open .peo-flower{transform:scale(1.9) rotate(30deg);opacity:0}

/* ===== deco ===== */
[data-fx="deco"] #fx{background:repeating-linear-gradient(60deg,transparent 0 38px,color-mix(in srgb,var(--accent) 7%,transparent) 38px 39px),repeating-linear-gradient(-60deg,transparent 0 38px,color-mix(in srgb,var(--accent) 7%,transparent) 38px 39px),radial-gradient(70% 40% at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent)}
[data-tpl="deco"] .eyebrow{font-family:var(--f-body);letter-spacing:.4em;font-size:.72rem;font-weight:500;color:var(--accent);opacity:1}
[data-tpl="deco"] .nombre.nom2{font-family:var(--f-head);text-transform:uppercase;line-height:1;margin:.5rem 0}
[data-tpl="deco"] .nombre.nom2 span{font-size:min(3.6rem,13.5vw);letter-spacing:.14em;margin-right:-.14em;font-weight:400;overflow-wrap:anywhere;background:linear-gradient(180deg,var(--accent-2),var(--accent) 60%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.6px var(--accent)}
[data-tpl="deco"] .nombre.nom2 i{font-family:var(--f-head);font-size:1.5rem;color:var(--accent);opacity:1;display:flex;align-items:center;gap:.7rem;margin:.3rem 0}
[data-tpl="deco"] .nombre.nom2 i::before,[data-tpl="deco"] .nombre.nom2 i::after{content:"";width:50px;height:5px;border-block:1px solid var(--accent)}
[data-tpl="deco"] .titulo{font-family:var(--f-head);font-size:1.5rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
[data-tpl="deco"] h2.sec{font-family:var(--f-head);text-transform:uppercase;letter-spacing:.28em;font-size:1.7rem;color:var(--accent)}
[data-tpl="deco"] .mensaje{font-style:normal;font-family:var(--f-head);font-size:1.45rem;line-height:1.45}
[data-tpl="deco"] .padres b{color:var(--accent);opacity:1;letter-spacing:.3em}
[data-tpl="deco"] .foto.f-deco{--ar:4/5;width:min(76%,290px);padding:10px;background:var(--soft);border:2px solid var(--accent);clip-path:polygon(14% 0,86% 0,100% 8%,100% 92%,86% 100%,14% 100%,0 92%,0 8%);box-shadow:none}
[data-tpl="deco"] .foto.f-deco{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 40%,transparent))}
[data-tpl="deco"] .f-deco::after{content:"";position:absolute;inset:5px;border:1px solid var(--accent);clip-path:inherit;pointer-events:none}
[data-tpl="deco"] .fecha .d-dow,[data-tpl="deco"] .fecha .d-mes,[data-tpl="deco"] .fecha .d-anio{letter-spacing:.35em;font-family:var(--f-body);font-size:.85rem;color:var(--accent)}
[data-tpl="deco"] .fecha .dia{font-family:var(--f-head);font-size:4.4rem;color:var(--ink)}
[data-tpl="deco"] .cuenta div{background:none;border:1px solid var(--accent);border-radius:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);box-shadow:none;background:var(--card)}
[data-tpl="deco"] .cuenta b{font-family:var(--f-head);font-size:1.9rem;color:var(--accent)}
[data-tpl="deco"] .btn{border-radius:0;font-family:var(--f-body);font-size:.78rem;font-weight:600;letter-spacing:.3em;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);padding:1rem 2.2rem;background:linear-gradient(180deg,var(--accent-2),var(--accent))}
[data-tpl="deco"] .btn.ghost{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
[data-tpl="deco"] .programa::before{background:var(--accent)}
[data-tpl="deco"] .programa time{font-family:var(--f-head);font-size:1.2rem}
[data-tpl="deco"] .programa span::before{border-radius:0;transform:rotate(45deg);background:var(--accent)}
[data-tpl="deco"] form,[data-tpl="deco"] .gracias{border-radius:0;border:1px solid var(--accent);outline:1px solid var(--accent);outline-offset:4px;box-shadow:none}
[data-tpl="deco"] label{font-family:var(--f-body);letter-spacing:.2em;font-size:.7rem;font-weight:600;color:var(--accent);opacity:1}
[data-tpl="deco"] input[type=text],[data-tpl="deco"] textarea{border-radius:0}
[data-tpl="deco"] .galeria img,[data-tpl="deco"] .galeria img:nth-child(3n+1){border-radius:0;aspect-ratio:1;border:1px solid var(--accent);padding:5px;background:var(--soft);box-shadow:none}
[data-tpl="deco"] #sobre{background:radial-gradient(70% 50% at 50% 100%,color-mix(in srgb,var(--accent) 25%,transparent),transparent),var(--bg)}
[data-tpl="deco"] .sobre-wrap h1{display:none}
[data-tpl="deco"] .sobre-wrap .para{color:var(--accent);opacity:1;letter-spacing:.4em;font-family:var(--f-body);font-size:.8rem}
[data-tpl="deco"] .sobre-wrap .btn{border-radius:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);letter-spacing:.25em;font-size:.85rem}
.sobre-deco{position:relative;width:300px;height:170px;margin:0 auto;display:flex;color:var(--accent);transition:transform .8s ease-in,opacity .8s ease-in;animation:dc-tilt 5s ease-in-out infinite}
@keyframes dc-tilt{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-6px)}}
.sobre-deco .dc-l,.sobre-deco .dc-r{background:linear-gradient(135deg,var(--accent-2),var(--accent) 55%,var(--c4,var(--accent)));color:var(--btn-ink);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;transition:transform .8s cubic-bezier(.6,0,.4,1),opacity .8s}
.sobre-deco .dc-l{flex:1;padding:.6rem 1rem;text-align:center;align-items:center;border-radius:10px 0 0 10px;-webkit-mask:radial-gradient(circle 11px at 0 50%,#0000 98%,#000);mask:radial-gradient(circle 11px at 0 50%,#0000 98%,#000);box-shadow:inset 0 0 0 5px transparent;border-right:2px dashed color-mix(in srgb,var(--btn-ink) 55%,transparent)}
.sobre-deco .dc-r{width:70px;align-items:center;border-radius:0 10px 10px 0;-webkit-mask:radial-gradient(circle 11px at 100% 50%,#0000 98%,#000);mask:radial-gradient(circle 11px at 100% 50%,#0000 98%,#000)}
.sobre-deco svg{width:64px;margin-bottom:.35rem}
.sobre-deco svg path{stroke:var(--btn-ink)}
.sobre-deco small{font:600 .6rem var(--f-body);letter-spacing:.35em;text-transform:uppercase}
.sobre-deco .dc-l b{font:600 1.35rem/1.15 "Cinzel",serif;text-transform:uppercase;letter-spacing:.06em;margin:.15rem 0;overflow-wrap:anywhere}
.sobre-deco .dc-l span{font:600 .58rem var(--f-body);letter-spacing:.4em;text-transform:uppercase;margin-top:.2rem}
.sobre-deco .dc-r i{font:normal 600 .7rem var(--f-body);letter-spacing:.2em}
.sobre-deco .dc-r b{font:400 1.8rem var(--f-head)}
.dc-shine{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:10px}
.dc-shine::after{content:"";position:absolute;top:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent,#fffa,transparent);animation:bd-shine 3.6s ease-in-out infinite}
.sobre-deco.open{animation:none}
.sobre-deco.open .dc-l{transform:translate(-30px,18px) rotate(-14deg);opacity:0}
.sobre-deco.open .dc-r{transform:translate(30px,26px) rotate(12deg);opacity:0}
.sobre-deco .dc-l b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
[data-tpl="deco"] .sobre-wrap .para{display:block}

/* ===== boho ===== */
[data-fx="boho"] #fx{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--c2) 25%,var(--bg)) 100%),repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,var(--ink) 3%,transparent) 22px 23px)}
[data-tpl="boho"] .eyebrow{font-family:var(--f-head);letter-spacing:.34em;font-size:.74rem;font-weight:600;color:var(--accent);opacity:1}
[data-tpl="boho"] .nombre{font-family:var(--f-script);font-size:min(var(--name-size),17vw);color:var(--accent);line-height:.95;margin:.3rem 0;text-shadow:3px 3px 0 color-mix(in srgb,var(--c2) 60%,transparent)}
[data-tpl="boho"] .titulo{font-family:var(--f-head);font-size:.9rem;letter-spacing:.4em;text-transform:uppercase;font-weight:600;color:var(--ink)}
[data-tpl="boho"] h2.sec{font-family:var(--f-script);font-size:3.2rem;color:var(--accent);line-height:1}
[data-tpl="boho"] .mensaje{font-size:1.15rem;line-height:1.65}
[data-tpl="boho"] .padres b{font-family:var(--f-head);color:var(--accent);opacity:1;font-weight:600;letter-spacing:.3em}
[data-tpl="boho"] .foto.f-boho{--ar:3/4;width:min(70%,270px);border-radius:999px 999px 6px 6px;border:0;background:var(--soft);box-shadow:0 0 0 6px var(--bg),0 0 0 8px var(--c1),0 0 0 15px var(--bg),0 0 0 17px var(--c2),0 0 0 24px var(--bg),0 0 0 26px var(--c3);margin:2.6rem auto}
[data-tpl="boho"] .f-boho img{border-radius:999px 999px 4px 4px}
[data-tpl="boho"] .fecha .dia{width:104px;height:104px;border-radius:999px 999px 8px 8px;box-shadow:none;background:var(--accent);font-family:var(--f-head);font-weight:300;font-size:3.4rem;border:4px double var(--btn-ink)}
[data-tpl="boho"] .fecha .d-dow,[data-tpl="boho"] .fecha .d-mes,[data-tpl="boho"] .fecha .d-anio{font-family:var(--f-head);letter-spacing:.3em;font-size:.85rem;font-weight:600;color:var(--accent)}
[data-tpl="boho"] .cuenta div{border-radius:999px 999px 10px 10px;background:color-mix(in srgb,var(--c2) 40%,transparent);box-shadow:none;padding:1rem .9rem .6rem}
[data-tpl="boho"] .cuenta b{font-family:var(--f-head);font-weight:300;font-size:1.8rem}
[data-tpl="boho"] .btn{font-family:var(--f-head);font-weight:600;letter-spacing:.24em;font-size:.8rem;border-radius:999px 999px 6px 6px;padding:1rem 1.8rem}
[data-tpl="boho"] .btn.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
[data-tpl="boho"] .programa::before{background:repeating-linear-gradient(var(--c1) 0 4px,transparent 4px 8px);width:2px;opacity:.8}
[data-tpl="boho"] .programa time{font-family:var(--f-head);font-weight:600;font-size:.95rem;letter-spacing:.06em}
[data-tpl="boho"] .programa span::before{background:var(--c1);border-radius:999px 999px 2px 2px;height:11px;width:9px}
[data-tpl="boho"] form,[data-tpl="boho"] .gracias{border-radius:120px 120px 22px 22px;padding:2.6rem 1.5rem 1.6rem;border:1.5px solid var(--accent-2);box-shadow:none}
[data-tpl="boho"] label{font-family:var(--f-head);font-weight:600;letter-spacing:.2em;font-size:.72rem}
[data-tpl="boho"] .galeria img{box-shadow:0 8px 20px #0002;border:5px solid var(--bg);outline:1px solid var(--accent-2)}
[data-tpl="boho"] #sobre{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--c2) 45%,var(--bg)))}
[data-tpl="boho"] .sobre-wrap h1{font-size:3.4rem;color:var(--accent)}
[data-tpl="boho"] .sobre-wrap .para{font-family:var(--f-head);font-weight:600;letter-spacing:.34em;font-size:.72rem;color:var(--accent);opacity:1}
.sobre-boho{position:relative;width:290px;height:200px;margin:0 auto}
.sobre-boho>*{position:absolute}
.bh-back{inset:0;background:#b78e5b;border-radius:4px;box-shadow:0 16px 36px #0004}
.bh-front{inset:0;z-index:3;background:repeating-linear-gradient(95deg,#d2ac7c 0 3px,#cba474 3px 7px);clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);border-radius:4px}
.bh-flap{left:0;right:0;top:0;height:58%;z-index:5;background:repeating-linear-gradient(95deg,#dbb685 0 3px,#d3ad7d 3px 7px);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .55s cubic-bezier(.5,0,.3,1) .3s,z-index 0s .55s}
.bh-card{left:20px;right:20px;top:14px;height:172px;z-index:2;background:#fffaf0;display:grid;place-content:center;text-align:center;font-family:var(--f-script);color:var(--accent);transition:transform .7s cubic-bezier(.3,1.2,.4,1) .5s}
.bh-card small{font:600 .6rem var(--f-head);letter-spacing:.3em;text-transform:uppercase}
.bh-card b{font-weight:400;font-size:3.4rem;line-height:1.1}
.bh-card em{font-style:normal;font-size:1.6rem}
.bh-twine{left:0;right:0;top:92px;height:4px;z-index:6;background:repeating-linear-gradient(60deg,#f1e6cf 0 3px,#a98a5c 3px 6px);box-shadow:0 2px 3px #0004;transform-origin:50% 50%;transition:transform .35s ease-in}
.bh-tag{left:50%;top:92px;width:60px;margin-left:-8px;z-index:7;transform-origin:50% 0;animation:bh-swing 3.4s ease-in-out infinite;transition:transform .4s ease-in,opacity .35s}
.bh-tag svg{width:60px}
.bh-tag span{position:absolute;left:0;right:0;top:44px;text-align:center;font:400 1.2rem var(--f-script);color:var(--accent);line-height:1}
@keyframes bh-swing{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
.bh-pam{right:-6px;bottom:-4px;width:60px;z-index:4;height:auto}
.sobre-boho.open .bh-twine{transform:scaleX(0)}
.sobre-boho.open .bh-tag{animation:none;transform:translateY(80px) rotate(30deg);opacity:0}
.sobre-boho.open .bh-flap{transform:rotateX(180deg);z-index:1}
.sobre-boho.open .bh-card{transform:translateY(-98px)}

/* ===== osito2 ===== */
[data-fx="osi"] #fx{background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--c3) 40%,transparent) 0 6px,transparent 7px) 0 0/90px 90px,radial-gradient(circle at 70% 60%,color-mix(in srgb,var(--c4) 40%,transparent) 0 5px,transparent 6px) 0 0/110px 110px,linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--c1) 22%,var(--bg)))}
[data-tpl="osito2"] .eyebrow{font-family:var(--f-head);text-transform:none;letter-spacing:.02em;font-size:1.35rem;font-weight:600;color:var(--accent);opacity:1}
[data-tpl="osito2"] .nombre{font-family:var(--f-head);font-weight:800;color:var(--accent);font-size:min(var(--name-size),15vw);line-height:1;text-shadow:3px 3px 0 #fff,6px 6px 0 var(--c1);margin:.3rem 0 .5rem}
[data-tpl="osito2"] .titulo{font-family:var(--f-head);font-weight:700;font-size:1.7rem;color:var(--ink)}
[data-tpl="osito2"] h2.sec{font-family:var(--f-head);font-weight:800;font-size:2rem;color:var(--ink);display:inline-block;background:var(--c3);padding:.1rem 1.3rem;border-radius:999px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
[data-tpl="osito2"] .mensaje{font-style:normal;font-weight:600;font-size:1.15rem}
[data-tpl="osito2"] .padres b{color:var(--accent);opacity:1;font-weight:700}
[data-tpl="osito2"] .foto.f-osi{--ar:1;border-radius:50%;border:6px solid #fff;overflow:visible;width:min(68%,260px);box-shadow:0 0 0 5px var(--c1),0 14px 30px #0002}
[data-tpl="osito2"] .f-osi img{border-radius:50%}
[data-tpl="osito2"] .f-osi::after{content:"";position:absolute;right:-18px;top:6px;width:44px;height:52px;border-radius:50% 50% 48% 48%;background:var(--c4);box-shadow:inset -6px -6px 0 #0001;animation:osi-bob 3.2s ease-in-out infinite}
@keyframes osi-bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(6deg)}}
[data-tpl="osito2"] .fecha .dia{font-family:var(--f-head);font-weight:800;background:var(--c3);color:var(--ink);box-shadow:5px 5px 0 var(--accent);border:3px solid var(--ink)}
[data-tpl="osito2"] .fecha .d-dow,[data-tpl="osito2"] .fecha .d-mes,[data-tpl="osito2"] .fecha .d-anio{font-family:var(--f-head);font-weight:700;color:var(--accent)}
[data-tpl="osito2"] .cuenta div{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px}
[data-tpl="osito2"] .cuenta div:nth-child(1){background:var(--c1)}[data-tpl="osito2"] .cuenta div:nth-child(2){background:var(--c3)}[data-tpl="osito2"] .cuenta div:nth-child(3){background:var(--c4)}
[data-tpl="osito2"] .cuenta b,[data-tpl="osito2"] .cuenta span{color:var(--ink);opacity:1}
[data-tpl="osito2"] .cuenta b{font-family:var(--f-head);font-weight:800}
[data-tpl="osito2"] .btn{font-family:var(--f-head);font-size:1.1rem;font-weight:700;letter-spacing:.02em;text-transform:none;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
[data-tpl="osito2"] .btn.ghost{background:#fff;color:var(--ink)}
[data-tpl="osito2"] .programa::before{background:var(--ink);width:3px;opacity:.15}
[data-tpl="osito2"] .programa time{font-family:var(--f-head);font-weight:700}
[data-tpl="osito2"] .programa span::before{background:var(--c4);border:2px solid var(--ink);width:12px;height:12px;left:-.4rem;top:.55rem}
[data-tpl="osito2"] form,[data-tpl="osito2"] .gracias{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--c1);background:#fff;border-radius:22px;color:var(--ink)}
[data-tpl="osito2"] label{font-family:var(--f-head);font-weight:700;letter-spacing:.04em;font-size:.9rem;text-transform:none}
[data-tpl="osito2"] .galeria img{border:4px solid var(--ink);box-shadow:4px 4px 0 var(--c1);border-radius:50%;aspect-ratio:1}
[data-tpl="osito2"] .galeria img:nth-child(3n+1){border-radius:50%;aspect-ratio:1}
[data-tpl="osito2"] #sobre{background:radial-gradient(circle at 18% 22%,var(--c3) 0 50px,transparent 51px),radial-gradient(circle at 86% 78%,var(--c4) 0 80px,transparent 81px),var(--soft)}
[data-tpl="osito2"] .sobre-wrap h1{font-family:var(--f-head);font-weight:800;font-size:3.2rem;color:var(--accent);text-shadow:3px 3px 0 #fff}
.sobre-osi{position:relative;width:220px;height:220px;margin:0 auto}
.sobre-osi>*{position:absolute}
.os-box{left:16px;right:16px;bottom:0;height:128px;z-index:3;background:var(--c1);border-radius:10px;box-shadow:0 12px 0 #0002;animation:os-hop 2.4s ease-in-out infinite;transform-origin:50% 100%;border:3px solid var(--ink)}
.os-box i{position:absolute;left:50%;top:0;bottom:0;width:34px;margin-left:-17px;background:var(--c3);border-inline:3px solid var(--ink)}
.os-lid{left:6px;right:6px;bottom:116px;height:46px;z-index:4;background:var(--c1);border-radius:10px;border:3px solid var(--ink);filter:brightness(1.08);animation:os-hop 2.4s ease-in-out infinite;transform-origin:50% 100%;transition:transform .7s cubic-bezier(.3,1.5,.5,1),opacity .5s .3s}
.os-lid::before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:34px;margin-left:-17px;background:var(--c3);border-inline:3px solid var(--ink)}
.os-lid svg{position:absolute;left:50%;top:-44px;width:92px;margin-left:-46px}
.os-head{left:50%;bottom:90px;width:130px;margin-left:-65px;z-index:2;transform:translateY(60px);transition:transform .7s cubic-bezier(.3,1.6,.5,1) .25s}
.os-sparks{left:50%;top:70px;width:10px;height:10px;z-index:5;opacity:0;border-radius:50%;background:var(--c3);box-shadow:-70px 20px 0 var(--c4),70px 10px 0 var(--c1),-40px -40px 0 var(--c3),44px -46px 0 var(--c4),0 -66px 0 var(--c1);transition:opacity .3s .3s,transform .7s .3s}
@keyframes os-hop{0%,40%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(0) scale(1.05,.94)}65%{transform:translateY(-14px) scale(.96,1.05)}80%{transform:translateY(0) scale(1.04,.96)}}
.sobre-osi.open .os-box,.sobre-osi.open .os-lid{animation:none}
.sobre-osi.open .os-lid{transform:translateY(-90px) rotate(-18deg);opacity:0}
.sobre-osi.open .os-head{transform:translateY(-38px)}
.sobre-osi.open .os-sparks{opacity:1;transform:translateY(-34px) scale(1.4)}

/* ===== elefante ===== */
[data-fx="ele"] #fx{background:radial-gradient(circle,color-mix(in srgb,var(--c3) 45%,transparent) 0 5px,transparent 6px) 0 0/60px 60px,radial-gradient(circle,color-mix(in srgb,var(--c2) 40%,transparent) 0 4px,transparent 5px) 30px 30px/60px 60px,var(--bg)}
[data-tpl="elefante"] .eyebrow{font-family:var(--f-body);text-transform:none;letter-spacing:.01em;font-size:1.1rem;font-weight:600;color:var(--accent);opacity:1}
[data-tpl="elefante"] .nombre{font-family:var(--f-head);font-weight:400;color:var(--accent);font-size:min(var(--name-size),16vw);line-height:1;letter-spacing:.02em;text-shadow:3px 3px 0 #fff,5px 5px 0 var(--c1);margin:.3rem 0 .4rem}
[data-tpl="elefante"] .titulo{font-family:var(--f-head);font-size:1.6rem;color:var(--ink)}
[data-tpl="elefante"] h2.sec{font-family:var(--f-head);font-weight:400;font-size:2rem;color:var(--ink);background:var(--c3);display:inline-block;padding:.1rem 1.4rem;border-radius:999px 999px 999px 8px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--c1)}
[data-tpl="elefante"] .mensaje{font-style:normal;font-weight:500;font-size:1.15rem}
[data-tpl="elefante"] .padres b{color:var(--accent);opacity:1;font-weight:700}
[data-tpl="elefante"] .foto.f-ele{--ar:1;width:min(68%,260px);border-radius:50%;border:6px solid #fff;overflow:visible;box-shadow:0 0 0 5px var(--c1),0 14px 30px #0002}
[data-tpl="elefante"] .f-ele img{border-radius:50%}
[data-tpl="elefante"] .f-ele::before,[data-tpl="elefante"] .f-ele::after{content:"";position:absolute;top:10%;width:46%;height:46%;border-radius:50%;background:var(--c1);z-index:-1;box-shadow:inset 0 0 0 10px color-mix(in srgb,var(--c2) 70%,transparent);animation:ele-ear 3.2s ease-in-out infinite}
[data-tpl="elefante"] .f-ele::before{left:-24%;transform-origin:100% 50%}
[data-tpl="elefante"] .f-ele::after{right:-24%;transform-origin:0 50%;animation-delay:-1.6s}
@keyframes ele-ear{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
[data-tpl="elefante"] .fecha .dia{font-family:var(--f-head);font-weight:400;background:var(--c3);color:var(--ink);box-shadow:5px 5px 0 var(--c1);border:3px solid var(--ink)}
[data-tpl="elefante"] .fecha .d-dow,[data-tpl="elefante"] .fecha .d-mes,[data-tpl="elefante"] .fecha .d-anio{font-family:var(--f-body);font-weight:700;color:var(--accent)}
[data-tpl="elefante"] .cuenta div{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--c1);background:#fff;border-radius:50%;width:84px;height:84px;min-width:0;padding:0;display:grid;align-content:center}
[data-tpl="elefante"] .cuenta b,[data-tpl="elefante"] .cuenta span{color:var(--ink);opacity:1}
[data-tpl="elefante"] .cuenta b{font-family:var(--f-head);font-weight:400;font-size:1.7rem}
[data-tpl="elefante"] .btn{font-family:var(--f-head);font-weight:400;font-size:1.15rem;letter-spacing:.03em;text-transform:none;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
[data-tpl="elefante"] .btn.ghost{background:#fff;color:var(--ink)}
[data-tpl="elefante"] .programa::before{background:var(--c1);width:3px;opacity:1}
[data-tpl="elefante"] .programa time{font-family:var(--f-head);font-weight:400;font-size:1.15rem}
[data-tpl="elefante"] .programa span::before{background:var(--c2);border:2px solid var(--ink);width:12px;height:12px;left:-.4rem;top:.55rem}
[data-tpl="elefante"] form,[data-tpl="elefante"] .gracias{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--c1);background:#fff;border-radius:26px;color:var(--ink)}
[data-tpl="elefante"] label{font-weight:700;letter-spacing:.04em;font-size:.85rem;text-transform:none}
[data-tpl="elefante"] .galeria img,[data-tpl="elefante"] .galeria img:nth-child(3n+1){border:4px solid var(--ink);box-shadow:4px 4px 0 var(--c1);border-radius:28px 28px 28px 8px;aspect-ratio:1}
[data-tpl="elefante"] #sobre{background:radial-gradient(circle at 15% 20%,var(--c3) 0 46px,transparent 47px),radial-gradient(circle at 88% 80%,var(--c2) 0 84px,transparent 85px),var(--soft)}
[data-tpl="elefante"] .sobre-wrap h1{font-family:var(--f-head);font-weight:400;font-size:3.4rem;color:var(--accent);text-shadow:3px 3px 0 #fff}
.sobre-ele{position:relative;width:270px;height:210px;margin:0 auto}
.sobre-ele>*{position:absolute}
.el-head{left:50%;top:-40px;width:210px;margin-left:-105px;z-index:2;transition:transform .7s cubic-bezier(.3,1.5,.5,1) .3s}
.el-back{left:0;right:0;bottom:0;height:150px;background:var(--c1);border-radius:10px;border:3px solid var(--ink);box-shadow:0 14px 30px #0003;z-index:1}
.el-card{left:22px;right:22px;bottom:12px;height:130px;z-index:2;background:#fff;border-radius:6px;display:grid;place-items:center;font-size:2.4rem;color:var(--c4);transition:transform .7s cubic-bezier(.3,1.2,.4,1) .35s}
.el-front{left:0;right:0;bottom:0;height:150px;z-index:3;background:radial-gradient(circle,var(--c3) 0 4px,transparent 5px) 0 0/26px 26px,var(--c1);clip-path:polygon(0 30%,50% 64%,100% 30%,100% 100%,0 100%);border-radius:10px}
.el-flap{left:3px;right:3px;bottom:46px;height:50px;z-index:4;background:linear-gradient(var(--c2),color-mix(in srgb,var(--c2) 70%,#fff));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .5s ease .1s,opacity .3s .5s;opacity:0}
.el-hearts{left:50%;top:50px;width:12px;height:12px;z-index:5;opacity:0;background:var(--c4);border-radius:50%;box-shadow:-70px 10px 0 var(--c2),70px 20px 0 var(--c3),-40px -40px 0 var(--c3),44px -46px 0 var(--c4),0 -60px 0 var(--c2);transition:opacity .3s .3s,transform .7s .3s}
.sobre-ele.open .el-head{transform:translateY(-44px) scale(1.06)}
.sobre-ele.open .el-card{transform:translateY(-70px)}
.sobre-ele.open .el-hearts{opacity:1;transform:translateY(-40px) scale(1.4)}

/* ===== lunaestrellas ===== */
@keyframes bd-shoot{0%,70%{transform:translate(60px,-30px);opacity:0}76%{opacity:1}100%{transform:translate(-150px,90px);opacity:0}}
[data-fx="luna"] #fx{background:radial-gradient(70% 40% at 50% 0%,color-mix(in srgb,var(--c3) 16%,transparent),transparent),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--c1) 22%,var(--bg)))}
[data-tpl="lunaestrellas"] .eyebrow{font-family:var(--f-head);text-transform:none;letter-spacing:.02em;font-size:1rem;color:var(--accent);opacity:1}
[data-tpl="lunaestrellas"] .nombre{font-family:var(--f-script);font-size:min(var(--name-size),17vw);color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent2) 45%,transparent);line-height:1;margin:.3rem 0}
[data-tpl="lunaestrellas"] .titulo{font-family:var(--f-head);font-size:1.15rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}
[data-tpl="lunaestrellas"] h2.sec{font-family:var(--f-script);font-size:2.8rem;color:var(--accent)}
[data-tpl="lunaestrellas"] .mensaje{font-style:normal;font-size:1.1rem;line-height:1.7}
[data-tpl="lunaestrellas"] .padres b{color:var(--accent);opacity:1;font-family:var(--f-head)}
[data-tpl="lunaestrellas"] .foto.f-luna{--ar:1;width:min(70%,270px);border-radius:50%;border:5px solid var(--accent2);overflow:visible;box-shadow:0 0 36px color-mix(in srgb,var(--accent2) 40%,transparent)}
[data-tpl="lunaestrellas"] .f-luna img{border-radius:50%}
[data-tpl="lunaestrellas"] .f-luna::before{content:"";position:absolute;right:-18px;top:-18px;width:62px;height:62px;border-radius:50%;box-shadow:inset -15px 7px 0 0 var(--c3);transform:rotate(-20deg);animation:lun-rock 5s ease-in-out infinite;z-index:2}
[data-tpl="lunaestrellas"] .f-luna::after{content:"✦";position:absolute;left:-10px;bottom:16px;font-size:1.6rem;color:var(--c3);animation:lun-tw 2.4s ease-in-out infinite}
@keyframes lun-rock{0%,100%{transform:rotate(-30deg)}50%{transform:rotate(-8deg)}}
@keyframes lun-tw{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}
[data-tpl="lunaestrellas"] .fecha .d-dow{font-family:var(--f-head);text-transform:none;letter-spacing:.06em;font-size:1.1rem;color:var(--accent)}
[data-tpl="lunaestrellas"] .fecha .dia{font-family:var(--f-script);font-size:4.4rem;color:var(--accent)}
[data-tpl="lunaestrellas"] .fecha .d-mes,[data-tpl="lunaestrellas"] .fecha .d-anio{font-family:var(--f-head);letter-spacing:.2em;font-size:1rem}
[data-tpl="lunaestrellas"] .cuenta div{background:var(--card);border:1px solid color-mix(in srgb,var(--accent2) 60%,transparent);border-radius:50% 50% 14px 14px;box-shadow:0 0 18px color-mix(in srgb,var(--accent2) 18%,transparent);padding:1rem .9rem .6rem}
[data-tpl="lunaestrellas"] .cuenta b{font-family:var(--f-head);font-size:1.7rem;color:var(--accent)}
[data-tpl="lunaestrellas"] .btn{font-family:var(--f-head);text-transform:none;letter-spacing:.04em;font-size:1.05rem;font-weight:600;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 45%,transparent)}
[data-tpl="lunaestrellas"] .btn.ghost{background:transparent;color:var(--accent);box-shadow:none;border-color:var(--accent)}
[data-tpl="lunaestrellas"] .programa::before{background:var(--accent2)}
[data-tpl="lunaestrellas"] .programa time{font-family:var(--f-head);font-size:1rem}
[data-tpl="lunaestrellas"] .programa span::before{background:var(--accent2);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:14px;height:14px;border-radius:0;left:-.45rem;top:.5rem}
[data-tpl="lunaestrellas"] form,[data-tpl="lunaestrellas"] .gracias{border-radius:28px;border:1px solid color-mix(in srgb,var(--accent2) 55%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--accent2) 14%,transparent)}
[data-tpl="lunaestrellas"] label{font-family:var(--f-head);letter-spacing:.06em;text-transform:none;font-size:.95rem}
[data-tpl="lunaestrellas"] .galeria img{border-radius:50%;aspect-ratio:1;border:3px solid var(--accent2);box-shadow:0 0 18px color-mix(in srgb,var(--accent2) 28%,transparent)}
[data-tpl="lunaestrellas"] .galeria img:nth-child(3n+1){border-radius:50%;aspect-ratio:1}
[data-tpl="lunaestrellas"] #sobre{background:radial-gradient(60% 40% at 50% 100%,color-mix(in srgb,var(--c3) 22%,transparent),transparent),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--c1) 30%,var(--bg)))}
[data-tpl="lunaestrellas"] .sobre-wrap h1{font-size:3.2rem;color:var(--accent)}
[data-tpl="lunaestrellas"] .sobre-wrap .para{font-family:var(--f-head);text-transform:none;letter-spacing:.04em;font-size:1.1rem;opacity:.9}
.sobre-lun{position:relative;width:280px;height:200px;margin:0 auto}
.sobre-lun>*{position:absolute}
.ln-back{inset:0;background:color-mix(in srgb,var(--c1) 70%,#000 12%);border-radius:10px;box-shadow:0 16px 36px #0004}
.ln-front{inset:0;z-index:3;border-radius:10px;background:radial-gradient(circle,var(--c3) 0 1.6px,transparent 2.4px) 0 0/22px 22px,var(--c1);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}
.ln-flap{left:0;right:0;top:0;height:60%;z-index:5;background:linear-gradient(var(--c1),color-mix(in srgb,var(--c1) 80%,#fff));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .55s cubic-bezier(.5,0,.3,1) .25s,z-index 0s .5s;border-radius:10px}
.ln-card{left:20px;right:20px;top:14px;height:172px;z-index:2;background:#fffaf0;border-radius:6px;display:grid;place-content:center;text-align:center;color:#2b2f5e;transition:transform .7s cubic-bezier(.3,1.2,.4,1) .45s}
.ln-card small{font:600 .7rem var(--f-head);letter-spacing:.2em;text-transform:uppercase}
.ln-card b{font:400 2.2rem/1.1 var(--f-script);overflow-wrap:anywhere}
.ln-moon{left:50%;top:92px;width:96px;margin-left:-48px;z-index:6;transform-origin:50% 10%;animation:ln-rock 3.2s ease-in-out infinite;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c3) 70%,transparent));transition:transform .6s ease-in,opacity .5s ease-in .1s}
@keyframes ln-rock{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
.ln-st{inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);z-index:7;pointer-events:none}
.sobre-lun.open .ln-moon{animation:none;transform:translateY(-70px) rotate(40deg) scale(1.4);opacity:0}
.sobre-lun.open .ln-flap{transform:rotateX(180deg);z-index:1}
.sobre-lun.open .ln-card{transform:translateY(-96px)}
[data-tpl="lunaestrellas"] .fecha .dia{font-size:3.6rem}
[data-tpl="lunaestrellas"] .fecha .d-mes,[data-tpl="lunaestrellas"] .fecha .d-anio{letter-spacing:.1em}

/* ===== arcoiris2 ===== */
[data-fx="arc"] #fx{background:radial-gradient(circle,color-mix(in srgb,var(--c3) 50%,transparent) 0 5px,transparent 6px) 0 0/80px 80px,radial-gradient(circle,color-mix(in srgb,var(--c1) 45%,transparent) 0 4px,transparent 5px) 40px 40px/80px 80px,linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--c2) 22%,var(--bg)))}
[data-tpl="arcoiris2"] .eyebrow{font-family:var(--f-body);text-transform:none;letter-spacing:.02em;font-size:1.15rem;font-weight:700;color:var(--accent);opacity:1}
[data-tpl="arcoiris2"] .nombre{font-family:var(--f-head);color:var(--accent);font-size:min(var(--name-size),14.5vw);line-height:1.1;text-shadow:3px 3px 0 #fff,5px 5px 0 var(--c1),8px 8px 0 var(--c3);margin:.4rem 0 .6rem}
[data-tpl="arcoiris2"] .titulo{font-family:var(--f-head);font-size:1.5rem;color:var(--ink)}
[data-tpl="arcoiris2"] h2.sec{font-family:var(--f-head);font-size:1.8rem;color:var(--ink);display:inline-block;padding:.2rem 1.4rem;border-radius:999px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3),var(--c4));border:3px solid #fff;box-shadow:0 4px 0 color-mix(in srgb,var(--ink) 20%,transparent)}
[data-tpl="arcoiris2"] .mensaje{font-style:normal;font-weight:600;font-size:1.15rem}
[data-tpl="arcoiris2"] .padres b{color:var(--accent);opacity:1;font-weight:700}
[data-tpl="arcoiris2"] .foto.f-arc{--ar:4/5;width:min(72%,280px);border-radius:999px 999px 24px 24px;border:0;padding:0;background:none;box-shadow:0 0 0 6px var(--c1),0 0 0 12px var(--c2),0 0 0 18px var(--c3),0 0 0 24px var(--c4),0 14px 30px #0002;margin:2.8rem auto}
[data-tpl="arcoiris2"] .f-arc img{border-radius:999px 999px 24px 24px}
[data-tpl="arcoiris2"] .fecha .dia{font-family:var(--f-head);font-weight:400;background:linear-gradient(135deg,var(--c1),var(--c2));color:var(--ink);border:4px solid #fff;box-shadow:0 6px 0 var(--c4)}
[data-tpl="arcoiris2"] .fecha .d-dow,[data-tpl="arcoiris2"] .fecha .d-mes,[data-tpl="arcoiris2"] .fecha .d-anio{font-weight:700;color:var(--accent);letter-spacing:.14em}
[data-tpl="arcoiris2"] .cuenta div{background:#fff;border-radius:30px 30px 18px 18px;box-shadow:0 5px 0 var(--c1);border:3px solid var(--c2);color:#3b2a40}
[data-tpl="arcoiris2"] .cuenta div:nth-child(2){border-color:var(--c3);box-shadow:0 5px 0 var(--c2)}
[data-tpl="arcoiris2"] .cuenta div:nth-child(3){border-color:var(--c4);box-shadow:0 5px 0 var(--c3)}
[data-tpl="arcoiris2"] .cuenta b{font-family:var(--f-head);font-weight:400;font-size:1.6rem;color:var(--accent)}
[data-tpl="arcoiris2"] .cuenta span{color:#3b2a40;opacity:.85}
[data-tpl="arcoiris2"] .btn{font-family:var(--f-head);text-transform:none;letter-spacing:.02em;font-weight:400;font-size:1.05rem;box-shadow:0 5px 0 color-mix(in srgb,var(--accent) 55%,#000)}
[data-tpl="arcoiris2"] .btn.ghost{background:#fff;color:var(--accent);box-shadow:0 5px 0 var(--c1);border:2px solid var(--c1)}
[data-tpl="arcoiris2"] .programa::before{background:linear-gradient(var(--c1),var(--c2),var(--c3),var(--c4));width:4px;opacity:1;border-radius:4px}
[data-tpl="arcoiris2"] .programa time{font-family:var(--f-head);font-weight:400;font-size:.95rem}
[data-tpl="arcoiris2"] .programa span::before{background:var(--c1);border:2px solid #fff;box-shadow:0 0 0 2px var(--c2);width:11px;height:11px}
[data-tpl="arcoiris2"] form,[data-tpl="arcoiris2"] .gracias{background:var(--card);border-radius:30px;border:4px solid transparent;background-image:linear-gradient(var(--bg),var(--bg)),linear-gradient(135deg,var(--c1),var(--c2),var(--c3),var(--c4));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:none}
[data-tpl="arcoiris2"] label{font-weight:700;letter-spacing:.04em;text-transform:none;font-size:.9rem}
[data-tpl="arcoiris2"] .galeria img,[data-tpl="arcoiris2"] .galeria img:nth-child(3n+1){border-radius:50% 50% 24px 24px;aspect-ratio:1;border:4px solid #fff;box-shadow:0 0 0 3px var(--c1),0 8px 16px #0002}
[data-tpl="arcoiris2"] .galeria img:nth-child(even){box-shadow:0 0 0 3px var(--c4),0 8px 16px #0002}
[data-tpl="arcoiris2"] #sobre{background:radial-gradient(circle at 15% 20%,var(--c3) 0 44px,transparent 45px),radial-gradient(circle at 88% 82%,var(--c1) 0 80px,transparent 81px),radial-gradient(circle at 80% 15%,var(--c4) 0 30px,transparent 31px),var(--soft)}
[data-tpl="arcoiris2"] .sobre-wrap h1{font-family:var(--f-head);font-size:2.9rem;color:var(--accent);text-shadow:3px 3px 0 #fff,5px 5px 0 var(--c1)}
.sobre-arc{position:relative;width:270px;height:200px;margin:56px auto 0}
.sobre-arc>*{position:absolute}
.ar-rb{left:-5px;right:-5px;top:-72px;width:280px;z-index:1;transition:transform .8s cubic-bezier(.3,1.4,.5,1) .3s}
.ar-back{left:0;right:0;bottom:0;height:150px;background:var(--c4);border-radius:12px;z-index:2;box-shadow:0 14px 30px #0003}
.ar-card{left:20px;right:20px;bottom:10px;height:130px;z-index:3;background:#fff;border-radius:6px;display:grid;place-items:center;font-size:2.4rem;color:var(--c1);transition:transform .7s cubic-bezier(.3,1.2,.4,1) .35s}
.ar-front{left:0;right:0;bottom:0;height:150px;z-index:4;background:linear-gradient(160deg,var(--c1),var(--c2));clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);border-radius:12px}
.ar-flap{left:0;right:0;bottom:62px;height:88px;z-index:5;background:linear-gradient(var(--c3),color-mix(in srgb,var(--c3) 70%,#fff));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;border-radius:12px;transition:transform .5s ease .15s,z-index 0s .4s;top:auto}
.ar-heart{left:50%;bottom:40px;width:44px;margin-left:-22px;z-index:6;animation:ar-pulse 1.8s ease-in-out infinite;transition:opacity .3s}
@keyframes ar-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.ar-sparks{left:50%;top:30px;width:10px;height:10px;z-index:7;opacity:0;border-radius:50%;background:var(--c1);box-shadow:-80px 20px 0 var(--c3),80px 10px 0 var(--c4),-44px -30px 0 var(--c2),50px -34px 0 var(--c1),0 -50px 0 var(--c4);transition:opacity .3s .3s,transform .7s .3s}
.sobre-arc.open .ar-rb{transform:translateY(-34px) scale(1.12)}
.sobre-arc.open .ar-flap{transform:rotateX(180deg);z-index:1}
.sobre-arc.open .ar-heart{opacity:0;animation:none}
.sobre-arc.open .ar-card{transform:translateY(-70px)}
.sobre-arc.open .ar-sparks{opacity:1;transform:translateY(-30px) scale(1.4)}
