:root{--ink:#24173d;--muted:#655a76;--sky:#38b6ff;--lav:#c9a7e0;--mint:#8fe0c8;--pink:#fe8c9c;--butter:#ffe27a}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:18px/1.55 'Atkinson Hyperlegible',system-ui,sans-serif}button,input,select{font:inherit}a{color:inherit}button,summary{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #0a7fc4;outline-offset:4px}h1,h2,h3{font-family:Grandstander,system-ui,sans-serif;line-height:1.15}h1{font-size:clamp(2.5rem,4.5vw,3.8rem);letter-spacing:-.03em;margin:13px 0 22px}h2{font-size:clamp(2rem,3vw,2.7rem);margin:0}h3{font-size:1.35rem;margin:9px 0 12px}p{margin:0}.wrap{width:min(1160px,100% - 40px);margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.top img{display:block;width:132px}.top nav{display:flex;gap:24px;align-items:center}.text-link{font-size:16px;text-underline-offset:4px}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;text-decoration:none;border:2.5px solid var(--ink);padding:13px 24px;border-radius:40px;background:var(--pink);box-shadow:0 4px 0 var(--ink);font-weight:700;white-space:nowrap}.button:hover{background:#ffabb7}.button.small{font-size:16px;padding:9px 20px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;padding:48px 0 52px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--muted)}.lede{font-size:19px;color:var(--muted);max-width:540px}.facts{display:flex;gap:15px;flex-wrap:wrap;margin-top:26px;font-size:14px}.facts span{padding:7px 13px;border-radius:30px;background:#eef8ff}.facts b{font-size:18px}.math-map{position:relative;background:#f5f0fc;border-radius:48% 52% 45% 55%;padding:20px 0 45px;transform:rotate(2deg)}.math-map svg{width:100%;display:block}.math-map text{font:700 45px Grandstander,system-ui,sans-serif;fill:var(--ink)}.map-note{position:absolute;bottom:28px;left:12%;font-size:14px;background:white;border:2px solid var(--ink);border-radius:30px;padding:8px 17px;transform:rotate(-5deg)}.stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0 64px}.stage{display:flex;align-items:center;gap:15px;padding:23px;border:2.5px solid #d8d1e1;border-radius:22px;text-decoration:none;background:#fff;transition:box-shadow .15s}.stage.active{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.stage.primaria.active{background:#e8f7ff}.stage.bachillerato.active{background:#f1e9fa}.stage:hover{border-color:var(--ink)}.stage strong{display:block;font:700 27px Grandstander,system-ui,sans-serif}.stage small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.stage-icon{display:grid;place-items:center;background:var(--sky);border:2px solid var(--ink);border-radius:14px;width:51px;height:51px;font:700 29px Grandstander,system-ui,sans-serif;flex-shrink:0}.bachillerato .stage-icon{background:var(--lav)}.stage-count{margin-left:auto;font-size:13px;white-space:nowrap}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.catalog-heading .eyebrow{margin-bottom:8px}.catalog-heading>p{font-size:16px;color:var(--muted);max-width:290px}.filters{display:flex;gap:16px;padding:20px;border:1.5px solid #e2dce9;border-radius:17px;background:#faf8fc;align-items:end}.filters>div{flex:1;min-width:0}.filters .search{flex:2}.filters label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.filters input,.filters select{width:100%;border:1.5px solid #c8bfd4;border-radius:10px;background:white;padding:12px;color:var(--ink);font-size:15px}.results-line{display:flex;align-items:center;justify-content:space-between;min-height:60px;font-size:14px;color:var(--muted)}.results-line button{background:none;border:0;text-decoration:underline;color:var(--ink);font-size:14px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.topic-card{--accent:var(--sky);border:2px solid var(--ink);border-radius:19px;overflow:hidden;padding:22px 22px 0;background:#fff;box-shadow:0 3px 0 #ece7f2}.area-algebra{--accent:var(--lav)}.area-functions{--accent:var(--mint)}.area-geometry{--accent:var(--butter)}.area-trigonometry{--accent:var(--pink)}.area-statistics{--accent:#b4c4ff}.area-calculus{--accent:#f8ba8d}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.area-symbol{width:54px;height:54px;padding:6px;background:var(--accent);border:2px solid var(--ink);border-radius:15px;transform:rotate(-5deg)}.area-symbol svg{width:100%;height:100%}.grade-label{font-size:12px;background:#f5f1f8;border-radius:30px;padding:5px 10px;color:var(--muted)}.area-label{font-size:12px;color:var(--muted)}.description{font-size:15px;color:var(--muted);line-height:1.5;margin-bottom:20px}.topic-card details{margin:18px -22px 0;border-top:1px solid #e5dfeb}.topic-card summary{padding:13px 22px;font-size:14px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px;background:#fcfaff;border-radius:0 0 17px 17px}.topic-card summary::-webkit-details-marker{display:none}.topic-card summary:hover{background:#f2ecf7}.topic-card details[open] summary{border-radius:0}.topic-card details[open] summary span{transform:rotate(45deg)}.topic-detail{padding:0 22px 22px;font-size:15px}.topic-detail ul{padding-left:20px;margin:15px 0}.topic-detail li{margin-bottom:7px}.topic-detail>p{margin-top:12px}.level{font-size:12px;color:var(--muted)}.topic-link{display:block;margin-top:17px;font-size:14px;font-weight:700;text-underline-offset:4px}.empty{text-align:center;padding:40px 20px;background:#f5f0fc;border-radius:20px}.catalog-note{margin:26px 0 0;font-size:14px;color:var(--muted)}.closing{margin:65px 0 40px;padding:36px;background:var(--butter);border:2.5px solid var(--ink);border-radius:24px;display:flex;justify-content:space-between;gap:35px;align-items:center}.closing h2{font-size:28px;max-width:520px}.closing p{margin-top:10px;font-size:16px}footer{display:flex;justify-content:space-between;padding:15px 0 30px;font-size:14px;color:var(--muted)}#catalogo{scroll-margin-top:25px}@media(max-width:1000px){.stage{flex-wrap:wrap}.stage-count{margin-left:66px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:20px}.closing{align-items:start;flex-direction:column}}@media(max-width:650px){.wrap{width:calc(100% - 32px)}.top img{width:100px}.top nav{gap:13px}.button.small{padding:7px 13px}.hero{grid-template-columns:1fr;padding:30px 0;gap:8px}.hero h1{font-size:38px}.math-map{max-width:320px;width:100%;justify-self:center;padding:0 0 30px;margin:18px 0}.map-note{bottom:16px;font-size:12px;left:9%}.stage-grid{gap:13px;grid-template-columns:1fr;margin-bottom:40px}.stage{padding:17px;flex-wrap:nowrap}.stage strong{font-size:24px}.stage small{font-size:12px}.stage-count{margin-left:auto}.catalog-heading{display:block}.catalog-heading>p{margin-top:13px;max-width:none}.filters{flex-wrap:wrap;padding:15px;gap:12px}.filters .search{flex-basis:100%}.filters>div{min-width:120px}.topic-grid{grid-template-columns:1fr;gap:18px}.closing{padding:25px;margin-top:40px}.closing .button{white-space:normal}.stage-icon{width:43px;height:43px}.topic-card{padding-top:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Igualar solo el resumen: abrir detalles no estira las tarjetas vecinas. */
.topic-card-overview { display: flow-root; min-height: var(--topic-overview-height, 0px); }