:root{--orange:#f39200;--orange-dark:#d97800;--coral:#ef5b78;--teal:#0f8f85;--ink:#313234;--muted:#6c6d70;--paper:#fff;--cream:#faf9f6;--line:#e2dfd8;--shell:min(1180px,calc(100% - 40px));--shadow:0 24px 65px rgba(49,50,52,.12)}
@font-face{font-family:"Montserrat";src:url("assets/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/Montserrat-Bold.ttf") format("truetype");font-weight:700 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Montserrat",system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:-60px;left:12px;padding:10px 16px;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.skip-link:focus{top:12px}
.site-header{position:sticky;z-index:50;top:0;border-top:3px solid var(--orange);border-bottom:1px solid rgba(215,212,206,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.header-inner{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:42px;height:42px;object-fit:contain;padding:3px;border:1px solid #eee8de;border-radius:10px;background:#fff;box-shadow:0 6px 17px rgba(49,50,52,.12)}.brand>span{display:grid;gap:3px}.brand strong{display:flex;font-size:1.2rem;line-height:1;letter-spacing:.02em}.brand strong b{font-weight:700}.brand strong em{color:var(--orange);font-style:normal;font-weight:800}.brand small{color:#747474;font-size:.58rem;font-weight:600}.header-link{padding:10px 14px;border:1px solid #e5ded1;border-radius:9px;color:#555;font-size:.75rem;font-weight:800}.header-link:hover{border-color:var(--orange);color:var(--orange-dark);background:#fff8ed}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 86px;background:linear-gradient(135deg,#fff 0%,#fff9f4 58%,#f5ece4 100%)}.hero::before{content:"";position:absolute;z-index:-2;inset:0;opacity:.27;background-image:radial-gradient(circle,rgba(100,100,100,.25) 1px,transparent 1.5px);background-size:29px 29px;mask-image:linear-gradient(90deg,#000,transparent 82%)}.hero::after{content:"";position:absolute;z-index:-1;right:-110px;top:-180px;width:510px;height:300px;border-radius:42% 58% 58% 42%;background:linear-gradient(135deg,var(--coral),#ffac65);transform:rotate(-7deg)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px}.eyebrow{margin:0 0 17px;display:flex;align-items:center;gap:9px;color:var(--orange-dark);font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow span{width:23px;height:3px;border-radius:99px;background:var(--orange)}.hero h1,.generator-heading h2,.guide-heading h2,.scolatio-intro h2{margin:0;font-weight:850;letter-spacing:-.045em}.hero h1{max-width:600px;font-size:clamp(3rem,4.7vw,4.65rem);line-height:1.01}.hero h1 em{display:block;color:var(--coral);font-style:normal}.hero-lead{max-width:590px;margin:25px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.7}.hero-points{margin:28px 0;display:flex;flex-wrap:wrap;gap:10px 18px;color:#535456;font-size:.75rem;font-weight:750}.hero-points span{display:flex;align-items:center;gap:7px}.hero-points i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--orange);font-size:.65rem;font-style:normal}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 21px;border:1px solid transparent;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:850;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--orange);box-shadow:0 13px 28px rgba(243,146,0,.25)}.button-primary:hover{background:#ff9f12;box-shadow:0 16px 32px rgba(243,146,0,.32)}.button-secondary{border-color:#cfcac0;color:var(--ink);background:#fff}.button-light{color:var(--ink);background:#fff;box-shadow:0 15px 34px rgba(0,0,0,.17)}
.hero-bracelets{position:relative;min-height:475px;display:grid;place-items:center}.hero-bracelets::before{content:"";position:absolute;inset:35px 8px 0 20px;border-radius:26px;background:linear-gradient(145deg,rgba(239,91,120,.18),rgba(243,146,0,.16),rgba(15,143,133,.12));box-shadow:0 35px 80px rgba(60,60,60,.18)}.hero-card{position:relative;width:min(100%,610px);padding:25px 27px 23px;overflow:hidden;border:6px solid #fff;border-radius:20px;background:#fff;box-shadow:0 28px 65px rgba(50,50,50,.2);transform:rotate(.7deg)}.hero-card::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--coral),var(--orange),var(--teal))}.hero-card-brand{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}.hero-card-brand>div{display:grid;gap:2px}.hero-card-brand small{color:var(--teal);font-size:.55rem;font-weight:900;letter-spacing:.16em}.hero-card-brand strong{color:#2f3335;font-size:1.34rem;line-height:1.05;letter-spacing:-.035em}.hero-card-brand strong em{color:var(--coral);font-style:normal}.hero-card-brand>span{padding:7px 9px;border:1px solid #e3e6e4;border-radius:99px;color:#69706f;background:#f7f9f8;font-size:.49rem;font-weight:850;letter-spacing:.08em;white-space:nowrap}.hero-card-sheet{overflow:hidden;border:1px solid rgba(40,50,55,.13);border-radius:12px;background:#fff}.sample-bracelet{position:relative;height:58px;padding:0 10px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;border-bottom:1.8px dashed rgba(25,45,55,.55);isolation:isolate}.sample-bracelet:last-child{border-bottom:0}.sample-bracelet::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.32;background-position:center;background-size:cover;mix-blend-mode:multiply}.sample-bracelet img{width:33px;height:33px;justify-self:center;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(25,35,35,.13))}.sample-bracelet b{text-align:center;font-size:.82rem;font-weight:850;letter-spacing:-.015em}.sample-bracelet.pink{color:#7d2043;background:#f8c6d8}.sample-bracelet.pink::before{background-image:url("assets/backgrounds/celebracion.jpg")}.sample-bracelet.orange{color:#754000;background:#ffdda3}.sample-bracelet.orange::before{background-image:url("assets/backgrounds/creatividad-escolar.jpg")}.sample-bracelet.teal{color:#005c56;background:#a9ded8}.sample-bracelet.teal::before{background-image:url("assets/backgrounds/cielo-magico.jpg")}.sample-bracelet.yellow{color:#655000;background:#ffe68e}.sample-bracelet.yellow::before{background-image:url("assets/backgrounds/arcoiris.jpg")}.sample-bracelet.blue{color:#304f92;background:#c8d5f4}.sample-bracelet.blue::before{background-image:url("assets/backgrounds/creatividad-escolar.jpg")}.hero-card-note{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#737877;font-size:.56rem;font-weight:650}.hero-card-note b{padding:5px 8px;border-radius:6px;color:#fff;background:#25856f;font-size:.51rem;letter-spacing:.08em;white-space:nowrap}.free-seal,.print-seal{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;border-radius:10px;background:#fff;box-shadow:0 14px 28px rgba(50,50,50,.18);font-weight:900}.free-seal{right:-6px;top:88px;padding:11px 14px;color:var(--coral);font-size:1.42rem;transform:rotate(3deg)}.free-seal b{max-width:46px;color:var(--ink);font-size:.61rem;line-height:1.05}.print-seal{left:-8px;bottom:19px;padding:12px 16px;color:#fff;background:#3a3b3d;font-size:1.1rem}.print-seal b{font-size:.68rem}
.generator-section{padding:92px 0 104px;background:#f4f2ed}.generator-heading{max-width:760px;text-align:center}.generator-heading .eyebrow,.guide-heading .eyebrow{justify-content:center}.generator-heading h2,.guide-heading h2{font-size:clamp(2.3rem,3.7vw,3.5rem);line-height:1.06}.generator-heading>p:last-child,.guide-heading>p:last-child{color:var(--muted);font-size:.98rem}.workspace{margin-top:48px;display:grid;grid-template-columns:minmax(340px,.74fr) minmax(610px,1.26fr);align-items:start;gap:24px}.control-panel,.preview-panel{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(49,50,52,.08)}.control-panel{padding:26px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.panel-heading>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--orange);font-size:.68rem;font-weight:900}.panel-heading div{display:grid;gap:2px}.panel-heading strong{font-size:.91rem}.panel-heading small{color:var(--muted);font-size:.68rem}.design-heading,.action-heading{margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field-wide{grid-column:1/-1}.field>span{color:#545557;font-size:.68rem;font-weight:800}.field textarea,.field select{width:100%;border:1px solid #d9d5cd;border-radius:9px;color:var(--ink);background:#fdfdfc;outline:none}.field select{height:43px;padding:0 12px}.field textarea{min-height:230px;padding:11px 12px;resize:vertical;font-size:.82rem;line-height:1.5}.field textarea:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,146,0,.12)}.sample-row{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:10px}.sample-row button{padding:9px 11px;border:1px solid #ddd8cf;border-radius:8px;cursor:pointer;color:#686866;background:#fff;font-size:.65rem;font-weight:750}.sample-row button:first-child{border-color:#f0c783;color:#8a5204;background:#fff9ee}.sample-row button:hover{border-color:var(--orange);color:var(--orange-dark)}.toggles{display:grid;gap:8px;margin-top:15px}.toggles label{min-height:41px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #e1ddd5;border-radius:9px;color:#5d5e60;background:#fbfaf8;font-size:.68rem;font-weight:700}.toggles input{width:17px;height:17px;accent-color:var(--orange)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-note{margin:15px 0 0;display:flex;align-items:flex-start;gap:8px;color:#777875;font-size:.64rem;line-height:1.5}.privacy-note>span{color:#38915a;font-weight:900}
.preview-panel{overflow:hidden}.preview-toolbar{min-height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfaf8}.preview-toolbar div{display:flex;align-items:center;gap:9px}.preview-toolbar div>span{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(243,146,0,.12)}.preview-toolbar strong{font-size:.76rem}.preview-toolbar small{color:var(--muted);font-size:.65rem;font-weight:700}.page-stage{padding:24px;overflow:hidden;background:linear-gradient(145deg,#ebe9e4,#dedbd4)}.preview-pages{display:grid;justify-items:center}.sheet{--preview-scale:.755;--page-scale:1;width:min(570px,100%);aspect-ratio:210/297;overflow:hidden;background:#fff;box-shadow:0 17px 38px rgba(40,40,40,.18)}.sheet-content{width:100%;height:100%;display:grid;grid-template-rows:repeat(var(--strip-count),minmax(0,1fr));overflow:hidden;transform:scale(var(--page-scale));transform-origin:center;background:#fff}.strip{position:relative;min-height:0;padding:0 5%;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--strip-ink);background:var(--strip-bg);font-family:var(--strip-font);text-align:center}.strip.has-cut-line{border-bottom:1.9px dashed rgba(22,40,61,.7)}.strip:last-child{border-bottom:0}.strip::before,.strip::after{content:"";position:absolute;width:28px;aspect-ratio:1;border:2px solid currentColor;border-radius:30% 70% 62% 38%;opacity:.13;transform:rotate(28deg)}.strip::before{left:2.2%}.strip::after{right:2.2%;transform:rotate(68deg)}.strip-text{position:relative;z-index:1;max-width:90%;overflow:hidden;font-size:clamp(8px,calc(var(--strip-size)*var(--preview-scale)),34px);font-weight:var(--strip-weight,700);line-height:1.02;letter-spacing:var(--strip-spacing,.01em);white-space:nowrap}.uppercase .strip-text{text-transform:uppercase}
.guide-section{padding:90px 0 96px;background:#fff}.guide-heading{max-width:800px;margin-inline:auto;text-align:center}.guide-steps{margin-top:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-steps article{padding:30px 28px;border:1px solid #e4e0d8;border-radius:14px;background:#fff;box-shadow:0 14px 32px rgba(49,50,52,.06)}.guide-steps article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--coral);font-size:.7rem;font-weight:900}.guide-steps h3{margin:18px 0 8px;font-size:1.05rem}.guide-steps p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}.scolatio-intro{margin-top:68px;padding:42px 46px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#343537,#1f2022);box-shadow:0 24px 54px rgba(31,32,34,.2)}.scolatio-intro small{color:#ffc76c;font-size:.63rem;font-weight:900;letter-spacing:.13em}.scolatio-intro h2{max-width:650px;margin-top:7px;font-size:clamp(1.8rem,3vw,2.7rem)}.scolatio-intro p{max-width:650px;margin:12px 0 0;color:#d1d1d1;font-size:.82rem}
.site-footer{padding:32px 0;border-top:1px solid #2d2e30;color:#c7c7c5;background:#252628}.footer-inner{display:grid;grid-template-columns:1fr 1.35fr auto;align-items:center;gap:34px}.footer-inner>div strong{font-size:1.1rem;color:#fff}.footer-inner>div strong span{color:var(--orange)}.footer-inner p{margin:4px 0 0;font-size:.68rem;line-height:1.55}.footer-inner>p{max-width:470px}.footer-inner a{color:#fff;font-weight:700}.footer-inner nav{display:flex;gap:14px;font-size:.66rem;font-weight:700}
@media(max-width:1020px){.hero-grid{grid-template-columns:1fr;gap:50px}.hero-copy{text-align:center}.hero h1,.hero-lead{margin-inline:auto}.eyebrow,.hero-points{justify-content:center}.hero-bracelets{width:min(660px,100%);margin:auto}.workspace{grid-template-columns:1fr}.control-panel,.preview-panel{width:min(680px,100%);margin-inline:auto}}
@media(max-width:720px){:root{--shell:min(100% - 24px,1180px)}.header-inner{min-height:67px}.brand small,.header-link{display:none}.hero{padding:58px 0 64px}.hero h1{font-size:clamp(2.55rem,12vw,3.7rem)}.hero-card{padding:28px 20px 24px}.free-seal{right:4px;top:10px;transform:scale(.85) rotate(3deg)}.print-seal{left:4px;bottom:4px;transform:scale(.9)}.generator-section,.guide-section{padding:68px 0}.control-panel{padding:20px}.fields-grid,.actions,.guide-steps,.footer-inner{grid-template-columns:1fr}.preview-toolbar{align-items:flex-start;flex-direction:column;padding-block:13px;gap:4px}.page-stage{padding:10px}.sample-row{grid-template-columns:1fr}.footer-inner{text-align:center}.footer-inner nav{justify-content:center;flex-wrap:wrap}}
@media print{@page{size:A4 portrait;margin:0}html,body{width:210mm;min-height:297mm;background:#fff}.site-header,.hero,.generator-heading,.control-panel,.preview-toolbar,.teacher-tips,.guide-section,.site-footer{display:none!important}.generator-section{padding:0;background:#fff}.workspace{width:100%;margin:0;display:block}.preview-panel{border:0;box-shadow:none}.page-stage{padding:0;overflow:visible;background:#fff}.sheet{--preview-scale:1;width:210mm;height:297mm;aspect-ratio:auto;box-shadow:none}.strip-text{font-size:var(--strip-size)}}

/* Opciones decorativas de las pulseras */
.style-tip{margin:13px 0 0;padding:10px 12px;border-radius:9px;color:#6f675d;background:#fff8eb;font-size:.62rem;line-height:1.5}.style-tip span{margin-right:5px;color:var(--orange);font-weight:900}.strip-pattern{position:absolute;z-index:0;inset:0;color:var(--strip-ink);pointer-events:none}.pattern-dots{opacity:.14;background-image:radial-gradient(circle,currentColor 1.6px,transparent 1.8px);background-size:25px 25px;background-position:8px 6px}.pattern-confetti{opacity:.14;background-image:linear-gradient(35deg,transparent 48%,currentColor 49% 52%,transparent 53%),linear-gradient(125deg,transparent 48%,currentColor 49% 52%,transparent 53%);background-size:46px 34px,53px 41px;background-position:2px 5px,17px 11px}.pattern-stars{opacity:.12}.pattern-stars::before{content:"✦  ·  ★  ·  ✦  ·  ★  ·  ✦  ·  ★";position:absolute;inset:50% auto auto 2%;width:96%;overflow:hidden;transform:translateY(-50%);font-size:14px;letter-spacing:18px;white-space:nowrap}.pattern-rays{opacity:.1;background:repeating-linear-gradient(112deg,transparent 0 28px,currentColor 29px 31px,transparent 32px 58px)}.pattern-waves{opacity:.12;background-image:radial-gradient(ellipse at center,transparent 0 53%,currentColor 55% 57%,transparent 59%);background-size:52px 28px;background-position:0 2px}.strip-text{z-index:2}.strip.has-stickers .strip-text{max-width:75%}.strip-sticker{position:absolute;z-index:3;top:50%;width:34px;aspect-ratio:1;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;color:var(--strip-ink);background:rgba(255,255,255,.72);box-shadow:0 3px 7px rgba(25,30,35,.1);font-size:17px;font-weight:900;line-height:1;transform:translateY(-50%) rotate(-8deg)}.strip-sticker-left{left:4%}.strip-sticker-right{right:4%;transform:translateY(-50%) rotate(8deg)}

/* Versiones optimizadas para carga rápida */
.background-celebration i,.pattern-celebration{background-image:url("assets/backgrounds/celebracion.jpg")!important}.background-magic i,.pattern-magic{background-image:url("assets/backgrounds/cielo-magico.jpg")!important}.background-rainbows i,.pattern-rainbows{background-image:url("assets/backgrounds/arcoiris.jpg")!important}.background-school i,.pattern-school-art{background-image:url("assets/backgrounds/creatividad-escolar.jpg")!important}
.pattern-celebration,.pattern-magic,.pattern-rainbows,.pattern-school-art{opacity:.56!important}.strip-sticker{width:46px;height:46px;border:0;background:transparent;box-shadow:none;object-fit:contain}.strip-sticker-left{left:3.2%}.strip-sticker-right{right:3.2%}

/* Biblioteca de ejemplos y tamaño de stickers */
.conditional-control[hidden]{display:none!important}
.button[aria-disabled="true"]{pointer-events:none;cursor:wait;opacity:.55;transform:none;box-shadow:none}
.action-icon{position:relative;width:18px;height:18px;display:inline-block;flex:0 0 18px;color:currentColor}.icon-download{border-bottom:2px solid currentColor;border-radius:0 0 3px 3px}.icon-download::before{content:"";position:absolute;left:8px;top:1px;width:2px;height:11px;border-radius:2px;background:currentColor}.icon-download::after{content:"";position:absolute;left:5px;top:6px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.icon-print{height:11px;margin-top:3px;border:2px solid currentColor;border-radius:3px}.icon-print::before{content:"";position:absolute;left:3px;top:-7px;width:8px;height:7px;border:2px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0}.icon-print::after{content:"";position:absolute;left:3px;bottom:-6px;width:8px;height:6px;border:2px solid currentColor;border-top:0;border-radius:0 0 2px 2px}
.age-scale{display:grid!important;grid-template-columns:repeat(4,1fr);margin-top:-3px;color:#85817a!important}.age-scale i{position:relative;padding-top:7px;font-size:.52rem;font-style:normal;font-weight:700;text-align:center}.age-scale i::before{content:"";position:absolute;top:0;left:50%;width:1px;height:4px;background:#c9c1b4}.age-scale i:first-child{text-align:left}.age-scale i:first-child::before{left:0}.age-scale i:last-child{text-align:right}.age-scale i:last-child::before{left:auto;right:0}.print-scale-field output{max-width:58%;text-align:right}.print-scale-field small{margin-top:2px}
.sheet-content.has-cut-contour{border:2.4px dashed rgba(22,40,61,.84)}.strip{overflow:visible}.strip.has-cut-line{border-bottom-width:2.4px;border-bottom-color:rgba(22,40,61,.84)}.cut-scissors{position:absolute;z-index:6;left:7px;bottom:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#26323d;background:rgba(255,255,255,.94);box-shadow:0 1px 3px rgba(20,30,40,.18);font:700 13px/1 Arial,sans-serif;transform:translateY(50%)}
.cut-scissors{background:transparent;box-shadow:none}

/* Formato especial con medallón: opción secundaria del generador */
.special-format-card{position:relative;margin-top:15px;padding:13px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #ddd8cf;border-radius:12px;cursor:pointer;color:#4f5152;background:#fbfaf8;transition:.2s ease}.special-format-card:hover{border-color:#ebb968;background:#fffaf1;box-shadow:0 8px 20px rgba(80,55,20,.08)}.special-format-card:has(input:focus-visible){outline:3px solid rgba(35,116,167,.22);outline-offset:2px}.special-format-card:has(input:checked){border-color:#e9a536;background:#fff8e9;box-shadow:0 0 0 3px rgba(243,146,0,.12)}.special-format-card>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.special-format-visual{position:relative;height:43px;display:block;border:1.5px dashed #6d7778;border-radius:999px;background:linear-gradient(90deg,#f8c6d8,#ffdda3)}.special-format-visual i{position:absolute;left:50%;top:50%;width:34px;aspect-ratio:1;border:2px dashed #657173;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.special-format-visual b{position:absolute;z-index:1;left:50%;top:50%;font-size:.68rem;transform:translate(-50%,-50%)}.special-format-copy{min-width:0;display:grid;gap:2px}.special-format-copy small{color:var(--orange-dark);font-size:.5rem;font-weight:900;letter-spacing:.12em}.special-format-copy strong{font-size:.71rem;line-height:1.25}.special-format-copy em{color:#777;font-size:.57rem;font-style:normal}.special-format-action{padding:7px 9px;border-radius:7px;color:#80500a;background:#fff0d3;font-size:.56rem;white-space:nowrap}.special-format-card:has(input:checked) .special-format-action{color:#fff;background:#278578}.format-locked{opacity:.48}.format-locked select{cursor:not-allowed}
.sheet-content.diecut-sheet{padding:5.5% 4.5%;grid-template-rows:repeat(7,minmax(0,1fr));gap:4%;border:0;overflow:hidden;background:#fff}.diecut-bracelet{position:relative;isolation:isolate;min-height:0;display:grid;grid-template-columns:18% minmax(0,1fr) 18%;align-items:center;border:1px solid rgba(38,50,61,.28);border-radius:999px;color:var(--strip-ink);background:var(--strip-bg);font-family:var(--strip-font);overflow:visible}.diecut-bracelet.has-diecut-line{border:2px dashed rgba(38,50,61,.78)}.diecut-pattern{position:absolute;z-index:0;inset:2px;overflow:hidden;border-radius:999px;opacity:.38;background-position:center;background-size:cover;mix-blend-mode:multiply;pointer-events:none}.diecut-tail{height:62%;margin:0 13%;border:1.5px solid currentColor;border-radius:999px;opacity:.38}.diecut-tail:last-child::after{content:"";position:absolute;right:4.8%;top:50%;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;transform:translateY(-50%)}.diecut-message{position:relative;z-index:2;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px}.diecut-message.is-reversed{flex-direction:row-reverse}.diecut-text{max-width:68%;overflow:hidden;font-size:clamp(1px,calc(var(--strip-size)*var(--preview-scale)),25px);font-weight:var(--strip-weight);line-height:1;letter-spacing:var(--strip-spacing);text-align:center;text-overflow:clip;white-space:nowrap}.diecut-bracelet.has-outline .diecut-text{-webkit-text-stroke:calc(var(--outline-width,2px)*var(--preview-scale)) var(--outline-color,#fff);paint-order:stroke fill}.diecut-medallion{position:relative;width:auto;height:calc(100% + 38px);min-height:58px;max-height:94px;aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border:3px solid rgba(255,255,255,.96);border-radius:50%;color:var(--strip-ink);background:radial-gradient(circle at 45% 38%,#fff 0 52%,#fff6d9 76%,#fff 77%);box-shadow:0 4px 10px rgba(30,40,45,.15)}.diecut-medallion img{display:block;width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(24,42,55,.16))}.diecut-bracelet.has-diecut-line .diecut-medallion::after{content:"";position:absolute;inset:-6px;border:2px dashed rgba(38,50,61,.78);border-radius:50%;pointer-events:none}.diecut-scissors{position:absolute;z-index:5;left:-3px;top:50%;color:#26323d;background:#fff;font:700 12px/1 Arial,sans-serif;transform:translate(-50%,-50%)}
@media(max-width:720px){.special-format-card{grid-template-columns:56px minmax(0,1fr)}.special-format-action{grid-column:1/-1;text-align:center}.sheet-content.diecut-sheet{gap:3.2%}.diecut-bracelet{grid-template-columns:14% minmax(0,1fr) 14%}.diecut-message{gap:5px}.diecut-medallion{height:calc(100% + 26px);min-height:40px;max-height:62px}.diecut-text{max-width:65%}}

.product-promo-section{padding:92px 0 96px;background:linear-gradient(180deg,#fff,#f7f4ee)}
.promo-heading{max-width:800px;text-align:center}.promo-heading .eyebrow{justify-content:center}.promo-heading h2{margin:0;color:#303133;font-size:clamp(2.15rem,3.7vw,3.55rem);font-weight:850;line-height:1.05;letter-spacing:-.045em}.promo-heading>p:last-child{max-width:690px;margin:18px auto 0;color:var(--muted);font-size:.97rem;line-height:1.7}
.promo-grid{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-card{min-width:0;min-height:420px;display:grid;grid-template-columns:.88fr 1.12fr;overflow:hidden;border:1px solid rgba(40,40,40,.08);border-radius:22px;background:#fff;box-shadow:0 22px 52px rgba(49,50,52,.12);transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-7px);box-shadow:0 30px 68px rgba(49,50,52,.18)}
.promo-visual{position:relative;isolation:isolate;min-height:420px;display:grid;place-items:center;overflow:hidden}.product-card-group .promo-visual{background:linear-gradient(145deg,#26343b,#405a62)}.product-card-tdah .promo-visual{background:linear-gradient(145deg,#f2a117,#ffd378)}.promo-visual::after{content:"";position:absolute;z-index:-1;inset:auto -45px -55px auto;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.1)}
.promo-cover{position:relative;width:168px;min-height:246px;padding:25px 19px 20px;display:flex;flex-direction:column;border:5px solid rgba(255,255,255,.92);border-radius:9px;color:#fff;background:linear-gradient(160deg,#ee8c00,#ffb33f);box-shadow:12px 18px 0 rgba(12,22,27,.2),0 25px 45px rgba(0,0,0,.28);transform:rotate(-4deg)}.product-card-tdah .promo-cover{color:#2f3838;background:linear-gradient(155deg,#fffdf8,#f5eee1);box-shadow:12px 18px 0 rgba(147,81,0,.16),0 25px 45px rgba(117,70,0,.22);transform:rotate(4deg)}.promo-cover::before{content:"";position:absolute;top:0;left:0;width:100%;height:7px;background:rgba(255,255,255,.44)}.product-card-tdah .promo-cover::before{background:linear-gradient(90deg,#ef8f00 0 56%,#277d79 56%)}.promo-cover small{font-size:.43rem;font-weight:900;letter-spacing:.15em}.promo-cover strong{margin-top:23px;font-size:1.34rem;font-weight:850;line-height:1.05;letter-spacing:-.045em}.promo-cover strong b{display:block;font-size:3rem;line-height:.8}.promo-cover>span{margin-top:17px;font-size:.55rem;font-weight:650;line-height:1.45}.promo-cover i{margin-top:auto;font-size:.57rem;font-style:normal;font-weight:900;letter-spacing:.1em}
.promo-sticker{position:absolute;z-index:2;right:12px;top:38px;min-width:77px;padding:12px 9px;border:3px solid #fff;border-radius:50%;color:#26343b;background:#fff1cc;box-shadow:0 12px 25px rgba(0,0,0,.2);font-size:1rem;font-weight:900;line-height:.75;text-align:center;transform:rotate(8deg)}.promo-sticker small{font-size:.42rem;line-height:1}.product-card-tdah .promo-sticker{right:auto;left:10px;top:auto;bottom:43px;color:#fff;background:#277d79;transform:rotate(-8deg)}
.promo-orbit,.promo-shape{position:absolute;z-index:-1}.promo-orbit{border:2px dashed rgba(255,192,83,.45);border-radius:50%}.orbit-one{width:260px;height:260px}.orbit-two{width:330px;height:160px;transform:rotate(38deg)}.promo-shape{border-radius:35%}.shape-one{top:-20px;right:-45px;width:180px;height:145px;background:rgba(255,255,255,.25);transform:rotate(24deg)}.shape-two{left:-40px;bottom:-35px;width:160px;height:130px;background:rgba(39,125,121,.22);transform:rotate(-20deg)}
.promo-copy{padding:39px 31px 34px;display:flex;flex-direction:column;align-items:flex-start}.promo-kicker{color:var(--orange-dark);font-size:.57rem;font-weight:900;letter-spacing:.12em}.product-card-tdah .promo-kicker{color:#277d79}.promo-copy h3{margin:12px 0 13px;color:#2f3032;font-size:1.65rem;font-weight:850;line-height:1.08;letter-spacing:-.04em}.promo-copy p{margin:0;color:#68696b;font-size:.78rem;line-height:1.65}.promo-copy ul{margin:20px 0 23px;padding:0;display:flex;flex-wrap:wrap;gap:7px;list-style:none}.promo-copy li{padding:6px 8px;border-radius:99px;color:#76501d;background:#fff2dc;font-size:.55rem;font-weight:800}.product-card-tdah .promo-copy li{color:#246965;background:#eaf6f4}.promo-cta{margin-top:auto;display:flex;align-items:center;gap:10px;color:#2f3032;font-size:.7rem;font-weight:900}.promo-cta span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--orange);transition:transform .2s ease}.product-card-tdah .promo-cta span{background:#277d79}.product-card:hover .promo-cta span{transform:translateX(4px)}
@media(max-width:900px){.promo-grid{grid-template-columns:1fr}.product-card{width:100%;max-width:690px;margin-inline:auto}}
@media(max-width:560px){.product-promo-section{padding:72px 0}.product-card{grid-template-columns:1fr}.promo-visual{min-height:310px}.promo-cover{transform:rotate(-3deg) scale(.9)}.product-card-tdah .promo-cover{transform:rotate(3deg) scale(.9)}.promo-copy{padding:30px 24px 31px}.promo-sticker{right:30px}.product-card-tdah .promo-sticker{left:28px}}
@media print{.product-promo-section{display:none!important}}

.print-export{display:none}

@media print{
  @page{size:A4 portrait;margin:0}
  body.printing-export{margin:0!important;background:#fff!important}
  body.printing-export>*:not(.print-export){display:none!important}
  body.printing-export>.print-export{display:block!important}
  .print-export-page{display:block;width:210mm;height:297mm;margin:0;overflow:hidden;break-after:page;page-break-after:always}
  .print-export-page:last-child{break-after:auto;page-break-after:auto}
  .print-export-page img{display:block;width:210mm;height:297mm;object-fit:fill}
}
.strip-text{font-size:clamp(2px,calc(var(--strip-size)*var(--preview-scale)),34px)}.strip.has-outline .strip-text{-webkit-text-stroke:calc(var(--outline-width,2px)*var(--preview-scale)) var(--outline-color,#fff);paint-order:stroke fill}.outline-size-field>span,.print-scale-field>span{display:flex;align-items:center;justify-content:space-between}.outline-size-field output,.print-scale-field output{padding:3px 7px;border-radius:99px;color:#80500a;background:#fff2d8;font-size:.6rem}.outline-size-field input[type="range"],.print-scale-field input[type="range"]{width:100%;height:25px;accent-color:var(--orange);cursor:pointer}.outline-size-field input:disabled{cursor:not-allowed;opacity:.38}.print-scale-field small{color:#777;font-size:.6rem;line-height:1.4}
.teacher-tips{padding:20px;border-top:1px solid #dfe4e4;background:#f7f9f8}.teacher-tips header{display:flex;align-items:center;gap:11px;margin-bottom:13px}.teacher-tips header>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#fff;background:#25856f;font-family:Georgia,serif;font-size:.84rem;font-weight:800}.teacher-tips header>div{display:grid;gap:1px}.teacher-tips header small{color:#25856f;font-size:.54rem;font-weight:900;letter-spacing:.13em}.teacher-tips header strong{color:#33393a;font-size:.78rem;line-height:1.25}.teacher-tips>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.teacher-tips p{margin:0;padding:10px 11px;border:1px solid #e1e6e5;border-radius:8px;color:#666b6a;background:#fff;font-size:.66rem;line-height:1.55}.teacher-tips b{display:block;margin-bottom:2px;color:#3e4745;font-weight:850}@media(max-width:720px){.teacher-tips>div{grid-template-columns:1fr}}

/* Apertura en abanico de las pulseras de presentación */
.hero-card-sheet,.hero-card-sheet .sample-bracelet{transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .42s ease,border-radius .42s ease,border-color .3s ease}.hero-card-sheet .sample-bracelet{will-change:transform}
@media(hover:hover) and (pointer:fine){.hero-card:hover .hero-card-sheet{overflow:visible;border-color:transparent}.hero-card:hover .sample-bracelet{border-radius:7px;box-shadow:0 0 0 1px rgba(26,50,58,.12),0 9px 17px rgba(35,48,53,.13)}.hero-card:hover .sample-bracelet:nth-child(1){z-index:1;transform:translate(-7px,-6px) rotate(-.45deg) scale(.992)}.hero-card:hover .sample-bracelet:nth-child(2){z-index:2;transform:translate(7px,-3px) rotate(.35deg) scale(.992)}.hero-card:hover .sample-bracelet:nth-child(3){z-index:3;transform:translate(-4px,0) rotate(-.18deg) scale(.995)}.hero-card:hover .sample-bracelet:nth-child(4){z-index:4;transform:translate(8px,3px) rotate(.4deg) scale(.992)}.hero-card:hover .sample-bracelet:nth-child(5){z-index:5;transform:translate(-6px,6px) rotate(-.35deg) scale(.992)}.hero-card:hover .sample-bracelet:nth-child(2){transition-delay:.025s}.hero-card:hover .sample-bracelet:nth-child(3){transition-delay:.05s}.hero-card:hover .sample-bracelet:nth-child(4){transition-delay:.075s}.hero-card:hover .sample-bracelet:nth-child(5){transition-delay:.1s}}
@media(prefers-reduced-motion:reduce){.hero-card-sheet,.hero-card-sheet .sample-bracelet{transition:none!important}.hero-card:hover .sample-bracelet{transform:none!important}}
.sample-row{grid-template-columns:minmax(0,1fr) auto auto}.sample-row select{min-width:0;height:36px;padding:0 9px;border:1px solid #ddd8cf;border-radius:8px;color:#5f5e5b;background:#fff;font-size:.65rem;font-weight:700;outline:none}.sample-row select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,146,0,.12)}.sticker-size-field>span{display:flex;align-items:center;justify-content:space-between}.sticker-size-field output{padding:3px 7px;border-radius:99px;color:#80500a;background:#fff2d8;font-size:.6rem}.sticker-size-field input[type="range"]{width:100%;height:25px;accent-color:var(--orange);cursor:pointer}.strip-sticker{width:calc(46px * var(--sticker-scale,1));height:calc(46px * var(--sticker-scale,1))}@media(max-width:720px){.sample-row{grid-template-columns:1fr 1fr}.sample-row select{grid-column:1/-1}}

.strip-text{font-size:clamp(1px,calc(var(--strip-size)*var(--preview-scale)),34px)!important}

/* Mantiene centrados verticalmente todos los elementos del formato troquelado. */
.diecut-bracelet{grid-template-rows:100%}

.team-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 2px;padding:12px;border:1px solid #d8d2c7;border-radius:12px;background:#fffaf0}.team-controls[hidden]{display:none}.team-controls .field{margin:0}.team-controls input{width:100%;height:42px;padding:0 12px;border:1px solid #ddd8cf;border-radius:9px;color:#2e3133;background:#fff;font:700 .8rem Montserrat,Arial,sans-serif;outline:none}.team-controls input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,146,0,.12)}.team-controls .team-pattern-field,.team-controls p{grid-column:1/-1}.team-controls p{margin:0;color:#746f66;font-size:.63rem;line-height:1.45}.team-medallion-text{display:block;max-width:82%;color:#243346;font-size:clamp(.46rem,1.25vw,.82rem);font-weight:900;line-height:.92;text-align:center;overflow-wrap:anywhere}.diecut-pattern.pattern-team-dots{opacity:.3;background-image:radial-gradient(circle,rgba(36,51,70,.42) 0 1.6px,transparent 1.8px);background-size:18px 18px}.diecut-pattern.pattern-team-stripes{opacity:.25;background-image:repeating-linear-gradient(135deg,transparent 0 11px,rgba(36,51,70,.3) 11px 14px,transparent 14px 25px)}.diecut-pattern.pattern-team-sparkles{opacity:.3;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1.5px,transparent 1.8px),linear-gradient(45deg,transparent 46%,rgba(36,51,70,.3) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(36,51,70,.3) 47% 53%,transparent 54%);background-position:0 0,8px 8px,8px 8px;background-size:22px 22px}.diecut-pattern.pattern-team-confetti{opacity:.3;background-image:radial-gradient(circle,rgba(36,51,70,.38) 0 1.5px,transparent 1.8px),linear-gradient(120deg,transparent 44%,rgba(255,255,255,.9) 45% 55%,transparent 56%),linear-gradient(25deg,transparent 44%,rgba(36,51,70,.28) 45% 55%,transparent 56%);background-position:0 0,9px 5px,2px 12px;background-size:20px 20px,26px 24px,24px 26px}.team-controls+.option-row{margin-top:10px}@media(max-width:720px){.team-controls{grid-template-columns:1fr}.team-controls .team-pattern-field,.team-controls p{grid-column:auto}}

/* Patrones de equipo con más contraste y detalle. */
.diecut-pattern.pattern-team-dots,.diecut-pattern.pattern-team-stripes,.diecut-pattern.pattern-team-sparkles,.diecut-pattern.pattern-team-diamonds{mix-blend-mode:normal;opacity:.58}
.diecut-pattern.pattern-team-dots{background-image:radial-gradient(circle,rgba(255,255,255,.84) 0 4px,rgba(36,51,70,.3) 4.5px 6px,transparent 6.5px),radial-gradient(circle,rgba(36,51,70,.36) 0 2px,transparent 2.5px);background-position:0 0,15px 15px;background-size:30px 30px}
.diecut-pattern.pattern-team-stripes{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.48) 0 6px,transparent 6px 15px,rgba(36,51,70,.24) 15px 19px,transparent 19px 31px)}
.diecut-pattern.pattern-team-sparkles{opacity:.72;background-image:radial-gradient(circle,rgba(255,255,255,.96) 0 2px,transparent 2.5px),linear-gradient(45deg,transparent 43%,rgba(255,255,255,.94) 44% 56%,transparent 57%),linear-gradient(-45deg,transparent 43%,rgba(255,255,255,.94) 44% 56%,transparent 57%);background-position:0 0,14px 12px,14px 12px;background-size:28px 28px,26px 26px,26px 26px}
.diecut-pattern.pattern-team-diamonds{opacity:.62;background-image:linear-gradient(45deg,rgba(255,255,255,.82) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.82) 75%),linear-gradient(-45deg,rgba(36,51,70,.32) 25%,transparent 25%,transparent 75%,rgba(36,51,70,.32) 75%);background-position:0 0,12px 12px;background-size:24px 24px}

/* Símbolos blancos, limpios y repetidos para identificar cada equipo. */
.diecut-pattern.pattern-team-stars,.diecut-pattern.pattern-team-moons{mix-blend-mode:normal;opacity:.76;background-repeat:repeat}.diecut-pattern.pattern-team-stars{background-image:url("assets/patterns/estrella-blanca.png");background-position:7px 4px;background-size:34px 34px}.diecut-pattern.pattern-team-moons{background-image:url("assets/patterns/luna-blanca.png");background-position:9px 3px;background-size:38px 38px}

/* Selector visual y fondos ilustrados */
.background-chooser{min-width:0;margin:2px 0 0;padding:0;border:0}.background-chooser legend{margin-bottom:7px;color:#545557;font-size:.68rem;font-weight:800}.background-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.background-options label{position:relative;min-width:0;cursor:pointer}.background-options input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.background-card{display:grid;grid-template-rows:47px auto;overflow:hidden;border:1.5px solid #ddd8cf;border-radius:9px;color:#67635e;background:#fff;transition:.18s ease}.background-card i{display:block;background-color:#f7e7cd;background-position:center;background-size:cover}.background-card b{padding:6px 4px;overflow:hidden;font-size:.56rem;font-weight:750;text-align:center;text-overflow:ellipsis;white-space:nowrap}.background-clean i{background-image:linear-gradient(135deg,#f8c6d8 0 33%,#a9ded8 33% 66%,#ffe68e 66%)}.background-celebration i{background-image:url("assets/backgrounds/celebracion.png")}.background-magic i{background-image:url("assets/backgrounds/cielo-magico.png")}.background-rainbows i{background-image:url("assets/backgrounds/arcoiris.png")}.background-school i{background-image:url("assets/backgrounds/creatividad-escolar.png")}.background-options input:checked+.background-card{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,146,0,.14);color:var(--orange-dark)}.background-options input:focus-visible+.background-card{outline:3px solid rgba(35,116,167,.25);outline-offset:2px}.strip::before,.strip::after{display:none}.pattern-celebration,.pattern-magic,.pattern-rainbows,.pattern-school-art{opacity:.42;background-position:center;background-size:cover;mix-blend-mode:multiply}.pattern-celebration{background-image:url("assets/backgrounds/celebracion.png")}.pattern-magic{background-image:url("assets/backgrounds/cielo-magico.png")}.pattern-rainbows{background-image:url("assets/backgrounds/arcoiris.png")}.pattern-school-art{background-image:url("assets/backgrounds/creatividad-escolar.png")}