button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}fieldset{min-width:0;border:0;margin:0;padding:0}.app-brand{padding:3px 20px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px}.wordmark{display:block;min-width:0}.wordmark img{width:155px;max-width:100%;height:auto;display:block}.app-indicator{font-size:9px;color:#747c7c;border:1px solid #dfe3df;border-radius:20px;padding:5px 8px;white-space:nowrap}.intro{padding:10px 21px 0}.eyebrow{font-size:9px;color:#7a817e;letter-spacing:1.6px;font-weight:600;margin:0 0 7px}.intro h1{font-size:29px;line-height:1.07;font-weight:720;letter-spacing:-1.1px;margin:0 0 9px;color:#242c2c}.intro>p:last-child{font-size:12px;line-height:1.5;color:#707976;margin:0}.journey{list-style:none;display:flex;gap:12px;padding:0;margin:17px 21px 22px;align-items:center}.journey li{font-size:9px;color:#8c9391;display:flex;align-items:center;gap:4px;white-space:nowrap}.journey b{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#e7eae7;color:#79817c;font-size:8px}.journey [aria-current]{color:#195f54;font-weight:650}.journey [aria-current] b{color:white;background:#195f54}.device-body{padding:0 18px 18px;display:grid;grid-template-columns:minmax(0,1fr);gap:19px}.controls,.result-column{min-width:0}legend,.legend,.tiers-block h2{font-size:12px;font-weight:650;margin:0 0 10px;display:flex;gap:6px;align-items:center;letter-spacing:-.1px;color:#313b38}.number{display:none}.sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sizes label{position:relative;min-width:0}.sizes input{position:absolute;opacity:0;width:1px;height:1px}.sizes label>span{height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:#fff;border:1px solid #e0e5e1;color:#343d39;font-size:12px;font-weight:650;cursor:pointer;transition:background .15s,color .15s,transform .1s;box-shadow:0 1px 2px #222b2420}.sizes label>span small{font-size:9px;font-weight:400;opacity:.75;margin-top:3px}.photo-icon{display:block;width:19px;height:13px;border:1px solid currentColor;border-radius:2px;position:relative;margin-bottom:8px;opacity:.6}.photo-icon:after{content:'';position:absolute;left:4px;top:3px;width:8px;height:5px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:skew(-22deg)}.sizes input:checked+span{background:#205f55;border-color:#205f55;color:#fff;box-shadow:0 3px 8px #1a4e3f25}.sizes input:focus-visible+span{outline:3px solid #bc5f45;outline-offset:3px}.sizes label:active>span{transform:scale(.96)}.quantity-block{margin-top:22px}.quantity-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 5px}.quantity-controls button{width:44px;height:44px;flex-shrink:0;border:1px solid #e2e5e0;background:#fff;border-radius:50%;box-shadow:0 1px 2px #1d2d2415;color:#36443d;font-size:23px;font-weight:400}.quantity-controls button:active{background:#e4eae3;transform:scale(.95)}.quantity-controls>div{display:flex;align-items:baseline;gap:4px;min-width:0}.quantity-controls input{width:3.5ch;min-width:0;border:0;background:transparent;text-align:center;font-size:49px;line-height:1;font-weight:500;letter-spacing:-2px;color:#283b32;padding:0;appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums}.quantity-controls input::-webkit-inner-spin-button{appearance:none}.quantity-controls>div>span{font-size:11px;color:#78827c}#quantity-error{font-size:11px;color:#a7402a;line-height:1.4;margin:7px 0}#quantity-error:empty{display:none}#slider{width:100%;height:44px;margin:5px 0 0;padding:0;appearance:none;background:linear-gradient(to right,#286858 var(--fill,20%),#dce3da var(--fill,20%)) center/100% 5px no-repeat;border:0;cursor:pointer}#slider::-webkit-slider-thumb{appearance:none;background:#fff;width:24px;height:24px;border:1px solid #e1e5df;border-radius:50%;box-shadow:0 2px 5px #193b2d33}#slider::-moz-range-thumb{background:#fff;width:24px;height:24px;border:1px solid #d8dfd4;border-radius:50%;box-shadow:0 2px 5px #193b2d33}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#8a928c;margin-top:-2px}.range-labels span:nth-child(2){color:#47705b}.tiers-block{margin-top:22px}.tiers-block h2{margin-bottom:9px}.tiers{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d0d9cd transparent;padding:1px 1px 6px;scroll-snap-type:x proximity}.tier{min-width:80px;flex:0 0 80px;padding:9px 4px 8px;text-align:center;border:1px solid #e3e7e0;background:#fff;border-radius:12px;scroll-snap-align:center}.tier strong{display:block;font-size:11px;color:#646e65;font-weight:550}.tier small{display:block;font-size:8px;line-height:1.35;margin-top:5px;color:#8b9389}.tier.active{background:#e9f1e8;border-color:#adc2a8}.tier.active strong{color:#26583c;font-weight:700}.tier.active small{color:#376948}#tariff-note{font-size:9px;line-height:1.5;color:#7c887b;margin:7px 1px 0}.screen{border-radius:19px;background:#fff;border:1px solid #e6e9e2;padding:17px 17px 14px;box-shadow:0 3px 14px #27342505}.screen-heading{display:flex;justify-content:space-between;align-items:center}.screen-heading h2{font-size:11px;font-weight:600;color:#8a9389;margin:0}.screen-mark{font:italic 14px Georgia;color:#b1b9ab}.screen-quantity{font-size:18px;letter-spacing:-.4px;font-weight:550;margin:11px 0 3px;color:#364a3d}.screen-quantity span{font-size:14px;font-weight:400}.screen-size{margin:0;font-size:11px;color:#7a897b}.screen hr{border:0;border-top:1px solid #edf0e8;margin:13px 0}.unit-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#818e7d}.unit-line strong{color:#36573b;font-size:16px;font-weight:600}.total-label{font-size:10px;color:#87927f;margin:16px 0 4px}.total{margin:0;font-size:34px;letter-spacing:-1.3px;font-weight:650;line-height:1;color:#253f2b;font-variant-numeric:tabular-nums}.saving{font-size:10px;line-height:1.5;color:#428046;margin:11px 0 0}.price-status{font-size:9px;line-height:1.5;color:#8b9483;margin:8px 0 0}.screen-bottom{display:none}.phone-dock{flex-shrink:0;padding:11px 18px 25px;border-top:1px solid #e5e8e0;background:#ffffffed;backdrop-filter:blur(15px);box-shadow:0 -8px 20px #35442b04}.dock-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 9px;font-size:9px;color:#7e8978}.dock-summary strong{font-size:16px;color:#2d452e;font-variant-numeric:tabular-nums}.continue{width:100%;min-height:49px;padding:12px 10px;border-radius:15px;border:1px solid #d0785c;background:linear-gradient(#efaa91,#e58f72);color:#422e25;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 2px 4px #9a55351a;transition:filter .12s,transform .1s}.continue>span{font-size:18px;font-weight:400}.continue:hover{filter:brightness(1.04)}.continue:active{transform:scale(.98)}.reassurance{text-align:center;font-size:8px;line-height:1.45;color:#9a9f94;margin:7px 0 0}.transfer-status{font-size:9px;color:#a7402a;line-height:1.4;margin:6px 0 0}.transfer-status:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
@media(max-width:360px){.app-brand{padding:3px 15px 8px}.wordmark img{width:128px}.app-indicator{font-size:7px;padding:4px 6px}.intro{padding-left:16px;padding-right:16px}.intro h1{font-size:26px}.journey{gap:8px;margin-left:16px;margin-right:16px}.journey li{font-size:8px}.device-body{padding-left:13px;padding-right:13px}.sizes label>span{font-size:10px;border-radius:13px;height:66px}.quantity-controls input{font-size:43px;width:3.4ch}.quantity-controls>div>span{font-size:10px}.quantity-controls{gap:5px;padding:0}.phone-dock{padding-left:13px;padding-right:13px}.continue{font-size:11px}.screen{padding:15px}.total{font-size:30px}.dock-summary{font-size:8px}.dock-summary strong{font-size:14px}}
.intro h1{font-size:25px;line-height:1.15;letter-spacing:-.8px}.journey{margin-top:13px;margin-bottom:19px}.dock-summary>span{white-space:pre-line;line-height:1.55}@media(max-width:360px){.intro h1{font-size:23px}}
/* Lectura de los textos pequeños sobre la pantalla clara. */
.app-indicator,.intro>p:last-child,.journey li,.journey b,.quantity-controls>div>span,.range-labels,.screen-heading h2,.screen-size,.unit-line,.total-label,.price-status,.dock-summary,.reassurance,#tariff-note{color:#59665c}
.tier strong{color:#56634f}.tier small{color:#59684f;font-size:9px}.tier.active small{color:#37613d}.saving{color:#326735}.screen-mark{color:#6d7d62}.range-labels span:nth-child(2){color:#426442}
.intro h1{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:28px;line-height:1.12;font-weight:750;letter-spacing:-.9px;color:#23332f;margin-bottom:8px}.intro>p:last-child{font-size:12px;line-height:1.55;color:#59665c;max-width:29ch}.intro{padding-top:12px}.journey{margin-top:15px}@media(max-width:360px){.intro h1{font-size:25px}}