@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap";:root{--bg-color:#f8fafc;--text-color:#334155;--border-color:#cbd5e1}*{box-sizing:border-box}body{color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0;font-family:Google Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}.responsive-grid{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.responsive-flex{gap:1.5rem;display:flex}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.example-card{border:1px solid var(--border-color);color:inherit;background-color:#fff;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:1.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.example-card:hover{transform:translateY(-2px);box-shadow:0 18px 30px #0f172a14}.example-card h3{color:#0f172a;margin:0 0 .5rem}.example-card p{color:#475569;margin:0}.table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);background-color:#fff;border-radius:8px;width:100%;overflow-x:auto}.eye-form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=900px){.responsive-grid{gap:1rem;grid-template-columns:1fr!important}.responsive-flex{gap:1rem;flex-direction:column!important}.eye-forms-container{flex-direction:column!important}.mobile-p-1{padding:1rem!important}}@media (width<=600px){.eye-form-grid,.examples-grid{grid-template-columns:1fr!important}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=date],select,textarea{font-size:16px!important}}.desktop-only{display:block}.mobile-only{display:none!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.layout-container{height:100dvh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);z-index:50;background-color:#e2e8f0;flex-direction:column;width:250px;transition:transform .3s;display:flex}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border-color);background-color:#f8fafc;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.menu-toggle-btn{cursor:pointer;color:#334155;background:0 0;border:none;padding:.5rem;display:none}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{height:100%;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{z-index:40;background:#00000080;display:block;position:fixed;inset:0}.app-header{padding:0 .75rem}.menu-toggle-btn{display:block}.header-sucursal{display:none}}.examen-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.examen-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.examen-number-input{-moz-appearance:textfield}.examen-number-input::placeholder{color:#94a3b8;opacity:1}.pos-container{background-color:#f8fafc;height:calc(100vh - 64px);display:flex;position:relative;overflow:hidden}.pos-mobile-nav{display:none}.pos-wizard-column{background-color:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;flex:7;display:flex;overflow-y:auto}.pos-cart-column{background-color:#fff;border-left:1px solid #e2e8f0;flex-direction:column;flex:3;min-width:350px;max-width:420px;height:100%;display:flex;position:sticky;top:0}.pos-exam-grid{gap:1.5rem;display:flex}.pos-step1-buttons{justify-content:center;gap:1rem;padding:2rem;display:flex}.pos-floating-bar{display:none}@media (width>=901px){.main-pos{overflow-y:hidden!important}}@media (width<=900px){.main-pos{height:auto!important;overflow-y:auto!important}.pos-container{flex-direction:column;height:auto;min-height:calc(100vh - 64px);overflow:visible}.pos-mobile-nav{z-index:30;background-color:#fff;border-bottom:2px solid #e2e8f0;width:100%;display:flex;position:sticky;top:0}.pos-mobile-tab-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.pos-mobile-tab-btn.active{color:#2563eb;background-color:#fff;border-bottom:2px solid #2563eb}.pos-wizard-column{border-right:none;flex:1;width:100%;height:auto;overflow-y:visible;padding-bottom:120px!important}.pos-cart-column{border-left:none;flex:1;width:100%;min-width:100%;max-width:100%;height:auto;min-height:80vh;padding-bottom:60px;position:static}.pos-wizard-column.hidden-mobile,.pos-cart-column.hidden-mobile{display:none!important}.pos-exam-grid{flex-direction:column;gap:1rem}.pos-step1-buttons{flex-direction:column;gap:.75rem;padding:1rem}.pos-floating-bar{color:#fff;z-index:40;background-color:#1e293b;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #00000026}.mobile-p-1{padding:.75rem!important}}@keyframes tabContentFadeIn{0%{opacity:0}to{opacity:1}}.tab-content-fade{will-change:opacity;animation:.16s ease-out forwards tabContentFadeIn}@keyframes posStepSlideIn{0%{opacity:0}to{opacity:1}}.pos-step-content{will-change:opacity;animation:.18s ease-out forwards posStepSlideIn}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay-animate{will-change:opacity;animation:.18s cubic-bezier(.16,1,.3,1) forwards modalOverlayFadeIn}.modal-card-animate{will-change:opacity, transform;animation:.22s cubic-bezier(.16,1,.3,1) forwards modalPopIn}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.95)}}.toast-animate-in{will-change:opacity, transform;animation:.22s cubic-bezier(.16,1,.3,1) forwards toastSlideIn}.toast-animate-out{will-change:opacity, transform;animation:.22s cubic-bezier(.16,1,.3,1) forwards toastSlideOut}@keyframes welcomeSlideIn{0%{opacity:0;max-height:0;margin-bottom:0;transform:translateY(-12px)scale(.98)}to{opacity:1;max-height:120px;margin-bottom:1.25rem;transform:translateY(0)scale(1)}}@keyframes welcomeSlideOut{0%{opacity:1;max-height:120px;margin-bottom:1.25rem;transform:translateY(0)scale(1)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(-12px)scale(.98)}}.welcome-animate-in{will-change:opacity, transform, max-height;animation:.25s cubic-bezier(.16,1,.3,1) forwards welcomeSlideIn}.welcome-animate-out{will-change:opacity, transform, max-height;animation:.25s cubic-bezier(.16,1,.3,1) forwards welcomeSlideOut}@keyframes periodContentFadeIn{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.period-animate-fade{will-change:opacity, transform;animation:.22s cubic-bezier(.16,1,.3,1) forwards periodContentFadeIn}.order-tracking-card{transition:box-shadow .2s,border-color .2s}.order-tracking-card:hover{box-shadow:0 4px 14px #0f172a14}.order-collapse-wrapper{opacity:1;max-height:2500px;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .2s;overflow:visible}.order-collapse-wrapper.is-collapsed{opacity:0;pointer-events:none;overflow:hidden;max-height:0!important}.order-collapse-inner{min-height:0}.tracking-item-wrapper{opacity:1;max-height:2000px;transition:max-height .36s cubic-bezier(.16,1,.3,1),opacity .25s;overflow:visible}.tracking-item-wrapper.is-collapsing{opacity:0!important;pointer-events:none!important;max-height:0!important;overflow:hidden!important}.tracking-card-inner{opacity:1;transition:transform .38s cubic-bezier(.2,.85,.25,1),opacity .32s,background-color .2s,border-color .2s,box-shadow .2s;transform:translate(0)}.tracking-card-inner.is-sliding-out{opacity:0!important;pointer-events:none!important;transform:translate(120%)!important}