.logo { display:inline-flex;line-height:1;width:184px;flex-shrink:0 }
.logo-image { display:block;width:100%;height:auto }
.site-footer .logo { width:196px }
.header-inner { height:88px;gap:26px }
.desktop-nav { gap:24px }
.header-cta { font-size:14px }
.hero-grid { grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:72px;padding-top:42px;padding-bottom:42px }
.hero-eyebrow { font-size:12px;letter-spacing:.13em;margin-bottom:19px }
.hero h1 { font-size:clamp(48px,4.8vw,64px);line-height:1.09;letter-spacing:-.055em }
.highlight>svg { bottom:-9px;height:13px;stroke-width:7 }
.hero-description { font-size:17px;line-height:1.6;margin:26px 0 24px;max-width:450px }
.hero-brand-art { height:194px;margin-top:29px;max-width:490px }
.art-caption { left:23px;bottom:21px;max-width:315px }
.art-caption span { font-size:12px;letter-spacing:.1em }
.art-caption p { font-size:22px;line-height:1.25;margin:12px 0 9px;max-width:245px }
.art-caption small { font-size:12px;display:block;color:#d5e3cb;max-width:230px;line-height:1.5 }
.nova-mark { right:-30px;top:-7px;opacity:.96 }
.nova-mark svg { width:235px;height:235px }
.hero-brand-art .orbit { right:-50px }
.hero-copy { min-width:0 }
.calculator { padding:24px;border-radius:23px }
.calc-heading { margin-bottom:14px;align-items:center }
.calculator .calc-heading h2 { font-size:23px;letter-spacing:-.04em;margin:0 }
.mini-badge { font-size:12px;font-weight:600;padding:2px 7px }
.calculator input[type=range] { margin:3px 0 0;height:26px }
.calc-summary { padding:13px 15px }
.calc-summary .calc-receive { font-size:12px }
.calc-summary .calc-receive strong { font-size:14px }
.calc-summary .calc-total { border:0;margin-top:7px;padding-top:0;font-size:14px }
.calc-total strong { font-size:26px;letter-spacing:-.04em }
.calc-summary small { font-size:12px }
.calc-summary .payment-mini { font-size:12px;margin-top:7px;line-height:1.5 }
.calc-button { margin-top:13px;min-height:49px;font-size:14px }
.calc-notice { font-size:12px;line-height:1.6;margin:10px 0 0 }
.field-error { font-size:13px;line-height:1.5 }
#calculadora { scroll-margin-top:20px }
.trust-inner { min-height:84px;gap:24px }
.trust-inner p { font-size:14px }
.trust-inner a { font-size:14px }
.trust-inner>span small { font-size:12px;letter-spacing:0 }
.trust-inner>span { font-size:13px;letter-spacing:.04em }
.section { padding-top:66px;padding-bottom:66px }
.section-head { margin-bottom:32px }
.eyebrow { font-size:12px;letter-spacing:.1em }
.steps h3 { font-size:24px }
.steps p { font-size:16px }
.steps .text-link { font-size:14px;margin-top:10px }
.step-number { font-size:14px }
.steps article { padding-top:23px }
.step-icon { margin-bottom:18px }
.clarity-section { padding:58px 0 }
.clarity-grid { grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center }
.clarity-copy h2 { font-size:43px;margin:17px 0 22px }
.clarity-copy>p { font-size:16px;max-width:400px }
.clarity-copy>.small { font-size:13px;line-height:1.7;margin-top:18px }
.example-visuals { display:grid;gap:14px;min-width:0 }
.cost-visual { transform:none;padding:24px;border-radius:16px;box-shadow:0 8px 18px #183d3105 }
.cost-label { font-size:12px;letter-spacing:.05em }
.cost-label>span:last-child { font-size:12px }
.cost-amount { margin:17px 0 15px;font-size:14px }
.cost-amount strong { font-size:38px }
.cost-amount small { font-size:12px }
.cost-bar { height:16px;gap:3px }
.cost-bar span:nth-child(3) { min-width:0 }
.cost-legend { margin:16px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:12px }
.cost-legend div { min-width:0 }
.cost-legend dt { display:flex;align-items:center;gap:6px;color:var(--muted);line-height:1.5 }
.cost-legend i { position:static;display:inline-block;flex-shrink:0;width:6px;height:6px }
.cost-legend div:nth-child(2) i { background:#9abc58 }
.cost-legend div:nth-child(3) i { background:#cbd8b4 }
.cost-legend dd { margin:4px 0 0;font-size:15px;font-weight:700;color:var(--ink) }
.cost-total { margin-top:17px;padding-top:13px;font-size:15px }
.cost-total strong { font-size:29px }
.cost-total small { font-size:12px }
.cost-visual>p { font-size:12px;line-height:1.65;margin-top:12px }
.calendar-visual { background:#fff;padding:20px 24px;border:1px solid var(--line);border-radius:16px }
.calendar-heading { display:flex;gap:9px;align-items:center;font-size:15px }
.calendar-heading svg { height:20px;width:20px }
.calendar-visual>p { font-size:12px;color:var(--muted);margin:6px 0 13px }
.payment-timeline { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:10px }
.payment-timeline li { background:var(--paper);border-left:3px solid #9abc58;border-radius:6px;padding:11px 13px;display:flex;flex-direction:column;gap:2px;min-width:0 }
.payment-timeline span { font-size:12px;color:var(--muted) }
.payment-timeline strong { font-size:15px;letter-spacing:-.02em }
.payment-timeline b { font-size:13px;font-weight:600 }
.calendar-visual>small { display:block;font-size:12px;color:var(--muted);line-height:1.65;margin-top:12px }
.benefits-section { padding:54px 0 }
.benefits-grid { grid-template-columns:1fr 1fr;gap:70px;align-items:center }
.benefits-copy .eyebrow { font-size:12px }
.benefits-copy h2 { font-size:44px;margin:18px 0 22px }
.benefits-copy>p:not(.small) { font-size:16px;max-width:390px }
.tier-list { list-style:none;margin:0;padding:0;display:grid;gap:0 }
.tier-list li { display:flex;align-items:flex-start;gap:21px;padding:20px 0;border-bottom:1px solid #51745e }
.tier-list li:first-child { padding-top:0 }
.tier-list li:last-child { border-bottom:0;padding-bottom:0 }
.tier-symbol { display:flex;align-items:center;justify-content:center;background:#315841;border-radius:12px;width:62px;height:62px;flex-shrink:0;color:#d7e7bd }
.tier-symbol svg { width:34px;height:34px }
.tier-list li:nth-child(2) .tier-symbol { background:#d8e9b5;color:var(--ink) }
.tier-list li:nth-child(3) .tier-symbol { background:var(--lime);color:var(--ink) }
.tier-label { font-size:12px;letter-spacing:.08em;color:#d8e9c9;display:block }
.tier-list h3 { font-size:21px;line-height:1.25;margin:6px 0 5px;color:white;letter-spacing:-.025em }
.tier-list p { font-size:14px;line-height:1.5;color:#c4d8c3;margin:0 }
.resource-card h3 { font-size:23px }
.resource-card p { font-size:15px;line-height:1.7 }
.security-banner strong { font-size:16px }
.security-banner small { font-size:14px;line-height:1.6 }
.security-banner a { font-size:14px }
.faq-section { padding:58px 0 }
.faq-grid h2 { font-size:39px }
.faq-list summary { font-size:16px;line-height:1.5;padding:18px 0 }
.faq-list details>div { font-size:15px;line-height:1.8 }
.guide-art { height:220px;padding:24px;border:1px solid var(--line);display:flex;flex-direction:column;gap:17px;margin-bottom:20px }
.guide-art .diagram-heading { font-size:13px;font-weight:650;line-height:1.5;letter-spacing:0 }
.diagram-bars { display:grid;gap:8px;flex:1 }
.diagram-bars>span { display:grid;grid-template-columns:84px 1fr;align-items:center;font-size:12px;gap:9px }
.diagram-bars i { display:block;height:9px;border-radius:3px;background:var(--ink);max-width:100% }
.diagram-bars>span:nth-child(2) i { width:67%;opacity:.68 }
.diagram-bars>span:nth-child(3) i { width:40%;opacity:.48 }
.guide-art .diagram-outcome { display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin-top:auto }
.guide-art .diagram-outcome svg { position:static;height:20px;width:20px }
.guide-cost { background:var(--lime) }
.guide-transfer { background:#edf1e9 }
.diagram-flow { display:flex;align-items:center;justify-content:space-between;gap:7px;flex:1 }
.diagram-flow>span { display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:600 }
.diagram-flow>span>svg { height:33px;width:33px }
.diagram-flow svg { position:static;height:18px;width:18px }
.guide-transfer .diagram-outcome { font-size:16px }
.guide-history { background:var(--ink);color:white }
.diagram-history { display:flex;flex-direction:column;gap:12px;flex:1;padding-left:6px }
.diagram-history span { display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;position:relative }
.diagram-history i { background:var(--lime);width:7px;height:7px;border-radius:50% }
.diagram-history span:not(:last-child)::after { content:'';position:absolute;left:3px;top:15px;width:1px;height:23px;background:#91ad76 }
.guide-history .diagram-outcome { font-size:16px }
.guide-card h3 { font-size:24px;line-height:1.3 }
.guide-card>p { font-size:15px;line-height:1.7 }
.cta-inner { min-height:230px }
.cta-inner h2 { font-size:42px }
.cta-inner p { font-size:16px;margin:16px 0 0 }
.cta-star { top:-148px }
.cta-inner>.button { margin-right:65px }
.transfer-diagram { margin:28px 0;background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:15px }
.transfer-diagram figcaption { font-size:17px;font-weight:700;line-height:1.4;margin-bottom:20px }
.transfer-diagram ol { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;gap:18px;margin:0 }
.transfer-diagram li { display:flex;flex-direction:column;gap:7px;position:relative }
.transfer-diagram li>span { height:40px;display:flex;align-items:center }
.transfer-diagram li:not(:last-child)::after { content:'→';position:absolute;top:6px;right:6px;color:var(--muted) }
.transfer-diagram strong { font-size:15px }
.transfer-diagram small { font-size:12px;line-height:1.5;color:var(--muted) }
.article-content .transfer-diagram>p { font-size:12px;margin:16px 0 0;line-height:1.6 }
.page-intro h1 { font-size:clamp(38px,4.1vw,58px);letter-spacing:-.045em }
.page-intro { padding-bottom:42px }
.breadcrumbs { font-size:13px;margin-bottom:26px }
.article-layout { padding-top:42px;padding-bottom:60px;gap:64px }
.article-content p, .content-list { font-size:16px }
.aside-box .eyebrow { font-size:12px }
.aside-box p { font-size:14px }
.aside-box .button { font-size:14px;min-height:52px }
.aside-box>.text-link { font-size:14px }
.aside-help p { font-size:13px }
.editorial-note { font-size:12px }
.editorial-note a { text-decoration:underline;text-underline-offset:3px }
.sources a { font-size:14px }
.article-content .notice p { font-size:14px }
.article-content .notice strong { font-size:15px }
.article-section .text-link { font-size:14px }
.article-section h2 { font-size:29px }
.contact-grid a { font-size:15px }
.contact-grid p { font-size:14px }
.footer-top p { font-size:16px }
.footer-promise { display:block;font-size:12px;color:#bcd0ba;margin-top:12px }
.footer-links h3 { font-size:15px }
.footer-links a { font-size:14px }
.footer-contact>span { font-size:14px }
.footer-contact>a:nth-child(3) { font-size:15px }
.footer-legal { font-size:12px;line-height:1.85;max-width:1080px }
.footer-bottom { font-size:12px;line-height:1.7;flex-wrap:wrap }
.footer-bottom>div { gap:18px }
.site-footer { padding-top:50px }
.clabe-diagram span { font-size:12px }
.calculator-page { grid-template-columns:1fr 440px }
.calculator-page>div h2 { font-size:36px }
.calculator-page .check-list { font-size:16px }
.calculator-page>div>.small { font-size:13px }
.dialog-header .eyebrow { font-size:12px }
dialog .small { font-size:13px }
.print-meta { font-size:12px }
dialog h2 { font-size:32px;line-height:1.2 }
.dialog-close { flex-shrink:0 }
@media(max-width:1100px) {
.header-inner { gap:18px }
.desktop-nav { gap:16px }
.logo { width:170px }
.header-cta { font-size:13px;padding:14px }
.hero-grid { gap:42px }
.hero h1 { font-size:53px }
.hero-brand-art { height:200px }
.nova-mark { right:-80px;opacity:.7 }
.art-caption p { font-size:21px }
.clarity-grid, .benefits-grid { gap:40px }
.hero-description { font-size:16px }
.guide-art { padding:19px }
.article-layout { gap:35px }
.guide-grid { gap:19px }
.guide-card h3 { font-size:23px }
.cta-inner>.button { margin-right:0 }
}
@media(max-width:900px) {
.header-cta { font-size:14px;padding:13px 18px }
.hero-grid { grid-template-columns:1fr 1fr;gap:26px }
.hero h1 { font-size:44px }
.hero-description { font-size:15px }
.hero-brand-art { height:197px;margin-top:22px }
.art-caption { left:18px;bottom:18px }
.art-caption p { font-size:19px;max-width:205px }
.art-caption small { max-width:205px }
.nova-mark { right:-90px;opacity:.35 }
.calculator { padding:20px }
.calculator .calc-heading h2 { font-size:21px }
.calc-total strong { font-size:24px }
.calc-summary .calc-total { font-size:13px }
.calc-summary { padding:12px }
.clarity-grid { gap:30px;grid-template-columns:.85fr 1.15fr }
.clarity-copy h2 { font-size:35px }
.cost-visual { padding:20px }
.calendar-visual { padding:18px 20px }
.cost-label { font-size:12px }
.cost-amount strong { font-size:32px }
.cost-legend { gap:7px;font-size:12px }
.cost-legend dd { font-size:13px }
.payment-timeline strong { font-size:13px }
.payment-timeline b { font-size:12px }
.benefits-grid { grid-template-columns:1fr 1fr;gap:35px }
.benefits-copy h2 { font-size:37px }
.tier-symbol { width:48px;height:48px }
.tier-list li { gap:15px }
.tier-list h3 { font-size:19px }
.tier-list p { font-size:14px }
.guide-grid { gap:16px }
.guide-art { padding:17px;height:217px }
.diagram-bars>span { grid-template-columns:70px 1fr;font-size:12px }
.guide-art .diagram-heading { font-size:12px }
.diagram-flow { gap:4px }
.diagram-flow>span { font-size:12px }
.diagram-flow>span>svg { height:26px;width:26px }
.diagram-flow>svg { height:14px;width:14px }
.guide-card h3 { font-size:22px }
.guide-card>p { font-size:14px }
.guide-history .diagram-outcome, .guide-transfer .diagram-outcome { font-size:14px }
.article-layout { grid-template-columns:1fr }
.article-aside { grid-template-columns:1fr 1fr }
.trust-inner p { font-size:14px }
.resource-card p { font-size:14px }
.resource-card h3 { font-size:21px }
}
@media(max-width:700px) {
.container { padding-left:20px;padding-right:20px }
.header-inner { height:68px;gap:10px }
.logo { width:155px }
.header-cta { font-size:12px;min-height:44px;padding:10px 12px }
.menu-toggle { height:44px;width:44px }
.header-cta svg { display:none }
.hero-grid { grid-template-columns:minmax(0,1fr);padding-top:20px;padding-bottom:26px;gap:17px }
.hero-eyebrow { font-size:12px;margin-bottom:12px;letter-spacing:.09em;gap:8px }
.tiny-star svg { width:22px;height:22px }
.hero h1 { font-size:36px;letter-spacing:-.052em;line-height:1.07 }
.hero h1>br { display:none }
.highlight>svg { display:none }
.hero-description { font-size:15px;line-height:1.55;margin:12px 0 0;max-width:100% }
.hero-brand-art { display:none }
.calculator { padding:18px;border-radius:18px }
.calculator .calc-heading h2 { font-size:20px }
.calc-heading { margin-bottom:10px;gap:6px }
.mini-badge { font-size:12px;padding:1px 6px }
.calculator input[type=range] { height:24px;margin-top:1px }
.calc-summary { padding:10px 12px }
.calc-summary>div { flex-wrap:nowrap }
.calc-summary .calc-receive { font-size:12px }
.calc-summary .calc-receive strong { font-size:13px }
.calc-summary .calc-total { font-size:14px;margin-top:4px }
.calc-total strong { font-size:25px }
.calc-summary small { font-size:12px }
.calc-summary .payment-mini { font-size:12px;margin-top:4px }
.calc-button { min-height:47px;margin-top:10px;padding:12px 16px;font-size:14px }
.calc-notice { font-size:12px;margin-top:8px;line-height:1.5 }
.field-error { font-size:12px }
.trust-inner { padding-top:20px;padding-bottom:19px }
.trust-inner p { font-size:14px;align-items:flex-start;margin-bottom:8px }
.trust-inner a { font-size:14px;margin-left:32px }
.section { padding-top:44px;padding-bottom:44px }
.section-head { gap:10px;margin-bottom:24px }
.eyebrow { font-size:12px }
.section-head .eyebrow { margin-bottom:11px }
h2 { font-size:32px;line-height:1.12 }
.steps { gap:18px }
.steps article { padding-left:61px;padding-top:18px;min-height:0 }
.steps .step-icon { width:44px;height:44px;top:21px }
.steps h3 { font-size:22px;margin-bottom:9px;padding-right:23px }
.steps p { font-size:15px }
.step-number { top:20px;font-size:12px }
.steps .text-link { font-size:14px;margin-top:3px;min-height:39px }
.clarity-section { padding:43px 0 }
.clarity-grid { grid-template-columns:minmax(0,1fr);gap:25px }
.clarity-copy h2 { font-size:34px;margin:13px 0 17px }
.clarity-copy>p { font-size:15px;max-width:100% }
.clarity-copy>.small { font-size:13px;margin:13px 0 0 }
.clarity-copy h2>br { display:none }
.cost-visual { padding:20px }
.cost-label { font-size:12px }
.cost-amount { margin:14px 0 13px }
.cost-amount strong { font-size:35px }
.cost-legend { font-size:12px;gap:8px }
.cost-legend dd { font-size:14px }
.cost-total strong { font-size:27px }
.cost-total { font-size:14px }
.calendar-visual { padding:18px 20px }
.calendar-heading { font-size:15px }
.payment-timeline strong { font-size:14px }
.payment-timeline b { font-size:12px }
.payment-timeline li { padding:10px }
.calendar-visual>small { font-size:12px }
.benefits-section { padding:43px 0 }
.benefits-grid { grid-template-columns:minmax(0,1fr);gap:27px }
.benefits-copy h2 { font-size:34px;margin:14px 0 17px }
.benefits-copy>p:not(.small) { font-size:15px }
.benefits-copy .eyebrow { font-size:12px }
.tier-list li { padding:17px 0;gap:17px }
.tier-symbol { height:48px;width:48px }
.tier-symbol svg { height:29px;width:29px }
.tier-label { font-size:12px }
.tier-list h3 { font-size:20px }
.tier-list p { font-size:14px }
.resource-grid { gap:13px }
.resource-card { padding:21px }
.resource-icon { margin-bottom:15px;height:40px;width:40px }
.resource-card h3 { font-size:22px }
.resource-card p { font-size:15px;margin-bottom:12px }
.security-banner { padding:20px;gap:9px;margin-top:20px }
.security-banner strong { font-size:15px }
.security-banner small { font-size:14px }
.security-banner a { font-size:14px;margin-left:44px }
.faq-section { padding:43px 0 }
.faq-grid { gap:19px }
.faq-grid h2 { font-size:33px;margin:14px 0 9px }
.faq-list summary { font-size:15px;padding:16px 0;gap:15px }
.faq-list details>div { font-size:15px;padding-right:0 }
.guide-grid { gap:27px }
.guide-art { height:190px;padding:21px;gap:12px;margin-bottom:15px }
.guide-art .diagram-heading { font-size:13px }
.diagram-bars { gap:7px }
.diagram-bars>span { font-size:12px;grid-template-columns:90px 1fr }
.diagram-bars i { height:8px }
.diagram-flow { justify-content:space-around;gap:9px }
.diagram-flow>span { font-size:13px }
.diagram-flow>span>svg { height:32px;width:32px }
.diagram-flow>svg { height:20px;width:20px }
.guide-art .diagram-outcome { font-size:17px }
.diagram-history { gap:7px }
.diagram-history span { font-size:13px }
.diagram-history span:not(:last-child)::after { height:18px }
.guide-card h3 { font-size:24px }
.guide-card>p { font-size:15px }
.cta-inner { min-height:236px;padding-top:36px;padding-bottom:36px;gap:20px }
.cta-inner h2 { font-size:33px;margin-top:12px }
.cta-inner p { font-size:15px;margin-top:11px }
.cta-inner .eyebrow { font-size:12px }
.cta-star { right:-204px;top:-100px }
.cta-inner>.button { margin:0 }
.page-intro { padding:19px 0 30px }
.page-intro h1 { font-size:36px;line-height:1.12;letter-spacing:-.045em;margin:14px 0 17px }
.page-intro>.container>p { font-size:16px }
.page-intro .eyebrow { font-size:12px }
.breadcrumbs { font-size:12px;margin-bottom:21px }
.article-layout { padding-top:29px;padding-bottom:42px;gap:28px }
.article-section { margin:28px 0 }
.article-section h2 { font-size:26px }
.article-content p, .content-list { font-size:16px }
.article-content>.notice { margin-bottom:26px }
.article-content .notice p { font-size:14px }
.article-aside { display:flex;flex-direction:column;gap:20px }
.service-page .article-aside { grid-row:1 }
.service-page .article-content { grid-row:2 }
.service-page .aside-help { display:none }
.aside-box { padding:22px }
.aside-box h3 { font-size:23px;margin:12px 0 }
.aside-box p { font-size:15px;margin-bottom:15px }
.aside-box>.text-link { margin-top:6px;font-size:14px }
.aside-box .button { font-size:14px }
.aside-help p { font-size:13px }
.editorial-note { font-size:12px }
.legal-facts>div { font-size:15px }
.contact-grid>div { padding:22px }
.contact-grid a { font-size:15px }
.contact-grid p { font-size:14px }
.contact-grid h2 { font-size:24px }
.help-grid .resource-card p { font-size:15px }
.search-box input { font-size:16px }
.clabe-diagram span { font-size:12px }
.clabe-diagram b { font-size:18px }
.transfer-diagram { padding:20px }
.transfer-diagram ol { grid-template-columns:minmax(0,1fr);gap:15px }
.transfer-diagram li { display:grid;grid-template-columns:36px 1fr;gap:2px 12px }
.transfer-diagram li>span { grid-row:1/3 }
.transfer-diagram li small { font-size:13px }
.transfer-diagram li::after { display:none }
.transfer-diagram strong { font-size:16px }
.transfer-diagram figcaption { font-size:17px }
.calculator-page { grid-template-columns:minmax(0,1fr);padding-top:23px;padding-bottom:42px;gap:28px }
.calculator-page>div h2 { font-size:29px }
.calculator-page>div>p { font-size:16px }
.calculator-page .check-list { font-size:15px }
.site-footer { padding-top:40px;padding-bottom:105px }
.site-footer .logo { width:185px }
.footer-top { gap:27px;padding-bottom:30px }
.footer-top p { margin-top:15px;font-size:16px }
.footer-promise { font-size:12px;line-height:1.6 }
.footer-links { gap:26px 15px;padding:30px 0 }
.footer-links h3 { font-size:14px }
.footer-links a { font-size:14px;padding:6px 0 }
.footer-legal { font-size:12px;line-height:1.8 }
.footer-bottom { font-size:12px }
.footer-contact>span { font-size:14px }
.footer-contact>a:nth-child(3) { font-size:14px }
.mobile-dock { padding-top:6px }
.mobile-dock a { font-size:12px;line-height:1.4 }
.mobile-dock svg { height:19px;width:19px }
dialog { padding:22px }
dialog h2 { font-size:28px }
.dialog-header .eyebrow { font-size:12px }
dialog .small { font-size:13px }
.breakdown-list>div { font-size:14px }
.breakdown-list dd { text-align:right }
.breakdown-list .grand-total { font-size:18px }
.print-meta { font-size:12px }
}
@media(max-width:600px) {
.header-cta .cta-extension { display:none }
.header-cta { white-space:nowrap }
}
@media(max-width:360px) {
.header-cta { display:none }
.header-inner { height:64px }
.logo { width:150px }
.hero h1 { font-size:32px }
.hero-description { font-size:14px }
.hero-grid { padding-top:17px;gap:15px }
.calculator { padding:15px }
.calculator .calc-heading h2 { font-size:19px }
.mini-badge { font-size:12px }
.calc-summary .calc-total { font-size:13px;gap:6px }
.calc-total strong { font-size:23px;white-space:nowrap }
.calc-summary small { font-size:12px }
.calc-summary .payment-mini { font-size:12px;align-items:flex-start }
.calc-summary .payment-mini svg { margin-top:1px }
.cost-legend { grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px }
.cost-legend dd { font-size:13px }
.cost-amount strong { font-size:31px }
.cost-total strong { font-size:25px }
.payment-timeline { grid-template-columns:minmax(0,1fr) }
.payment-timeline strong { font-size:15px }
.payment-timeline b { font-size:14px }
.footer-links { grid-template-columns:1fr 1fr }
.aside-box .button { font-size:13px }
.diagram-flow { gap:5px }
.diagram-flow>span { font-size:12px }
.tier-list li { gap:12px }
.tier-list h3 { font-size:19px }
.tier-label { font-size:12px }
}
@media print {
.logo, .mobile-dock { display:none!important }
.calc-notice { color:#000 }
}
.calculator-intro { font-size:15px;line-height:1.5;margin:0 0 18px;color:var(--muted,#586a60) }
.calculator .calc-heading { align-items:flex-start;gap:12px }
.calculator .calc-heading h2 { font-size:25px;line-height:1.2 }
.calc-input-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px }
.calc-field { min-width:0;margin-bottom:12px }
.calc-field label { display:block;font-size:14px;line-height:1.4;font-weight:700;margin-bottom:7px }
.calc-field input, .calc-field select { width:100%;min-width:0;min-height:46px;border:1px solid #a9b9ad;border-radius:10px;padding:10px 12px;background:#fff;color:#183d31;font:inherit;font-size:16px }
.calc-field input:focus-visible, .calc-field select:focus-visible { outline:2px solid #183d31;outline-offset:2px }
.calc-field input[aria-invalid=true] { border-color:#9b2b28 }
.calc-field .field-error { font-size:13px;line-height:1.45;margin:6px 0 0 }
.calc-hint { font-size:13px;line-height:1.55;color:#536457;margin:0 0 14px }
.calc-summary>div { gap:8px;flex-wrap:wrap }
.calc-summary strong { max-width:100%;overflow-wrap:anywhere }
.calc-summary .calc-total { align-items:baseline }
.calc-summary .payment-mini { font-size:13px;line-height:1.5 }
.calculator .calc-notice { font-size:13px;line-height:1.5 }
.calc-button:disabled { opacity:.55;cursor:not-allowed }
.cost-bar>span { width:0 }
.cost-visual .cost-legend dt { line-height:1.4 }
.cost-visual .cost-legend dd { overflow-wrap:anywhere }
.cost-amount strong, .cost-total strong { max-width:100%;overflow-wrap:anywhere }
.breadcrumbs { flex-wrap:wrap;line-height:1.7 }
.footer-legal a { text-decoration:underline;color:inherit }
@media(max-width:767px) {
.calculator .calc-heading h2 { font-size:23px }
.calculator-intro { font-size:14px;margin-bottom:16px }
.calc-field { margin-bottom:10px }
.calc-field label { font-size:13px }
.calc-input-grid { gap:10px }
.calc-summary .calc-total { font-size:14px }
.calc-total strong { font-size:26px }
.calc-summary>div { flex-wrap:wrap }
.calculator .calc-notice { font-size:12px }
.clabe-diagram { grid-template-columns:repeat(3,minmax(0,1fr)) }
.clabe-diagram b { font-size:18px }
.cost-total { flex-wrap:wrap;gap:8px }
}
@media(max-width:360px) {
.calc-input-grid { grid-template-columns:1fr }
.calc-field input, .calc-field select { min-height:44px }
.calculator .calc-heading h2 { font-size:21px }
.calc-total strong { font-size:24px }
.clabe-diagram { grid-template-columns:1fr }
.cost-amount strong { font-size:28px }
}
.calc-cat { margin:10px 0 0; padding-top:10px; border-top:1px solid var(--line); font-size:13px; line-height:1.5; }
.table-wrap:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.table-wrap table { width:100%; }
.table-wrap th[scope=row] { font-weight:600; text-align:left; }
.table-wrap tfoot { font-weight:700; background:var(--paper); }
.calc-notice a { text-underline-offset:3px; }
@media print {
  @page { size:A4; margin:14mm; }
  dialog[open] { width:100%; max-width:none; max-height:none; overflow:visible; padding:0; }
  dialog .table-wrap { overflow:visible; }
  dialog table { min-width:0; font-size:10pt; }
  dialog th, dialog td { padding:6px; }
  dialog .small, dialog .print-meta { font-size:9pt; }
  dialog h2 { font-size:22pt; }
  dialog tr { break-inside:avoid; }
}
.table-scroll-hint { display:none; }
@media(max-width:700px) {
  .table-scroll-hint { display:block; font-size:12px; line-height:1.5; margin:8px 0; color:var(--muted); }
}
@media print {
  .site-header, .site-footer, .mobile-dock, .skip-link, .article-aside, .table-scroll-hint { display:none!important; }
  body:not(:has(dialog[open])) main { display:block; }
  .page-intro { padding:10px 0; }
  .article-layout { display:block; }
  .article-section { break-inside:avoid; }
}
.tariff-comparison table { min-width:0; table-layout:fixed; }
.tariff-comparison th, .tariff-comparison td { width:33.333%; overflow-wrap:normal; }
.tariff-comparison tbody tr:last-child { font-weight:700; background:var(--lime-light); }
@media(max-width:700px) {
  .tariff-comparison th, .tariff-comparison td { padding:12px 8px; font-size:13px; line-height:1.5; }
  .tariff-comparison td { font-variant-numeric:tabular-nums; }
}
.hero-offer { margin:22px 0 0; }
.hero-offer p { max-width:380px; margin:10px 0 0; font-size:13px; line-height:1.6; color:var(--muted); }
.offer-panel { max-width:760px; margin:0 auto; padding:32px; border:1px solid var(--line); border-radius:var(--radius); }
.offer-panel h2 { margin:12px 0 20px; }
.offer-panel .offer-external { margin:8px 0 16px; }
.offer-panel .offer-disclosure { font-size:14px; line-height:1.6; color:var(--muted); }
.offer-panel .small a { text-decoration:underline; text-underline-offset:3px; }
.measurement-choice { padding:16px; background:var(--paper); border-radius:12px; margin:20px 0; }
.measurement-choice label { display:flex; align-items:flex-start; gap:12px; min-height:44px; cursor:pointer; font-size:15px; }
.measurement-choice input { width:20px; height:20px; flex-shrink:0; margin:3px 0 0; accent-color:var(--ink); }
.measurement-choice p { font-size:13px; line-height:1.6; margin:8px 0 0; }
@media(max-width:700px) {
  .hero-offer { margin:16px 0; }
  .hero-offer p { font-size:12px; }
  .offer-panel { padding:20px; }
  .offer-panel h2 { font-size:27px; }
  .offer-panel .offer-external { width:100%; font-size:14px; }
}
@media print { .hero-offer, .measurement-choice, .offer-external { display:none!important; } }