.auth-page{--auth-cream:#fbf8f5;--auth-panel:#f4eee9;--auth-paper:#fffdf9;--auth-ink:#050505;--auth-muted:#5b5550;--auth-gold:#a28b66;--auth-line:#d8cabf;--auth-serif:Didot,"Bodoni 72","Bodoni 72 Smallcaps","Bodoni MT",var(--font-cormorant),"Times New Roman",serif;--auth-sans:var(--font-jost),Jost,"Avenir Next",Montserrat,Arial,sans-serif;min-height:100vh;padding:18px;background:#fff;color:var(--auth-ink);font-family:var(--auth-sans)}.auth-shell{display:grid;grid-template-columns:48% 52%;background:var(--auth-cream)}.auth-brand,.auth-shell{min-height:calc(100vh - 36px);overflow:hidden}.auth-brand{position:relative;background-color:#f8f8f8;background-position:50%;background-size:cover}.auth-brand:after{position:absolute;inset:0;background:#f3f3f3;content:"";mix-blend-mode:multiply;opacity:1;pointer-events:none}.auth-page-pago .auth-brand,.auth-page-registro .auth-brand{background-image:url(/assets/ONBOARDING1/onb1.jpg)}.auth-page-bienvenida .auth-brand{background-image:url(/assets/ONBOARDING2/onb2.jpg)}.auth-page-login .auth-brand{background-image:url(/assets/ONBOARDING3/onb3.jpg)}.auth-logo{position:absolute;top:41%;left:50%;z-index:1;width:min(27vw,260px);height:auto;transform:translate(-50%,-50%)}.auth-main{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 36px);padding:clamp(34px,5.8vw,96px);background:var(--auth-cream)}.auth-card{width:min(100%,620px)}.auth-kicker{margin-bottom:18px;color:var(--auth-gold);font-size:clamp(13px,1.25vw,22px);font-weight:400;letter-spacing:.21em;line-height:1.34;text-transform:uppercase}.auth-card h1{max-width:760px;margin:0;color:var(--auth-ink);font-family:var(--auth-serif);font-size:clamp(50px,6vw,112px);font-weight:400;letter-spacing:-.055em;line-height:.96}.auth-page-pago .auth-card h1,.auth-page-registro .auth-card h1{font-size:clamp(42px,4.4vw,82px)}.auth-card p{max-width:560px;margin:clamp(34px,5.5vw,76px) 0 0;color:var(--auth-ink);font-size:clamp(20px,2vw,34px);font-weight:400;line-height:1.34}.auth-form{display:grid;gap:18px;margin-top:clamp(34px,4.5vw,68px)}.auth-field{display:grid;gap:10px}.auth-field label{color:var(--auth-gold);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.auth-field input{width:100%;height:58px;padding:0 18px;border:1px solid var(--auth-line);border-radius:0;background:var(--auth-paper);color:var(--auth-ink);font:inherit;font-size:16px;outline:none}.auth-field input:focus{border-color:var(--auth-gold);background:#fff}.auth-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}.auth-actions .btn{min-height:52px;padding-inline:30px}.auth-link{color:var(--auth-gold);font-size:15px;text-decoration:none}.auth-summary{display:grid;gap:16px;max-width:560px;margin:clamp(34px,4.8vw,70px) 0 0;padding:28px;border:1px solid var(--auth-line);background:rgba(255,253,249,.68)}.auth-row{display:flex;justify-content:space-between;gap:24px;color:var(--auth-muted);font-size:16px}.auth-row strong{color:var(--auth-ink);font-weight:500}.auth-total{padding-top:16px;border-top:1px solid var(--auth-line);color:var(--auth-ink);font-size:19px}.auth-steps{display:grid;gap:12px;margin-top:30px}.auth-step{display:flex;align-items:center;gap:12px;color:var(--auth-muted);font-size:15px}.auth-step span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--auth-line);background:#fff;color:var(--auth-gold);font-size:12px}@media (max-width:900px){.auth-page{padding:10px}.auth-shell{min-height:calc(100vh - 20px);grid-template-columns:1fr}.auth-brand{min-height:42vh}.auth-logo{top:50%;width:min(48vw,220px)}.auth-main{min-height:auto;padding:44px 24px 54px}.auth-card h1,.auth-page-pago .auth-card h1,.auth-page-registro .auth-card h1{font-size:clamp(42px,12vw,72px)}.auth-card p{font-size:18px}}.ob-root{position:fixed;inset:0;overflow:hidden;background:#f2ede3;font-family:var(--font-jost),"Jost",system-ui,sans-serif;color:#1a140a}.ob-progress{position:fixed;top:0;left:0;right:0;display:flex;z-index:100}.ob-seg{flex:1;height:3px;background:rgba(26,20,10,.12);cursor:pointer;transition:background .4s ease}.ob-seg--active{background:#b8915a}.ob-seg--done{background:rgba(184,145,90,.4)}.ob-track{width:400%;transition:transform .65s cubic-bezier(.77,0,.18,1)}.ob-screen,.ob-track{display:flex;height:100vh}.ob-screen{width:25%}.ob-page{display:flex;height:100vh}.ob-photo{width:42%;flex-shrink:0;background-size:cover;background-position:50%;position:relative}.ob-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.38))}.ob-photo--1{background-image:url(/assets/ONBOARDING1/onb1.jpg)}.ob-photo--2{background-image:url(/assets/GUIA/LAARK-guide1.jpg)}.ob-photo--3{background-image:url(/assets/GUIA/LAARK-guide2.jpg)}.ob-photo--4{background-image:url(/assets/GUIA/LAARK-guide3.jpg);background-position:60%}.ob-photo-logo{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:2;text-align:center}.ob-photo-logo img{width:72px;height:auto;filter:brightness(0) invert(1);opacity:.88}.ob-content{flex:1;padding:64px 52px 48px;display:flex;flex-direction:column;justify-content:center;background:#f2ede3;overflow-y:auto}.ob-eyebrow{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#b8915a;margin-bottom:12px}.ob-title{font-family:Didot,Bodoni\ 72,Bodoni\ 72 Smallcaps,Bodoni MT,Georgia,serif;font-size:clamp(36px,4vw,52px);font-weight:400;color:#1a140a;line-height:1.08;margin-bottom:24px}.ob-desc{font-size:14px;font-weight:300;color:#6b5f50;line-height:1.75;margin-bottom:28px;max-width:420px}.ob-checklist{list-style:none;margin-bottom:36px}.ob-checklist li{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:.5px solid rgba(26,20,10,.1);font-size:13px;font-weight:300;color:#4a3e2f;line-height:1.55}.ob-checklist li:first-child{border-top:.5px solid rgba(26,20,10,.1)}.ob-check-num{width:24px;height:24px;border-radius:50%;border:.5px solid #b8915a;display:flex;align-items:center;justify-content:center;font-size:10px;color:#b8915a;flex-shrink:0;font-weight:500;margin-top:1px}.ob-checklist strong{display:block;font-weight:500;color:#1a140a;font-size:13px;margin-bottom:3px}.ob-notice{background:rgba(184,145,90,.09);border:.5px solid rgba(184,145,90,.32);border-radius:6px;padding:16px 20px;font-size:13px;color:#7a5f35;line-height:1.65;margin-bottom:28px;font-weight:300;max-width:420px}.ob-notice strong{font-weight:500}.ob-btn-row{display:flex;align-items:center}.ob-btn-primary{display:inline-block;background:#1a140a;color:#f2ede3;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:15px 36px;border:none;border-radius:1px;cursor:pointer;transition:opacity .2s}.ob-btn-primary:hover{opacity:.78}.ob-btn-secondary{background:none;border:none;font-family:inherit;font-size:12px;font-weight:300;color:#9a8a78;cursor:pointer;margin-left:24px;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.ob-btn-secondary:hover{color:#4a3e2f}.ob-dots{display:flex;gap:7px;margin-top:28px}.ob-dot{width:5px;height:5px;border-radius:50%;background:rgba(26,20,10,.15);transition:background .3s,transform .3s}.ob-dot--active{background:#b8915a;transform:scale(1.35)}.ob-skins{margin-bottom:32px}.ob-skin-option{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:.5px solid rgba(26,20,10,.1);cursor:pointer;transition:background .15s}.ob-skin-option:first-child{border-top:.5px solid rgba(26,20,10,.1)}.ob-skin-option:hover{background:rgba(184,145,90,.04);margin:0 -8px;padding-left:8px;padding-right:8px}.ob-skin-badge{width:36px;height:36px;border-radius:50%;border:.5px solid rgba(26,20,10,.15);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#6b5f50;flex-shrink:0;transition:all .2s}.ob-skin-option--selected .ob-skin-badge{background:#b8915a;color:#f2ede3;border-color:#b8915a}.ob-skin-label{font-size:13px;font-weight:500;color:#1a140a;margin-bottom:2px}.ob-skin-desc{font-size:12px;font-weight:300;color:#6b5f50}@media (max-width:768px){.ob-photo{display:none}.ob-content{padding:56px 28px 40px}.ob-title{font-size:clamp(32px,9vw,46px)}.ob-desc,.ob-notice{max-width:100%}}