:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18212f;background:#f6f5ef;--ink: #18212f;--muted: #657082;--line: #d9ded6;--paper: #fffdf8;--green: #1f8a70;--blue: #2563eb;--coral: #ff6b4a;--yellow: #f4c95d;--shadow: 0 20px 50px rgba(24, 33, 47, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(16px,4vw,52px);border-bottom:1px solid rgba(24,33,47,.1);background:#fffdf8eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);background:transparent;text-align:left}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:var(--ink);color:var(--yellow);font-size:25px;font-weight:900}.brand strong,.brand small{display:block}.brand small{color:var(--muted)}nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}nav button,.hero button,.product-actions button,.checkout-form button,.admin-form button,.compact button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;padding:0 14px;color:var(--ink);background:#ece9df;transition:transform .2s ease,background .2s ease}nav button:hover,.hero button:hover,.product-actions button:hover,.checkout-form button:hover,.admin-form button:hover,.compact button:hover{transform:translateY(-1px)}nav .active,.hero button,.product-actions button,.checkout-form button,.admin-form button,.compact button{background:var(--ink);color:#fff}.count{min-width:24px;padding:2px 7px;border-radius:999px;background:var(--coral);color:#fff;font-size:12px;font-weight:800}.toast{position:fixed;right:18px;bottom:18px;z-index:30;display:inline-flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 36px));border-radius:8px;padding:13px 16px;background:var(--green);color:#fff;box-shadow:var(--shadow)}.hero{position:relative;display:grid;min-height:clamp(500px,78vh,760px);overflow:hidden;background:#111827}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090e18cc,#090e1857,#090e180a)}.hero-content{position:relative;z-index:1;align-self:center;max-width:690px;padding:clamp(36px,6vw,84px);color:#fff}.hero-content p{margin:0 0 12px;color:var(--yellow);font-weight:800;text-transform:uppercase}.hero-content h1{margin:0;font-size:clamp(64px,12vw,156px);line-height:.86;letter-spacing:0}.hero-content span{display:block;max-width:560px;margin:22px 0;color:#f8fafc;font-size:clamp(18px,2.2vw,26px);line-height:1.28}.stats-band,.finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}.stats-band{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:flex;align-items:center;gap:14px;min-height:96px;padding:20px clamp(16px,4vw,44px);background:var(--paper)}.metric>span{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:#e5f2ee;color:var(--green)}.metric small{display:block;color:var(--muted);font-weight:700}.metric strong{display:block;margin-top:3px;font-size:clamp(17px,2vw,22px)}.catalog-section,.checkout-shell,.admin-shell,.admin-login,.tracking-shell{padding:clamp(34px,5vw,70px) clamp(16px,4vw,52px)}.section-title{max-width:780px;margin-bottom:24px}.section-title p{margin:0 0 7px;color:var(--green);font-weight:900;text-transform:uppercase}.section-title h2{margin:0;font-size:clamp(30px,5vw,58px);line-height:1;letter-spacing:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px}.product-card,.panel{border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 8px 24px #18212f0f}.product-card{display:grid;grid-template-rows:150px 1fr auto auto;min-height:430px;overflow:hidden}.product-visual{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#1f8a702e,#f4c95d29),repeating-linear-gradient(90deg,transparent 0 20px,rgba(24,33,47,.05) 20px 21px);color:var(--ink)}.product-visual img{width:100%;height:100%;object-fit:cover}.carousel-controls{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px;background:#18212fcc;color:#fff}.carousel-controls button{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:#ffffff29;color:#fff}.carousel-controls button:first-child svg{transform:rotate(180deg)}.carousel-controls span{min-width:34px;text-align:center;font-size:12px;font-weight:900}.product-copy{padding:18px}.product-copy span,.cart-line span,.admin-row span,.order-row small{color:var(--muted)}.admin-row .status{width:fit-content;border-radius:999px;padding:3px 9px;font-size:12px;font-style:normal;font-weight:900}.admin-row .published{background:#e5f2ee;color:var(--green)}.admin-row .draft{background:#f4efe4;color:#8a5a1f}.product-copy h3{min-height:56px;margin:6px 0 10px;font-size:22px;line-height:1.14}.product-copy p{margin:0;color:#3c4656;line-height:1.45}.variant-picker{margin-top:14px}.variant-picker select{min-height:40px}.product-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 14px}.product-actions strong{font-size:22px}.product-card>small{display:block;padding:0 18px 18px;color:var(--muted)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.tracking-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:18px;align-items:start}.panel{padding:22px}.cart-line,.total-line,.summary-line,.admin-row,.order-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.cart-line{min-height:74px;border-bottom:1px solid var(--line)}.cart-line div,.admin-row div{display:grid;gap:4px}.cart-line input{width:76px}.total-line{padding-top:20px;font-size:24px}.summary-line{padding-top:12px;color:var(--muted)}label{display:grid;gap:7px;color:#364155;font-weight:800}input,select,textarea{width:100%;border:1px solid #cfd6cf;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}.checkout-form,.admin-form{display:grid;gap:14px}.checkbox-line{display:inline-flex;align-items:center;gap:9px}.checkbox-line input{width:auto}.image-manager,.variant-manager{display:grid;gap:10px}.field-note{color:var(--muted);font-size:13px;font-weight:600}.image-list{display:grid;gap:8px}.image-entry{display:grid;grid-template-columns:1fr 42px;gap:8px}.image-entry button{display:grid;place-items:center;border-radius:8px;background:#edf1f7;color:var(--ink)}.image-entry-spacer{min-height:42px}.image-tools{display:flex;gap:10px;flex-wrap:wrap}.file-button,.image-tools button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;padding:0 12px;background:#edf1f7;color:var(--ink)}.file-button input{display:none}.image-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.image-preview{overflow:hidden;width:100%;aspect-ratio:16 / 10;border:1px solid var(--line);border-radius:8px;background:#edf1f7}.image-preview img{width:100%;height:100%;object-fit:cover}.variant-list{display:grid;gap:10px}.variant-entry{display:grid;grid-template-columns:1.1fr .8fr .75fr .65fr 1fr auto 42px;gap:8px;align-items:end;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.variant-entry .checkbox-line{min-height:42px}.variant-entry>button{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#edf1f7;color:var(--ink)}.form-error{margin:0;color:#b42318;font-weight:800}.payment-hint{margin:-5px 0 0;color:var(--muted);line-height:1.4}.delivery-fields,.shipping-admin{display:grid;gap:10px}.shipping-summary{display:flex;align-items:center;gap:8px;color:var(--muted)}.shipping-admin{grid-template-columns:repeat(2,minmax(0,1fr))}.empty{color:var(--muted)}.admin-login{display:grid;min-height:calc(100vh - 80px);place-items:center}.login-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,420px));gap:18px;align-items:start}.compact{width:min(420px,100%)}.compact h2{margin:8px 0}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;align-items:start;margin-top:18px}.ghost-action{display:inline-flex;align-items:center;gap:8px;min-height:38px;margin-top:16px;border-radius:8px;padding:0 12px;background:#ece9df;color:var(--ink)}.admin-panel h3{display:flex;align-items:center;gap:9px;margin:0 0 18px}.automation-actions{display:flex;flex-wrap:wrap;gap:10px}.automation-actions button{flex:1 1 180px}.form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.checks{display:flex;gap:18px;flex-wrap:wrap}.checks label{display:inline-flex;align-items:center;gap:8px}.checks input{width:auto}.admin-list{display:grid;gap:10px;margin-top:18px}.admin-row,.order-row{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.admin-row button{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#edf1f7;color:var(--ink)}.order-row{display:grid;gap:8px}.order-row p{margin:0}.order-status-card{display:grid;gap:14px}.order-head .status{border-radius:999px;padding:5px 10px;background:#f4efe4;color:#8a5a1f;font-size:12px;font-style:normal;font-weight:900;text-transform:uppercase}.order-head .pagado,.order-head .enviado{background:#e5f2ee;color:var(--green)}.order-head .cancelado{background:#fee4e2;color:#b42318}.status-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.status-steps span{min-height:34px;border-radius:8px;padding:8px;background:#edf1f7;color:var(--muted);font-size:12px;font-weight:900;text-align:center;text-transform:uppercase}.status-steps .done{background:var(--ink);color:#fff}.status-steps .cancelled{background:#fee4e2;color:#b42318}.tracking-box{display:grid;gap:5px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8fbff}.tracking-box a{color:var(--blue);font-weight:900}.refund-window{margin:0;border-radius:8px;padding:12px;background:#f4efe4;color:#8a5a1f;font-weight:800}.refund-window.active{background:#e5f2ee;color:var(--green)}.loyalty-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:14px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.loyalty-summary .metric{min-height:82px;padding:14px}.loyalty-summary .metric>span{width:38px;height:38px}.loyalty-adjust{margin-top:14px}.customer-row{display:block}.learning-app{min-height:100vh;background:#f7f3ea}.learning-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(16px,4vw,52px);border-bottom:1px solid rgba(24,33,47,.1);background:#fffdf8f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.learning-brand .brand-mark{background:#1f8a70;color:#fffdf8}.learning-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:28px;align-items:end;padding:clamp(42px,7vw,90px) clamp(16px,4vw,52px);background:linear-gradient(135deg,#1f8a70f0,#18212feb),linear-gradient(90deg,#f4c95d47,#ff6b4a2e);color:#fff}.learning-hero p{margin:0 0 10px;color:var(--yellow);font-weight:900;text-transform:uppercase}.learning-hero h1{max-width:780px;margin:0;font-size:clamp(44px,8vw,92px);line-height:.92;letter-spacing:0}.learning-hero span{display:block;max-width:680px;margin-top:18px;color:#f8fafc;font-size:clamp(17px,2vw,23px);line-height:1.35}.learning-score{display:grid;place-items:center;min-height:150px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff1f}.learning-score strong{font-size:46px;line-height:1}.learning-score span{margin:0;font-size:14px;font-weight:900;text-transform:uppercase}.learning-logout{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:20px;border-radius:8px;padding:0 13px;background:#ffffff29;color:#fff}.learning-shell{padding:clamp(30px,5vw,58px) clamp(16px,4vw,52px)}.learning-dashboard{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);gap:18px;align-items:start}.compact-title h2{font-size:clamp(28px,4vw,42px)}.mission-cards{display:grid;gap:12px}.mission-card{display:grid;gap:8px;min-height:116px;border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--paper);color:var(--ink);text-align:left;box-shadow:0 8px 22px #18212f0f}.mission-card.active{border-color:var(--green);background:#eef8f4}.mission-card strong{font-size:20px;line-height:1.18}.mission-card small{color:var(--muted);font-weight:800}.subject-pill{width:fit-content;border-radius:999px;padding:5px 10px;background:#e5f2ee;color:var(--green);font-size:12px;font-weight:900}.subject-pill.matematica{background:#e8efff;color:var(--blue)}.subject-pill.historia{background:#fff4d5;color:#8a5a1f}.subject-pill.ciencias{background:#e7f7df;color:#347a2a}.learning-activity{display:grid;gap:16px}.empty-activity{min-height:320px;place-items:center;color:var(--muted)}.activity-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.activity-head em{color:var(--muted);font-style:normal;font-weight:900}.learning-activity h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1}.activity-prompt{margin:0;color:var(--muted);font-weight:800}.learning-activity blockquote{margin:0;border-left:5px solid var(--yellow);border-radius:8px;padding:16px 18px;background:#fff8de;color:#2c3442;font-size:19px;line-height:1.5}.question-list{display:grid;gap:12px}.question-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}.answer-options{display:grid;gap:8px}.answer-options label{display:flex;align-items:center;gap:10px;min-height:42px;border:1px solid #dfe5df;border-radius:8px;padding:9px 11px;background:#fbfcfd}.answer-options input{width:auto}.answer-feedback{margin:0;border-radius:8px;padding:10px 12px;background:#fff1f0;color:#b42318;font-weight:800}.answer-feedback.ok{background:#e5f2ee;color:var(--green)}.result-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-radius:8px;padding:14px;background:var(--ink);color:#fff}.result-strip strong{font-size:24px}.result-strip span{flex:1 1 260px}.result-strip small{border-radius:999px;padding:5px 9px;background:#ffffff29;font-weight:900}.adaptive-next{display:flex;align-items:center;gap:12px;border:1px solid #cfe8de;border-radius:8px;padding:14px;background:#eef8f4;color:var(--green)}.adaptive-next div{display:grid;flex:1 1 220px;gap:3px}.adaptive-next span{color:#315f54}.adaptive-next button{min-height:38px;border-radius:8px;padding:0 12px;background:var(--green);color:#fff;font-weight:900}.fireworks{position:relative;height:86px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#101827,#1f8a70)}.fireworks span{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:999px;background:var(--yellow);animation:firework 1.4s ease-out infinite;transform:translate(-50%,-50%)}.fireworks span:nth-child(3n){background:var(--coral);animation-delay:.12s}.fireworks span:nth-child(4n){background:#7dd3fc;animation-delay:.24s}.fireworks span:nth-child(5n){background:#bbf7d0;animation-delay:.36s}.fireworks span:nth-child(1){--x: -160px;--y: -22px}.fireworks span:nth-child(2){--x: -125px;--y: 28px}.fireworks span:nth-child(3){--x: -88px;--y: -38px}.fireworks span:nth-child(4){--x: -48px;--y: 32px}.fireworks span:nth-child(5){--x: -18px;--y: -45px}.fireworks span:nth-child(6){--x: 22px;--y: 42px}.fireworks span:nth-child(7){--x: 58px;--y: -28px}.fireworks span:nth-child(8){--x: 92px;--y: 34px}.fireworks span:nth-child(9){--x: 132px;--y: -36px}.fireworks span:nth-child(10){--x: 168px;--y: 22px}.fireworks span:nth-child(11){--x: -144px;--y: -50px}.fireworks span:nth-child(12){--x: 146px;--y: 50px}.fireworks span:nth-child(13){--x: -68px;--y: 54px}.fireworks span:nth-child(14){--x: 68px;--y: -54px}.fireworks span:nth-child(15){--x: -188px;--y: 48px}.fireworks span:nth-child(16){--x: 188px;--y: -48px}.fireworks span:nth-child(17){--x: -6px;--y: 58px}.fireworks span:nth-child(18){--x: 8px;--y: -58px}@keyframes firework{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.9)}}.learning-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.parent-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:18px;align-items:start;margin-top:18px}.ai-provider-strip{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--paper)}.ai-provider-strip span{color:var(--muted);text-align:right}.route-panel{display:grid;gap:14px;margin-top:18px}.route-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.route-panel-head div{display:grid;gap:4px}.route-panel-head span,.route-unit span{color:var(--muted)}.route-panel-head button,.attempt-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;padding:0 12px;background:var(--ink);color:#fff}.route-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.route-unit{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.route-stage-list{display:flex;flex-wrap:wrap;gap:6px}.route-stage-list em{border-radius:999px;padding:4px 8px;background:#edf1f7;color:var(--muted);font-size:11px;font-style:normal;font-weight:900}.route-stage-list .done{background:#e5f2ee;color:var(--green)}.objective-list{display:grid;gap:10px}.objective-row{display:grid;grid-template-columns:1fr auto 54px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.objective-row div{display:grid;gap:4px}.objective-row span{color:var(--muted)}.mastery{border-radius:999px;padding:5px 10px;background:#f4efe4;color:#8a5a1f;font-size:12px;font-style:normal;font-weight:900}.mastery.domina{background:#e5f2ee;color:var(--green)}.mastery.reforzar{background:#fee4e2;color:#b42318}.learning-content-row{align-items:start}.attempt-row{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.attempt-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.attempt-head div{display:grid;gap:4px}.attempt-head span{color:var(--muted)}.feedback-box{display:grid;gap:6px;border-radius:8px;padding:12px;background:#eef8f4;color:var(--green)}.feedback-box p,.feedback-box small{margin:0}.feedback-box small{color:#315f54}@media(max-width:1100px){.product-grid,.admin-grid,.finance-grid,.learning-metrics,.learning-dashboard,.parent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-grid,.tracking-grid{grid-template-columns:1fr}}@media(max-width:740px){.topbar{align-items:stretch;flex-direction:column}nav{justify-content:stretch}nav button{flex:1 1 140px}.hero{min-height:560px}.hero:after{background:linear-gradient(180deg,#090e18c2,#090e1833)}.hero-content{align-self:start;padding-top:48px}.stats-band,.product-grid,.finance-grid,.learning-metrics,.learning-dashboard,.parent-grid,.learning-hero,.ai-provider-strip,.route-units,.admin-grid,.login-grid,.loyalty-summary,.shipping-admin,.variant-entry,.image-preview-grid,.form-row,.form-row.two{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr 72px;align-items:end}.cart-line strong:last-child{grid-column:1 / -1}}