/* Public launch. Preserve the approved city, palette and reading geometry. */
.metodo-offer{max-width:1100px}.metodo-offer>p{max-width:760px}.offer-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;margin:32px 0}.offer-grid li{margin:12px 0}.offer-purchase{border:1px solid var(--line,#484242);background:linear-gradient(145deg,#232020,#161617);padding:30px;border-radius:8px}.course-price{font-size:clamp(2.4rem,6vw,4rem);line-height:1.1;margin:0 0 16px;font-weight:600}.metodo-offer details{padding:20px 0;border-top:1px solid #484242}.metodo-offer summary{cursor:pointer;font-weight:600;min-height:44px}.sample-work{padding:30px 0;border-top:1px solid #484242}.sample-work h2{font-size:1.6rem}.site-header nav{flex-wrap:wrap}.release-footer{display:flex;flex-wrap:wrap;gap:15px}.metodo-account-bar{font-size:13px}.button{overflow-wrap:anywhere}.hero .actions{flex-wrap:wrap}.access-gate .button{margin:8px 8px 8px 0}.offer-purchase .button{max-width:100%;white-space:normal}.lesson-row small{line-height:1.6}
@media(max-width:700px){.offer-grid{grid-template-columns:1fr;gap:18px}.offer-purchase{padding:22px}.metodo-offer h2{font-size:2rem}.release-footer{gap:12px}.site-header nav{gap:16px}.metodo-account-bar{flex-wrap:wrap}}
.metodo-offer h2,.metodo-offer h3,.metodo-offer p,.metodo-offer li,.metodo-offer summary{overflow-wrap:anywhere}.offer-grid>*{min-width:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Comfortable touch targets in account and legal navigation. */
.metodo-account-bar>a,.release-footer>a,footer>a,.offer-purchase>.note>a,.metodo-offer>.note>a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.offer-purchase>.note,.metodo-offer>.note{line-height:2.2}

/* Cross-section navigation shared with Estudios. */
footer.metodo-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.metodo-footer>a{justify-self:start}
.metodo-footer .footer-explore{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;border-block:1px solid var(--line);padding-block:16px}
.metodo-footer .footer-explore>span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-right:auto}
.metodo-footer .footer-explore>a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.metodo-footer .footer-explore>a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
@media(max-width:700px){.metodo-footer .footer-explore{gap:4px 20px}.metodo-footer .footer-explore>span{flex-basis:100%;margin-right:0}}