@charset "UTF-8";html{scroll-behavior:smooth;height:100%;height:100dvh}body{background-color:var(--cream);margin:0;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.header{position:relative;background-color:var(--orange);padding:8px 16px 10px;text-align:center;flex-shrink:0}.manual-lang-switcher{position:absolute;top:max(6px,env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));z-index:5;display:flex;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.35);background:#ffffff2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0f172914;opacity:.82;transition:opacity .2s ease}.manual-lang-switcher:active,.manual-lang-switcher:focus-within{opacity:1}@media(hover:hover){.manual-lang-switcher:hover{opacity:1}}.manual-lang-switcher .lang-pill{padding:5px 12px;font-family:Raleway,sans-serif;font-size:10px;font-weight:700;letter-spacing:.4px;text-decoration:none;color:var(--cream);background:transparent;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.manual-lang-switcher .lang-pill:hover:not(.is-active){background:#ffffff1f}.manual-lang-switcher .lang-pill.is-active{background:#ffffff52;color:var(--white);pointer-events:none}.manual-doc{position:relative;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-snap-stop:always;padding:0 20px;-webkit-overflow-scrolling:touch}.header h1{font-family:Comfortaa,sans-serif;font-size:1.2rem;color:var(--cream);font-weight:400;margin:0}.manual-switch{display:flex;justify-content:center;gap:4px;margin-top:6px}.manual-switch a{color:var(--cream);text-decoration:none;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:20px;opacity:.85;transition:opacity .2s}.manual-switch a:hover{opacity:1}.manual-switch a.active{background:#ffffff40;opacity:1}.section-wrap{background-color:var(--cream);min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;padding:12px 0 24px;box-sizing:border-box}.step{max-width:960px;margin:0 auto;width:100%}.step-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:12px;border-bottom:2px solid var(--orange)}.step-number{background-color:var(--orange);color:var(--white);font-family:Comfortaa,sans-serif;font-size:1.35rem;font-weight:700;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-title{font-family:Comfortaa,sans-serif;font-size:1.4rem;font-weight:700;color:var(--dark);line-height:1.3}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,280px));gap:24px;justify-content:center;align-items:stretch}.cards-grid:has(.card:nth-child(3):last-child){grid-template-columns:repeat(3,1fr);justify-content:stretch}.card{background-color:var(--white);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px #0f172917;max-width:280px;margin:0 auto;min-height:0}.cards-grid:has(.card:nth-child(3):last-child) .card{max-width:none;margin:0}.card-label{border:2.5px solid var(--orange);border-radius:30px;padding:6px 18px;font-family:Raleway,sans-serif;font-size:.9rem;font-weight:800;color:var(--dark);white-space:nowrap;margin-bottom:12px;flex-shrink:0}.card-desc{font-size:1rem;font-weight:400;line-height:1.7;color:var(--dark);flex-grow:1;margin-bottom:20px;text-align:left}.card-desc strong{font-weight:700}.img-placeholder{width:100%;max-width:220px;aspect-ratio:9/16;background-color:var(--sky);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin:0 auto}.cards-grid:has(.card:nth-child(3):last-child) .img-placeholder{max-width:100%}.img-placeholder img{width:100%;height:100%;object-fit:contain;padding:1rem;box-sizing:border-box;border-radius:12px;display:block}.img-placeholder span{font-size:.72rem;color:#9ac0d4;text-align:center;padding:12px;font-family:Raleway,sans-serif}footer{background-color:var(--dark);flex-shrink:0;padding:6px 12px 8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px}.footer-controls{display:flex;align-items:center;gap:8px}.footer-controls button{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:var(--cream);width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.footer-controls button i{pointer-events:none}.footer-controls button:hover{background:#fff3}.footer-controls button:disabled{opacity:.4;cursor:not-allowed}.footer-controls button.nav-hidden{display:none}.footer-brand{font-family:Comfortaa,sans-serif;font-size:1rem;color:var(--cream);letter-spacing:.02em}.footer-brand a{color:var(--cream);text-decoration:underline}.footer-brand a:hover{opacity:.9}.footer-redes{display:flex;align-items:center;gap:4px 12px}.footer-redes span{font-size:.75rem;color:var(--sky);margin-right:4px}.footer-redes a{color:var(--cream);text-decoration:none;font-size:1.1rem;opacity:.9;display:inline-flex;align-items:center;justify-content:center;width:2rem}.footer-redes a:hover{opacity:1}@media(max-width:600px){.header{padding-right:max(12px,76px + env(safe-area-inset-right,0px))}.manual-doc,.step{padding-left:6px;padding-right:6px}.step-title{font-size:1.2rem}.cards-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:none}.cards-grid:has(.card:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.card{max-width:none;padding:12px 8px}.card-label{font-size:.7rem;padding:4px 8px;white-space:normal;text-align:center}.card-desc{font-size:.8rem;margin-bottom:10px}.img-placeholder{max-width:100%;min-height:0;aspect-ratio:9/16}.img-placeholder img{padding:.4rem}footer{flex-direction:column;gap:8px;padding:6px 12px 8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.footer-redes{flex-wrap:wrap;justify-content:center}.footer-controls button{width:24px;height:24px;min-width:24px;min-height:24px;font-size:.65rem}}