
/* Landing de acceso: clases propias, sin estilos para CRM. */
.customer-registration.landing-visual{background:#fff;color:#223c36;font-size:17px;line-height:1.6}
.landing-visual *{box-sizing:border-box}.landing-visual [hidden]{display:none!important}
.landing-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.landing-visual h1,.landing-visual h2,.landing-visual h3{line-height:1.12;letter-spacing:-.035em;margin:0 0 18px;color:inherit}
.landing-visual h1{font-size:clamp(36px,4.2vw,55px);font-weight:750;max-width:18ch}.landing-visual h2{font-size:clamp(28px,3vw,38px)}.landing-visual h3{font-size:22px;letter-spacing:-.02em}.landing-visual p{margin:0 0 16px}.landing-visual :focus-visible{outline:3px solid #b17a29;outline-offset:4px}
.enrollment-hero{background:#136f63 url('/assets/textura-teal-desktop.webp') center/cover no-repeat;color:#fff;position:relative}
.enrollment-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:64px;align-items:start;padding-block:48px 58px}
.landing-eyebrow{font-size:12px;letter-spacing:.11em;font-weight:750;color:#136f63}.enrollment-story .landing-eyebrow{color:#e3ede6}.enrollment-story h1 span{color:#fff}.landing-lead{font-size:19px;max-width:45ch;line-height:1.55}
.landing-offer{margin:22px 0 28px}.landing-offer>p{font-size:15px;margin:6px 0}.free-offer{display:block;font-size:26px;line-height:1.2;color:#f5d497;margin:9px 0}.landing-offer .offer-reassurance{font-size:14px;color:#eff6f2}
.enrollment-visual{position:relative;max-width:490px;margin:0;padding-right:76px}.enrollment-visual>img{width:100%;height:230px;object-fit:cover;object-position:50% 55%;border-radius:32px 12px 12px 12px;display:block}.enrollment-visual figcaption{font-size:12px;margin-top:8px;line-height:1.5;color:#e3ede6}
.budget-peek{position:absolute;right:0;bottom:27px;width:185px;background:#fff;border-radius:12px;padding:10px;box-shadow:0 10px 32px #052d2b40;color:#223c36;transform:rotate(3deg)}.budget-peek>span{font-size:10px;font-weight:750;display:block;margin-bottom:6px}.budget-peek img{display:block;width:100%;height:150px;object-fit:cover;object-position:top;border-radius:5px}.budget-peek small{font-size:9px}
.signup-panel{background:#fff;color:#223c36;border:1px solid #dbe4df;border-radius:20px;padding:30px 32px;box-shadow:0 16px 42px #052d2b20;min-width:0;scroll-margin-top:20px}
.signup-panel h2{font-size:32px;margin-bottom:8px}.signup-kicker{color:#136f63;letter-spacing:.1em;font-size:11px;font-weight:750;margin-bottom:12px!important}.signup-intro{font-size:15px;color:#536b64}
.signup-progress{display:flex;gap:14px;list-style:none;padding:0;margin:23px 0;color:#63736d;font-size:13px}.signup-progress li{display:flex;align-items:center;gap:8px}.signup-progress span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;border:1px solid #d4dfd8}.signup-progress [aria-current]{font-weight:700;color:#136f63}.signup-progress [aria-current] span{background:#136f63;color:#fff;border-color:#136f63}
.landing-visual form{margin:0}.landing-visual fieldset{padding:0;margin:0;border:0;min-width:0}.landing-visual legend{font-size:15px;font-weight:700;margin-bottom:13px}
.landing-visual label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:650;margin:0 0 15px}.landing-visual input:not([type=checkbox]){width:100%;min-height:48px;background:#fff;border:1px solid #afc1ba;border-radius:9px;font:inherit;padding:10px 12px;color:#223c36}
.landing-visual input::placeholder{color:#667d74;font-weight:400}.landing-visual .check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.55;margin:18px 0}.landing-visual .check input{width:18px;height:18px;flex:0 0 18px;accent-color:#136f63;margin-top:2px}.landing-visual a{color:#136f63}
.landing-visual button,.landing-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;border-radius:9px;background:#136f63;border:1px solid #136f63;color:#fff;font:inherit;font-size:16px;font-weight:700;padding:12px 18px;text-decoration:none;cursor:pointer}.landing-visual form button[type=submit],#signup-next{width:100%}.landing-visual button:hover,.landing-button:hover{background:#0d5d53;color:#fff}.landing-visual button:disabled{opacity:.6;cursor:wait}.landing-visual .password-toggle,.landing-visual .signup-back{color:#136f63;background:#fff;border:0;padding:9px 0;justify-content:flex-start;font-size:13px;min-height:44px}.landing-visual .signup-back{margin-top:8px}
.signup-footnote,.signup-login{font-size:12px;color:#596f66;line-height:1.55;margin-top:13px!important}.signup-login{border-top:1px solid #e2e9e4;padding-top:16px}.signup-login a{font-weight:700}.signup-email{font-size:13px;overflow-wrap:anywhere}.landing-visual #form-status{font-size:14px;color:#963e29;line-height:1.5;margin-top:12px}.member-panel a{margin:8px 0;display:flex}.signup-success p,.member-panel p{font-size:16px}
.landing-benefits,.landing-route,.landing-tool,.landing-faq{padding-block:64px;background:#fff}.landing-benefits{background:#fff url('/assets/textura-clara-desktop.webp') center/cover no-repeat}.landing-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.landing-benefit-grid article{border-top:1px solid #c3d4cb;padding-top:18px}.landing-benefit-grid p{font-size:16px;max-width:31ch}.benefit-number{display:inline-flex;color:#8d6529;font-size:13px;font-weight:700;margin-bottom:12px}
.landing-route{border-block:1px solid #e3eae5}.landing-section-heading{max-width:650px}.landing-five{list-style:none;padding:0;margin:30px 0 20px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.landing-five li{font-size:16px;line-height:1.4;font-weight:650}.landing-five span{width:36px;height:36px;display:grid;place-items:center;background:#edf5f1;border-radius:50%;color:#136f63;font-weight:700;margin-bottom:12px;border:1px solid #c4d5cd}
.landing-note{font-size:13px!important;line-height:1.6;max-width:80ch;color:#536b64;margin-top:16px!important}.landing-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700}
.landing-tool{background:#fff url('/assets/textura-metas-desktop.webp') center/cover no-repeat}.landing-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.landing-tool figure{margin:0;padding:16px;border:1px solid #d8e3dc;border-radius:18px;background:#fff;box-shadow:0 14px 36px #174f470b}.landing-tool figure img{display:block;width:100%;height:330px;object-fit:cover;object-position:top;border-radius:8px}.landing-tool figcaption{font-size:12px;color:#536b64;margin-top:10px}.landing-tool ul{padding-left:21px;line-height:1.6}.landing-tool li{margin:10px 0}.landing-tool-grid>div{background:#ffffffeb;border-radius:16px;padding:14px}
.landing-faq>.landing-wrap{max-width:860px}.landing-faq details{border-top:1px solid #d8e3dc;padding:17px 0}.landing-faq summary{font-size:17px;font-weight:650;min-height:44px;cursor:pointer;display:list-item;line-height:1.5}.landing-faq details p{font-size:16px;max-width:70ch;margin-top:10px}
@media(max-width:900px){.enrollment-grid{gap:30px;grid-template-columns:minmax(0,1fr) minmax(310px,1fr)}.signup-panel{padding:26px 23px}.landing-tool-grid{gap:32px}.landing-five{gap:12px}.enrollment-visual{padding-right:35px}.budget-peek{width:135px}.budget-peek img{height:125px}}
@media(max-width:700px){.landing-wrap{width:calc(100% - 32px)}.enrollment-grid{grid-template-columns:1fr;gap:28px;padding-block:28px 36px}.enrollment-story h1{font-size:37px;max-width:23ch}.landing-lead{font-size:17px}.landing-offer{margin:16px 0 0}.free-offer{font-size:23px}.enrollment-visual{display:none}.signup-panel{padding:24px;border-radius:16px}.signup-panel h2{font-size:29px}.signup-progress{margin:18px 0}.landing-benefits,.landing-route,.landing-tool,.landing-faq{padding-block:40px}.landing-benefit-grid,.landing-tool-grid{grid-template-columns:1fr;gap:22px}.landing-benefit-grid p{max-width:50ch}.landing-five{grid-template-columns:1fr;gap:13px}.landing-five li{display:flex;align-items:center;gap:13px}.landing-five span{margin:0;flex:0 0 36px}.landing-tool figure img{height:300px}.landing-visual h2{font-size:29px}.landing-faq summary{font-size:16px}.enrollment-hero{background-image:url('/assets/textura-teal-mobile.webp')}.landing-benefits{background-image:url('/assets/textura-clara-mobile.webp')}.landing-tool{background-image:url('/assets/textura-metas-mobile.webp')}}

.enrollment-hero{background-image:linear-gradient(#136f63b8,#136f63b8),url('/assets/textura-teal-desktop.webp')} .landing-benefits{background-image:linear-gradient(#ffffffa0,#ffffffa0),url('/assets/textura-clara-desktop.webp')} .landing-tool{background-image:linear-gradient(#ffffffb0,#ffffffb0),url('/assets/textura-metas-desktop.webp')} @media(max-width:700px){.enrollment-hero{background-image:linear-gradient(#136f63b8,#136f63b8),url('/assets/textura-teal-mobile.webp')}}

.landing-visual .public-menu-toggle{display:none}.enrollment-visual{padding:0}.enrollment-visual>img{object-position:right center}.budget-peek{left:0;right:auto;bottom:28px;transform:rotate(-3deg)}@media(max-width:900px){.landing-visual .public-menu-toggle{display:inline-flex}.enrollment-visual{padding:0}}

@media(max-width:700px){.landing-visual .public-header .header-inner{min-height:88px;padding-block:10px}.landing-visual .public-header .public-brand{flex-basis:165px}.landing-visual .public-header .public-brand img{width:165px}.enrollment-grid{padding-block:22px 30px;gap:20px}.enrollment-story>.landing-eyebrow{display:none}.enrollment-story h1{font-size:32px;line-height:1.12;margin-bottom:12px}.enrollment-story h1 span{display:none}.enrollment-story h1 br{display:none}.landing-lead{font-size:15px;line-height:1.5;margin-bottom:12px!important}.landing-offer{margin-top:10px}.landing-offer>p{font-size:13px;margin:4px 0}.free-offer{font-size:22px;margin:6px 0}.signup-panel{padding:22px}.signup-panel h2{font-size:27px}.signup-intro{font-size:14px}.signup-progress{margin:14px 0}.landing-visual #signup-step-1 legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.landing-visual #signup-step-1 label{margin-bottom:12px}.signup-footnote{font-size:11px}}


@media(max-width:350px){.landing-visual .public-header .public-brand{flex-basis:130px}.landing-visual .public-header .public-brand img{width:130px}.landing-visual .public-header .public-menu-toggle{padding:10px 12px;font-size:14px}.landing-visual .signup-panel{padding:18px}.landing-visual .signup-panel h2{font-size:24px}.landing-visual .signup-intro{font-size:13px}.landing-visual .free-offer{font-size:20px;letter-spacing:-.3px}.landing-visual .signup-progress{margin:12px 0}.landing-visual .landing-offer{margin:10px 0}.landing-visual .enrollment-grid{gap:16px}}


.customer-registration.landing-visual a.landing-button{color:#fff}.customer-registration.landing-visual a.landing-button:hover{color:#fff}
@media(max-width:700px){.landing-benefits{background-image:linear-gradient(#ffffffa0,#ffffffa0),url('/assets/textura-clara-mobile.webp')}.landing-tool{background-image:linear-gradient(#ffffffb0,#ffffffb0),url('/assets/textura-metas-mobile.webp')}}

.landing-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:28px 0}.landing-steps li{min-width:0}.landing-step{display:grid;grid-template-columns:34px 48px 1fr;align-items:center;gap:12px;height:100%;min-height:132px;border:1px solid #c4d5cd;border-radius:16px;padding:20px;background:#f5f9f6;color:#203e36;text-decoration:none;box-sizing:border-box}.landing-step:hover{border-color:#136f63;background:#e6f2eb}.landing-step:focus-visible{outline:3px solid #b38531;outline-offset:4px}.landing-step-number{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#136f63;color:white;font-weight:700}.landing-step .topic-icon{width:46px;height:46px;margin:0}.landing-step strong{font-size:16px;line-height:1.45}.landing-step small{grid-column:2/4;font-size:13px;color:#136f63;font-weight:700}.landing-step small span{padding-left:5px}
@media(max-width:900px){.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.landing-steps{grid-template-columns:1fr;gap:12px}.landing-step{min-height:112px;padding:16px}}

.enrollment-visual>img[data-visual-renewal]{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}.landing-tool figure{padding:20px}.landing-tool figure img{height:390px;object-fit:cover;object-position:top}@media(max-width:700px){.landing-tool figure{padding:12px}.landing-tool figure img{height:360px}}

/* Fotografías20/10: encuadre3:2 sin afectar ediciones anteriores. */
.enrollment-visual>img[data-visual-renewal="20261020"]{aspect-ratio:3/2}
