html{scroll-behavior:smooth;font-family:Arial,Helvetica,sans-serif}body{margin:0}#root{min-height:100vh}:root{color:#26382f;background:#fafbf8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}.aplicacion{min-height:100vh}.barra{background:#fff;border-bottom:1px solid #e6ebe6;justify-content:space-between;align-items:center;gap:24px;padding:18px max(24px,50vw - 550px);display:flex}.logo{color:#32745c;white-space:nowrap;background:0 0;border:0;font-size:23px;font-weight:700}.navegacion{flex-wrap:wrap;gap:8px;display:flex}.navegacion button{color:#5b6b61;background:0 0;border:none;border-radius:9px;padding:11px 13px}.navegacion button:hover,.navegacion button.activo{color:#276b50;background:#e8f3ec}.contenedor{max-width:1100px;min-height:70vh;margin:auto;padding:32px 24px}.hero{text-align:center;background:#edf5ed;border-radius:24px;padding:85px 32px}.hero h1{letter-spacing:-1.5px;max-width:750px;margin:24px auto;font-size:clamp(36px,5vw,56px);line-height:1.15}.hero h1 span{color:#32745c}.hero>p{color:#5c7063;max-width:610px;margin:0 auto;font-size:17px;line-height:1.8}.acciones{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.boton-principal,.boton-secundario{border:1px solid #32745c;border-radius:10px;padding:13px 20px;font-weight:700}.boton-principal{color:#fff;background:#32745c}.boton-principal:hover{background:#255a46}.boton-secundario{color:#32745c;background:#fff}.boton-secundario:hover:not(:disabled){background:#edf5ed}.etiqueta{color:#32745c;background:#e2efe5;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-block}.seccion{padding:45px 0}.seccion h1{margin:0 0 15px;font-size:clamp(28px,4vw,40px)}.seccion h2{text-align:center;margin-bottom:12px;font-size:30px}.subtitulo{color:#68776d;margin-bottom:32px;line-height:1.7}.seccion>h2+.subtitulo{text-align:center}.pasos{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px;display:grid}.paso,.tarjeta,.panel,.panel-repasos{background:#fff;border:1px solid #e3e9e3;border-radius:17px;padding:25px}.paso{line-height:1.7}.paso h3{margin:12px 0;font-size:23px}.paso p{color:#68776d;margin-bottom:0}.icono-paso{background:#edf5ed;border-radius:15px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:20px;font-size:30px;display:inline-flex}.numero{color:#32745c;font-size:12px;font-weight:700;display:block}.comunidad{background:#f2eee3;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;margin:25px 0;padding:35px;display:flex}.comunidad h2{font-size:25px}.comunidad p{color:#637067;max-width:600px;line-height:1.7}.decoracion{font-size:90px}.formulario{flex-direction:column;align-items:stretch;gap:15px;display:flex}.formulario label{font-weight:700}input,select{color:#26382f;background:#fff;border:1px solid #ccd9cf;border-radius:10px;padding:14px;font-size:15px}input:focus,select:focus{outline-offset:1px;outline:2px solid #81b99d}.proximamente,.aviso{background:#f2f5ef;border-radius:10px;margin-top:20px;padding:15px;line-height:1.6}.nota{color:#728178;margin-top:25px;font-size:13px;line-height:1.7}.resultado-consulta{max-width:550px;margin-top:24px}.buscador{gap:12px;margin:25px 0 15px;display:flex}.buscador input{flex:1;min-width:0}.contador{color:#758279;font-size:14px}.biblioteca{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.tarjeta{flex-direction:column;gap:12px;line-height:1.6;display:flex}.tarjeta-superior{justify-content:space-between;align-items:center;gap:10px;display:flex}.tarjeta h3{color:#32745c;margin:0;font-size:26px}.tarjeta>p{margin:0}.ejemplo{background:#f6f8f4;border-radius:10px;padding:15px}.ejemplo p{margin:8px 0 0}.traduccion{color:#69776e;font-style:italic}.mnemotecnia p{margin:7px 0 0}.imagen{text-align:center;font-size:56px}.tarjeta>button{margin-top:auto}.panel-repasos{text-align:center;max-width:650px;margin:auto}.contador-grande{flex-direction:column;margin-bottom:20px;display:flex}.contador-grande strong{color:#32745c;font-size:38px}.contador-grande span{color:#68776d}.zona-flashcard{flex-direction:column;gap:18px;display:flex}.flashcard{color:#26382f;background:#edf5ed;border:1px solid #cee3d3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-height:260px;padding:30px;line-height:1.6;display:flex}.palabra-grande{color:#32745c;font-size:32px;font-weight:700}.flashcard small{color:#69776e}.vacio{text-align:center;color:#68776d;padding:35px}.pie{text-align:center;color:#87968c;border-top:1px solid #e3e9e3;padding:30px;font-size:13px}@media (width<=750px){.barra{flex-direction:column;align-items:stretch;padding:16px}.navegacion{justify-content:center}.navegacion button{padding:9px;font-size:13px}.contenedor{padding:16px}.hero{padding:55px 20px}.pasos,.biblioteca{grid-template-columns:1fr}.buscador{flex-direction:column}.comunidad{flex-direction:column;align-items:flex-start}}