.product-subscription,.product-subscription *{box-sizing:border-box}.product-subscription{position:relative;width:100%;height:100dvh;overflow:auto;overscroll-behavior:contain;background:#f3f6fa;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#142238;-webkit-text-fill-color:currentColor}.product-subscription [data-subscription-command]{appearance:none;min-height:0;margin:0;border:0;background:transparent;padding:0;text-align:left;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;box-shadow:none;cursor:pointer;color:inherit;-webkit-text-fill-color:currentColor}.product-subscription [data-subscription-command]:is(:disabled,[aria-disabled="true"]){cursor:default;opacity:.48}.product-subscription [data-subscription-command]:focus-visible{outline:2px solid #3d6ea8;outline-offset:3px}.product-subscription>[data-subscription-scene]{width:100%!important;height:100%!important;min-height:640px;border-radius:0!important;box-shadow:none!important}.product-subscription>[data-subscription-scene="7g"],.product-subscription>[data-subscription-scene="8gf"]{min-width:760px}.product-subscription [data-subscription-modal]{max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;min-height:0}.subscription-modal-body{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto}.subscription-modal-footer{flex-shrink:0}.product-subscription .subscription-handle{flex-shrink:0;z-index:2}.subscription-handle::before{content:'';position:absolute;right:-17px;top:-22px;width:56px;height:56px}.product-subscription .subscription-field{height:41px;min-height:41px;width:100%;font-family:inherit;font-size:13px;line-height:17px;padding:11px 2px 11px 6px;border:0;border-bottom:1.4px solid #d4d9df;background:transparent;border-radius:0;color:#1f2b3d;-webkit-text-fill-color:currentColor}.product-subscription .subscription-field:focus{font-size:16px;outline:0;border-bottom-color:#142238}.product-subscription .subscription-offer-selected{outline:1.4px solid #142238;outline-offset:-1.4px}.product-subscription [data-subscription-month-notice]{height:100%;width:100%}.product-subscription .subscription-modal-body [data-subscription-command]{width:100%}
@media(max-height:700px){.product-subscription>[data-subscription-scene]:has([data-subscription-modal]){min-height:100%;}.product-subscription>[data-subscription-scene="1g"],.product-subscription>[data-subscription-scene="1gb"],.product-subscription>[data-subscription-scene="2g"],.product-subscription>[data-subscription-scene="6g"]{height:auto!important;min-height:844px!important;overflow:visible!important}}
.product-subscription [data-subscription-command]:not(.subscription-handle):not([data-subscription-store]){display:block;width:100%}.product-subscription .subscription-handle{width:auto}.product-subscription .subscription-modal-body button[style*="display:flex"]{display:flex}
.product-subscription [data-subscription-inline]{display:inline!important;width:auto!important}.product-subscription button[data-subscription-action="deleteAccount"]:not(:disabled){background:#bf3542!important;border-color:#bf3542!important;color:#fff!important}.product-subscription button[data-subscription-action="deleteAccount"]:disabled{background:#e7eaef!important;border-color:#e7eaef!important;color:#a6adb8!important;opacity:1}
.product-subscription[data-family-variant="hamburguesa"] [data-subscription-account-data]{padding:11px 13px 12px!important}.product-subscription[data-family-variant="hamburguesa"] [data-subscription-account-data]>div[style*="display:flex"]{height:30px;padding:0!important;font-size:11px!important;line-height:14px!important;font-weight:600!important}.product-subscription[data-family-variant="hamburguesa"] [data-subscription-account-data]>div[style*="height:1px"]{display:none}.product-subscription[data-family-variant="hamburguesa"] [data-subscription-account-data] span{font-size:11px!important;line-height:14px!important;font-weight:600!important}

.product-subscription-host{position:fixed;inset:0;z-index:90020}.product-subscription-host:empty{display:none}

/* Canonical password field: the shared toggle retains its own hit target and trailing glyph. */
.product-subscription .subscription-field::placeholder{color:#9aa0a8;-webkit-text-fill-color:currentColor;opacity:1}
.product-subscription .subscription-field:not(:placeholder-shown){border-bottom-color:#142238}
.product-subscription .m4b1-password-control>.subscription-field{padding-right:30px}
.product-subscription .m4b1-password-toggle{right:-4.5px;padding:0;width:30px;min-width:30px;height:30px;min-height:30px}
.product-subscription .m4b1-password-toggle img{display:block;width:17px;height:17px}

/* Keep the original phone composition at 1:1; short screens use its declared root scroller. */
.product-subscription:not([data-ipad-compatibility="true"])>[data-subscription-scene="1g"],
.product-subscription:not([data-ipad-compatibility="true"])>[data-subscription-scene="1gb"]{min-height:844px;overflow:visible!important}

/* Paywall actions stay outside the scrolling content, including compact iPad windows. */
.product-subscription[data-ipad-compatibility="true"]:is([data-subscription-id="1g"],[data-subscription-id="1gb"]){overflow:hidden}
.product-subscription[data-ipad-compatibility="true"]>[data-subscription-scene="1g"],
.product-subscription[data-ipad-compatibility="true"]>[data-subscription-scene="1gb"]{height:100%!important;min-height:0!important;overflow:hidden!important}
.subscription-paywall-body{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.subscription-paywall-body>*,.subscription-paywall-footer{flex-shrink:0}
.subscription-paywall-footer{position:relative}

/* Fit the existing 390 × 844 iPhone composition uniformly inside the available viewport. */
.product-subscription[data-ipad-compatibility="true"]:is([data-subscription-id="1g"],[data-subscription-id="1gb"])>[data-subscription-scene]{
 -webkit-text-size-adjust:100%;text-size-adjust:100%;
 width:390px!important;height:844px!important;position:absolute!important;
 left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--subscription-scale,1));transform-origin:center;
}
.subscription-paywall-body>[style="flex:1; min-height:0;"]{min-height:12px;flex-shrink:1}
.product-subscription .subscription-paywall-body>button[style*="display:flex"]{display:flex}

.product-subscription .subscription-account-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:13px}
.product-subscription .subscription-account-actions>button[data-subscription-command]{display:block;flex:0 0 auto!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;font-size:12.5px!important;font-weight:600!important;line-height:normal;color:#6b7280!important;text-align:center;text-decoration:underline;text-decoration-color:#c2c8d0;text-underline-offset:3px}
.subscription-account-actions__dot{width:3px;height:3px;flex:0 0 3px;border-radius:50%;background:#c2c8d0}

/* Single owner of account/support web headers. Values match landing section 2.
   Native app headers and the Hostinger landing export are not selected here. */
.mf-web-header {
 --web-frame:1280px;--web-edge:clamp(24px,6vw,76px);--web-nav-gap:clamp(18px,2.5vw,36px);
 box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
 width:100%;max-width:var(--web-frame);height:104px;min-height:104px;
 margin:0 auto;padding:32px var(--web-edge) 0;flex-shrink:0;
}
.mf-web-header--absolute {position:absolute;top:0;left:50%;right:auto;transform:translateX(-50%)}
.mf-web-header :is(.brand,.product-brand,.portal-plans-brand){display:flex;align-items:center;gap:6px!important;margin:0}
.mf-web-header :is(.brand,.product-brand,.portal-plans-brand) img{width:clamp(108px,9vw,120px)!important;height:auto;display:block}
.mf-web-header :is(.brand i,.product-brand__dot,.portal-plans-brand>div){width:6px!important;height:6px!important;border-radius:50%;background:#2f8f52;margin:12px 0 0 1px!important}
.mf-web-header :is(.web-navigation,.subscription-recovery-nav,.portal-plans-nav){display:flex;align-items:center;gap:var(--web-nav-gap)!important;font-size:12px;font-weight:400;line-height:normal;white-space:nowrap}
.mf-web-header :is(.web-navigation,.subscription-recovery-nav,.portal-plans-nav)>a{display:flex;align-items:center;gap:6px;color:#6b7280;text-decoration:none;padding:0 0 4px;border-bottom:2px solid transparent}
.mf-web-header :is(.subscription-recovery-nav a:last-child,.web-navigation a:has(.subscription-nav-active),.portal-plans-nav a:has(.subscription-nav-active)){color:#142238;border-bottom-color:#142238}
.mf-web-header :is(.text-link,[data-subscription-action="signOut"]){display:inline-flex;align-items:center;align-self:auto;margin:0;min-height:20px;height:20px;padding:0 0 4px!important;font-size:12px!important;font-weight:400!important;line-height:normal!important;border:0;background:none;color:#6b7280}
.mf-web-header a:hover,.mf-web-header button:hover{color:#2f8f52}
.mf-web-header .web-nav-divider{display:block;width:1px;height:18px;margin-bottom:4px;flex-shrink:0;background:rgba(20,34,56,.18)}
.portal-plans .mf-web-header{height:104px;min-height:104px;padding:32px var(--web-edge) 0!important}
@media(min-width:768px) and (max-width:1023px){.mf-web-header{--web-edge:24px}}
@media(max-width:767px){
 .mf-web-header{position:relative;max-width:none;height:calc(env(safe-area-inset-top,0px) + 80px);min-height:0;padding:calc(env(safe-area-inset-top,0px) + 28px) 0 0;justify-content:center}
 .mf-web-header--absolute{position:absolute;top:0;left:24px;right:24px;width:auto;transform:none}
 .mf-web-header :is(.brand,.product-brand,.portal-plans-brand){gap:5px!important}
 .mf-web-header :is(.brand,.product-brand) img{width:52px!important}
 .mf-web-header :is(.brand i,.product-brand__dot){width:5px!important;height:5px!important;margin:5px 0 0!important}
 .mf-web-header :is(.web-navigation,.subscription-recovery-nav){display:none}
 .portal-plans .mf-web-header{position:sticky!important;top:0;height:80px;min-height:80px;padding:28px 0 0!important;justify-content:space-between}
 .mf-web-header .portal-plans-brand img{width:46px!important}
 .mf-web-header .portal-plans-brand>div{width:4px!important;height:4px!important;margin:4px 0 0!important}
}

/* The active underline belongs to the link, never its nested label. */
.mf-web-header .subscription-nav-active{display:flex;align-items:center;gap:6px;padding-bottom:0;border-bottom:0}

/* Match the landing icon and font in the isolated recovery renderer too. */
.mf-web-header :is(.web-navigation,.subscription-recovery-nav,.portal-plans-nav){font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}
.mf-web-header .subscription-nav-active svg{width:12px;height:12px;flex-shrink:0}

/* Legal pages reuse the landing desktop link rhythm. */
@media(min-width:768px){.legal-header .navigation [data-style="s52"]{gap:clamp(18px,2.5vw,36px)}}

/* Mobile subscription journey: one header geometry for wall and explanation. */
@media(max-width:767px){
 .portal-plans .portal-plans-header,.sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .mf-web-header{display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px;column-gap:12px;align-items:center}
 .portal-plans .portal-plans-brand,.sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .brand{grid-column:2;justify-self:center;margin:0!important;gap:5px!important}
 .sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .brand img{width:46px!important}
 .sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .brand i{width:4px!important;height:4px!important;margin:4px 0 0!important}
 .sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .back{position:static;transform:none;width:28px;height:28px;border-radius:50%;background:#fff;grid-column:1;grid-row:1;color:#6b7280}
 .sheet:is([data-screen="portal-help"],[data-screen="S0"],[data-screen="session-expired"],[data-screen="loading"]) .back svg{width:11px;height:11px}
}

/* Align the existing 7G/7GB logo and navigation with Mi suscripción. */
.portal-plans .portal-plans-frame{padding:0 24px 24px!important}






.portal-plans .portal-plans-eyebrow{margin-top:24px!important}
.portal-plans .portal-plans-title{font-size:27px!important;line-height:32px!important;align-self:stretch}
.portal-plans .portal-plans-card{margin-top:24px!important;max-width:100%;padding:24px!important}
@media(max-width:767px){


 .portal-plans .portal-plans-frame{padding-inline:24px!important}
}

.portal-plans .subscription-nav-active{font-size:12px;font-weight:400;white-space:nowrap}

/* SCROLL_VISUAL_FIXED_STICKY: approved green 7GB sticky actions, no JS writers. */
.portal-plans .portal-plans-actions{position:sticky!important;bottom:0!important}

/* W7: authorized vertical compaction only for desktop plans. */
@media(min-width:768px){
 .portal-plans .portal-plans-eyebrow{margin-top:12px!important}
 .portal-plans .portal-plans-card{margin-top:20px!important;padding-top:18px!important;padding-bottom:18px!important}
}

.portal-plans .portal-home{font-size:12px;color:#6b7280;text-decoration:none}
.portal-plans .portal-restore-footer{margin-top:12px;font-size:12px}

@media(min-width:768px){
 .portal-plans .portal-plans-frame{padding:0 0 24px!important}
 .portal-plans .portal-plans-card{padding-inline:28px!important}
}

@media(max-width:767px){
 .portal-plans .portal-plans-frame{padding-bottom:0!important}

}
/* Shared navbar alignment; mobile weekly offer follows other offers. */


@media(max-width:767px){
 .portal-plans .portal-plans-unused-space{flex:0 0 0!important;min-height:0!important;height:0}
 .portal-plans .portal-plans-actions{position:relative!important;bottom:auto!important;flex-shrink:0;margin-top:0!important}
 .portal-plans .portal-plans-frame> *{flex-shrink:0}
}

@media(min-width:768px){
 .portal-plans .portal-plans-eyebrow{margin-top:64px!important}
 .portal-plans .portal-plans-frame{padding-bottom:0!important}
 .portal-plans .portal-restore-footer{margin-top:4px}
}
.portal-plans .portal-price-summary{white-space:nowrap!important;width:max-content;max-width:none;align-self:center;flex-shrink:0}

.portal-plans .portal-price-summary{text-align:center}
@media(min-width:768px){
 .portal-plans .portal-plans-subtitle{font-size:13.5px!important;line-height:19px!important;width:560px;text-align:center}

 .portal-plans .portal-home{padding-bottom:4px;border-bottom:2px solid transparent}

}

.portal-plans .portal-price-summary{width:100%;text-align:center;display:block}
@media(max-width:767px){
}
.portal-braid-transform{position:absolute;top:-10%;left:-20%;width:140%;height:120%;transform:rotate(15deg);transform-origin:center}
@media(max-width:767px){.portal-braid-transform{top:0;left:-30%;width:160%;height:1010px}}

/* Rows 03/07: Safari ficha 17/10 fits 1280×800; desktop spacing only. */
@media(min-width:768px){
 .portal-plans .portal-plans-card{width:716px!important;margin-top:20px!important;padding:20px 28px 18px!important}
 .portal-plans .portal-restore-footer{margin-top:8px}
}
@media(max-width:767px){
 /* A reference canvas height is not a mandatory spacer on a phone. */
 .portal-plans .portal-plans-unused-space{flex:0 0 16px!important;min-height:16px!important;height:16px}
}

@media(min-width:768px){

}

@media(min-width:768px){.portal-plans.is-resubscribe .portal-plans-card div:has(>[data-subscription-action="purchase"]){width:320px!important}}

/* Measured 17/10 spacing; shared/native geometry and mobile remain unchanged. */
@media(min-width:768px){
 .portal-plans .portal-plans-title{margin-top:10px!important}
 .portal-plans .portal-plans-subtitle{margin-top:8px!important}
 .portal-plans .portal-plans-card>div:nth-child(3){margin-top:12px!important}
 .portal-plans .portal-plans-card>button{margin-top:10px!important}
 .portal-plans .portal-plans-card>div:last-child{margin-top:14px!important}
 .portal-plans .portal-plans-card+div{margin-top:14px!important}
 .portal-plans .portal-plans-card+div+div{margin-top:10px!important}
}

.portal-checkout-status{white-space:normal;text-align:left;font-size:12px;line-height:17px;margin:10px 0 0;color:#6b7280}
.portal-checkout-status:empty{display:none}

/* 2d R2, 20/10: two fixed type steps; only the weekly spacer grows.
   Existing SCROLL_APP_PRIMARY / SCROLL_VISUAL_FIXED_STICKY ownership retained. */
@media(max-width:767px){
 .portal-plans [data-subscription-scene="7gb"]{height:auto!important;min-height:100vh;min-height:100dvh;overflow:visible!important}
 .portal-plans .portal-plans-frame{height:auto!important;min-height:100vh;min-height:100dvh;width:100%!important;max-width:none!important;padding:0 24px calc(16px + env(safe-area-inset-bottom,0px))!important;overflow:visible!important}
 .portal-plans .portal-plans-header{position:sticky!important;top:0!important;height:80px!important;padding-top:28px!important;background:#f3f6fa;z-index:5}
 .portal-plans-frame>div:nth-child(3){margin-top:14px!important;font-size:10.5px!important}
 .portal-plans-frame>div:nth-child(4){margin-top:6px!important;font-size:27px!important;line-height:32px!important}
 .portal-plans-frame>div:nth-child(5){margin-top:8px!important;font-size:13.5px!important;line-height:19px!important}
 .portal-plans-frame>div:nth-child(6){margin-top:20px!important;font-size:10.5px!important}
 .portal-plans-frame>div:nth-child(7){margin-top:6px!important;font-size:12.5px!important;line-height:17px!important}
 .portal-plans-frame>[data-subscription-action="info"]{margin-top:10px!important;padding:12px 14px!important}
 .portal-plans-frame>[data-subscription-action="info"]>span{font-size:13.5px!important}
 .portal-plans-frame>div:nth-child(9){margin-top:10px!important;gap:10px!important}
 .portal-plans-frame>div:nth-child(9)>button{flex:1 1 0!important;min-width:0;padding:13px 13px 12px!important}
 .portal-plans-frame>div:nth-child(9)>button>div:nth-child(3){margin-top:3px!important}
 .portal-plans .portal-plans-unused-space{flex:1 0 8px!important;min-height:8px!important;height:auto!important}
 .portal-plans .portal-plans-actions{padding:0!important;background:transparent!important}
 .portal-plans-actions>[data-subscription-action="select"]{padding:12px 14px!important}
 .portal-plans-actions>div:nth-child(2){margin-top:10px!important;font-size:11.5px!important;line-height:16px!important}
 .portal-plans-actions>[data-subscription-action="purchase"]{margin-top:10px!important;font-size:15px!important;padding:15px 12px!important;min-height:44px!important}
 .portal-plans-actions>.portal-price-summary{margin-top:8px!important;font-size:11.5px!important}
 .portal-plans-actions>div:has(>[data-subscription-action="install"]){margin-top:18px!important}
 .portal-plans-actions>[data-subscription-action="restore"]{margin-top:14px!important}
}
@media(max-width:767px) and (max-height:739px){
 .portal-plans-frame>div:nth-child(3),.portal-plans-frame>div:nth-child(6){font-size:10px!important}
 .portal-plans-frame>div:nth-child(4){font-size:22px!important;line-height:26px!important}
 .portal-plans-frame>div:nth-child(5){font-size:12.5px!important;line-height:17px!important}
 .portal-plans-frame>div:nth-child(7){font-size:12px!important;line-height:16px!important}
 .portal-plans-frame>[data-subscription-action="info"]{padding:10px 14px!important}
 .portal-plans-frame>[data-subscription-action="info"]>span{font-size:13px!important}
 .portal-plans-frame>div:nth-child(9)>button{padding:10px 11px!important}
 .portal-plans-frame>div:nth-child(9)>button>div:first-child>span{font-size:13.5px!important}
 .portal-plans-frame>div:nth-child(9)>button>div:nth-child(2){margin-top:5px!important;font-size:15.5px!important;line-height:19px!important}
 .portal-plans-frame>div:nth-child(9)>button>div:nth-child(3){font-size:11px!important;line-height:14px!important}
 .portal-plans-frame>div:nth-child(9)>button>div:nth-child(4){font-size:10px!important;line-height:13px!important}
 .portal-plans-actions>[data-subscription-action="select"]{padding:10px 12px!important}
 .portal-plans-actions>[data-subscription-action="select"]>div:nth-child(2)>div:first-child{font-size:14px!important}
 .portal-plans-actions>[data-subscription-action="select"]>div:nth-child(2)>div:nth-child(2){font-size:11px!important;line-height:14px!important}
 .portal-plans-actions>[data-subscription-action="select"]>div:nth-child(3){font-size:14.5px!important}
 .portal-plans-actions>div:nth-child(2){font-size:11px!important;line-height:15px!important}
 .portal-plans-actions>[data-subscription-action="purchase"]{font-size:14px!important;padding:13px 12px!important}
 .portal-plans-actions>.portal-price-summary{font-size:11px!important}
}
@media(max-width:767px) and (max-height:639px){
 .portal-plans-frame>div:nth-child(3),.portal-plans-frame>div:nth-child(4),.portal-plans-frame>div:nth-child(5){display:none!important}
 .portal-plans-frame>div:nth-child(6){margin-top:4px!important}
}

/* Owner refinement 20/10: compact footer, restore matches the amount line. */
@media(max-width:767px){
 .portal-plans-actions>div:has(>[data-subscription-action="install"]){margin-top:10px!important}
 .portal-plans-actions>[data-subscription-action="restore"]{margin-top:8px!important;font-size:11.5px!important;line-height:16px!important}
}
@media(max-width:767px) and (max-height:739px){
 .portal-plans-actions>[data-subscription-action="restore"]{font-size:11px!important}
}

@media(max-width:767px){
 /* Same visual metrics as the existing Entendido button. */
 .portal-plans-actions>[data-subscription-action="purchase"]{font-size:14px!important;font-weight:600!important;line-height:normal!important;padding:13px 6px!important;border:1px solid #142238!important;min-height:44px!important}
}

/* Mobile store badges remain secondary to the 44px payment action. */
@media(max-width:767px){
 .portal-plans-actions [data-subscription-action="install"]{height:27px!important;min-height:27px!important;padding:3px 9px!important;font-size:10px!important;line-height:16px!important;box-sizing:border-box!important}
 .portal-plans-actions [data-subscription-action="install"] svg{height:13px!important;width:13px!important}
}

/* Short 2d viewport: recover vertical space from gaps, preserving type,
   header, card widths and action heights. No clipping or scroll suppression. */
@media(max-width:767px) and (min-height:640px) and (max-height:680px){
 .portal-plans-frame>div:nth-child(3){margin-top:4px!important}
 .portal-plans-frame>div:nth-child(4),.portal-plans-frame>div:nth-child(5),.portal-plans-frame>div:nth-child(7){margin-top:4px!important}
 .portal-plans-frame>div:nth-child(6){margin-top:8px!important}
 .portal-plans-frame>[data-subscription-action="info"],.portal-plans-frame>div:nth-child(9){margin-top:6px!important}
 .portal-plans-frame>div:nth-child(9)>button{padding-block:8px!important}
 .portal-plans-actions>div:nth-child(2),.portal-plans-actions>[data-subscription-action="purchase"],.portal-plans-actions>div:has(>[data-subscription-action="install"]),.portal-plans-actions>[data-subscription-action="restore"]{margin-top:6px!important}
 .portal-plans-actions>.portal-price-summary{margin-top:5px!important}
}