.portada{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.portada-marco{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"rotulo niveles" "acceso niveles";grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,56px);width:100%;max-width:1240px;margin:0 auto;padding:clamp(20px,4vh,48px) clamp(18px,4vw,40px)}.portada-rotulo{grid-area:rotulo;position:relative;display:flex;align-items:flex-end;flex-wrap:wrap;gap:clamp(4px,1.5vw,16px)}.portada-bicho{width:clamp(118px,15vw,196px);height:auto;flex:none;filter:drop-shadow(0 14px 28px rgba(15,55,35,.38));transform-origin:60% 100%;animation:bicho-saluda 6s ease-in-out infinite}@keyframes bicho-saluda{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2.5deg) translateY(-6px)}}.portada-texto{min-width:0;padding-bottom:clamp(6px,2vh,26px)}.portada-texto h1{margin:0;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:.95;letter-spacing:-.02em;color:#fff;text-shadow:0 3px 0 rgba(30,85,60,.4),0 10px 30px rgba(15,60,40,.38)}.portada-lema{margin:14px 0 0;font-size:clamp(15px,1.7vw,19px);color:#fffffff2;text-shadow:0 2px 6px rgba(15,60,40,.4)}.portada-lema b{color:var(--acento-claro)}.portada-avance{display:inline-block;margin:16px 0 0;padding:7px 15px;border-radius:999px;background:#fff3;border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(6px);font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(20,60,40,.3)}.portada-herramientas{flex-basis:100%;width:100%;max-width:520px;display:flex;flex-wrap:wrap;gap:10px;margin:-4px 0 0 clamp(0px,2vw,24px)}.portada-herramienta{display:inline-flex;align-items:center;gap:10px;flex:1 1 190px;max-width:260px;padding:8px 12px 8px 9px;border:1px solid rgba(255,255,255,.4);border-radius:14px;background:#18593b33;color:#fff;text-decoration:none;box-shadow:0 7px 20px #11442b29;transition:transform .16s ease,background .16s ease}.portada-herramienta:hover,.portada-herramienta:focus-visible{transform:translateY(-3px);background:#18593b57;outline:none}.portada-herramienta-icono{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#fff1b2;color:#6d4b17;font-family:Segoe UI Symbol,serif;font-size:22px}.portada-herramienta b,.portada-herramienta small{display:block}.portada-herramienta b{font-size:13px}.portada-herramienta small{margin-top:1px;color:#ffffffc7;font-size:10.5px}.niveles{grid-area:niveles;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.8vw,20px)}.nivel{position:relative;display:flex;flex-direction:column;min-height:clamp(180px,22vh,230px);padding:clamp(18px,2.2vw,26px);border-radius:var(--radio);border:1px solid var(--papel-borde);background:linear-gradient(170deg,var(--papel) 0%,var(--papel-2) 100%);box-shadow:var(--sombra-hoja);color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.nivel:nth-child(1){transform:rotate(-.8deg)}.nivel:nth-child(2){transform:rotate(.7deg)}.nivel:nth-child(3){transform:rotate(.5deg)}.nivel:nth-child(4){transform:rotate(-.6deg)}a.nivel:hover,a.nivel:focus-visible{transform:rotate(0) translateY(-5px);box-shadow:var(--sombra-alta);outline:none}a.nivel:focus-visible{border-color:var(--acento)}.nivel.cerrado{background:linear-gradient(170deg,#f2eee1,#e9e3d1);border-style:dashed;box-shadow:none}.nivel.cerrado h2{color:var(--tinta-media)}.nivel.cerrado .nivel-resumen{color:var(--tinta-suave)}.estrellas{display:flex;gap:3px;margin-bottom:9px}.estrella{width:21px;height:21px;fill:var(--acento);stroke:var(--acento-oscuro);stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(120,90,20,.25))}.estrella.apagada{fill:#78643c29;stroke:#78643c42;filter:none}.nivel h2{margin:0;font-size:clamp(20px,2.4vw,27px);font-weight:700;line-height:1.1}.nivel-resumen{margin:5px 0 14px;font-size:13.5px;line-height:1.45;color:var(--tinta-media)}.nivel-barra{margin-top:auto;height:8px;border-radius:999px;background:#78643c26;overflow:hidden}.nivel-barra i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--acento-claro),var(--acento));transition:width .5s ease}.nivel-datos{display:flex;justify-content:space-between;gap:8px;margin:7px 0 0;font-size:12.5px;color:var(--tinta-suave)}.nivel-datos b{color:var(--tinta);font-size:14px}.nivel-ir{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:13px;padding:7px 15px;border-radius:999px;background:var(--acento);color:var(--acento-texto);font-size:13px;font-weight:700;box-shadow:0 2px 0 var(--acento-oscuro)}.nivel-ir svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}a.nivel:hover .nivel-ir{filter:brightness(1.06)}.nivel-cerrado{display:flex;align-items:center;gap:7px;margin:auto 0 0;font-size:12.5px;font-weight:700;color:var(--tinta-suave)}.nivel-cerrado svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.nivel-error{color:#fff;grid-column:1 / -1}.portada-acceso{grid-area:acceso;align-self:start;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:14px;padding:15px 18px;border:1px solid rgba(255,255,255,.3);border-radius:16px;background:#ffffff24;color:#fff;box-shadow:0 8px 30px #12422a24;backdrop-filter:blur(9px)}.acceso-intro,.acceso-sesion{margin:0;font-size:14px;text-align:center}.acceso-botones{display:flex;align-items:center;gap:9px}.acceso-principal,.acceso-secundario,.acceso-invitado{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:9px 16px;font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.acceso-principal{border:0;background:#fff7d9;color:#925312;box-shadow:0 2px #5b38095c}.acceso-secundario{border:1px solid rgba(255,255,255,.65);background:transparent;color:#fff}.acceso-invitado{padding-left:7px;border:0;background:transparent;color:#ffffffeb}.acceso-invitado span{margin-left:5px;color:#ffffffb3;font-weight:400}.acceso-principal:hover,.acceso-secundario:hover,.acceso-invitado:hover{filter:brightness(1.08);transform:translateY(-1px)}.portada-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(18px,4vw,40px) 18px;font-size:12.5px;color:#fffc;text-shadow:0 1px 2px rgba(20,60,40,.3)}.portada-pie a{color:#ffffffe6}@media (max-width: 900px){.portada-marco{grid-template-columns:1fr;grid-template-areas:"rotulo" "acceso" "niveles";grid-template-rows:auto;gap:22px}.portada-rotulo{justify-content:center}.portada-bicho{width:clamp(120px,30vw,180px)}.portada-herramientas{justify-content:center;margin-left:0}}@media (max-width: 560px){.niveles{grid-template-columns:1fr}.nivel{transform:none!important}.portada-acceso{flex-direction:column;gap:9px}.acceso-botones{width:100%}.acceso-botones button{flex:1}.portada-herramienta{flex-basis:230px;max-width:300px}}@media (prefers-reduced-motion: reduce){.portada-bicho{animation:none}}