:root {
  --orange:#f39200;
  --orange-dark:#d97800;
  --ink:#313234;
  --muted:#6c6d70;
  --paper:#fff;
  --cream:#faf9f6;
  --line:#e2dfd8;
  --blue:#1877f2;
  --shell:min(1180px,calc(100% - 40px));
  --shadow:0 24px 65px rgba(49,50,52,.12);
}

*{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}
button{color: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:650}.brand strong em{color:var(--orange);font-style:normal;font-weight:750}
.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;transition:.2s ease}
.header-link:hover{border-color:var(--orange);color:var(--orange-dark);background:#fff8ed}

.hero{position:relative;isolation:isolate;overflow:hidden;padding:80px 0 88px;background:linear-gradient(135deg,#fff 0%,#faf8f2 64%,#f1eee7 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:-120px;top:-170px;width:500px;height:270px;border-radius:42% 58% 58% 42%;background:linear-gradient(135deg,#f39200,#ffb543);transform:rotate(-7deg)}
.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:75px}
.eyebrow{margin:0 0 17px;display:flex;align-items:center;gap:9px;color:var(--orange-dark);font-size:.68rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.eyebrow span{width:23px;height:3px;border-radius:99px;background:var(--orange)}
.hero h1,.generator-heading h2,.discover-card h2{margin:0;font-weight:850;letter-spacing:-.045em}
.hero h1{max-width:590px;font-size:clamp(3rem,4.7vw,4.65rem);line-height:1.01}
.hero h1 em{display:block;color:var(--orange);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:transform .2s ease,box-shadow .2s ease,background .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-sheet{position:relative;min-height:455px;display:grid;place-items:center}
.hero-sheet::before{content:"";position:absolute;inset:35px 15px 5px 30px;border-radius:24px;background:linear-gradient(145deg,rgba(243,146,0,.28),rgba(70,70,70,.12));box-shadow:0 35px 80px rgba(60,60,60,.2)}
.hero-paper{position:relative;width:min(100%,590px);min-height:390px;padding:34px;overflow:hidden;border:6px solid #fff;border-radius:19px;background:linear-gradient(180deg,#fff,#fffefa);box-shadow:0 28px 65px rgba(50,50,50,.22);transform:rotate(1deg)}
.hero-paper::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--orange) 0 36%,#ffc766 36% 58%,#343537 58%)}
.paper-brand{font-size:1.1rem;letter-spacing:.03em}.paper-brand b{font-weight:700}.paper-brand em{color:var(--orange);font-style:normal;font-weight:800}
.hero-paper>small{display:block;margin-top:16px;font-size:1.5rem;font-weight:900;letter-spacing:-.03em}
.mock-meta{display:grid;grid-template-columns:.7fr 1.15fr 1fr;gap:8px;margin:18px 0 13px}.mock-meta span{min-width:0;padding:7px 9px;border:1px solid #e4dfd6;border-radius:7px;color:#3d3e40;background:#faf9f6;font-size:.57rem;font-weight:750;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mock-meta small{display:block;margin-bottom:2px;color:#9a7440;font-size:.37rem;font-weight:900;letter-spacing:.12em}
.mock-table{display:grid;grid-template-columns:2.7fr repeat(5,1fr);overflow:hidden;border:1px solid #bfc0c1;border-radius:8px;box-shadow:0 8px 22px rgba(55,55,55,.06)}.mock-table span{height:34px;display:flex;align-items:center;justify-content:center;border-right:1px solid #d0d0cf;border-bottom:1px solid #d0d0cf;color:#55575a;background:#fff;font-size:.58rem;font-weight:750}.mock-table span:nth-child(6n){border-right:0}.mock-table span:nth-last-child(-n+6){border-bottom:0}.mock-table .mock-head{height:29px;color:#fff;background:#3a3b3d;font-size:.45rem;font-weight:900;letter-spacing:.035em}.mock-table .mock-head:not(.wide){color:#4a3313;background:linear-gradient(180deg,#ffc969,#f3a21f)}.mock-table .wide{justify-content:flex-start;padding-left:9px}.mock-table .mock-name{gap:7px;color:#353638;font-size:.61rem;font-weight:650}.mock-name i{width:17px;height:17px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#8b6a38;background:#fff1d9;font-size:.45rem;font-style:normal;font-weight:900}.mock-table .is-present,.mock-table .is-late,.mock-table .is-absent,.mock-table .is-justified{font-size:.68rem;font-weight:900}.mock-table .is-present{color:#22845c}.mock-table .is-late{color:#d27900;background:#fff9eb}.mock-table .is-absent{color:#c85049;background:#fff6f5}.mock-table .is-justified{color:#3677a9;background:#f2f8fc}
.paper-legend{margin-top:11px;display:flex;align-items:center;gap:11px;color:#777;font-size:.45rem;font-weight:700}.paper-legend span{display:flex;align-items:center;gap:4px}.paper-legend i{width:6px;height:6px;border-radius:50%}.paper-legend .green{background:#22845c}.paper-legend .gold{background:#f3a21f}.paper-legend strong{margin-left:auto;color:#d97800;font-size:.46rem;font-weight:850}
.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:-3px;top:25px;padding:14px 18px;color:var(--orange-dark);font-size:1.65rem;transform:rotate(3deg)}.free-seal b{max-width:50px;color:var(--ink);font-size:.68rem;line-height:1.05}
.print-seal{left:-8px;bottom:22px;padding:12px 16px;color:#fff;background:#3a3b3d;font-size:1.1rem}.print-seal b{font-size:.68rem}

.generator-section{padding:95px 0 105px;background:#f4f2ed}
.generator-heading{max-width:730px;text-align:center}.generator-heading .eyebrow{justify-content:center}.generator-heading h2{font-size:clamp(2.3rem,3.7vw,3.5rem);line-height:1.06}.generator-heading>p:last-child{color:var(--muted);font-size:.98rem}
.workspace{margin-top:48px;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(650px,1.28fr);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}
.project-manager{margin:-4px -4px 27px;padding:19px;border:1px solid #dfd9ce;border-radius:13px;background:linear-gradient(145deg,#fffaf0,#fff)}
.project-manager .panel-heading{margin-bottom:15px}.project-manager .panel-heading>span{color:#8c5100;background:#ffd99d}.project-manager .field input,.project-manager .field select{background:#fff}
.project-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.project-actions button{min-height:36px;padding:8px 10px;border:1px solid #d8d3ca;border-radius:8px;cursor:pointer;color:#595a5c;background:#fff;font-size:.65rem;font-weight:800;transition:.2s ease}.project-actions button:hover{border-color:var(--orange);color:var(--orange-dark);transform:translateY(-1px)}.project-actions .project-save{border-color:var(--orange);color:#fff;background:var(--orange)}.project-actions .project-save:hover{color:#fff;background:#ff9f12}.project-actions .project-delete{color:#9a4740}.project-actions .project-delete:hover{border-color:#c86b62;color:#8d332b;background:#fff5f4}
.saved-project-field{margin-top:14px}.project-count{margin:11px 0 0;color:#8a8173;font-size:.61rem;font-weight:650;text-align:center}
.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.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}.roster-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>span small{color:#91918f;font-weight:600}
.field input,.field textarea,.field select{width:100%;border:1px solid #d9d5cd;border-radius:9px;color:var(--ink);background:#fdfdfc;outline:none;transition:border .2s ease,box-shadow .2s ease}.field input,.field select{height:43px;padding:0 12px}.field textarea{padding:11px 12px;resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,146,0,.12)}
.calendar-note{margin:0;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;border:1px solid #efd9b4;border-radius:9px;color:#79551e;background:#fff8eb;font-size:.64rem;font-weight:650;line-height:1.5}.calendar-note>span{color:var(--orange-dark);font-weight:900}
.sample-row{display:flex;gap:9px;margin-top:10px}.sample-row button{padding:8px 10px;border:1px solid #ddd8cf;border-radius:8px;cursor:pointer;color:#686866;background:#fff;font-size:.67rem;font-weight:750}.sample-row button:hover{border-color:var(--orange);color:var(--orange-dark)}
.save-status{margin-top:14px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid #d9eadf;border-radius:10px;color:#355c45;background:#f3faf6}.save-status>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#3d9861;font-size:.68rem}.save-status div{display:grid}.save-status strong{font-size:.69rem}.save-status small{color:#668271;font-size:.61rem}.save-status.is-saving>span{background:var(--orange)}
.actions{margin-top:22px;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}
.share-panel{margin-top:18px;padding:19px;border:1px solid #dfd9ce;border-radius:13px;background:linear-gradient(145deg,#fffaf0,#fff)}.share-panel[hidden]{display:none}.share-panel h3{margin:0;color:#343537;font-size:.88rem;font-weight:850;line-height:1.3}.share-panel>p{margin:8px 0 0;color:var(--muted);font-size:.67rem;line-height:1.55}.share-actions{margin-top:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.share-button{min-width:0;min-height:39px;padding:8px 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;cursor:pointer;color:#fff;font-size:.58rem;font-weight:850;line-height:1.25;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.share-button:hover,.share-button:focus-visible{transform:translateY(-1px);box-shadow:0 8px 18px rgba(49,50,52,.14)}.share-button:focus-visible{outline:3px solid rgba(243,146,0,.25);outline-offset:2px}.share-whatsapp{background:#218b52}.share-facebook{background:#1877f2}.share-copy{color:#4f5052;border-color:#d4cec3;background:#fff}.share-status{display:block;margin-top:10px;color:#277348;font-size:.64rem;font-weight:800}.share-status:empty{display:none}.share-panel>small{display:block;margin-top:10px;color:#777875;font-size:.58rem;line-height:1.5}

.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:30px;overflow:hidden;background:linear-gradient(145deg,#ebe9e4,#dedbd4)}
.attendance-sheet{position:relative;width:100%;min-width:0;aspect-ratio:297/210;padding:22px 25px 15px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2ded6;color:#202124;background:#fff;box-shadow:0 17px 38px rgba(40,40,40,.18);font-family:"Montserrat",system-ui,sans-serif}
.attendance-sheet::before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:linear-gradient(180deg,var(--orange),#ffbc55 36%,#343537 36%,#343537 100%)}
.sheet-header{display:grid;grid-template-columns:1.05fr 1.65fr .9fr;align-items:center;gap:12px;padding:0 3px 12px 8px;border-bottom:4px solid var(--orange)}
.sheet-logo{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:baseline;font-size:1.07rem;line-height:1}.sheet-logo b{font-weight:700}.sheet-logo em{color:var(--orange);font-style:normal;font-weight:800}.sheet-logo small{grid-column:1/-1;margin:5px 0 0;color:#888886;font-size:.39rem;font-weight:800;letter-spacing:.12em}
.sheet-title{text-align:center}.sheet-title span{display:block;color:var(--orange-dark);font-size:.41rem;font-weight:900;letter-spacing:.18em}.sheet-title h2{max-width:100%;margin:3px 0 0;overflow:hidden;font-size:1.22rem;font-weight:850;line-height:1.08;letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis}.sheet-year{position:relative;justify-self:end;min-width:76px;padding-top:7px;color:var(--orange-dark);font-size:1.45rem;font-weight:900;letter-spacing:-.055em;line-height:1;text-align:center}.sheet-year::before{content:"AÑO";position:absolute;top:-3px;left:0;width:100%;color:#8d8c89;font-size:.34rem;font-weight:850;letter-spacing:.18em}
.sheet-meta{display:grid;grid-template-columns:.8fr 1fr 1.3fr .8fr;margin-left:8px;border:1px solid #c9c7c1;border-top:0;background:#faf9f6}.sheet-meta p{min-width:0;margin:0;padding:6px 9px 7px;display:grid;align-content:center;gap:2px;border-right:1px solid #c9c7c1}.sheet-meta p:last-child{border-right:0}.sheet-meta span{color:#8a8986;font-size:.4rem;font-weight:850;letter-spacing:.1em}.sheet-meta strong{overflow:hidden;color:#313234;font-size:.67rem;font-weight:750;white-space:nowrap;text-overflow:ellipsis}
.table-wrap{flex:1;display:flex;min-height:0;margin:8px 0 0 8px;overflow:hidden}.attendance-table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed}.attendance-table th,.attendance-table td{border:1px solid #a8a8a5;text-align:center}.attendance-table th{padding:3px 2px;color:#fff;background:#3c3d3f;font-size:.47rem;font-weight:850;letter-spacing:.015em}.attendance-table th:first-child{width:24px;color:#fff4df;background:var(--orange-dark)}.attendance-table th:nth-child(2){width:24%;padding-left:7px;color:#fff;text-align:left;background:#3c3d3f}.attendance-table th.day-column{padding:0;overflow:hidden;background:#3c3d3f}.day-letter{display:block;margin:0;padding:3px 0 2px;color:#342d23;background:linear-gradient(180deg,#ffc765,#f3a21f);font-size:.4rem;font-weight:950;letter-spacing:.1em;line-height:1}.day-number{display:block;margin:0;padding:3px 0 2px;color:#fff;font-size:.64rem;font-weight:900;line-height:1}.attendance-table td{min-height:0;padding:0 2px;font-size:.49rem;line-height:1}.attendance-table td:first-child{color:#666764;background:#f1efea;font-weight:750}.attendance-table td:nth-child(2){padding-left:7px;text-align:left;font-weight:700}.attendance-table tbody tr:nth-child(even) td:not(:first-child){background:#faf9f6}.attendance-table tbody tr:hover td{background:#fff7e9}
.attendance-sheet[data-rows="30"] .attendance-table td,.attendance-sheet[data-rows="32"] .attendance-table td{font-size:.46rem}.attendance-sheet[data-rows="32"] .attendance-table th{font-size:.44rem}
.attendance-sheet.is-many-days .attendance-table th:nth-child(2){width:21%}.attendance-sheet.is-many-days .attendance-table th.day-column{padding-inline:0}.attendance-sheet.is-many-days .attendance-table td{font-size:.45rem}.attendance-sheet.is-many-days .day-letter{padding-block:3px 2px;font-size:.37rem}.attendance-sheet.is-many-days .day-number{padding-block:3px 2px;font-size:.59rem}
.attendance-table td:nth-child(2){font-size:.62rem;font-weight:500;line-height:1.15;letter-spacing:-.005em}.attendance-sheet[data-rows="30"] .attendance-table td:nth-child(2),.attendance-sheet[data-rows="32"] .attendance-table td:nth-child(2){font-size:.56rem}.attendance-sheet.is-many-days .attendance-table td:nth-child(2){font-size:.55rem}.attendance-sheet.is-many-days[data-rows="32"] .attendance-table td:nth-child(2){font-size:.53rem}
.attendance-sheet{padding:23px 32px 18px}.sheet-header{padding-bottom:8px}.sheet-meta p{padding-top:4px;padding-bottom:4px}.table-wrap{margin-top:5px}.sheet-footer{padding-top:4px}
.attendance-sheet::before{top:12px;bottom:12px;left:12px;height:auto}
.sheet-footer{margin-left:8px;padding:7px 1px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #d7d4ce;color:#777774;font-size:.42rem;font-weight:650;line-height:1.15}.sheet-footer a{flex:0 0 auto;color:var(--orange-dark);font-weight:850}
.attendance-pages{display:grid;gap:30px}
.attendance-table td:nth-child(2){max-width:0;overflow:hidden;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.attendance-table thead,.attendance-table tbody,.attendance-table tr{min-height:0}.attendance-table tr{box-sizing:border-box}.attendance-table td{height:inherit;overflow:hidden}
.sheet-footer{display:grid;grid-template-columns:1fr auto 1fr}
.sheet-page{color:#5f605e;font-size:.43rem;font-weight:800;white-space:nowrap}
.sheet-footer a{justify-self:end}

.guide-section{padding:92px 0 96px;background:#fff}
.guide-heading{max-width:820px;margin-inline:auto;text-align:center}.guide-heading h2,.scolatio-intro h2,.faq-block h2{margin:0;font-weight:850;letter-spacing:-.045em}.guide-heading h2{font-size:clamp(2.15rem,3.7vw,3.55rem);line-height:1.06}.guide-heading p{max-width:720px;margin:18px auto 0;color:var(--muted);font-size:.97rem;line-height:1.7}
.guide-steps{margin-top:44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-step{min-width:0;padding:29px 27px 30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#faf8f3);box-shadow:0 16px 38px rgba(49,50,52,.07)}.guide-step>span{width:38px;height:38px;display:grid;place-items:center;margin-bottom:20px;border-radius:11px;color:#fff;background:var(--orange);font-size:.68rem;font-weight:900}.guide-step h3{margin:0;color:#303133;font-size:1.08rem;font-weight:850;line-height:1.2;letter-spacing:-.025em}.guide-step p{margin:12px 0 0;color:var(--muted);font-size:.78rem;line-height:1.68}
.scolatio-intro{margin-top:58px;padding:43px 46px;display:flex;align-items:center;justify-content:space-between;gap:44px;overflow:hidden;border-radius:18px;color:#fff;background:linear-gradient(125deg,#303133,#454547);box-shadow:var(--shadow)}.scolatio-intro>div{max-width:730px}.scolatio-intro h2{font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.08}.scolatio-intro p{margin:16px 0 0;color:#d1d1cf;font-size:.83rem;line-height:1.7}.guide-cta{flex:0 0 auto;max-width:310px;text-align:center}
.faq-block{max-width:900px;margin:68px auto 0}.faq-block>h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.08;text-align:center}.faq-list{margin-top:30px;display:grid;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(49,50,52,.05)}.faq-list summary{padding:19px 52px 19px 21px;position:relative;cursor:pointer;list-style:none;color:#343537;font-size:.82rem;font-weight:800;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:20px;top:50%;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:var(--orange-dark);background:#fff2dc;font-size:1rem;line-height:1;transform:translateY(-50%)}.faq-list details[open] summary::after{content:"−"}.faq-list details p{margin:0;padding:0 21px 20px;color:var(--muted);font-size:.76rem;line-height:1.7}

.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)}

.discover-section{padding:0 0 90px;background:#f7f4ee}.discover-card{position:relative;overflow:hidden;padding:55px 65px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:18px;color:#fff;background:linear-gradient(125deg,#303133,#454547);box-shadow:var(--shadow)}.discover-card::after{content:"";position:absolute;right:-110px;top:-150px;width:360px;height:260px;border-radius:45%;background:rgba(243,146,0,.3)}.discover-card>div,.discover-card>a{position:relative;z-index:1}.discover-card .eyebrow{color:#ffb847}.discover-card h2{max-width:680px;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.08}.discover-card p:last-child{max-width:680px;color:#d1d1cf}.discover-card .button{flex:0 0 auto}
.site-footer{padding:37px 0;color:#d2d2d0;border-top:4px solid var(--orange);background:#252628}.footer-inner{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:35px}.footer-inner>div strong{color:#fff;font-size:1.15rem}.footer-inner>div strong span{color:var(--orange)}.footer-inner p{margin:4px 0 0;color:#aaa;font-size:.7rem;line-height:1.55}.footer-inner>p a{color:#fff;font-weight:800}.footer-inner nav{display:flex;align-items:center;justify-content:flex-end;gap:13px;font-size:.68rem;font-weight:750}.facebook-link{width:29px;height:29px;display:inline-grid;place-items:center;padding-top:3px;border-radius:50%;color:#fff;background:var(--blue);box-shadow:0 7px 16px rgba(24,119,242,.25);font:900 1.15rem/1 Arial,sans-serif;transition:.2s ease}.facebook-link:hover{background:#0d65d9;transform:translateY(-2px)}
.toast{position:fixed;z-index:200;left:50%;bottom:22px;max-width:min(90%,440px);padding:11px 16px;border-radius:9px;color:#fff;background:#333;box-shadow:0 12px 28px rgba(0,0,0,.24);font-size:.75rem;font-weight:700;transform:translate(-50%,25px);opacity:0;pointer-events:none;transition:.25s ease}.toast.is-visible{transform:translate(-50%,0);opacity:1}

@media(max-width:1000px){.hero-grid{gap:35px}.workspace{grid-template-columns:1fr}.preview-panel{order:-1}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner nav{grid-column:1/-1;justify-content:flex-start}.hero h1{font-size:clamp(2.8rem,6vw,4rem)}}
@media(max-width:760px){:root{--shell:min(100% - 28px,650px)}.header-link{display:none}.hero{padding:55px 0 65px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-points{justify-content:center}.hero h1,.hero-lead{margin-inline:auto}.hero-sheet{min-height:385px}.hero-paper{min-height:330px}.generator-section{padding:72px 0}.page-stage{padding:12px;overflow:auto}.attendance-sheet{min-width:680px}.discover-card{padding:42px 30px;align-items:flex-start;flex-direction:column}.footer-inner{grid-template-columns:1fr}.footer-inner nav{grid-column:auto}.preview-toolbar{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px}}
@media(max-width:520px){.brand small{display:none}.brand strong{font-size:1.05rem}.hero h1{font-size:clamp(2.55rem,12vw,3.3rem)}.hero-sheet{min-height:315px}.hero-paper{min-height:275px;padding:23px}.hero-paper>small{font-size:1.1rem}.mock-table span{height:26px}.free-seal{right:0;top:10px;padding:10px;font-size:1.2rem}.print-seal{bottom:8px}.fields-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.control-panel{padding:19px}.actions{grid-template-columns:1fr}.preview-panel{margin-inline:-4px}.footer-inner nav{flex-wrap:wrap}}
@media(max-width:520px){.share-actions{grid-template-columns:1fr}.share-button{font-size:.65rem}}

@media(max-width:760px){.guide-section{padding:72px 0}.guide-steps{grid-template-columns:1fr}.scolatio-intro{padding:34px 30px;align-items:flex-start;flex-direction:column;gap:26px}.guide-cta{width:100%;max-width:none}.faq-block{margin-top:58px}}
@media(max-width:520px){.guide-step{padding:25px 23px}.scolatio-intro{padding:30px 24px}.faq-list summary{padding-left:18px}.faq-list details p{padding-left:18px;padding-right:18px}}

@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{
  @page{size:A4 landscape;margin:7mm}
  html,body{width:297mm;min-height:210mm;background:#fff}
  .site-header,.hero,.generator-heading,.control-panel,.preview-toolbar,.guide-section,.product-promo-section,.discover-section,.site-footer,.toast{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}
  .attendance-pages{display:block}
  .attendance-sheet{width:283mm;min-width:0;height:196mm;aspect-ratio:auto;padding:6mm 9mm 5mm;border:0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .attendance-sheet{break-after:page;page-break-after:always}
  .attendance-sheet:last-child{break-after:auto;page-break-after:auto}
  .attendance-sheet::before{top:3mm;bottom:3mm;left:3mm;width:2.2mm;height:auto}
  .sheet-header{padding-bottom:2mm}
  .sheet-meta{margin-left:2mm}
  .table-wrap{margin:1.5mm 0 0 2mm}
  .sheet-footer{margin-left:2mm;padding-top:1mm}
}