@font-face{font-family:'Playfair Display';src:url('assets/PlayfairDisplay-Bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url('../marcadores-de-libros/assets/Montserrat-Regular.ttf')}@font-face{font-family:Montserrat;src:url('../marcadores-de-libros/assets/Montserrat-Bold.ttf');font-weight:700 900}
:root{--orange:#f39200;--ink:#292a2c;--cream:#f6f3ed;--line:#dedbd4;--muted:#595c5e;--shell:min(1180px,calc(100% - 40px))}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Montserrat,system-ui,sans-serif;line-height:1.65}a{color:inherit}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #176074;outline-offset:5px}.shell{width:var(--shell);margin-inline:auto}.site-header{position:sticky;z-index:10;top:0;background:#fffffff5;border-top:3px solid var(--orange);border-bottom:1px solid var(--line)}.header-inner{height:74px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none}.brand span{display:flex;flex-direction:column}.brand strong{font-size:1.32rem;letter-spacing:-.055em;line-height:1}.brand em{font-style:normal;color:#b96600}.brand small{font-size:.6rem;margin-top:5px}.header-inner nav{display:flex;gap:24px;font-size:.85rem;font-weight:700}.header-inner nav a{text-decoration:none}.hero{padding:52px 0;background:radial-gradient(circle at 85% 35%,#f3920018,transparent 35%),linear-gradient(120deg,#fff,#f6f3ed)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:700;margin:0 0 18px;line-height:1.5}.eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:25px;height:3px;background:var(--orange);margin-right:10px}h1,h2{font-family:'Playfair Display',Georgia,serif;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,4.4vw,4.3rem);margin:0}h1 em{display:block;font-style:normal;color:#ad5c00}.hero-lead{font-size:1rem;margin:24px 0 14px}.support{font-size:.88rem;color:var(--muted);max-width:430px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:25px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:13px 21px;border-radius:8px;border:1px solid transparent;font-size:.85rem;font-weight:700;text-decoration:none}.primary{background:var(--orange);color:#292a2c;box-shadow:0 8px 20px #d879001c}.primary:hover{background:#ffab2f}.secondary{background:white;border-color:#aaa}.button:disabled{opacity:.6;cursor:wait}.text-link{font-size:.85rem;font-weight:700;text-underline-offset:5px}.wheel-column{min-width:0;text-align:center}.wheel-frame{position:relative;width:100%;max-width:550px;margin:auto;aspect-ratio:1;border:10px solid white;border-radius:50%;box-shadow:0 20px 45px #342b201c,0 0 0 1px #dedbd4}#wheel{width:100%;height:100%;display:block;overflow:visible;will-change:transform}.pointer{position:absolute;top:-15px;left:calc(50% - 15px);width:30px;height:38px;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);z-index:2}.wheel-center{position:absolute;inset:38%;border-radius:50%;background:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 3px 12px #292a2c22;pointer-events:none}.wheel-center strong{font-family:Georgia,serif;font-size:2.5rem;line-height:1.1}.wheel-center span{font-size:.6rem;line-height:1.4;font-weight:700;letter-spacing:.07em}.wheel-caption{font-size:.8rem;color:var(--muted);margin:20px 0 12px}.legend{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.legend span,.badge{padding:4px 11px;border-radius:100px;font-size:.75rem;font-weight:700;display:inline-block;color:#292a2c}.c0{background:#dce8ef}.c1{background:#f8d7a4}.c2{background:#dbe8d4}.c3{background:#e8dff0}.c4{background:#f3d4c9}.result{padding:22px;border:1px dashed #bcb5a8;border-radius:14px;background:#ffffffaa;min-height:116px;margin-top:27px}.result p{margin:8px 0;font-size:.9rem}.result .eyebrow{font-size:.7rem;margin:0}.result h2{font-size:1.75rem;margin:12px 0}.result .actions{margin:18px 0 0;gap:10px}.section{padding-block:76px}.section-heading{max-width:680px}.section h2,.editorial h2{font-size:clamp(2rem,3vw,2.8rem);margin:0 0 20px}.section-heading>p:last-child{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.filters button{border:1px solid #c9c5bc;border-radius:25px;background:#fff;padding:9px 17px;min-height:44px;font-size:.85rem}.filters [aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.activity-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:25px;background:white;box-shadow:0 6px 16px #292a2c06}.activity-card h3{font-size:1.15rem;line-height:1.4;margin:20px 0 9px}.activity-card h3 a{text-decoration:none}.activity-card p{font-size:.9rem;margin:0 0 19px;color:var(--muted)}.activity-card .meta{font-size:.75rem;color:#545454}.card-number{position:absolute;right:22px;top:20px;font-family:Georgia,serif;color:#72716e;font-size:1.3rem}.card-link{font-size:.85rem;font-weight:700;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);text-decoration:none;display:flex;justify-content:space-between}.card-link span{color:#965000}.editorial{background:var(--cream);padding:68px 0}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.editorial h3{margin-top:24px;font-size:1.1rem}.editorial p{color:var(--muted)}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#faf9f6;padding:35px 0;font-size:.85rem}.site-footer .shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer strong{font-size:1.25rem;letter-spacing:-.05em}.site-footer strong span{color:#ad5c00}.detail-layout{max-width:950px;padding-block:28px 60px}.breadcrumb{font-size:.8rem;margin-bottom:15px}.detail-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.85rem}.teacher-sheet{background:white;border:1px solid var(--line);box-shadow:0 12px 30px #292a2c0a;border-radius:8px;padding:42px 50px}.sheet-heading{border-bottom:2px solid #292a2c;padding-bottom:22px}.teacher-sheet h1{font-size:2.7rem;margin-bottom:18px}.teacher-sheet h2{font:700 1.05rem Montserrat,sans-serif;letter-spacing:0;margin:26px 0 9px}.teacher-sheet p,.teacher-sheet li{font-size:.94rem}.teacher-sheet li{padding-left:7px;margin:9px 0}.teacher-sheet ol{padding-left:23px}.facts{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line);margin:0}.facts dt{font-size:.75rem;font-weight:700;text-transform:uppercase}.facts dd{font-size:.85rem;margin:4px 0 0}.sheet-extras section:last-child{border-left:3px solid var(--orange);padding-left:18px}.sheet-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:30px;font-size:.75rem}.below-sheet{margin-top:28px}.promotion{margin-top:40px;background:var(--cream);padding:30px;border-radius:16px}.promotion h2{font-size:1.7rem}.promotion a{font-weight:700}.skip-link{position:fixed;top:-100px;left:10px;z-index:100;background:#292a2c;color:white;padding:12px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(max-width:1040px){.hero-grid{gap:28px}.activity-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:3.3rem}.hero .actions{gap:14px}.wheel-frame{border-width:7px}.wheel-center strong{font-size:2rem}.legend{gap:6px}}
@media(max-width:760px){:root{--shell:calc(100% - 28px)}.header-inner nav a:last-child{display:none}.header-inner nav{font-size:.75rem}.brand small{display:none}.hero{padding:32px 0 40px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{text-align:center}.hero h1{font-size:clamp(2.6rem,9vw,3.5rem)}.hero-lead{margin-top:16px}.support{margin-inline:auto}.hero .actions{justify-content:center}.wheel-column{grid-row:2}.wheel-frame{max-width:470px}.wheel-center strong{font-size:2rem}.result{text-align:left}.section{padding-block:50px}.editorial-grid{grid-template-columns:1fr;gap:0}.site-footer .shell{align-items:flex-start;flex-direction:column;gap:8px}.site-footer p{margin:0}.detail-actions{align-items:flex-start;flex-direction:column;gap:0}.detail-actions .actions{margin:15px 0}.teacher-sheet{padding:24px}.teacher-sheet h1{font-size:2rem}.facts{grid-template-columns:1fr 1fr}.facts>div:last-child{grid-column:1/-1}.sheet-footer{flex-wrap:wrap;gap:4px}}
@media(max-width:520px){.brand strong{font-size:1.1rem}.brand img{width:34px;height:34px}.activity-grid{grid-template-columns:1fr}.wheel-frame{border-width:6px}.hero .eyebrow{font-size:.65rem}.hero-lead{font-size:.92rem}.legend span{font-size:.7rem;padding:4px 8px}.wheel-center strong{font-size:1.8rem}.wheel-center span{font-size:.5rem}.teacher-sheet{padding:22px 18px}.teacher-sheet p,.teacher-sheet li{font-size:.9rem}.detail-actions .button{padding-inline:16px}.header-inner{height:64px}.activity-card{padding:22px}.promotion{padding:24px}.result .button{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Account component from the standard generators; header follows Calendarios. */
.account-strip{padding:12px 0 0;background:var(--cream)}
.account-strip .account-widget{margin-bottom:0;box-shadow:none}
.account-strip .account-widget-main span{white-space:normal;overflow:visible}
.account-strip .account-widget-copy{min-width:0}
.account-strip .account-widget-main{flex:1 1 300px}
.account-strip .account-widget-actions{max-width:100%}
.site-header{z-index:50;backdrop-filter:blur(16px)}
.brand em{color:var(--orange)}
.header-link{color:#515354;font-size:.72rem;font-weight:800}
.usage-strip{padding-block:15px;border-bottom:1px solid var(--line)}
.usage-strip p{margin:0;font-size:.78rem;color:var(--muted)}
.usage-strip #activity-quota{font-weight:700;color:var(--ink);margin-bottom:4px}
@media(max-width:760px){.header-inner nav a:last-child{display:none}.account-strip .account-widget{gap:4px}.account-strip .account-widget-actions{justify-content:flex-start;border-radius:14px}.account-strip .account-widget-main{flex-basis:100%}.usage-strip{padding-block:12px}}
@media print{.account-strip,.usage-strip{display:none!important}}

/* Visual identity from Marcadores; access remains the shared Free/Premium flow. */
@media screen{
:root{--coral:#ef5b78;--cream:#faf9f6;--line:#e5e0d7;--shell:min(1240px,calc(100% - 48px))}
body{background:var(--cream)}
.brand img{border:1px solid var(--line);padding:3px;border-radius:10px}
.brand strong{font-size:22px;letter-spacing:.02em;line-height:1.2}
.brand small{font-size:9px;color:var(--muted)}
.header-inner nav{font-size:12px;gap:20px;align-items:center}
.header-inner .header-link{border:1px solid var(--line);border-radius:9px;padding:10px 15px}
.account-strip{padding:0;background:var(--cream)}
.account-strip .account-widget{padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.account-strip .account-widget-main{display:block;padding:0}
.account-strip .account-widget-avatar{display:none}
.account-strip .account-widget-main strong{font-size:12px}
.account-strip .account-widget-main .account-widget-copy>span{font-size:11px;font-weight:400;line-height:1.6}
.account-strip .account-widget-actions{padding:0;border:0;background:transparent;border-radius:0;gap:8px}
.account-strip .account-widget-actions button,.account-strip .account-widget-actions a{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:11px;font-weight:700;min-height:36px}
.account-strip .account-widget-actions .primary{background:var(--orange);border-color:var(--orange);color:#292a2c;box-shadow:none}
.usage-strip{border-bottom:0;padding-block:12px}
.usage-strip #activity-quota{font-size:12px}
.usage-strip p{font-size:11px}
.hero{background:radial-gradient(ellipse at 100% 0,#ffd5c8,transparent 50%),linear-gradient(115deg,#fffaf5,#f7eee4)}
.hero h1{font-family:Montserrat,Arial,sans-serif;font-weight:700;letter-spacing:-.055em;line-height:1.05}
.hero h1 em{color:#bf3d59}
.button{border-radius:10px;font-size:12px}
.result{background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #5d463b0d}
.activity-card{box-shadow:0 12px 30px #5d463b0d}
.detail-actions .actions{margin-block:12px}.detail-layout{padding-top:18px}
#export-status:empty{display:none}
}
@media screen and (max-width:760px){:root{--shell:calc(100% - 28px)}.brand small{font-size:8px}.header-inner nav{gap:12px;font-size:11px}.account-strip .account-widget{align-items:flex-start;gap:12px}.hero h1{font-size:clamp(38px,10vw,48px)}}

@media screen{
.account-strip .account-widget{min-height:81px;gap:16px}
.account-strip .account-widget-main strong{display:block;font-size:12px;line-height:1.6;white-space:normal}
.account-strip .account-widget-main p{font-size:11px;margin:3px 0 0;color:var(--muted)}
.account-strip .account-widget-actions .other-generators{min-height:48px;padding:14px 23px;background:var(--orange);border-color:var(--orange);border-radius:10px;font-size:12px;font-weight:700;color:#fff;box-shadow:0 9px 24px #f3920026}
.header-inner .header-link{background:#313234;color:#fff;border-color:#313234;border-radius:8px;padding:12px 18px}
.account-strip .account-widget-actions [data-access-profile]{background:#fff;color:var(--ink);box-shadow:none}
}
@media screen and (max-width:760px){.header-inner nav a:nth-child(3){display:none}.header-inner nav a:last-child{display:inline-flex}.header-inner .header-link{padding:9px;font-size:10px}.header-inner nav{gap:8px}.brand small{display:none}.account-strip .account-widget-actions{flex-wrap:wrap}.account-strip .account-widget{padding-block:14px}}

button.wheel-center{pointer-events:auto;border:2px solid #f39200;color:var(--ink);padding:8px;align-items:center;gap:4px;cursor:pointer;z-index:1;transition:background .15s,box-shadow .15s}
button.wheel-center:hover{background:#fff3de;box-shadow:0 4px 18px #b66a0038}
button.wheel-center:disabled{cursor:wait;background:#f6f3ed}
button.wheel-center .spin-icon{width:32px;height:32px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
button.wheel-center span{font-size:12px;line-height:1.25;letter-spacing:.04em;font-weight:700}
@media(max-width:520px){button.wheel-center{padding:4px;gap:2px}button.wheel-center .spin-icon{width:23px;height:23px}button.wheel-center span{font-size:9px}}

.activity-card>.activity-illustration{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin:24px 0 18px}
.illustrated-heading{display:grid;grid-template-columns:minmax(0,1fr) 40%;align-items:center;gap:24px}
.illustrated-heading>.activity-illustration{grid-column:2;grid-row:1;width:100%;height:auto;border-radius:10px}
.illustrated-heading>div{grid-column:1;grid-row:1}
@media(max-width:600px){.illustrated-heading{grid-template-columns:1fr;gap:16px}.illustrated-heading>.activity-illustration{grid-column:1;grid-row:2;max-width:360px}.illustrated-heading>div{grid-row:1}}

/* Editorial labels are decorative, not activity access controls. */
.card-visual{position:relative;width:100%;margin:0 0 18px}
.card-visual>.activity-illustration{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px}
.card-visual .card-number{top:10px;left:10px;right:auto;display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border:1px solid #ffffffc9;border-radius:12px;background:#fffaf2;color:#39312b;font:800 1rem Montserrat,sans-serif;box-shadow:0 3px 10px #24160e26}
.card-highlight{position:absolute;top:12px;right:10px;max-width:calc(100% - 68px);padding:6px 11px;border:1px solid #ffffffa6;border-radius:100px;color:#fff;font-size:.67rem;font-weight:800;line-height:1.5;box-shadow:0 3px 10px #24160e26}
.card-highlight.think{background:#246679}.card-highlight.move{background:#a84d13}.card-highlight.talk{background:#397040}.card-highlight.create{background:#795097}.card-highlight.review{background:#ad3853}
