:root{--color-background:#FAFAFA;--color-card:#FFFFFF;--color-border:#E4E4E7;--color-text:#09090B;--color-muted:#52525B;--color-accent:#2563EB;--font-sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--shadow-sm:0 1px 2px rgb(9 9 11 / 4%);--shadow-md:0 4px 12px rgb(9 9 11 / 6%);--navy:#1e293b;--green:#bced97;--ink:var(--color-text);--muted:var(--color-muted);--bg:var(--color-background);--line:var(--color-border);--border:var(--color-border);--blue:var(--color-accent);--white:var(--color-card);--radius:var(--radius-lg);font-family:var(--font-sans);color:var(--ink);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4289c9;outline-offset:4px}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-60px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:8px}
.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:37px 23px;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-weight:800;font-size:21px;letter-spacing:-.7px}.brand-mark{background:var(--navy);color:var(--green);width:34px;height:36px;border-radius:10px;display:grid;place-items:center}.brand-mark .icon{width:25px;height:25px}.brand-sub{font-size:12px;color:var(--muted);margin:11px 0 40px 44px}.nav{display:grid;gap:8px}.nav a{display:flex;gap:13px;padding:13px 16px;align-items:center;color:#62707e;font-size:15px;border-radius:10px}.nav a.active{background:#eef4f7;color:var(--navy);font-weight:700}.nav small{margin-left:auto;background:#dce7ed;border-radius:6px;padding:2px 7px;color:var(--ink)}.sidebar-bottom{margin-top:auto}.support-note{border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:13px;line-height:1.6}.support-note strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.profile{display:flex;gap:12px;align-items:center;margin-top:26px}.avatar{background:#e8edf4;color:#405c78;border-radius:50%;display:grid;place-items:center;width:37px;height:37px;font-size:13px;font-weight:700}.profile strong{display:block;font-size:14px}.profile small{font-size:12px;color:var(--muted)}.workspace{margin-left:240px}.topbar{height:83px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:14px}.breadcrumb{display:flex;align-items:center;gap:10px;color:var(--muted)}.breadcrumb span{color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:20px}.demo{font-size:12px;font-weight:700;letter-spacing:.5px;border:1px solid #dae3ea;padding:5px 9px;border-radius:5px;color:#6b7c8c}.locale{font-size:13px;color:var(--muted)}main{max-width:1400px;padding:42px 44px 30px;margin:auto;min-height:calc(100vh - 83px)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-sans)}h1{font-size:30px;font-weight:800;letter-spacing:-1px;margin-bottom:10px}h2{font-size:19px;letter-spacing:-.4px;margin-bottom:6px}h3{font-size:16px;margin-bottom:8px}.muted{color:var(--muted)}.subtitle{color:var(--muted);margin-bottom:0;line-height:1.6;font-size:15px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:9px;border:1px solid transparent;padding:11px 19px;font-weight:600;font-size:14px;white-space:normal}.btn-primary{background:var(--navy);color:white}.btn-primary:hover{background:#244963}.btn-secondary{background:white;border-color:#d6dfe5;color:var(--ink)}.btn-secondary:hover{background:#f0f5f8}.btn-quiet{background:transparent;color:var(--blue);padding:8px 0;min-height:36px}.btn .icon{width:18px;height:18px}.welcome-card{background:var(--navy);color:white;border-radius:var(--radius);padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px;overflow:hidden}.welcome-card h2{font-size:24px;letter-spacing:-.6px}.welcome-card p{font-size:14px;line-height:1.65;color:#c5d2dc;margin:10px 0 0;max-width:450px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:700;margin-bottom:12px;color:#bced97}.coverage-seal{height:104px;width:104px;border:1px solid #52665d;outline:10px solid #294744;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;color:var(--green);margin-right:15px}.coverage-seal .icon{width:31px;height:31px;margin-bottom:3px}.coverage-seal span{font-size:12px;color:#e0eadd}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:33px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:21px 23px;display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:13px;color:var(--muted);margin-bottom:10px}.stat strong{font-size:29px;font-family:var(--font-sans);letter-spacing:-1px}.stat strong small{font-family:var(--font-sans);font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:8px}.stat-icon{padding:11px;display:flex;background:#edf5ef;color:#427953;border-radius:12px}.stat:nth-child(2) .stat-icon{background:#fff6e5;color:#9d702c}.stat:nth-child(3) .stat-icon{background:#edf2fb;color:#536da0}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:25px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-title h2{margin:0}.section-title small{color:var(--muted);font-size:13px}.purchase-list{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.purchase-row{display:flex;align-items:center;gap:17px;padding:21px 22px;border-bottom:1px solid var(--line);transition:background .15s}.purchase-row:last-child{border-bottom:0}.purchase-row:hover{background:#f8fafc}.product-icon{width:56px;height:60px;border-radius:12px;background:#edf1f5;display:grid;place-items:center;flex-shrink:0;color:#546c83}.product-icon .icon{width:31px;height:31px}.product-icon.sand{background:#faf1e8;color:#a08365}.product-icon.mint{background:#eaf3ed;color:#6b8c79}.purchase-info{flex:1;min-width:0}.purchase-info h3{font-size:14px;margin:0 0 6px;line-height:1.45}.purchase-info p{margin:0;font-size:12px;color:var(--muted)}.purchase-status{text-align:right}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;background:#edf6ed;color:#3d7747;padding:5px 8px;font-size:11px;font-weight:600}.badge.amber{background:#fff5e5;color:#956825}.badge.blue{background:#edf2fb;color:#47659b}.purchase-status p{font-size:12px;color:var(--muted);margin:8px 0 0}.chevron{width:16px;color:#9babb6;margin-left:1px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:23px}.case-card{border-top:3px solid #a9c9eb}.case-card .badge{margin-bottom:17px}.case-card p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:17px}.case-card h3{font-size:15px}.case-card .btn{width:100%;margin-top:6px}.case-meta{display:flex;align-items:center;gap:9px;padding:14px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.tip{background:#edf4ec;margin-top:18px;border-radius:14px;padding:20px;display:flex;gap:12px}.tip .icon{color:#6c8b56;flex-shrink:0}.tip h3{font-size:13px;margin:1px 0 6px}.tip p{font-size:12px;line-height:1.6;color:#667761;margin:0}.page-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:11px;color:#88949f;line-height:1.6}.mobile-nav,.mobile-brand{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:white;padding:14px 22px;border-radius:10px;box-shadow:0 8px 30px #142c4220;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90%;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){main{padding-top:50px}.purchase-row{padding-top:25px;padding-bottom:25px}.welcome-card{padding-top:36px;padding-bottom:36px}}
@media(max-width:1100px){.sidebar{width:205px;padding:30px 17px}.workspace{margin-left:205px}.brand{font-size:19px}main{padding:30px 27px}.topbar{padding:0 27px}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:17px}.purchase-row{padding:18px 14px;gap:12px}.purchase-status .badge{font-size:10px}.stat{padding:18px}.stat strong small{display:none}}
@media(max-width:850px){.content-grid{grid-template-columns:1fr}.side-content{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.tip{margin-top:37px}.purchase-info h3{font-size:16px}.purchase-info p,.purchase-status p{font-size:13px}.purchase-status .badge{font-size:12px}}
@media(max-width:650px){.sidebar{display:none}.workspace{margin:0}.topbar{height:72px;padding:0 20px}.mobile-brand{display:flex}.mobile-brand .brand{font-size:19px}.breadcrumb,.locale{display:none}.topbar-right{gap:0}main{padding:27px 20px 100px}h1{font-size:26px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:24px}.page-heading>.btn{width:100%}.subtitle{font-size:14px}.welcome-card{padding:24px;gap:18px}.welcome-card h2{font-size:20px}.welcome-card p{font-size:13px}.coverage-seal{height:66px;width:66px;outline-width:7px;margin-right:2px}.coverage-seal span{font-size:10px}.coverage-seal .icon{width:24px;height:24px}.stats{gap:8px;margin-bottom:27px}.stat{padding:15px 12px;display:block}.stat-label{font-size:12px;line-height:1.5;min-height:36px}.stat strong{font-size:25px}.stat-icon{display:none}.section-title h2{font-size:18px}.purchase-row{padding:19px 13px;gap:11px;flex-wrap:wrap}.product-icon{width:45px;height:53px;border-radius:9px}.product-icon .icon{width:27px;height:27px}.purchase-info h3{font-size:14px}.purchase-info p{font-size:12px}.purchase-status{margin-left:56px;margin-top:-1px;display:flex;align-items:center;gap:8px;flex:1;text-align:left}.purchase-status p{margin:0;font-size:12px}.purchase-status .badge{font-size:11px}.chevron{display:none}.side-content{display:block}.tip{margin-top:17px}.page-footer{flex-direction:column;gap:8px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:8px 15px max(8px,env(safe-area-inset-bottom));justify-content:space-around;z-index:20}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#7b8997;font-size:11px;padding:4px 14px}.mobile-nav a.active{color:var(--navy);font-weight:700}.mobile-nav a.active .icon{color:#376e54}.toast{bottom:87px}.eyebrow{font-size:10px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.back-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);margin-bottom:22px}.back-link .icon{width:17px}.flow-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:26px;align-items:start}.form-panel{padding:29px}.form-panel h2{margin-bottom:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label,.field-label{font-size:14px;font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:47px;border:1px solid #ced8e0;background:white;border-radius:8px;padding:12px;color:var(--ink)}.field textarea{resize:vertical;min-height:115px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#8c99a4}.field small{font-size:12px;line-height:1.5;color:var(--muted)}.upload-zone{position:relative;border:1.5px dashed #b9cbd7;border-radius:12px;background:#f9fbfd;padding:25px 18px;text-align:center;cursor:pointer;display:block;margin:10px 0 22px;transition:background .2s}.upload-zone:hover,.upload-zone.dragover{background:#edf5fa;border-color:#326391}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone:focus-within{outline:3px solid #4289c9;outline-offset:3px}.upload-zone>.icon{color:#587c9a;width:27px;height:27px;margin-bottom:10px}.upload-zone strong{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.upload-zone strong span{color:var(--blue);font-weight:700}.upload-zone small{display:block;color:var(--muted);font-size:12px}.file-list{display:grid;gap:8px;margin-top:-9px;margin-bottom:21px}.attached-file{display:flex;align-items:center;gap:10px;background:#f0f5f8;border:1px solid #e2e9ed;border-radius:9px;padding:12px;font-size:13px}.attached-file>span{flex:1;word-break:break-word}.icon-btn{display:grid;place-items:center;min-width:36px;min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted)}.icon-btn:hover{background:#dfe8ee}.form-divider{height:1px;background:var(--line);margin:25px 0}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:13px;margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}.help-panel{background:#eef3f7;border:0}.help-panel> .icon{color:#57816a;margin-bottom:15px}.help-panel h3{font-size:17px;line-height:1.5}.help-panel p{font-size:14px;line-height:1.75;color:var(--muted)}.help-panel ol{padding:0;list-style:none;counter-reset:steps;margin:25px 0 0}.help-panel li{counter-increment:steps;display:flex;gap:12px;align-items:center;margin-bottom:19px;font-size:13px;line-height:1.5}.help-panel li:before{content:counter(steps);display:grid;place-items:center;border-radius:50%;background:white;width:27px;height:27px;flex-shrink:0;color:var(--blue);font-size:12px;font-weight:700}.notice{display:flex;gap:10px;background:#f0f5f9;padding:15px 17px;border-radius:10px;font-size:13px;color:#5c7285;line-height:1.65;margin-top:20px}.notice .icon{width:19px;margin-top:1px;flex-shrink:0}.error{color:#a23434;font-size:13px;line-height:1.5;margin:12px 0;background:#fff1f1;padding:12px;border-radius:8px}.error:empty{display:none}.detail-title{display:flex;align-items:center;gap:19px}.detail-title .product-icon{width:72px;height:78px}.detail-title .product-icon .icon{width:40px;height:40px}.detail-title h1{margin-bottom:7px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:25px 0 4px}.detail-meta dt{font-size:12px;color:var(--muted);margin-bottom:8px}.detail-meta dd{font-size:15px;font-weight:500;margin:0;overflow-wrap:anywhere}.warranty-panel{background:var(--navy);color:white;padding:27px}.warranty-panel .badge{background:#2a4b47;color:#caecb6}.warranty-top{display:flex;align-items:center;justify-content:space-between}.days-count{font-size:59px;letter-spacing:-3px;line-height:1.2;font-family:var(--font-sans);font-weight:650;margin-top:20px;color:var(--green)}.days-count small{font-size:15px;letter-spacing:0;color:#cdd8e0;font-family:var(--font-sans);font-weight:400;margin-left:10px}.progress-track{height:5px;border-radius:3px;background:#405469;margin:23px 0 15px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--green);border-radius:3px}.warranty-panel p{font-size:13px;color:#c4d2dd;line-height:1.6;margin-bottom:0}.warranty-panel .warranty-dates{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#acbfcd}.stack{display:grid;gap:22px}.doc-row{width:100%;border:1px solid var(--line);background:white;border-radius:10px;display:flex;gap:12px;align-items:center;text-align:left;padding:15px;color:var(--ink);margin-top:14px}.doc-row>span{flex:1;min-width:0}.doc-row strong{display:block;font-size:13px;word-break:break-word}.doc-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.doc-row:hover{background:#f7fafc}.problem-prompt{background:#eef4ec;border-color:#e2ebdd}.problem-prompt p{font-size:14px;line-height:1.6;color:#657860}.problem-prompt .btn{width:100%}.steps-bar{display:flex;align-items:center;gap:12px;margin-bottom:27px;color:var(--muted);font-size:13px}.steps-bar span{display:flex;gap:7px;align-items:center}.steps-bar b{border-radius:50%;width:24px;height:24px;background:#e5ebef;display:grid;place-items:center;font-size:11px}.steps-bar .current{color:var(--ink);font-weight:600}.steps-bar .current b{background:var(--navy);color:white}.steps-bar i{height:1px;background:#d6e1e8;flex:1}.radio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 24px}.radio-option{border:1px solid #d9e1e7;border-radius:9px;padding:13px;display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;min-height:55px;line-height:1.5}.radio-option:has(input:checked){background:#eef5f9;border-color:#648dad;color:var(--blue)}input[type=radio]{accent-color:#294e6c;width:17px;height:17px;flex-shrink:0}.radio-option input{margin:0}.mini-product{display:flex;align-items:center;gap:13px;margin-bottom:22px;padding-bottom:21px;border-bottom:1px solid var(--line)}.mini-product h3{font-size:14px}.mini-product p{font-size:12px;color:var(--muted);margin:0}.consent{display:flex;gap:9px;font-size:12px;line-height:1.6;color:var(--muted);align-items:flex-start;margin-top:18px}.consent input{width:17px;height:17px;accent-color:var(--navy);flex-shrink:0}.success-strip{border:1px solid #dcebd4;background:#edf6e8;border-radius:13px;padding:19px 21px;display:flex;gap:14px;align-items:center;margin-bottom:25px}.success-strip>.icon{color:#54813c;width:26px;height:26px}.success-strip strong{display:block;font-size:14px;margin-bottom:5px}.success-strip p{font-size:13px;color:#607756;margin:0;line-height:1.5}.timeline{list-style:none;padding:5px 0 0;margin:25px 0 0}.timeline li{display:flex;gap:17px;position:relative;padding-bottom:31px}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):before{content:'';position:absolute;left:15px;top:31px;bottom:0;width:2px;background:#e0e7ec}.timeline-dot{width:32px;height:32px;background:#eff3f6;color:#91a1ae;border:1px solid #e0e7ec;border-radius:50%;display:grid;place-items:center;flex-shrink:0;z-index:1}.timeline-dot .icon{width:16px;height:16px}.timeline li.done .timeline-dot{background:#eaf4e5;color:#4f7b38;border-color:#d9e8d0}.timeline li.current .timeline-dot{background:var(--navy);color:white;border-color:var(--navy);box-shadow:0 0 0 4px #e9f0f6}.timeline h3{font-size:14px;margin:5px 0 7px}.timeline p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}.timeline time{display:block;font-size:11px;color:#8898a4;margin-top:8px}.timeline li.future h3{color:#7c8c98}.timeline li.current p{color:#3d5a72}.summary-quote{border-left:3px solid #c7d8e4;padding-left:14px;font-size:14px;line-height:1.7;color:#637988;margin:20px 0}.case-id{font-size:13px;font-family:var(--font-sans);font-weight:500;color:var(--muted);letter-spacing:0}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{padding:0;border:0;border-radius:16px;width:min(730px,calc(100% - 30px));max-height:90vh;box-shadow:0 20px 80px #07182740;color:var(--ink)}dialog::backdrop{background:#13273890}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 22px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:16px;margin:0;word-break:break-word}.dialog-body{padding:25px}.dialog-body img{max-width:100%;max-height:62vh;display:block;margin:auto;object-fit:contain}.dialog-body iframe{width:100%;height:60vh;border:1px solid var(--line)}.receipt{max-width:390px;margin:auto;padding:25px;border:1px dashed #bdcbd5;text-align:center;font-family:monospace}.receipt h3{font-size:22px;margin:15px 0}.receipt p{font-size:13px;line-height:1.8}.receipt-line{border-top:1px dashed #bdcbd5;padding:16px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px;text-align:left}.receipt .demo{display:inline-block;margin:15px 0}.filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter{padding:9px 14px;border-radius:8px;border:1px solid #dae3e9;color:var(--muted);background:white;font-size:13px}.filter.selected{background:var(--navy);color:white;border-color:var(--navy)}
main:focus{outline:none}
.brand-period{color:#92bb79;margin-left:-8px}.sun{font-weight:400}.vertical-stack{display:flex;flex-direction:column}.plain-fieldset{border:0;padding:0;margin:0}.no-margin{margin-top:0}.full-width{width:100%}.spaced{margin-top:18px}.scope-note{color:var(--muted);font-size:13px;line-height:1.65;margin:16px 0 0}.badge.neutral{background:#eef2f5;color:#536778}.badge .icon{width:15px;height:15px}.field-error{color:#a23434!important}.field-error:empty{display:none}.field [aria-invalid=true]{border-color:#a23434}.field-hints{display:flex;justify-content:space-between;gap:15px}.field-hints>small:last-child{white-space:nowrap}.readiness{list-style:none;padding:0;margin:15px 0}.readiness li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);padding:9px 0}.readiness .icon{width:18px;height:18px}.readiness li.ready{color:#416f3b}.action-note{display:flex;align-items:flex-start;gap:14px;padding:20px;margin-top:20px;border:1px solid #dce6ec;border-radius:13px;background:#edf4f8}.action-note>.icon{color:#496d8a;flex-shrink:0}.action-note strong{font-size:14px}.action-note p{color:var(--muted);font-size:13px;line-height:1.65;margin:7px 0}.action-note .btn{font-size:13px;text-align:left}.unknown-deadline{font-size:25px;margin:25px 0 12px;color:var(--green)}.btn-light{background:white;color:var(--navy);margin-top:18px}.document-empty{border:1px dashed #bdcdd9;border-radius:12px;padding:22px;margin-top:20px;text-align:center}.document-empty>.icon{color:var(--muted)}.document-empty p{font-size:14px;color:var(--muted);margin:10px 0 15px}.simulation-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.simulation-controls>span{font-size:13px;color:var(--muted);max-width:220px;line-height:1.6}.simulation-controls .btn{font-size:13px}.export-panel{background:#f3f8ef;border-color:#deead6}.export-panel>.icon{color:#587d45;margin-bottom:12px}.export-panel p{font-size:14px;color:#566c4d;line-height:1.7}.export-panel>small{display:block;text-align:center;margin-top:12px;font-size:12px;color:#566c4d}.next-action{margin-top:17px}.merchant-name{margin-top:15px;font-size:16px;color:var(--ink)}.integration-demo{display:flex;align-items:center;gap:16px;border:1px solid #dce6ed;border-radius:13px;background:white;padding:18px 22px;margin-bottom:22px}.integration-demo>.icon{color:#4b7190;width:26px;height:26px}.integration-demo>div{flex:1}.integration-demo strong{font-size:14px}.integration-demo p{font-size:13px;line-height:1.6;color:var(--muted);margin:5px 0 0}.integration-demo .btn{font-size:13px}.page-footer,.timeline time{color:#647482}.mobile-nav a{color:#647482}.timeline li.future h3{color:#647482}.field input::placeholder,.field textarea::placeholder{color:#647482}.icon-btn{min-width:44px;min-height:44px}.case-meta,.purchase-info p,.purchase-status p,.tip p,.doc-row small,.consent{font-size:13px}.demo{font-size:12px}.support-note{line-height:1.7}
.export-preview{border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:18px;max-height:420px;overflow:auto}.export-preview img{max-width:100%;max-height:250px}.export-preview h1{font-size:22px}.export-preview h2{margin-top:22px}.export-preview dt{font-weight:600;font-size:13px}.export-preview dd{margin:0 0 13px;font-size:14px}.export-preview a{overflow-wrap:anywhere}summary{cursor:pointer;color:var(--blue);font-size:14px}
@media(max-width:650px){.purchase-detail{display:flex;flex-direction:column;align-items:stretch}.purchase-detail>.stack{display:contents}.purchase-detail>.vertical-stack>.panel{order:2}.purchase-detail>.vertical-stack>.panel:first-child{order:0}.purchase-detail .warranty-panel{order:1}.purchase-detail .problem-prompt{order:3}.purchase-detail>.stack>.notice{order:4}}
@media(max-width:1000px){.integration-demo{flex-wrap:wrap}.integration-demo .btn{margin-left:42px}.detail-title h1{font-size:26px}}
@media(max-width:650px){.integration-demo{padding:18px;gap:12px}.integration-demo .btn{margin:0;width:100%}.integration-demo>div{flex-basis:calc(100% - 42px)}.simulation-controls{flex-direction:column;align-items:stretch}.simulation-controls>span{max-width:none}.detail-title h1{font-size:22px}.field-hints{gap:10px}.readiness{font-size:14px}.welcome-card{padding:22px}.welcome-card p{font-size:14px}.page-footer{font-size:12px}.mobile-nav a{min-height:48px}.page-heading .badge.neutral{font-size:12px}}
@media(max-width:650px){.purchase-row .purchase-info{flex:1 1 calc(100% - 56px)}.purchase-row .purchase-status{flex:1 1 calc(100% - 56px)}}
@media(max-width:1000px){.flow-layout{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:19px}.form-panel{padding:22px}.field-grid{gap:18px 13px}.radio-grid{grid-template-columns:1fr}.days-count{font-size:48px}}
@media(max-width:850px){.flow-layout{grid-template-columns:1fr}.help-panel ol{display:flex;flex-wrap:wrap;gap:10px 25px}.help-panel li{margin-bottom:5px}.help-panel p{margin-bottom:10px}.radio-grid{grid-template-columns:1fr 1fr}.flow-layout>.stack{grid-template-columns:1fr 1fr}.flow-layout>.stack .warranty-panel{grid-column:1/-1}.days-count{font-size:55px}}
@media(max-width:650px){.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-panel{padding:21px 17px}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1}.detail-title{gap:13px}.detail-title h1{font-size:22px}.detail-title .product-icon{width:55px;height:65px}.detail-title .product-icon .icon{width:32px}.detail-meta{gap:23px 15px}.detail-meta dd{font-size:14px}.flow-layout>.stack{grid-template-columns:1fr}.radio-grid{grid-template-columns:1fr}.steps-bar{font-size:11px;gap:8px}.steps-bar b{width:21px;height:21px}.help-panel ol{display:block}.help-panel li{margin-bottom:16px}.form-actions .btn{font-size:13px;padding:12px}.notice{font-size:12px}.success-strip{padding:17px}.dialog-body{padding:16px}.receipt{padding:16px}.purchase-status.case-status{margin-left:0}.page-heading .case-id{display:block;margin-top:8px}}
.warranty-lab{margin-bottom:24px}.capture-steps{display:flex;gap:10px;padding:0;list-style:none;margin:24px 0}.capture-steps li{flex:1;background:#edf1f5;border-radius:10px;padding:12px;font-weight:700;text-align:center}.capture-steps li.done{background:#e0f2d4;color:#254921}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.capture-card{border:1px solid #dce4eb;border-radius:16px;padding:20px;min-width:0}.capture-card p,.coverage-card p{line-height:1.65}.capture-card h3,.coverage-card h3{margin:12px 0}.sample-receipt{background:#faf9f4;border:1px dashed #ccd1cc;padding:20px;margin:18px 0;line-height:1.8}.sample-receipt small{display:block;font-size:10px;letter-spacing:.5px}.box-label{display:block;width:100%;height:auto;border-radius:12px;margin:18px 0}.uploaded-label{max-height:240px;object-fit:contain;background:#f4f6f8}.photo-label{display:block;font-weight:600;margin:18px 0 8px}.capture-card input[type=file]{width:100%;font-size:13px}.capture-card small{display:block;color:#52677a;margin-top:8px}.capture-result{border-left:3px solid #6d9b47;background:#f0f7eb;padding:12px}.delivery-confirm{background:#f2f6f9;border-radius:14px;padding:22px;margin-top:20px}.delivery-confirm label{display:block;font-weight:600;margin:16px 0 8px}.delivery-confirm input{padding:12px;border:1px solid #bccbd7;border-radius:8px;max-width:100%;margin:0 12px 12px 0;color:#142c42}.coverage-results{margin-top:26px;scroll-margin-top:24px}.coverage-card{border:1px solid #d6e1e9;border-radius:14px;padding:22px;margin-top:16px}.coverage-card.legal{border-left:5px solid #86b85e;background:#f7fbf4}.coverage-period{font-size:20px}.coverage-card details{background:#f1f5f8;border-radius:8px;padding:14px;margin:16px 0}.coverage-card summary{font-weight:600;cursor:pointer}.coverage-card li{margin:10px 0;line-height:1.5}.official-link{display:inline-block;color:#1c5680;font-weight:700;text-decoration:underline;text-underline-offset:3px;margin:5px 20px 5px 0}.computer-demo-detail .warranty-panel,.computer-demo-detail #warranty-view,.computer-demo-detail aside>.notice{display:none}.capture-card .btn:disabled{opacity:.45;cursor:not-allowed}#demo-delivery-error{color:#9e2929}#demo-photo-message{font-size:13px}@media(max-width:720px){.capture-grid{grid-template-columns:1fr}.capture-steps{gap:5px}.capture-steps li{font-size:12px;padding:12px 4px}.warranty-lab>.section-title{align-items:flex-start;gap:10px;flex-direction:column}.coverage-card,.capture-card{padding:16px}.delivery-confirm .btn{width:100%}}
.delivery-dates{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.delivery-dates small,.delivery-document span{display:block;font-size:13px;color:#52677a;margin-top:8px}.delivery-confirm select{width:100%;padding:12px;border:1px solid #bccbd7;border-radius:8px;background:white;color:#142c42}.delivery-confirm input[type=file]{width:100%;background:white}.delivery-confirm>small{display:block;line-height:1.5;color:#52677a}.delivery-document{background:white;border:1px solid #d8e2ea;border-radius:12px;padding:16px;margin:18px 0;overflow-wrap:anywhere}.delivery-document .btn{margin:12px 8px 0 0}.delivery-confirm>.btn{margin-top:12px}.delivery-confirm .consent{display:flex;gap:12px;align-items:flex-start}.delivery-confirm .consent input{margin:4px 0 0;flex-shrink:0}#demo-delivery-file-error{color:#9e2929}@media(max-width:720px){.delivery-dates{grid-template-columns:1fr}.delivery-document .btn{width:100%;margin-right:0}}
.simple-purchase{max-width:760px;margin:0 auto 28px}.simple-stepbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px;color:#52677a;font-weight:600;font-size:13px}.simple-start{text-align:center;padding:42px 28px}.simple-start h2,.simple-review h2{font-size:28px;line-height:1.2;margin:18px 0 12px}.simple-start>p{color:#52677a;margin-bottom:24px}.simple-hero-icon{display:inline-flex;align-items:center;justify-content:center;background:#edf6e7;color:#38632b;border-radius:22px;width:76px;height:76px}.simple-hero-icon svg{width:34px;height:34px}.simple-start>.btn{display:block;width:100%;max-width:370px;margin:auto}.text-button{display:block;background:none;border:0;color:#285a7d;text-decoration:underline;text-underline-offset:3px;padding:12px 0;font:inherit;font-size:14px;cursor:pointer;margin:auto}.simple-more{text-align:left;border-top:1px solid #e0e7ed;padding:18px 0;margin-top:12px}.simple-more>summary{cursor:pointer;font-weight:600;color:#244257}.simple-more .receipt{margin-top:18px}.optional-content{padding-top:16px}.optional-content label,.simple-review>label{display:block;font-weight:600;margin:16px 0 8px}.optional-content input,.simple-review>input{width:100%;padding:13px;border:1px solid #bdccd8;border-radius:10px;background:white;color:#142c42;font:inherit}.serial-input{display:flex;gap:10px}.serial-input input{min-width:0}.serial-input .btn{flex-shrink:0;font-size:12px}.microcopy{font-size:13px;color:#52677a;line-height:1.5;margin:10px 0}.simple-product{display:flex;gap:14px;align-items:center;padding:20px;background:#f4f7f9;border-radius:12px;margin:22px 0}.simple-product>.icon{width:28px;height:28px}.simple-product span{display:block;color:#52677a;font-size:14px;margin-top:7px}.simple-facts{display:flex;gap:28px;margin:20px 0}.simple-facts dt{font-size:12px;color:#52677a;margin-bottom:8px}.simple-facts dd{margin:0;font-size:14px}.simple-main-action{width:100%;margin-top:20px}.simple-review,.simple-success{padding:28px}.simple-demo-note{font-size:12px;color:#52677a;text-align:center;line-height:1.6;margin:14px}.simple-success-head{display:flex;gap:16px;align-items:center}.simple-success-head>.icon{width:40px;height:40px;color:#3c7330}.simple-success-head h2{font-size:25px;margin:0}.simple-success-head p{font-size:14px;color:#52677a;margin:8px 0 0}.simple-legal{background:#eff8e9;border-radius:14px;padding:24px;margin:24px 0 0}.simple-legal>span{font-size:14px;color:#315c29}.simple-legal>strong{display:block;font-size:48px;line-height:1.1;margin:12px 0}.simple-legal small{font-size:15px;font-weight:500;margin-left:12px}.simple-legal p{font-size:13px;color:#315c29;margin:10px 0 0}.computer-demo-detail{display:none!important}#simple-date-error,#simple-file-error{color:#9e2929;font-size:14px}.optional-content>h3{font-size:17px;margin-top:24px}.optional-content>p{font-size:14px;line-height:1.65}.simple-purchase .official-link{font-size:14px}@media(max-width:720px){.simple-start{padding:30px 20px}.simple-review,.simple-success{padding:22px 18px}.simple-start h2,.simple-review h2{font-size:25px}.simple-facts{flex-direction:column;gap:15px}.serial-input{flex-direction:column}.simple-legal>strong{font-size:42px}.simple-legal small{display:block;margin:6px 0 0}.simple-success-head h2{font-size:22px}.simple-success-head>.icon{flex-shrink:0}}
.purchase-meter{min-width:150px;max-width:185px}.warranty-meter .meter-kind{display:block;font-size:13px;color:#466445;margin-bottom:10px}.meter-number{display:block;font-size:46px;line-height:1.2;color:#193e27;margin-bottom:16px}.meter-number small{font-size:15px;font-weight:500}.life-track{height:10px;border-radius:999px;background:#dce6dc;overflow:hidden;width:100%}.life-track>span{display:block;height:100%;border-radius:inherit;background:#5d9953;transition:width .25s ease}.warranty-meter.soon .life-track>span{background:#c88323}.warranty-meter.soon .meter-number{color:#8b561b}.warranty-meter.ended .meter-number,.warranty-meter.ended .meter-kind{color:#66717b}.meter-end{font-size:13px;color:#466445;margin:12px 0 0}.warranty-meter.compact .meter-kind{font-size:11px;color:#617586;margin:0 0 6px}.warranty-meter.compact .meter-number{font-size:16px;margin:0 0 8px;color:#244257}.warranty-meter.compact .meter-number small{font-size:12px}.warranty-meter.compact .life-track{height:6px}.warranty-meter.compact.soon .meter-number{color:#986022}.meter-unknown{font-size:13px;color:#687c8c;display:block;margin-top:7px}.purchase-meter>.meter-kind{font-size:11px;color:#687c8c}.other-warranty{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e0e7ed;font-size:14px}.other-warranty span{color:#687c8c;text-align:right}@media(max-width:720px){.purchase-meter{min-width:110px;max-width:125px}.warranty-meter.compact .meter-number{font-size:14px}.warranty-meter.compact .meter-number small{font-size:11px}.meter-number{font-size:40px}.meter-number small{display:block;margin-top:5px}.other-warranty{flex-direction:column;gap:6px}.other-warranty span{text-align:left}}
.demo-coverage{padding:20px;border:1px solid #dce5eb;border-radius:12px;margin:16px 0;background:#f8fafb}.demo-coverage h3{margin:0 0 14px}.demo-coverage .meter-number{font-size:30px}.demo-coverage .meter-kind{font-size:12px}.demo-coverage details{margin-top:18px;font-size:14px;line-height:1.6}.demo-coverage summary{cursor:pointer;font-weight:600}.remaining-extra{font-size:13px;font-weight:600;color:#285a7d}.demo-coverage .life-track{height:8px}
.case-help{max-width:800px;margin:0 auto 24px;padding:28px}.case-help h2{font-size:25px;margin:18px 0 12px}.case-help>p{font-size:14px;line-height:1.6;color:#52677a}.case-help>label,.case-help .optional-content>label{display:block;font-weight:600;margin:18px 0 8px}.case-help select,.case-help input{width:100%;padding:13px;border:1px solid #bdccd8;border-radius:9px;background:white;color:#142c42;font:inherit}.handoff-text{width:100%;padding:14px;border:1px solid #c6d4df;border-radius:10px;font:14px/1.6 system-ui;resize:vertical;color:#244257;background:#f8fafb}.case-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.contact-result{padding:20px;background:#f3f7fa;border-radius:12px;margin-top:20px}.handoff-data{margin-top:26px}.handoff-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e0e7ed;padding:15px 0}.handoff-row small{color:#617586}.handoff-row p{font-size:14px;line-height:1.5;margin:6px 0 0;white-space:pre-wrap}.handoff-row .btn{flex-shrink:0;font-size:12px;min-height:36px;padding:8px 12px}.handoff-data>.btn{margin-top:18px}.chat-demo{padding:18px;background:#f2f7fa;border-radius:12px;margin:18px 0;font-size:14px;line-height:1.6}.chat-demo p{padding:14px;background:white;border-radius:10px}.case-history>summary{cursor:pointer;font-weight:600;color:#285a7d;padding:18px}.case-history>.flow-layout{margin-top:16px}#handoff-copy-status,#copy-provider-status{font-size:13px;color:#315c29}@media(max-width:720px){.case-help{padding:22px 18px}.case-help h2{font-size:22px}.case-options .btn{width:100%}.handoff-row{gap:10px}}

.receipt-batch{max-width:900px}.receipt-batch section{min-width:0}.product-editor{border-top:1px solid var(--border,#dbe4eb);padding-top:24px}.receipt-batch .doc-row{flex-wrap:wrap}.receipt-batch .doc-row>span{flex:1;min-width:180px}.intro-steps>div{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #dbe4eb;border-radius:16px;background:#f7fafc}.try-demo{margin:24px 0 32px}.receipt-batch .field-grid{width:100%}

.receipt-batch .simple-more>summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:14px;border:1px solid var(--line,#dbe4eb);border-radius:10px;background:#f5f8fa;list-style:none}.receipt-batch .simple-more>summary::-webkit-details-marker{display:none}.receipt-batch .simple-more>summary span{font-size:12px;color:var(--blue,#27618d)}.receipt-batch .simple-more[open]>summary span{font-size:0}.receipt-batch .simple-more[open]>summary span:after{content:"Cerrar";font-size:12px}

.compact-product-support{margin-bottom:20px}.compact-deadline{display:flex;align-items:center;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.compact-deadline>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-deadline strong{font-size:24px}.compact-deadline small{flex-basis:100%;color:var(--muted);font-size:13px}.compact-deadline .progress-track{flex:1;min-width:120px;max-width:280px;height:9px;background:#e0e9e4}.compact-deadline .progress-track span{background:#599b51}.compact-purchase-summary{margin:20px 0}.compact-purchase-summary h2{font-size:19px}.compact-purchase-summary .doc-row{margin:12px 0}.compact-facts{margin-top:12px}.compact-facts>summary{cursor:pointer;display:flex;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--bg,#f5f8fa);list-style:none}.compact-facts .detail-meta{margin-top:18px}.direct-company-contact{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.direct-company-contact h3{font-size:18px}.direct-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.direct-channel{display:flex;align-items:center;gap:12px;min-height:76px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--bg,#f5f8fa);text-decoration:none;color:var(--ink)}.direct-channel:hover{border-color:#689caa;background:#edf5f6}.direct-channel>span{flex:1;min-width:0}.direct-channel strong{display:block;font-size:16px}.direct-channel small{display:block;font-size:12px;margin-top:4px;line-height:1.5;color:var(--muted)}.direct-channel .icon{flex-shrink:0}.channel-note{padding:0 4px;line-height:1.5}@media(max-width:600px){.compact-deadline{flex-wrap:wrap;gap:12px}.compact-deadline .progress-track{flex-basis:100%;max-width:none}.direct-channel-grid{grid-template-columns:1fr}.compact-product-support,.compact-purchase-summary{padding:18px}}

/* Sistema global SaaS: superficies y componentes existentes. */
body{background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased}
body,h1,h2,h3,h4,button,input,select,textarea{font-family:var(--font-sans)!important}
.public-page,.workspace{color:var(--color-text)!important}
.panel,.card,.compare-store-card,.login-demo,.category-result,.detail-card,.help-panel,.stat-card,.purchase-list,.case-list,.buying-type,.intro-steps>div,.followup-reminder-strip,.product-editor{background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;color:var(--color-text)!important}
.sidebar,.topbar,.public-header,.public-footer{border-color:var(--color-border)!important}
.btn{border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-sm)}
.btn-secondary{background:var(--color-card)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-card)}
.simple-more>summary,.doc-row,.direct-channel,.followup-disclosure,.compare-costs{border-color:var(--color-border)!important;border-radius:var(--radius-sm)!important}
.compare-costs,.buying-explanation,.followup-disclosure,.direct-channel,.compact-facts>summary{background:var(--color-background)!important}
.garanexo-toolstrip{border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-md)!important}
.garanexo-toolstrip select{background:#0f172a;color:#f8fafc;border-color:#64748b}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}

/* Contenedor y superficies principales. */
html,body,#app{min-height:100%;background:var(--color-background);color:var(--color-text)}
#app{min-height:100vh;isolation:isolate}
.workspace,.public-page,#main{background:var(--color-background)!important}
.sidebar,.topbar,.public-header{background:var(--color-card)!important;border-color:var(--color-border)!important}
.public-header{border-bottom:1px solid var(--color-border)}
#app .panel,#app .welcome-card,#app .home-intro,#app .public-how,#app .directory-wizard,#app .category-result,#app .comparison-coverage,#app .compare-store-card,#app .receipt-batch,#app .followup-main,#app .followup-reminder-strip,#app .followup-disclosure,#app .compact-product-support,#app .compact-purchase-summary,#app .buying-note,#app .intro-steps>div{background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;color:var(--color-text)!important}
#app .welcome-card h2,#app .welcome-card p,#app .welcome-card .eyebrow{color:var(--color-text)}
#app .public-footer,#app .demo-footer{border-color:var(--color-border)!important}

/* Tablas, comparadores y listas. */
:root{--color-secondary:#71717A;--muted:var(--color-secondary)}
#app table{width:100%;border-collapse:collapse;border-spacing:0;color:var(--color-text);font-size:14px}
#app table th,#app table td{padding:12px 16px;border:0;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;line-height:1.5}
#app table thead th{background:var(--color-background);font-weight:600;color:var(--color-text)}
#app table tbody tr:last-child td,#app table tbody tr:last-child th{border-bottom:0}
#app .purchase-list,#app .case-list,#app .file-list,#app .compare-store-card{border:1px solid var(--color-border)!important;box-shadow:var(--shadow-sm)!important}
#app .purchase-row,#app .case-row,#app .handoff-row{padding:16px;border-width:0;border-bottom:1px solid var(--color-border)!important;background:var(--color-card);color:var(--color-text)}
#app .purchase-row:last-child,#app .case-row:last-child,#app .handoff-row:last-child{border-bottom:0!important}
#app .doc-row,#app .direct-channel{padding:12px 16px;border:1px solid var(--color-border)!important;box-shadow:none!important}
#app .compare-store-card{padding:16px}
#app .compare-store-card section{padding:14px 0;border-top:1px solid var(--color-border)!important}
#app .compare-costs{padding:14px!important;border:1px solid var(--color-border)!important;background:var(--color-background)!important}
#app .buying-compare-table th,#app .buying-compare-table td{border-color:var(--color-border)!important}
#app .microcopy,#app .muted,#app .subtitle,#app table small,#app .purchase-row small,#app .case-row small,#app .doc-row small,#app .direct-channel small,#app .followup-log small{color:var(--color-secondary)!important}
#app .followup-log{padding-left:0;list-style:none}
#app .followup-log>li{padding:12px 0;border-bottom:1px solid var(--color-border)}
#app .followup-log>li:last-child{border-bottom:0}
#app .garanexo-toolstrip .microcopy,#app .garanexo-toolstrip label{color:#cbd5e1!important}
@media(max-width:600px){#app table th,#app table td{padding:12px}#app .purchase-row,#app .case-row{padding:14px 12px}#app .buying-compare-table tbody th:first-child{background:var(--color-background)}}

/* Acciones y navegación. */
#app .btn{min-height:44px;border-radius:var(--radius-sm)!important;border:1px solid transparent;padding:10px 16px;font-weight:500;box-shadow:var(--shadow-sm);transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease}
#app .btn-primary{background:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important}
#app .btn-secondary{background:var(--color-card)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}
#app .btn-quiet,#app .text-button{background:transparent;border-color:transparent;box-shadow:none;color:var(--color-accent)}
#app .topbar{background:var(--color-card)!important;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-text)}
#app .public-header{background:var(--color-card)!important;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 20px;margin-top:16px}
#app .sidebar{background:var(--color-card)!important;border-right:1px solid var(--color-border)}
#app .nav a{border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-secondary);font-weight:500;transition:background-color 150ms ease,border-color 150ms ease}
#app .nav a.active{background:#eff6ff;border-color:#bfdbfe;color:var(--color-accent);font-weight:600}
#app .nav small{background:var(--color-background);color:var(--color-secondary);border:1px solid var(--color-border)}
#app .bottom-nav,#app .mobile-nav{background:var(--color-card);border-top:1px solid var(--color-border);box-shadow:0 -2px 8px rgb(9 9 11 / 4%)}
@media(hover:hover){#app .btn:not(:disabled):hover{box-shadow:var(--shadow-md)}#app .btn-primary:not(:disabled):hover{background:#1d4ed8!important;border-color:#1d4ed8!important}#app .btn-secondary:not(:disabled):hover{background:var(--color-background)!important;border-color:#d4d4d8!important}#app .nav a:not(.active):hover{background:var(--color-background);border-color:var(--color-border);color:var(--color-text)}}
#app .btn:disabled{cursor:not-allowed;box-shadow:none;opacity:.5}
#app .btn:focus-visible,#app .nav a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#app .btn,#app .nav a{transition:none}}

/* Entrada de la portada por bloques completos. */
.hero-animated-title .hero-word{display:inline-block}
.public-hero>.guided-label,.public-hero .hero-animated-title{animation:hero-section-reveal .65s cubic-bezier(.22,1,.36,1) .4s both}
.public-hero>p{animation:hero-section-reveal .65s cubic-bezier(.22,1,.36,1) .7s both}
.public-hero .hero-journey{animation:hero-section-reveal .65s cubic-bezier(.22,1,.36,1) 1s both}
.public-hero .try-demo,.public-hero .entry-choices{animation:hero-section-reveal .65s cubic-bezier(.22,1,.36,1) 1.3s both}
.hero-journey svg{display:block;width:100%;height:auto;overflow:visible}
.hero-journey .hero-journey-compact{display:none}
.hero-journey .hero-journey-wide{max-width:840px}
@keyframes hero-section-reveal{from{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:600px){.hero-journey .hero-journey-wide{display:none}.hero-journey .hero-journey-compact{display:block;max-width:390px}}
@media(prefers-reduced-motion:reduce){.public-hero>.guided-label,.public-hero .hero-animated-title,.public-hero>p,.public-hero .hero-journey,.public-hero .try-demo,.public-hero .entry-choices{animation:none;opacity:1;transform:none;filter:none}}
.public-support-page{max-width:1060px;margin:auto;padding:24px;color:var(--color-text)}
.public-support-page header{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-border)}
.public-support-page main{padding:32px 0;min-height:0}
.public-support-page p{line-height:1.6;color:var(--color-muted)}
.public-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.public-support-card,.public-support-intro{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;padding:20px}
.public-support-intro{margin:24px 0;scroll-margin-top:16px}
.public-support-card{display:flex;flex-direction:column;gap:12px}
.public-support-card h3,.public-support-card p{margin:0}
.public-support-actions{display:flex;flex-wrap:wrap;gap:10px}
.public-support-actions .btn{font-size:13px}
.public-support-page footer{font-size:12px;line-height:1.6;border-top:1px solid var(--color-border);padding:20px 0;color:var(--color-muted)}
.public-footer .public-guide-link{display:inline-block;margin-bottom:12px}
@media(max-width:600px){.public-support-grid{grid-template-columns:1fr}.public-support-page{padding:18px}.public-support-actions .btn{width:100%}}
/* Fondo ambiental de la portada; no se aplica a las pantallas de trabajo. */
.home-atmosphere{position:relative;isolation:isolate}
.home-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--color-background)}
.home-background-mesh{position:absolute;inset:0;z-index:1;opacity:.08;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMjA4IiB2aWV3Qm94PSIwIDAgMTIwIDIwOCIgZmlsbD0ibm9uZSI+CiA8ZGVmcz4KICA8ZyBpZD0iY3ViZSIgc3Ryb2tlPSIjMzc0MTUxIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICA8cGF0aCBkPSJNNjAgMCAxMjAgMzQuNjY3VjEwNEw2MCAxMzguNjY3IDAgMTA0VjM0LjY2N1ogTTAgMzQuNjY3IDYwIDY5LjMzMyAxMjAgMzQuNjY3IE02MCA2OS4zMzNWMTM4LjY2NyIvPgogICA8cGF0aCBkPSJtNjAgMTIgNDkuNjA4IDI4LjY0MS0xMC4zOTIgNkw2MCAyNCAyMC43ODQgNDYuNjQxbC0xMC4zOTItNlogTTEwOS42MDggNTIuNjQxVjk4TDcwLjM5MiAxMjAuNjQxdi0xMmwyOC44MjQtMTYuNjQxVjU4LjY0MVogTTEwLjM5MiA1Mi42NDFWOThsMzkuMjE2IDIyLjY0MXYtMTJMMjAuNzg0IDkyVjU4LjY0MVoiLz4KICA8L2c+CiA8L2RlZnM+CiA8dXNlIGhyZWY9IiNjdWJlIi8+CiA8dXNlIGhyZWY9IiNjdWJlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjAgMTA0KSIvPgogPHVzZSBocmVmPSIjY3ViZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAgMTA0KSIvPgogPHVzZSBocmVmPSIjY3ViZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwIC0xMDQpIi8+CiA8dXNlIGhyZWY9IiNjdWJlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MCAtMTA0KSIvPgo8L3N2Zz4=") repeat;background-size:120px 208px}
.home-background-glow{position:absolute;inset:-20%;z-index:0;background:radial-gradient(ellipse at 45% 30%,#99f6d3 0%,#a5d8fa 30%,transparent 68%);transform-origin:50% 30%;animation:home-ambient-breathe 12s ease-in-out infinite}
.home-atmosphere>.public-header,.home-atmosphere>main,.home-atmosphere>.public-footer{position:relative;z-index:10}
@keyframes home-ambient-breathe{0%,100%{transform:scale(.9);opacity:.2}50%{transform:scale(1.1);opacity:.4}}
@media(prefers-reduced-motion:reduce){.home-background-glow{animation:none;opacity:.3;transform:none}}
#app .home-atmosphere>main,#app .home-atmosphere .public-hero{background:transparent!important}
/* Identidad: cubo vectorial y nombre seleccionable. */
#app .brand,#app .brand-logo,#app .site-header .logo{display:flex;align-items:center;gap:12px;margin:0;padding:8px;font-family:var(--font-sans);font-weight:800;letter-spacing:-.04em;line-height:1.1}
#app .brand-cube{display:block;width:32px;height:36px;flex:0 0 32px}
#app .brand-word{display:inline-block;white-space:nowrap;user-select:text}
#app .brand-period{display:inline;margin-left:0;color:#86EFAC;letter-spacing:inherit}
@media(max-width:600px){#app .brand-cube{height:32px;width:28.36px;flex-basis:28.36px}}

.policy-guide{margin-top:26px;border-top:1px solid #e1e9ee;padding-top:22px}
.policy-guide>h3{font-size:20px;margin:0 0 8px}
.policy-card{border:1px solid #dce6ed;border-left:4px solid #647e96;border-radius:12px;padding:16px;margin-top:14px;background:#f7f9fc}
.policy-card h4{font-size:16px;margin:8px 0;color:#142c42}
.policy-card p{font-size:14px;line-height:1.55;margin:8px 0}
.policy-type{font-size:12px;font-weight:700;color:#526b83}
.policy-law{background:#f0f7f3;border-left-color:#5c9475}
.policy-law .policy-type{color:#39684e}
.policy-store{background:#f4f7fc;border-left-color:#647e96}
.policy-distinction{font-size:13px;line-height:1.5;background:#fff8eb;padding:12px;border-radius:9px;margin:14px 0}
.policy-extra{margin-top:12px;border-top:1px solid #dce6ed;padding-top:10px;font-size:13px}
.policy-extra summary{cursor:pointer;line-height:1.5}
.policy-guide .official-link{font-size:13px;display:block;overflow-wrap:anywhere;margin-top:10px}
.policy-guide select{width:100%;max-width:100%}
@media(max-width:600px){.policy-card{padding:13px}.policy-guide>h3{font-size:18px}}
.coverage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;align-items:start}
.coverage-tile{border:1px solid #dce6ed;border-radius:18px;padding:18px;min-width:0}
.law-tile{background:#eff7f1;color:#234d38}.shop-tile{background:#f0f4fb;color:#244565}
.coverage-symbol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#fff;margin-bottom:12px}
.coverage-symbol .icon{width:23px;height:23px}
.coverage-tile .policy-type{display:block;font-size:11px}
.coverage-tile h4{font-size:16px;margin:8px 0}.coverage-period{display:block;font-size:30px;line-height:1.25;letter-spacing:-1px}.coverage-period small{font-size:19px;letter-spacing:0}
.coverage-tile p{font-size:13px;line-height:1.5;margin:10px 0}
.coverage-tile details{border-top:1px solid #d4e2df;margin-top:14px;padding-top:10px;font-size:13px}.coverage-tile summary{cursor:pointer;font-weight:600}
.coverage-caption{font-size:12px;color:#526b83;margin:12px 0}
.purchase-help{margin-top:20px}.purchase-help h3{font-size:18px;margin:0 0 12px}
.help-action-grid{display:grid;gap:10px}.help-action{display:flex;align-items:center;gap:13px;padding:15px 16px;text-align:left;width:100%;border-radius:15px;cursor:pointer;border:1px solid #c7d9e6;font:inherit;transition:transform .15s,box-shadow .15s}
.help-action:hover{transform:translateY(-2px);box-shadow:0 5px 15px #142c4215}.help-action:focus-visible{outline:3px solid #4a8ac5;outline-offset:3px}
.help-action>.icon:first-child{width:27px;height:27px;flex-shrink:0}.help-action>.icon:last-child{margin-left:auto;width:18px;flex-shrink:0}
.help-action span{display:grid;gap:4px}.help-action strong{font-size:15px}.help-action small{font-size:12px;opacity:.85}
.contact-action{background:#eaf7ef;color:#24573e;border-color:#c5e4d0}.claim-action{background:#142c42;color:white;border-color:#142c42}.sernac-action{background:#edf3ff;color:#234970;border-color:#d0ddf2}
.help-scope{font-size:12px;color:#64788a;margin:10px 0}
.contact-purchase{padding:14px;background:#f5f8fb;border-radius:12px;margin-bottom:16px}.contact-purchase p{font-size:13px}
@media(max-width:600px){.coverage-grid{gap:9px}.coverage-tile{padding:12px;border-radius:14px}.coverage-tile .policy-type{font-size:10px}.coverage-tile h4{font-size:14px}.coverage-period{font-size:25px}.coverage-period small{font-size:15px}.coverage-tile summary{font-size:12px}.help-action{padding:14px}.coverage-tile .official-link{font-size:12px}}
@media(max-width:350px){.coverage-grid{grid-template-columns:1fr}}
.intro-visual{padding:26px;border-radius:22px;background:#eef5f3;border:1px solid #dce9e1;margin-bottom:16px}
.guided-label{font-size:10px;letter-spacing:1px;font-weight:800;color:#567566}
.intro-copy h2{font-size:28px;line-height:1.2;margin:9px 0 22px;letter-spacing:-.6px}
.intro-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.intro-steps>a{display:grid;gap:8px;color:#142c42;text-decoration:none;background:#fff;padding:17px;border:1px solid #dce7e3;border-radius:16px}
.intro-steps>a:hover{border-color:#76a58b;background:#fcfffd}.intro-steps .icon{width:26px;height:26px;color:#46755b}.intro-steps strong{font-size:15px}.intro-steps small{font-size:12px;color:#64788a;line-height:1.4}
.intro-example{display:flex;align-items:center;gap:16px;border:1px solid #dbe5ef;background:#f2f6fd;padding:20px;border-radius:20px;margin-bottom:24px}
.intro-example-icon{width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;background:#fff;border-radius:16px;color:#927150}.intro-example-icon .icon{width:30px;height:30px}
.intro-example h3{font-size:18px;margin:6px 0}.intro-example p{font-size:13px;margin:0;color:#60778c}.intro-example .btn{margin-left:auto;white-space:nowrap}
.guided-example{background:#edf4ff;border:1px solid #d6e4f6;padding:17px;border-radius:16px;margin-bottom:18px}.guided-example h3{font-size:18px;margin:7px 0}.guided-example p{font-size:13px;line-height:1.5;margin:6px 0}.guided-example-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.guided-example-actions summary{cursor:pointer;font-weight:600}.guided-example-actions .text-button{font-size:12px;margin:0}
.intro-optional{margin-bottom:22px}
.directory-wizard{scroll-margin-top:20px}.wizard-progress{display:flex;gap:16px;margin-bottom:24px;justify-content:space-between}.wizard-progress span{display:flex;align-items:center;gap:6px;font-size:12px;color:#84929e}.wizard-progress b{display:grid;place-items:center;width:25px;height:25px;background:#edf1f5;border-radius:50%}.wizard-progress .current{color:#142c42;font-weight:700}.wizard-progress .current b{background:#142c42;color:white}.wizard-progress .done{color:#39684e}.wizard-progress .done b{background:#e5f2e9}.wizard-selection{font-size:13px;color:#39684e;background:#edf6f0;padding:10px 13px;border-radius:10px;margin-bottom:20px}.wizard-company-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.wizard-reveal{animation:cloud-reveal .38s ease-out both}.wizard-reveal h2{font-size:24px;outline:none;margin:0 0 18px}.wizard-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.directory-wizard .published-period{font-size:26px;font-weight:750;margin:10px 0}.directory-wizard .category-choice>.icon:last-child{width:15px;margin-left:auto}.directory-wizard label{display:block;margin:14px 0 8px}.directory-wizard select{width:100%}@keyframes cloud-reveal{from{opacity:0;filter:blur(5px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.wizard-reveal{animation:none}}@media(max-width:600px){.wizard-progress{gap:6px}.wizard-progress span{font-size:10px;gap:4px}.wizard-progress b{width:21px;height:21px}.wizard-company-list{grid-template-columns:1fr}.wizard-reveal h2{font-size:22px}.wizard-actions .btn{width:100%;justify-content:center}}
.directory-search-results{display:grid;gap:8px}.search-company{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #d7e3dd;border-radius:12px;background:#f2f8f4;color:#142c42;text-align:left;font:inherit;cursor:pointer}.search-company span{display:grid;gap:5px}.search-company small{color:#64788a;font-size:11px}.search-company:hover{background:#e4f0e9}.search-company:focus-visible{outline:3px solid #6592bc;outline-offset:2px}.directory-selected{font-size:13px;color:#526b83;margin:20px 0 0}.directory-all{margin-top:12px}.directory-all select{margin-top:8px}
.unidentified-purchase{margin-bottom:20px}.unidentified-purchase h2{font-size:21px;margin:14px 0 10px}.unidentified-purchase>p{font-size:14px;line-height:1.6}.unknown-actions{display:flex;gap:10px;flex-wrap:wrap}.unidentified-purchase .official-link{font-size:12px;display:block;margin-top:8px}@media(max-width:600px){.unknown-actions .btn{width:100%;justify-content:center}}
.product-selector{margin-top:22px}.product-selector h2{font-size:20px;margin:0 0 15px}.category-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:9px}.category-choice{display:flex;align-items:center;gap:8px;padding:13px 10px;border:1px solid #d7e3dd;border-radius:12px;background:#f8fbf9;color:#244b39;font:inherit;font-size:13px;text-align:left;cursor:pointer}.category-choice .icon{flex-shrink:0;width:22px}.category-choice.selected{background:#142c42;color:white;border-color:#142c42}.category-choice:focus-visible{outline:3px solid #6592bc;outline-offset:2px}.category-result{background:#f6f9fc;border:1px solid #dce6ed;border-radius:16px;padding:18px;margin-top:16px}.category-result label{display:block;margin-top:18px}.product-coverage{display:flex;gap:14px;margin-top:15px}.product-coverage .coverage-symbol{flex-shrink:0}.product-coverage .published-period{font-size:25px;font-weight:750;margin:8px 0}.category-result select{width:100%}.model-source{margin-top:12px}.company-general{margin-top:18px}.company-general blockquote{padding-left:12px;border-left:3px solid #84a491;font-size:13px;line-height:1.6;margin:10px 0}.company-general .optional-content{padding:12px 0}.public-page .category-result .official-link{margin-top:12px}@media(max-width:600px){.category-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.category-result{padding:14px}.product-coverage .published-period{font-size:22px}}
.source-label{display:inline-block;padding:7px 10px;border:1px solid #c9ddd0;border-radius:9px;background:#eff7f1;color:#39684e;font-size:11px;font-weight:700}.directory-record{margin-top:20px}.directory-category{font-size:12px;color:#64788a;line-height:1.5}.numbered-guide .published-period{font-size:21px;font-weight:750;color:#142c42;margin:7px 0}.directory-record blockquote,.directory-law blockquote{margin:10px 0;padding:10px 12px;border-left:3px solid #84a491;background:white;border-radius:0 8px 8px 0;font-size:14px;line-height:1.6}.directory-record blockquote:before,.directory-law blockquote:before{content:'“'}.directory-record blockquote:after,.directory-law blockquote:after{content:'”'}.directory-record details{margin-top:12px;font-size:12px}.directory-record details summary{cursor:pointer;font-weight:600}
.public-page{max-width:1060px;margin:auto;padding:0 28px;color:#142c42}.public-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0;border-bottom:1px solid #e0e8ef}.public-header>a{text-decoration:none}.public-page main{padding:35px 0}.public-hero{max-width:820px;margin:0 auto}.public-hero h1{font-size:54px;line-height:1.08;letter-spacing:-2px;margin:16px 0}.public-hero>p{font-size:18px;color:#526b83;line-height:1.6}.entry-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.entry-choice{display:grid;grid-template-columns:1fr auto;gap:10px;border-radius:22px;padding:25px;text-decoration:none;color:inherit;border:1px solid #cfdfd7}.entry-choice>.icon:first-child{width:32px;height:32px;grid-column:1/-1}.entry-choice strong{font-size:22px}.entry-choice span{font-size:14px;grid-column:1;line-height:1.5}.entry-choice>.icon:last-child{grid-column:2;grid-row:2/4;align-self:center}.entry-calm{background:#eaf5ee}.entry-help{background:#142c42;color:white;border-color:#142c42}.entry-choice:hover{box-shadow:0 7px 22px #142c4217;transform:translateY(-2px)}.public-how{max-width:820px;margin:35px auto 0}.public-how .intro-steps>div{display:grid;gap:10px;background:white;border:1px solid #dce7e3;border-radius:16px;padding:18px}.public-footer{font-size:12px;color:#64788a;padding:22px 0;border-top:1px solid #e0e8ef}.login-demo{max-width:520px;margin:20px auto;padding:28px}.login-demo h1{font-size:32px;margin:12px 0}.login-demo>p{line-height:1.6}.directory-law{display:flex;gap:14px;background:#eff7f1;padding:18px;border-radius:15px;margin:20px 0}.directory-law>.icon{flex-shrink:0;color:#39684e}.directory-law p{font-size:14px;line-height:1.5}.numbered-guide{display:grid;gap:12px;margin:18px 0}.numbered-guide article{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid #dce6ed;border-radius:14px;background:#f8fafc}.numbered-guide b{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:#e3eee8;color:#39684e;border-radius:10px}.numbered-guide strong{font-size:14px}.numbered-guide p{font-size:13px;line-height:1.55;margin:5px 0 0}.topbar-right>a{font-size:12px;color:#244565}.topbar-right .text-button{margin:0;font-size:12px}.public-page .official-link{display:block;font-size:13px;margin-top:10px;overflow-wrap:anywhere}
@media(max-width:600px){.public-page{padding:0 20px}.public-header{padding:18px 0}.public-header .brand{font-size:23px}.public-header .btn{font-size:11px;padding:11px}.public-page main{padding:24px 0}.public-hero h1{font-size:40px}.public-hero>p{font-size:16px}.entry-choices{grid-template-columns:1fr;gap:12px}.entry-choice{padding:20px}.entry-choice strong{font-size:20px}.public-how .intro-steps{grid-template-columns:1fr}.public-how .intro-steps>div{grid-template-columns:auto 1fr;gap:6px 12px}.public-how .intro-steps .icon{grid-row:1/3}.public-how .intro-steps small{grid-column:2}.login-demo{padding:20px}.topbar-right{gap:8px}.topbar-right>a{font-size:10px}.breadcrumb{display:none}}
@media(max-width:600px){.intro-visual{padding:18px}.intro-copy h2{font-size:24px}.intro-steps{gap:8px}.intro-steps>a{padding:12px 9px;gap:7px}.intro-steps strong{font-size:12px}.intro-steps small{font-size:11px}.intro-example{flex-wrap:wrap;padding:16px;gap:12px}.intro-example .btn{margin-left:0;width:100%;justify-content:center}.intro-example h3{font-size:16px}.guided-example-actions{align-items:start}}
.home-return{display:inline-flex!important;align-items:center;gap:9px;padding:12px 18px;border:2px solid #547c69;border-radius:12px;background:#e5f2e9;color:#214b36!important;font-weight:750;box-shadow:0 3px 10px #244b3912;text-decoration:none;margin-bottom:22px}.home-return:hover{background:#d5eada}.home-return:focus-visible{outline:3px solid #467ab0;outline-offset:3px}
.wizard-progress button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #cddcd4;border-radius:10px;background:#f0f7f2;color:#39684e;font:inherit;font-size:12px;cursor:pointer}.wizard-progress button.current{background:#142c42;color:white;border-color:#142c42}.wizard-progress button.current b{background:white;color:#142c42}.wizard-progress button:disabled{background:#f4f6f8;color:#75818c;border-color:#e0e5e9;cursor:default}.wizard-progress button:not(:disabled):hover{box-shadow:0 3px 12px #142c4222}.wizard-progress button:focus-visible{outline:3px solid #467ab0;outline-offset:3px}
#directory-search{width:100%;max-width:720px;box-sizing:border-box;font-size:16px;padding:15px 17px}.entry-choice{transition:box-shadow .22s,transform .22s}.entry-choice:hover,.entry-choice:focus-visible{box-shadow:0 12px 32px #345f4930,0 2px 9px #142c4214;transform:translateY(-2px)}.entry-choice:focus-visible{outline:3px solid #467ab0;outline-offset:4px}.help-action{text-decoration:none}
.brand{animation:brand-cloud 10s ease-in-out infinite}.brand:hover,.brand:focus-within,a:focus-visible .brand{animation-play-state:paused}@keyframes brand-cloud{0%,90%,100%{opacity:1;filter:blur(0)}95%{opacity:0;filter:blur(5px)}}
@media(max-width:600px){.wizard-progress{gap:5px}.wizard-progress button{flex-direction:column;gap:5px;padding:8px 5px;font-size:10px;flex:1;min-width:0}.home-return{padding:11px 15px}.wizard-actions #wizard-reset{width:100%}}
@media(prefers-reduced-motion:reduce){.brand{animation:none}.entry-choice,.help-action{transition:none}.entry-choice:hover,.entry-choice:focus-visible{transform:none}}


/* Compact cards reserve space for both icons and long names. */
.category-choice{min-width:0;overflow:hidden}.category-choice span{min-width:0;overflow-wrap:anywhere;line-height:1.45}.category-choice>.icon{flex:0 0 22px}.category-choice>.icon:last-child{flex:0 0 15px}.wizard-company-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.search-company{min-width:0;padding:12px;gap:8px}.search-company span{min-width:0;overflow-wrap:anywhere}.search-company>.icon{flex:0 0 17px}.manufacturer-route{margin-top:24px;padding-top:20px;border-top:1px solid #dae6df}.manufacturer-route h3{font-size:17px}.manufacturer-route .search-company{background:#eef3fb;border-color:#d4e0ee}.wizard-progress button.current:disabled{background:#142c42;color:#fff;border-color:#142c42}.btn:disabled{opacity:.5;cursor:default}#document-dialog::backdrop{background:#142c4280;backdrop-filter:blur(3px)}
.category-buttons{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.category-choice span{overflow-wrap:normal;word-break:normal}.wizard-progress button.current:disabled{opacity:1}@media(max-width:420px){.category-buttons{grid-template-columns:1fr}.category-choice{min-height:52px}}

.quick-reasons{display:grid;gap:10px;margin:18px 0}.quick-reasons .btn{justify-content:space-between;text-align:left;min-height:52px}.quick-label{display:block;margin:18px 0 8px;font-size:14px;font-weight:600}#quick-detail,#quick-solution{width:100%;box-sizing:border-box;padding:12px;border:1px solid #bdccd8;border-radius:10px;font:inherit}.quick-channel{margin-top:20px}.quick-channel .microcopy{line-height:1.55}#quick-save-status{font-size:13px;color:#39684e}.dialog-body .simple-more{margin-top:16px}

#quick-channel-choice{width:100%;max-width:100%;box-sizing:border-box;padding:12px;border:1px solid #bdccd8;border-radius:10px;font:inherit}

/* Immediate contact: main actions come before optional details. */
.quick-ready{padding:14px;background:#eef6f2;border-radius:12px}.quick-ready p{margin:5px 0 0;font-size:13px}.quick-fast-actions{display:grid;gap:10px;grid-template-columns:1fr 1.5fr;position:sticky;top:0;background:#fff;padding:14px 0 8px;z-index:2}.quick-fast-actions .btn{white-space:normal;text-align:center;min-width:0}.quick-option{margin:14px 0;border:1px solid #bdccd8;border-radius:12px;background:#f5f8fb}.quick-option summary{display:flex;align-items:center;gap:9px;padding:14px;font-weight:600;cursor:pointer;list-style:none}.quick-option summary::after{content:'';margin-left:auto;font-size:22px}.quick-option[open] summary::after{content:''}.quick-option-body{padding:0 14px 14px}.quick-option-body select{width:100%;padding:12px;border:1px solid #bdccd8;border-radius:10px;font:inherit}.quick-option summary:hover{background:#e9f0f7;border-radius:12px}.quick-option summary:focus-visible{outline:3px solid #6387a5}.quick-option .icon{width:20px;height:20px;flex-shrink:0}#quick-summary{width:100%;box-sizing:border-box;resize:vertical;min-height:110px;font-size:13px;line-height:1.5}#quick-qr svg{display:block;width:260px;max-width:100%;height:auto;margin:12px auto}#document-dialog:has(.quick-ready) .dialog-heading{position:sticky;top:0;background:#fff;z-index:3}@media(max-width:550px){.quick-fast-actions{grid-template-columns:1fr}.quick-fast-actions .btn{min-height:44px}}
.quick-fast-actions{top:56px}

.home-journey{margin:22px 0 0}.home-journey img{display:block;width:100%;height:auto;max-width:840px;margin:auto}.public-how:has(.home-journey){padding-bottom:8px}@media(max-width:600px){.home-journey{margin-top:12px}.home-journey img{max-width:390px;aspect-ratio:390/458}}
.buying-education{margin:0 0 24px}.buying-education h2{font-size:18px;margin:0 0 12px}.buying-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.buying-type{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #ccdde8;border-radius:12px;background:#fff;padding:16px;color:#142c42;cursor:pointer;font:inherit}.buying-type>span:last-child{margin-left:auto}.buying-type strong,.buying-type small{display:block}.buying-type strong{font-size:14px}.buying-type small{font-size:12px;color:#54708a;margin-top:5px}.buying-type.selected{border-color:#517b69;background:#eaf5ee}.buying-type:focus-visible{outline:3px solid #6595c7;outline-offset:3px}.buying-explanation{padding:14px 18px;margin-top:10px;background:#edf4f8;border-radius:12px;font-size:14px}.buying-explanation p{margin:0 0 10px}.buying-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d5e2eb;border-radius:12px;padding:16px;margin:18px 0}.buying-note .microcopy{margin:6px 0 0}.buying-saved-notes{flex-basis:100%;overflow-wrap:anywhere}.buying-questions li{margin:8px 0}.buying-questions ul{padding-left:20px}#buying-note-form label{display:block;margin:16px 0 8px}#buying-note-form select,#buying-note-form textarea{width:100%;box-sizing:border-box}#buying-note-form textarea{font:inherit;padding:12px;border:1px solid #cbd9e5;border-radius:8px}#buying-note-form{max-width:520px}@media(max-width:600px){.buying-types{grid-template-columns:1fr}.buying-type{padding:12px 14px}.buying-type small{margin-top:3px}.buying-note>.btn{width:100%;justify-content:center}.page-heading>a{align-self:flex-start}}
.comparison-coverage{background:#eef5f3;border-radius:14px;padding:18px;margin:16px 0}.comparison-coverage h3,.compare-store-card h3{font-size:17px;margin:0 0 16px}.coverage-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}.coverage-item{display:grid;gap:10px;justify-items:center;text-align:center;font-size:13px;min-width:0}.coverage-item strong{font-size:15px}.coverage-track{height:120px;width:42px;border-radius:8px;background:#d8e5df;display:flex;align-items:end;overflow:hidden}.coverage-fill{width:100%;background:#568575;border-radius:8px}.coverage-unknown{align-self:stretch;align-content:center;border:1px dashed #bacac4;border-radius:10px;padding:8px}.compare-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.compare-store-card{min-width:0;background:white;border:1px solid #ccdce6;border-radius:14px;padding:18px;overflow-wrap:anywhere;display:grid;grid-template-rows:auto 1fr auto auto}.compare-store-card section{padding:14px 0;border-top:1px solid #dce5eb}.compare-store-card p{margin:8px 0}.compare-store-card h4{font-size:14px;margin:0 0 8px}.compare-costs{background:#f3f4f6;border-radius:8px;padding:14px!important;margin-bottom:10px}.compare-store-card .company-contact{margin:0;padding:0;border:0}.compare-store-card .company-contact h3{display:none}.compare-store-card .company-contact .microcopy{display:none}.buying-comparison{margin:18px 0}.buying-comparison label{display:block;margin:0 0 8px}.buying-comparison select{width:100%;margin-bottom:12px}.buying-compare-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;margin:16px 0}.buying-compare-table caption{text-align:left;font-weight:700;margin-bottom:12px}.buying-compare-table th,.buying-compare-table td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid #d3e0e9;overflow-wrap:anywhere}.buying-compare-table thead th{background:#edf4f8}.buying-compare-table th:first-child{width:25%}.buying-compare-table small{display:block;font-size:12px;color:#52708a;line-height:1.55;margin:6px 0}.buying-compare-table a{display:inline-block;margin-top:8px;font-size:12px}@media(max-width:600px){.compare-store-grid{grid-template-columns:1fr}.coverage-bars{gap:8px}.coverage-item strong{font-size:13px}.coverage-item{font-size:12px}.coverage-track{height:100px;width:32px}.comparison-coverage{padding:12px}.buying-compare-table,.buying-compare-table tbody,.buying-compare-table tr,.buying-compare-table td,.buying-compare-table th{display:block;width:100%;box-sizing:border-box}.buying-compare-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.buying-compare-table tbody th:first-child{width:100%;background:#edf4f8;border:0;padding:12px}.buying-compare-table td:before{content:attr(data-store);display:block;font-weight:700;margin-bottom:8px}.buying-compare-table tr{margin-bottom:16px;border:1px solid #d3e0e9;border-radius:10px;overflow:hidden}.buying-compare-table td:last-child{border:0}}
@media(max-width:600px){.buying-compare-table caption{display:block;width:100%;box-sizing:border-box}.buying-comparison select{padding:10px;border:1px solid #cbd9e5;border-radius:8px;color:inherit;font:inherit}}
.compare-store-card .direct-company-contact{margin:0;padding:0;border:0}.compare-store-card .direct-company-contact h3{display:none}.compare-store-card .direct-channel-grid{grid-template-columns:1fr}.compare-store-card .direct-channel{min-width:0}.compare-store-card .direct-channel small{overflow-wrap:anywhere}
.compare-badge{display:inline-block;margin-bottom:10px;padding:5px 9px;border-radius:7px;background:#eaf3ee;color:#315d49;font-size:12px;font-weight:600}.compare-badge-neutral{background:#e8edf2;color:#42566b}.compare-store-card section>h4{margin-bottom:10px}
.compare-store-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;flex-wrap:wrap}.compare-store-heading h3{margin:0}.compare-change summary{font-size:13px;color:#245c87;cursor:pointer;font-weight:600;padding:4px}.compare-change label{font-size:12px;margin-top:8px}.compare-change select{max-width:200px;font:inherit;padding:8px;border:1px solid #bdccd8;border-radius:8px}.followup-navigation{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.followup-navigation .btn{font-size:13px}@media(max-width:600px){.followup-navigation .btn{width:100%}}
.garanexo-toolstrip{position:sticky;top:10px;z-index:20;display:flex;flex-direction:column;gap:10px;background:#1e293b;color:#f8fafc;border:1px solid #334155;border-radius:8px;padding:10px 14px;margin-bottom:16px;box-shadow:0 3px 8px #0f172a18}.garanexo-toolstrip-contexto{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;min-width:0}.garanexo-badge-contexto{background:#0f172a;color:#cbd5e1;border:1px solid #475569;padding:3px 8px;border-radius:4px;font-size:12px}.garanexo-texto-contexto{overflow-wrap:anywhere;line-height:1.45}.garanexo-toolstrip-selectores{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.garanexo-field-group{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.buying-comparison .garanexo-field-group label{margin:0;font-size:12px;font-weight:600;color:#cbd5e1}.buying-comparison .garanexo-field-group select{box-sizing:border-box;min-width:0;min-height:44px;width:100%;margin:0;background:#0f172a;color:#f8fafc;border:1px solid #64748b;border-radius:6px;padding:6px 8px;font:inherit;font-size:14px;color-scheme:dark}.garanexo-field-group select:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.garanexo-icono-separador{color:#cbd5e1;font-size:18px;padding-top:18px;flex-shrink:0}@media(min-width:760px){.garanexo-toolstrip{flex-direction:row;align-items:center;justify-content:space-between}.garanexo-toolstrip-contexto{flex:1}.garanexo-toolstrip-selectores{width:340px;flex-shrink:0}}@media(max-width:420px){.garanexo-toolstrip{padding:10px;top:6px}.garanexo-toolstrip-selectores{gap:6px}.buying-comparison .garanexo-field-group select{font-size:13px}}
@supports(grid-template-rows:subgrid){.compare-store-grid{grid-template-rows:repeat(4,auto);row-gap:0}.compare-store-card{grid-template-rows:subgrid;grid-row:span 4}.compare-store-card h3{padding-top:4px}@media(max-width:600px){.compare-store-grid{grid-template-rows:none;gap:14px}.compare-store-card{grid-row:auto;grid-template-rows:auto auto auto auto}}}

.visual-switch{position:fixed;right:16px;bottom:14px;z-index:25;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border:1px solid #d6dfe5;border-radius:8px;font:12px system-ui,sans-serif;color:#203447;box-shadow:0 2px 8px #142c4210}.visual-switch span{font-weight:600}.visual-switch a{text-decoration:underline;text-underline-offset:3px}.public-footer,.page-footer{padding-bottom:50px}@media(max-width:850px){.visual-switch{bottom:76px;right:10px;font-size:11px;padding:7px 9px}}body:has(.public-page) .visual-switch{bottom:12px}

.public-hero .hero-journey{margin:18px 0 22px}.public-hero .hero-journey img{max-width:840px}.try-demo{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:20px}.try-demo .btn{min-height:52px;padding:14px 24px;font-size:16px;background:var(--navy);color:#fff}.try-demo span{font-size:13px;color:var(--muted)}.home-value{font-size:14px!important;color:var(--ink)!important;margin-top:24px!important;max-width:none!important}.public-hero .entry-choices{margin-top:16px}.tutorial-layer{position:fixed;inset:0;z-index:10000;pointer-events:none}.tutorial-shade{position:absolute;inset:0;background:#142c4266;pointer-events:none}.tutorial-target{outline:3px solid #89bfc5!important;outline-offset:4px}.tutorial-note{position:fixed;max-width:360px;width:calc(100vw - 24px);background:#fff;color:#203447;border:1px solid #bdccd8;border-radius:12px;padding:18px;box-shadow:0 12px 36px #142c4230;pointer-events:auto}.tutorial-note h2{font-size:18px;line-height:1.3;margin:8px 0}.tutorial-note p{font-size:14px;line-height:1.5;margin:0}.tutorial-note .guided-label{font-size:10px}.tutorial-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.tutorial-controls .text-button{font-size:12px;margin:0;text-decoration:underline}.tutorial-controls .btn{font-size:12px;min-height:40px;padding:8px 12px}.tutorial-note .btn-primary{background:var(--navy)}@media(max-width:600px){.public-hero h1{font-size:36px!important}.public-hero>p{font-size:15px!important;line-height:1.5}.public-hero .hero-journey{margin:10px 0 16px}.public-hero .hero-journey img{aspect-ratio:390/116;max-width:390px}.public-hero .entry-choice{padding:15px;min-height:92px;grid-template-columns:auto 1fr auto;column-gap:12px}.public-hero .entry-choice>.icon:first-child{grid-column:1;grid-row:1/3;width:25px;height:25px;align-self:center}.public-hero .entry-choice strong{grid-column:2;font-size:19px}.public-hero .entry-choice span{grid-column:2;font-size:12px}.public-hero .entry-choice>.icon:last-child{grid-column:3;grid-row:1/3}.try-demo{margin-top:14px}.try-demo .btn{width:100%;min-height:48px}.try-demo span{font-size:12px}.tutorial-note{padding:14px}.tutorial-note h2{font-size:16px}.tutorial-note p{font-size:13px}.tutorial-controls{margin-top:10px}.home-value{margin-top:18px!important}}:root[data-visual="mineral"] .tutorial-note{background:#fffefa;color:#202423;border-radius:6px}
/* Purchase detail: compact status and clearly actionable disclosures. */
.purchase-reception{font-size:14px;color:var(--muted);margin-bottom:12px}.simple-success .simple-legal{padding:16px 20px;margin-top:0;border-radius:12px}.simple-success .meter-number{font-size:38px;margin:8px 0;display:flex;align-items:baseline;gap:10px}.simple-success .meter-number small{font-size:14px;margin:0;display:inline}.simple-success .simple-legal p{margin-top:7px;font-size:12px}.simple-success .simple-more{padding:0;border:0;margin-top:12px}.simple-success details>summary{display:flex;align-items:center;gap:10px;list-style:none;background:#f5f8fa;border:1px solid var(--line);border-radius:9px;padding:13px 14px;cursor:pointer;line-height:1.4;font-size:14px;color:var(--ink)}.simple-success details>summary::-webkit-details-marker{display:none}.simple-success details>summary:after{content:'Ver +';margin-left:auto;white-space:nowrap;font-size:12px;font-weight:700;color:var(--blue)}.simple-success details[open]>summary:after{content:'Cerrar'}.simple-success details>summary:hover{background:#edf3f7}.simple-success details>summary:focus-visible{outline:3px solid #89bfc5;outline-offset:2px}.simple-success details>summary>.icon{width:20px;height:20px;flex-shrink:0}.simple-success summary small{display:block;color:var(--muted);font-size:12px;font-weight:400}.simple-success .optional-content{padding:12px 0 4px}.saved-backing{background:#f7f9fa;border-radius:8px;padding:10px 14px}.saved-backing p{margin:4px 0;font-size:13px;overflow-wrap:anywhere}.backing-edit{margin-top:10px}.coverage-orientation{margin:18px 0;border-top:1px solid var(--line);padding-top:16px}.coverage-orientation h3{font-size:16px}.coverage-journey{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:12px 0}.coverage-journey li{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.coverage-journey b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf1f6;color:var(--navy);flex-shrink:0}.simple-success .coverage-orientation .simple-more{margin-top:10px}.duration-label{font-size:11px;color:var(--muted);display:block;margin-top:6px}.simple-success .help-scope{font-size:12px;line-height:1.5}.help-scope strong{display:block;color:var(--ink)}.simple-success .coverage-tile details{margin-top:12px}.simple-success .coverage-tile summary{padding:10px;font-size:12px}.simple-success .coverage-tile summary:after{content:'+'}.simple-success .coverage-tile details[open]>summary:after{content:'−'}
@media(max-width:600px){.simple-success .simple-legal{padding:14px 16px}.simple-success .meter-number{font-size:36px}.coverage-journey{grid-template-columns:repeat(2,1fr);gap:10px}.simple-success{padding:18px 16px}.simple-success .coverage-tile{padding:16px}}
@media(max-width:850px){.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-left:6px;padding-right:6px}.mobile-nav a{position:relative;min-width:0;padding:5px 4px;min-height:58px;justify-content:flex-start;text-align:center;line-height:1.2}.mobile-nav a>.icon{width:22px;height:22px;flex-shrink:0}.mobile-nav a>small{position:absolute;top:0;right:calc(50% - 23px);padding:1px 4px;border-radius:5px;background:#dce7ed;font-size:10px;color:var(--ink)}.mobile-nav a.active{background:#eef4f7;border-radius:8px}.topbar-right>a[href="#/antes-de-comprar"]{display:none}}

.warranty-infographic{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0}.warranty-infographic li{display:flex;align-items:flex-start;gap:13px;position:relative;padding:0 0 20px}.warranty-infographic li:last-child{padding-bottom:0}.warranty-infographic li:not(:last-child):before{content:'';position:absolute;left:16px;top:34px;bottom:3px;width:1px;background:#d4e1e8}.info-number{width:33px;height:33px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#e6f0eb;color:#27675c;font-weight:700}.warranty-infographic strong{display:block;font-size:14px;line-height:1.4;margin:2px 0 4px}.warranty-infographic p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.simple-success .infographic-note{font-size:11px;margin:14px 0 0}.coverage-orientation .quick-warranty>summary{justify-content:flex-start}
.profile-link{border-radius:10px;padding:10px 4px;margin-top:16px}.profile-link:hover,.profile-link[aria-current]{background:#eef4f7}.profile-link small .icon{width:12px;height:12px;vertical-align:middle}.mobile-profile-link{display:none}.profile-form{max-width:680px}.profile-extra{margin:20px 0}.profile-extra summary{cursor:pointer;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f5f8fa}.profile-form .btn{margin-top:16px}@media(max-width:850px){.mobile-profile-link{display:flex;align-items:center;gap:6px;font-size:12px}.mobile-profile-link .avatar{width:30px;height:30px;font-size:11px}.topbar-right{gap:10px}}
.profile-rut{margin-top:20px}.profile-rut input{width:100%;padding:12px;border:1px solid #bdccd8;border-radius:9px;font:inherit;background:white;color:var(--ink)}
.rotating-tagline{position:relative;height:42px;margin-bottom:25px;overflow:hidden}.rotating-tagline span{position:absolute;inset:0;opacity:0;animation:tagline-roll 70s ease-in-out infinite;line-height:1.5}.sidebar:has(.brand:hover) .rotating-tagline span,.sidebar:has(a:focus-visible .brand) .rotating-tagline span{animation-play-state:paused}.sidebar-motto{border-top:1px solid var(--line);padding-top:18px;color:var(--ink);font-size:15px;line-height:1.55;letter-spacing:-.2px}.sidebar-motto span,.sidebar-motto strong{display:block}.profile-use{margin:14px 0}.profile-use summary{display:flex;justify-content:space-between;align-items:center;list-style:none;border:1px solid var(--line);background:#f5f8fa;padding:10px 12px;border-radius:8px;font-size:13px;cursor:pointer}.profile-use summary::-webkit-details-marker{display:none}.profile-use p{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0}.profile-use[open] summary span{font-size:0}.profile-use[open] summary span:after{content:'−';font-size:14px}.profile-use summary:focus-visible{outline:3px solid #89bfc5}.profile-form .consent{font-size:13px;margin-top:15px}.profile-form .notice{font-size:12px;padding:12px}.profile-form .btn{margin-top:4px}
@keyframes tagline-roll{0%,12.857142857%{opacity:1;transform:translateY(0);filter:blur(0)}13.571428571%,99.285714286%{opacity:0;transform:translateY(-8px);filter:blur(5px)}99.285714287%{opacity:0;transform:translateY(8px);filter:blur(5px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.rotating-tagline span{animation:none!important;transform:none;filter:none}.rotating-tagline span:first-child{opacity:1}}
.followup-main,.followup-reminder{margin-bottom:16px;padding:22px}.followup-next{font-size:15px;line-height:1.5}.followup-actions{display:flex;flex-wrap:wrap;gap:10px}.followup-check{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.followup-check h2,.followup-reminder h2{font-size:18px}.followup-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.followup-escalate{background:#edf4f8;border-radius:10px;padding:16px;margin-top:18px}.followup-escalate p{font-size:13px;margin:7px 0 12px}.followup-reminder label{display:block;font-size:13px;margin:12px 0 7px}.followup-reminder select{font:inherit;padding:11px;border:1px solid var(--line);border-radius:8px;width:100%;max-width:300px;background:white;color:var(--ink)}.followup-demo summary,.followup-disclosure>summary{cursor:pointer;border:1px solid var(--line);background:#f5f8fa;padding:13px;border-radius:9px;font-size:14px}.followup-demo p{font-size:12px;margin:10px 0}.followup-demo small{display:block;margin-top:10px;color:var(--muted)}.followup-disclosure{margin-bottom:12px}.followup-disclosure>summary{display:flex;justify-content:space-between;list-style:none;font-weight:600}.followup-disclosure>summary::-webkit-details-marker{display:none}.followup-disclosure>summary span{font-size:12px;color:var(--blue)}.followup-disclosure[open]>summary span{font-size:0}.followup-disclosure[open]>summary span:after{content:'Cerrar';font-size:12px}.followup-log{list-style:none;padding:14px;margin:0}.followup-log li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.followup-log small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.followup-docs{padding:16px}.followup-docs label{display:block;margin:16px 0 8px;font-size:14px}.followup-docs textarea{width:100%;padding:10px;font:inherit;border:1px solid var(--line);border-radius:8px}.followup-docs>.btn{margin-top:10px}.followup-docs p{overflow-wrap:anywhere}@media(max-width:600px){.followup-main,.followup-reminder{padding:18px}.followup-actions>.btn{width:100%}.followup-outcomes .btn{font-size:13px;padding:10px}.followup-log strong{font-size:14px}}
.followup-reminder-strip{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:14px 0;background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--muted)}.followup-reminder-strip>svg{width:18px;height:18px;flex-shrink:0}.followup-reminder-strip>span{flex:1}.followup-reminder-strip .btn{padding:6px 10px;min-height:32px}.followup-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.followup-resources .followup-disclosure{margin:0;min-width:0}.followup-resources .followup-disclosure[open]{grid-column:1/-1}.followup-comment{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.followup-comment h2{font-size:18px;margin:0 0 14px}.followup-comment>label:not(.consent){display:block;font-size:14px;font-weight:600;margin-bottom:8px}.followup-comment textarea{width:100%;box-sizing:border-box;font:inherit;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface,#fff);resize:vertical}.followup-comment .consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;margin:12px 0;line-height:1.5}.followup-comment .consent input{margin-top:3px;flex-shrink:0}.followup-saved-comment{padding:12px;border:1px solid var(--line);border-radius:9px;margin-bottom:10px;font-size:14px}.followup-saved-comment p{margin:8px 0;white-space:pre-wrap}.followup-saved-comment small{font-size:12px;color:var(--muted)}.followup-main .text-button{margin-top:14px}@media(max-width:600px){.followup-resources{grid-template-columns:1fr}.followup-resources summary{font-size:13px}.followup-reminder-strip{padding:8px 10px}.followup-comment .followup-actions{gap:8px}}
.product-care{margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff)}.product-care>summary{display:flex;align-items:center;gap:12px;padding:15px!important;list-style:none!important;background:#f0f6fa;border-radius:12px}.product-care>summary>span:first-of-type{flex:1;font-weight:700}.product-care>summary small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.care-status{font-size:12px;color:var(--blue);white-space:nowrap}.care-resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.care-link{display:flex;align-items:center;gap:9px;min-height:48px;border:1px solid var(--line);border-radius:9px;padding:10px;text-decoration:none;font-size:13px;line-height:1.4}.care-link span{flex:1}.care-link:hover,.care-link:focus-visible{background:#edf4fa;border-color:var(--blue)}.care-task{padding:15px;border:1px solid var(--line);border-radius:10px;margin:16px 0}.care-task h3{margin:0;font-size:17px}.care-task .section-title{gap:10px;flex-wrap:wrap}.care-source{font-size:12px}.care-progress{margin:15px 0;display:grid;gap:10px;font-size:14px}.care-progress progress{width:100%;height:9px;accent-color:#4f8b69}.care-actions{display:flex;gap:8px;flex-wrap:wrap}.care-actions .btn{font-size:13px}.care-empty{padding:12px;border-radius:8px;background:#f5f8fa;font-size:13px;color:var(--muted)}.care-extra{margin-top:16px}.care-extra summary{cursor:pointer;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600}.care-extra summary span{float:right;font-size:12px}.care-extra .btn{margin:12px 6px 0 0}.care-dashboard{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;margin-bottom:16px;background:#f0f6fa}.care-dashboard strong{flex:1}.followup-main .followup-minor-action{display:inline-flex;align-items:center;gap:8px;margin:14px 8px 0 0;min-height:40px;padding:10px 14px;font-size:13px;background:#f0f5fa;color:var(--ink);border-color:#bbccda;text-decoration:none}.followup-minor-action:hover{background:#e2edf6;box-shadow:0 2px 6px #142c4212}.followup-minor-action .icon{width:17px;height:17px}@media(max-width:600px){.care-resource-links{grid-template-columns:1fr}.care-actions .btn{width:100%}.care-dashboard{flex-wrap:wrap}.product-care>summary{padding:12px!important;gap:8px}.care-status{font-size:11px}.followup-main .followup-minor-action{width:100%;justify-content:flex-start;margin-right:0}}
.product-care>summary::after,.care-extra>summary::after{content:none!important}.product-care[open]>summary .care-status{font-size:0}.product-care[open]>summary .care-status::after{content:'Cerrar';font-size:12px}.care-extra[open]>summary span{font-size:0}.care-extra[open]>summary span::after{content:'Cerrar';font-size:12px}
.theme-switcher-floater,#selector-tema-evaluacion,.visual-switch{display:none!important}
.badge-demo{display:inline-block;margin:10px 0 0;padding:7px 11px;border:1px solid #c9ddd0;border-radius:999px;background:#eff7f1;color:#39684e;font-size:12px;font-weight:700}.public-hero .hero-subtitle{font-size:18px;color:#526b83;line-height:1.6}.public-header button.btn-secondary{padding:11px 16px;border:1px solid #dce6ed;border-radius:8px;color:#142c42;font:inherit;font-size:14px;cursor:pointer}.public-header button.btn-secondary:focus-visible{outline:3px solid #6592bc;outline-offset:2px}#modulo-registro{scroll-margin-top:20px}.disclaimer-text{margin-top:16px;color:#64788a;font-size:12px;line-height:1.55}@media(max-width:600px){.public-header button.btn-secondary{padding:9px 8px;font-size:10px;white-space:nowrap}}


/* Accordion affordance: keep native details/summary interaction and brand tokens. */
:is(#app, #document-dialog) details > summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 48px;
  padding: 12px 60px 12px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 0 0 0 1px var(--color-border);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
  list-style: none !important;
  line-height: 1.5;
  transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
:is(#app, #document-dialog) details > summary::-webkit-details-marker {
  display: none;
}
:is(#app, #document-dialog) details > summary::marker {
  content: "";
}
:is(#app, #document-dialog) details > summary::after {
  content: "" !important;
  position: absolute;
  right: 14px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  color: inherit;
  font: 18px/1 var(--font-sans);
  transform: translateY(-50%);
  transition: transform 160ms ease, background 160ms ease;
}
:is(#app, #document-dialog) details[open] > summary::after {
  transform: translateY(-50%) rotate(180deg);
}
:is(#app, #document-dialog) details > summary > .icon {
  flex-shrink: 0;
}
:is(#app, #document-dialog) details > summary > span {
  min-width: 0;
}
/* Replace existing decorative +/- labels with one consistent circular indicator. */
:is(#app, #document-dialog) :is(.receipt-batch .simple-more, .compact-facts, .profile-use, .followup-disclosure, .care-extra) > summary > span {
  display: none;
}
:is(#app, #document-dialog) details > summary:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}
:is(#app, #document-dialog) details > summary:active {
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 0 0 1px var(--color-border), var(--shadow-sm);
}
@media (hover: hover) {
  :is(#app, #document-dialog) details > summary:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    box-shadow: inset 0 0 0 1px var(--color-border), var(--shadow-md);
    transform: translateY(-1px);
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(#app, #document-dialog) details > summary,
  :is(#app, #document-dialog) details > summary::after {
    transition: none;
  }
  :is(#app, #document-dialog) details > summary:hover {
    transform: none;
  }
}


/* Block 2 styles are scoped to new components; original brand/background rules stay intact. */
.block2-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;min-width:0}
.block2-account-link{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.block2-registration-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0 0 24px}
.block2-registration-progress li{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;background:var(--bg)}
.block2-registration-progress strong,.block2-registration-progress span{display:block}.block2-registration-progress span{font-size:12px;color:var(--muted);margin-top:5px}
.block2-product-heading,.block2-product-heading>div{min-width:0}.block2-product-serial{margin:10px 0 0;font-size:14px;overflow-wrap:anywhere;color:var(--ink)}
#app .block2-warranty{background:#eff8e9;padding:20px;border-radius:var(--radius-lg);margin:0 0 18px}
.block2-warranty-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.block2-warranty .meter-number{font-size:clamp(22px,4vw,36px);line-height:1.25;margin:16px 0 12px;font-weight:700}
.block2-warranty .block2-warranty-dates{font-size:14px;line-height:1.7;margin:0 0 14px;color:var(--ink)}
.block2-warranty-dates>span{margin:0 7px}.block2-warranty .life-track{height:8px;background:var(--line);border-radius:6px;overflow:hidden}
.block2-warranty .life-track>span{display:block;height:100%;background:#5f8e70}.block2-warranty .microcopy{margin:12px 0 0}
.block2-care-chip{border:1px solid var(--line);border-radius:999px;background:var(--white);padding:10px 12px;color:var(--ink);font:inherit;font-size:12px;cursor:pointer;min-height:44px}
.block2-product-care{padding:18px 0;margin:0 0 18px;border-top:0;scroll-margin-top:20px}
.block2-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.block2-resource-grid .block2-resource-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);min-height:72px;overflow-wrap:anywhere}
.block2-resource-card>span{font-size:12px;color:var(--muted)}.block2-resource-card:hover{box-shadow:var(--shadow-sm);border-color:var(--blue)}
.block2-extension{margin:18px 0}.block2-extension-records{display:grid;gap:8px}.block2-extension-records .doc-row{margin:0}
.block2-extension-form .upload-zone{margin-top:20px}
#document-dialog .block2-contact-level{padding:18px 0;border-bottom:1px solid var(--line)}
#document-dialog .block2-contact-level:first-child{padding-top:0}
.block2-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.block2-channel-grid .block2-contact-channel{justify-content:flex-start;align-items:flex-start;text-align:left;padding:14px;min-width:0;min-height:64px}
.block2-contact-channel>span{min-width:0}.block2-contact-channel strong,.block2-contact-channel small{display:block;overflow-wrap:anywhere}
.block2-contact-channel small{font-size:12px;font-weight:400;margin-top:5px;color:var(--muted)}.block2-contact-channel.selected{border-color:var(--blue)}
#document-dialog .block2-qr{display:flex;align-items:center;gap:16px;padding-top:12px}
.block2-qr #quick-qr{flex:0 0 130px}.block2-qr #quick-qr svg{display:block;width:130px;max-width:100%;height:auto;margin:0;background:white}
.block2-qr #quick-qr[data-expanded="true"]{flex-basis:260px}.block2-qr #quick-qr[data-expanded="true"] svg{width:260px}
.block2-qr>div:last-child{min-width:0;flex:1}.block2-qr #quick-qr-expand{margin:0;min-height:44px}
@media(max-width:600px){.block2-header-actions{gap:4px 10px}.block2-account-link{font-size:11px}.block2-registration-progress{gap:8px}.block2-channel-grid{grid-template-columns:1fr}.block2-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.block2-resource-grid .block2-resource-card{padding:12px;font-size:13px}#app .block2-warranty{padding:16px}.block2-warranty-dates>span{margin:0 3px}#document-dialog .block2-qr:has(#quick-qr[data-expanded="true"]){flex-wrap:wrap}}
@media(max-width:360px){#document-dialog .block2-qr{flex-wrap:wrap}.block2-resource-grid{grid-template-columns:1fr}}

.block2-header-actions #start-registration{max-width:100%;white-space:normal}
.block2-qr #quick-qr[data-expanded="true"]{flex:0 1 260px;max-width:100%}


/* Block 3: component-scoped additions only; no global theme or public hero changes. */
.block3-purchase-row .block3-meter-days{display:block;font-size:14px;line-height:1.5;margin:5px 0}
.block3-purchase-row .life-track{height:6px;background:var(--line);border-radius:6px;overflow:hidden}
.block3-purchase-row .life-track>span{display:block;height:100%;background:#5f8e70}
.block3-care-pill{margin-top:8px;font-size:11px}.block3-purchase-row .purchase-info{min-width:0}
.block3-case-row{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--white)}
.block3-case-row .purchase-row{border:0;border-radius:0;margin:0}.block3-case-actions{padding:0 18px 12px;display:flex;justify-content:flex-end}
.block3-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;list-style:none;margin:0 0 20px}
.block3-stepper>li{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:13px}
.block3-stepper b{display:grid;place-items:center;border-radius:50%;width:24px;height:24px;background:var(--white);flex-shrink:0}
.block3-stepper .current{border-color:var(--blue);font-weight:600}.block3-stepper .done b{color:var(--blue)}
.block3-followup-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.block3-followup-heading h2{margin:0}
.block3-sernac{padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);margin-top:20px}
.block3-reminder{margin:18px 0 8px;flex-wrap:wrap}.block3-sernac.is-due,.block3-reminder.is-due{border:1px solid var(--blue)}
.block3-timeline{margin-top:20px}.block3-timeline .followup-log{padding:0;list-style:none}
.block3-timeline .followup-log>li{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.block3-timeline .followup-log>li>.icon{flex-shrink:0;margin-top:3px}.block3-timeline .followup-log>li>div{min-width:0;flex:1}
.block3-timeline small{display:block;font-size:12px;color:var(--muted);margin-top:7px}
.block3-timeline textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--white);color:var(--ink);margin:10px 0}
.block3-timeline .followup-docs>.btn{margin:8px 8px 0 0}.block3-comment{margin-top:16px}.block3-comment label{display:block;font-size:14px;margin-top:12px}
.block3-comment .consent{display:flex}.block3-comment textarea{resize:vertical}.block3-timeline .followup-docs label{display:block;margin-top:18px;font-weight:600}
@media(max-width:650px){.block3-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.block3-case-actions{justify-content:flex-start}.block3-followup-heading{align-items:flex-start;flex-wrap:wrap}.block3-purchase-row .purchase-meter{min-width:110px}.block3-sernac .btn{width:100%}}

/* Block 4: component-scoped layout; existing hero, brand and theme remain untouched. */
.block4-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.block4-stats .stat{min-width:0}.block4-maintenance-stat{font:inherit;color:var(--ink);text-align:left;cursor:pointer;min-height:110px}
.block4-maintenance-stat:hover{box-shadow:var(--shadow-sm)}.block4-maintenance-stat:focus-visible,.block4-table-scroll:focus-visible,.block4-case-slider:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.block4-home-aside{min-width:0}.block4-home-aside .section-title{flex-wrap:wrap;gap:8px}.block4-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 12px}
.block4-slider-controls .btn{min-width:44px;min-height:44px;padding:8px 14px}.block4-slider-controls button:disabled{opacity:.45;cursor:default}
.block4-case-slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:3px 2px 12px;min-width:0}
.block4-case-slider .block4-slide{flex:0 0 calc(100% - 4px);min-width:0;box-sizing:border-box;scroll-snap-align:start;overflow-wrap:anywhere}
.block4-learning{margin-top:20px}.block4-learning details{margin-top:16px}.block4-resume>span{overflow-wrap:anywhere}
.block4-quick-edits{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.block4-quick-edits button{white-space:normal;min-height:44px}
.block4-table-scroll{overflow-x:auto;max-width:100%;margin:16px 0;overscroll-behavior-x:contain}
.block4-compare-table{width:100%;min-width:560px;table-layout:fixed}.block4-compare-table th,.block4-compare-table td{vertical-align:top;overflow-wrap:anywhere;padding:14px;text-align:left}
.block4-compare-table small,.block4-compare-table td>strong,.block4-compare-table .official-link{display:block;margin:7px 0;line-height:1.5}
.block4-compare-table th:first-child{width:24%}.block4-compare-table .badge{white-space:normal;line-height:1.4}
.block4-compare-table .official-link{min-height:32px}.block4-brand-channel{padding:10px 0;border-top:1px solid var(--line)}
.block4-sources{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}
.block4-sources li{margin-bottom:10px}.block4-legend{line-height:1.6}.block4-guide section{scroll-margin-top:24px}.block4-guide .public-support-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:851px){#app .mobile-nav{display:none}}
@media(max-width:1100px){.block4-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.block4-home-aside.side-content{display:block}}
@media(max-width:420px){.block4-stats .stat{padding:14px;gap:8px}.block4-stats .stat-icon{display:none}.block4-compare-table th,.block4-compare-table td{padding:10px}}
@media(prefers-reduced-motion:reduce){.block4-case-slider{scroll-behavior:auto}}
.block4-brand-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:600px){.block4-brand-contact-grid{grid-template-columns:1fr}}

/* Block 5: focus, input boundaries and small screens. Theme/logo/hero colors are retained. */
:is(#app,#document-dialog) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-accent)!important;outline-offset:3px}
#app .garanexo-toolstrip :is(select,button):focus-visible{outline-color:#cbd5e1!important}
:is(#app,#document-dialog) input:not([type=checkbox]):not([type=radio]):not([type=file]),:is(#app,#document-dialog) :is(select,textarea){border:1px solid var(--color-secondary);max-width:100%;min-width:0;box-sizing:border-box}
:is(#app,#document-dialog) :is(input,textarea)::placeholder{color:var(--color-secondary);opacity:1}
:is(#app,#document-dialog) :is(.icon-btn,.text-button,.filter,.official-link,summary,.block2-account-link){min-height:44px}
:is(#app,#document-dialog) .icon-btn{min-width:44px;flex-shrink:0}
:is(#app,#document-dialog) .official-link{display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}
#app .block4-compare-table .official-link{display:flex}
#document-dialog{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
#document-dialog .dialog-heading{position:sticky;top:0;z-index:4;background:var(--color-card);flex-shrink:0}
#document-dialog .dialog-body{min-width:0;overflow-wrap:anywhere}
#document-dialog .microcopy,#document-dialog .muted,#document-dialog small{color:var(--color-secondary)}
#document-dialog :is(.field-grid,.form-actions,.wizard-actions){min-width:0}
#app :is(.workspace,.content-grid,.side-content,.purchase-info,.purchase-status,.block4-home-aside){min-width:0}
#app :is(.purchase-info,.case-card,.doc-row,.page-heading,.page-footer){overflow-wrap:anywhere}
#app .skip:focus{z-index:1000}
:is(#app,#document-dialog) [aria-invalid=true]{border-color:#a23434!important}
@media(max-width:850px){#app #main{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}#toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}
@media(max-width:600px){
 #app .block2-header-actions{max-width:100%;min-width:0;flex-wrap:wrap}#app .public-header{flex-wrap:wrap}
 :is(#app,#document-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){font-size:16px}
 #app .purchase-row .purchase-status{width:100%;min-width:0;flex-wrap:wrap}
 #app .block3-purchase-row .purchase-status{display:block;margin-left:56px;flex-basis:calc(100% - 56px)}
 #app .block2-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(#app,#document-dialog) :is(.form-actions,.wizard-actions){display:flex;flex-wrap:wrap;gap:10px}
 #document-dialog .field-grid{grid-template-columns:minmax(0,1fr)}#document-dialog .field.full{grid-column:auto}
 #document-dialog .block2-qr{flex-wrap:wrap}#document-dialog .block2-qr>div:last-child{flex-basis:140px}
 #app .block3-stepper{overflow-wrap:anywhere}
}
@media(max-width:380px){
 #app .block4-stats{grid-template-columns:minmax(0,1fr)}#app .block4-stats .stat-label{min-height:0}
 #app .block2-resource-grid{grid-template-columns:minmax(0,1fr)}#app .public-header{padding:12px}
 #app .block2-header-actions{width:100%}#app #start-registration{flex:1}
}
@media(prefers-reduced-motion:reduce){
 :is(#app,#document-dialog) :is(.brand,.brand-cube,.brand-word,.brand-period,.rotating-tagline span,.toast,.entry-choice,.help-action){animation:none!important;transition:none!important}
 #app .rotating-tagline span{display:none}#app .rotating-tagline span:first-child{display:block;opacity:1;transform:none;filter:none}
 :is(#app,#document-dialog){scroll-behavior:auto}
}
@media(forced-colors:active){:is(#app,#document-dialog) :is(.btn,.filter,input,select,textarea,summary){border:1px solid ButtonText!important}:is(#app,#document-dialog) :focus-visible{outline-color:Highlight!important}}

/* Tour revision: three controls wrap inside the existing mobile card. */
.tutorial-controls{flex-wrap:wrap}
.tutorial-controls>.text-button{flex-basis:100%;text-align:left}

/* Mis Casos: one row, local horizontal scroll on narrow screens. */
#app .case-filters{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:3px 2px 8px;max-width:100%;overscroll-behavior-x:contain}
#app .case-filters .filter{flex:0 0 auto;white-space:nowrap;min-height:44px}

/* SERNAC stays secondary inside the case; no colored escalation card. */
#app .case-sernac-secondary{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
#app .case-secondary-options{margin-top:18px}
#app :is(.case-sernac-secondary,.case-secondary-options) .btn{width:auto;text-align:left;font-size:13px;white-space:normal}
#app .case-secondary-options .btn{margin-top:10px}

/* Comparison-only contact actions: compact pills with tablet/mobile touch targets. */
#app .block4-compare-table .contact-pill{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;min-width:44px;max-width:100%;width:auto;box-sizing:border-box;padding:10px 14px;border-radius:999px!important;box-shadow:none;font-size:13px;line-height:1.4;text-align:left;white-space:normal;text-decoration:none;touch-action:manipulation}
#app .block4-compare-table .contact-pill>span:first-child{flex:0 0 auto;font-size:16px}
#app .block4-compare-table .contact-pill>span:last-child{min-width:0;overflow-wrap:anywhere}
#app .block4-compare-table .contact-pill-detail{margin:5px 0 8px;overflow-wrap:anywhere}

/* Purchase wizard: scoped additions reuse the current brand tokens and form styles. */
.purchase-wizard [hidden]{display:none!important}
.purchase-wizard .plain-fieldset{min-inline-size:0}
.purchase-wizard-stepper.block2-registration-progress{grid-template-columns:repeat(3,minmax(0,1fr))}
.purchase-wizard-stepper.block2-registration-progress li{padding:0;overflow:hidden}
.purchase-wizard-stepper button{width:100%;min-height:74px;border:0;background:transparent;color:var(--ink);text-align:left;padding:12px;font:inherit;cursor:pointer}
.purchase-wizard-stepper button:hover{background:var(--line)}
.purchase-wizard-stepper button[aria-current="step"]{background:var(--navy);color:white}
.purchase-wizard-stepper button[aria-current="step"] span{color:inherit}
.purchase-wizard-upload .upload-zone{min-height:150px;border:2px dashed var(--blue);background:var(--bg);border-radius:var(--radius-sm)}
.purchase-wizard-actions{flex-wrap:wrap}
.purchase-wizard-actions .btn,.purchase-wizard .text-button,.purchase-wizard summary{min-height:44px}
.purchase-wizard-review{padding:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}
.purchase-wizard-receipt-summary{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.purchase-wizard-receipt-summary>div{flex:1;min-width:160px}
.purchase-wizard-receipt-summary p{font-size:14px;line-height:1.6}
.purchase-wizard-filename{overflow-wrap:anywhere}
.purchase-wizard-item{flex-wrap:wrap}
.purchase-wizard-item>span{flex-basis:180px}
@media(max-width:600px){.purchase-wizard-stepper button{padding:10px 8px;font-size:12px;min-height:82px}.purchase-wizard-stepper span{font-size:11px}.purchase-wizard-review{padding:14px}.purchase-wizard-actions .btn-primary{flex-basis:100%}.purchase-wizard-item>span{flex-basis:100%}}
.purchase-wizard .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.purchase-wizard-thumbnail{max-width:120px;max-height:150px;object-fit:contain;border:1px solid var(--line);border-radius:var(--radius-sm)}

/* Strategic profile/plans: layout only, using the existing theme and components. */
#app .strategic-profile .plain-fieldset{min-inline-size:0}
#app .strategic-profile-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px}
#app .strategic-profile-card{min-width:0;margin:0}
#app .strategic-profile-card:first-child{grid-row:span 2}
#app .strategic-profile-card .field-grid{margin-bottom:0}
#app .strategic-profile-card .btn{white-space:normal;max-width:100%}
#app .strategic-quota-progress{width:100%;height:12px;accent-color:var(--color-accent);margin-bottom:18px}
#app .strategic-quota-note{margin:0 0 18px;line-height:1.7}
#app .strategic-quota-note a{color:inherit;text-decoration:underline}
#app .strategic-privacy-switch input{width:42px;flex:0 0 42px;min-height:24px;accent-color:var(--color-accent)}
#app .strategic-plans-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
#app .strategic-plans-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
#app .strategic-plans-table caption{text-align:left;margin:16px 0;font-weight:600}
#app .strategic-plans-table th,#app .strategic-plans-table td{padding:14px 12px;border-bottom:1px solid var(--color-border);vertical-align:top;overflow-wrap:anywhere;line-height:1.6;font-size:14px}
#app .strategic-plans-table small{color:var(--color-secondary)}
#app .strategic-plans .field{max-width:380px}
#document-dialog .strategic-exit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
#document-dialog .strategic-exit-options label{display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px;min-height:48px;cursor:pointer}
#document-dialog .strategic-exit-options input{flex:0 0 auto;accent-color:var(--color-accent)}
#app .strategic-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:850px){#app .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}#app .mobile-nav a{font-size:11px}}
@media(max-width:700px){#app .strategic-profile-grid{grid-template-columns:minmax(0,1fr)}#app .strategic-profile-card:first-child{grid-row:auto}#app .strategic-plans-table th,#app .strategic-plans-table td{padding:10px 7px;font-size:12px}#document-dialog .strategic-exit-options{grid-template-columns:minmax(0,1fr)}}
#app .strategic-privacy-switch input{appearance:none;position:relative;box-sizing:border-box;width:42px;height:24px;margin-top:2px;border:1px solid var(--color-secondary);border-radius:999px;background:var(--color-secondary);cursor:pointer}
#app .strategic-privacy-switch input::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:var(--color-card)}
#app .strategic-privacy-switch input:checked{background:var(--color-accent);border-color:var(--color-accent)}
#app .strategic-privacy-switch input:checked::before{left:21px}

/* B2 resale adapters: retain theme tokens, base cards and form styling. */
#app .passport-photos input[type=file],#app .passport-public input[type=file]{max-width:100%;font:inherit;min-height:44px}
#app .passport-photo-list{display:grid;gap:8px;margin-top:12px}
#app .passport-product-card .btn{margin:8px 8px 0 0}
:is(#app,#document-dialog) .passport-summary{min-width:0;overflow-wrap:anywhere}
#document-dialog .passport-qr{max-width:460px;margin:20px auto;background:white;padding:12px;border-radius:var(--radius-sm)}
#document-dialog .passport-qr:empty{display:none}
#document-dialog .passport-qr svg{display:block;width:100%;height:auto;max-width:100%}
#document-dialog #passport-creator .consent{min-height:44px;align-items:center}
#document-dialog #passport-output .detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){#document-dialog #passport-output .detail-meta{grid-template-columns:minmax(0,1fr)}#app .passport-product-card .btn{max-width:100%;white-space:normal}}

/* Strategic B3: reuse existing panels, controls and palette; no global visual changes. */
.local-warranty-notice { margin-bottom: 16px; }
.local-warranty-notice p { margin: 8px 0; overflow-wrap: anywhere; }
.local-alert-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 16px; }
.local-backup-card { margin-top: 24px; }
.local-backup-input { display: grid; gap: 8px; margin: 20px 0; }
.local-backup-input input { max-width: 100%; }
#local-alert-nav { white-space: nowrap; }

/* Integral UI polish: scoped components; original background, logo and theme tokens remain intact. */
.garanexo-action-cube{width:21px;height:24px;flex:0 0 auto;color:var(--color-primary,#1e293b)}
:is(#app,#document-dialog) .btn-primary .garanexo-action-cube{color:#fff}
:is(#app,#document-dialog) .btn .icon{flex:0 0 auto}
#app .sidebar .brand-sub{margin:14px 0 25px;font-size:12px;line-height:1.65}
#app .sidebar-motto{font-size:14px;line-height:1.55}
#app .sidebar{overflow-y:auto}
#app .ui-user-menu{position:relative;border:0;background:transparent;z-index:35;margin:0}
#app .ui-user-trigger{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:46px;padding:6px 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);color:var(--color-text);font-weight:600;max-width:280px}
#app .ui-user-trigger::-webkit-details-marker{display:none}
#app .ui-user-trigger::after{content:none!important}
#app .ui-user-trigger>.icon{width:16px;height:16px;flex-shrink:0}
#app .ui-user-name{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .ui-user-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(300px,calc(100vw - 32px));padding:8px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-card);box-shadow:0 10px 28px #142c421a}
#app .ui-user-panel>a,#app .ui-user-panel>button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px;border:0;border-radius:9px;background:transparent;color:var(--color-text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}
#app .ui-user-panel>a:hover,#app .ui-user-panel>button:hover{background:var(--color-background)}
#app .ui-user-panel .icon{width:19px;height:19px;flex:0 0 auto}
#app .ui-user-panel .microcopy{margin:6px 12px;font-size:11px}
#app .ui-alert-count{margin-left:auto;min-width:24px;border-radius:999px;padding:3px 7px;background:#fff8e8;color:#854d0e;border:1px solid #e6c890;font-size:12px;font-weight:700;text-align:center}
#app .ui-alert-count[hidden]{display:none}
#app .ui-user-menu[open] .ui-user-trigger>.icon{transform:rotate(180deg)}
#app .ui-plan-actions{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:end;gap:24px;margin:26px 0 18px}
#app .ui-plan-actions .field{margin:0;max-width:none;min-width:0}
#app .ui-plan-actions select{width:100%;min-height:46px;box-sizing:border-box}
#app .ui-plan-actions .btn{margin:0;justify-self:start;max-width:100%}
#app .strategic-plans-table th>.icon{width:18px;height:18px;vertical-align:middle;margin-right:5px}
#app .ui-product-deadlines{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:stretch;margin:0 0 22px}
#app .ui-product-deadlines .block2-warranty{margin:0;min-width:0}
#app .ui-maintenance-counter{padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);min-width:0}
#app .ui-maintenance-counter .meter-kind{display:flex;align-items:center;gap:8px;line-height:1.5}
#app .ui-maintenance-counter>strong{display:block;margin:14px 0 10px;font-size:20px;line-height:1.4}
#app .ui-maintenance-counter .btn{margin-top:12px;width:100%}
#app .ui-care-controls{margin:18px 0;padding-top:16px;border-top:1px solid var(--color-border)}
#app .ui-care-history{margin:20px 0 0}
#app .ui-care-history>summary{display:flex;align-items:center;gap:10px;min-height:48px}
#app .ui-care-history>summary span{margin-left:auto;font-weight:400}
#app .ui-care-history-body{padding:20px 4px}
#app .ui-care-history-entry{padding:18px 0;border-bottom:1px solid var(--color-border)}
#app .ui-care-history-entry p{margin:8px 0 14px}
#app .ui-care-history-entry .doc-row{margin-top:10px;width:100%;text-align:left}
#app .passport-product-card{margin:24px 0}
#app .ui-legal-partner{padding:18px;margin-top:20px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background)}
#app .ui-legal-partner h3{display:flex;gap:9px;align-items:center;font-size:15px;line-height:1.5}
#app .ui-legal-partner p{margin:12px 0 0}
#app .case-sernac-secondary{margin-top:22px;padding-top:20px;border-top:1px solid var(--color-border)}
#app .case-sernac-secondary.is-escalation>#followup-sernac{border-color:var(--color-accent);font-weight:700}
#app .block3-timeline{display:block;margin-top:26px}
#app .block3-timeline>h2{margin-bottom:18px}
#app .block3-timeline .followup-log{display:block;width:100%;box-sizing:border-box}
#app .block3-timeline .followup-log>li{gap:16px;padding:20px 0}
#app .block3-timeline .followup-docs{padding:20px;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background)}
#app .block3-timeline .followup-docs>.btn{white-space:normal;max-width:100%}
:is(#app,#document-dialog) .ui-state-badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:30px;border:1px solid var(--color-border);border-radius:999px;white-space:normal;line-height:1.45;vertical-align:middle;padding:5px 10px;box-sizing:border-box}
:is(#app,#document-dialog) .ui-state-badge .icon{width:16px;height:16px;flex:0 0 auto}
:is(#app,#document-dialog) .ui-state-badge.ui-state-green{background:#effaf3!important;color:#166534!important;border-color:#a7d7b9!important}
:is(#app,#document-dialog) .ui-state-badge.ui-state-amber{background:#fff8e8!important;color:#854d0e!important;border-color:#e6c890!important}
:is(#app,#document-dialog) .ui-state-badge.ui-state-red{background:#fff1f2!important;color:#991b1b!important;border-color:#e9b2b8!important}
:is(#app,#document-dialog) .ui-state-badge.ui-state-neutral{background:#f0f4f8!important;color:#41566b!important;border-color:#c8d3df!important}
#app .block4-legend{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0;align-items:center}
#app .block4-legend p{flex-basis:100%;margin:2px 0 0}
#document-dialog .block2-contact-channel,#document-dialog .direct-channel{background:linear-gradient(135deg,#edf5f7 0%,#fff 100%)!important;border:1px solid #bbceda!important;box-shadow:0 3px 9px #142c420c!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
#document-dialog .block2-contact-channel:hover,#document-dialog .direct-channel:hover{transform:translateY(-1px);border-color:#688b9f!important;box-shadow:0 5px 12px #142c4217!important}
#document-dialog .block2-contact-channel:active,#document-dialog .direct-channel:active{transform:none;box-shadow:0 1px 4px #142c4212!important}
/* Vector chevrons replace native text glyphs on disclosure headers. */
:is(#app,#document-dialog) details:not(.ui-user-menu)>summary::after{content:''!important;display:inline-block;width:16px;height:16px;flex:0 0 16px;margin-left:10px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
:is(#app,#document-dialog) details[open]:not(.ui-user-menu)>summary::after{transform:rotate(180deg)}
@media(max-width:1000px){#app .ui-product-deadlines{grid-template-columns:minmax(0,1fr)}#app .ui-user-name{max-width:120px}}
@media(max-width:700px){#app .ui-plan-actions{grid-template-columns:minmax(0,1fr);gap:18px}#app .ui-plan-actions .btn{justify-self:stretch}#app .ui-user-name{max-width:90px}#app .block3-timeline .followup-docs{padding:15px}}
@media(max-width:380px){#app .ui-user-name{display:none}#app .ui-user-trigger{padding:5px 8px;gap:7px}#app .ui-care-history>summary{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#document-dialog .block2-contact-channel,#document-dialog .direct-channel{transition:none;transform:none!important}}
@media(forced-colors:active){:is(#app,#document-dialog) .ui-state-badge,#app .ui-user-trigger,#app .ui-user-panel,#document-dialog .block2-contact-channel{border-color:ButtonText!important;background:Canvas!important;color:CanvasText!important}}

:is(#app,#document-dialog) details:not(.ui-user-menu)>summary::after{border:0;border-radius:0;transform:translateY(-50%)}
:is(#app,#document-dialog) details[open]:not(.ui-user-menu)>summary::after{transform:translateY(-50%) rotate(180deg)}

#app .ui-care-history>summary>span{display:inline}
#app .ui-user-trigger{padding:6px 10px!important;border-radius:999px!important;background:var(--color-card)!important}

/* Guided flows: existing corporate tokens, with compact product modules. */
#app .ui-registration-workspace{margin-left:0}
#app .ui-registration-workspace main{max-width:1050px;padding-top:28px}
#app .ui-registration-header{gap:16px;height:auto;min-height:83px;padding-top:14px;padding-bottom:14px}
#app .ui-registration-header>.btn{max-width:100%;white-space:normal}
#app .ui-registration-screen .page-heading{margin-bottom:22px}
#app .ui-registration-screen .receipt-batch{max-width:none}
#app .ui-registration-screen .purchase-wizard{margin-bottom:28px}
#app .ui-warranty-summary{margin:0 0 20px}
#app .ui-warranty-summary>.policy-guide{margin-top:18px;padding-top:16px}
#app .ui-warranty-summary .coverage-tile{padding:14.4px}
#app .ui-warranty-summary .coverage-symbol{width:32px;height:32px;margin-bottom:9.6px}
#app .ui-warranty-summary .coverage-tile h4{margin:6.4px 0}
#app .ui-warranty-summary .coverage-period{font-size:26px;line-height:1.1}
#app .ui-warranty-summary .coverage-tile p{line-height:1.35;margin:8px 0}
#app .ui-warranty-summary .coverage-tile details{margin-top:11.2px;padding-top:8px}
#app .ui-warranty-summary .coverage-tile summary{min-height:44px;padding-top:9.6px!important;padding-bottom:9.6px!important}
#app .ui-warranty-summary .block2-extension{margin:16px 0 0}
#app .ui-maintenance-module{padding:16px;margin:20px 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card)}
#app .ui-maintenance-module .ui-maintenance-counter{padding:0;border:0;background:transparent}
#app .ui-maintenance-module .ui-maintenance-counter>strong{margin:11px 0 8px;font-size:18px;line-height:1.3}
#app .ui-maintenance-module .ui-maintenance-counter .microcopy{margin:8px 0;line-height:1.4}
#app .ui-maintenance-module .ui-maintenance-counter .btn{width:auto;margin-top:8px}
#app .ui-maintenance-module .ui-care-controls{margin:14px 0;padding-top:12px}
#app .ui-maintenance-module .ui-care-controls p{line-height:1.4;margin-bottom:10px}
#app .ui-maintenance-module .ui-care-history{margin-top:16px}
#app .ui-maintenance-module .ui-care-history-body{padding:16px 3px}
#app .ui-maintenance-module .ui-care-history-entry{padding:14px 0}
#app .flow-certificate-card{background:linear-gradient(135deg,#edf3fc 0%,#f8fafc 100%)!important;border:1px solid #bdcee9!important;padding:24px;border-radius:var(--radius-sm);box-shadow:0 4px 14px #142c420a}
#app .flow-certificate-card>h2{margin-top:14px}
#app .flow-certificate-card .flow-photo-action{border-color:var(--color-accent);font-weight:600}
#app .flow-certificate-card .btn{min-height:48px}
#app .block3-stepper>li{padding:0;display:block;min-width:0}
#app .block3-stepper>li>button{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
#app .block3-stepper>li>button:disabled{opacity:.55;cursor:default}
#app #case-next-step .followup-actions{margin-top:16px}
@media(max-width:700px){#app .ui-registration-header{padding:14px 20px;align-items:center}#app .ui-registration-header .brand-word{font-size:22px}#app .ui-registration-header>.btn{font-size:12px;padding:10px 12px}#app .ui-registration-workspace main{padding:24px 18px}#app .ui-warranty-summary .coverage-tile{padding:12px}#app .block3-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}#app .flow-certificate-card{padding:20px}}
@media(max-width:380px){#app .ui-registration-header{flex-wrap:wrap}#app .ui-registration-header>.btn{width:100%}#app .flow-certificate-card .btn{width:100%;margin-right:0}}

/* Ergonomics: same certificate tint, scoped to requested modules. Global theme is unchanged. */
#app .block2-product-care,#app .buying-type,#document-dialog.opt-contact-dialog{background:linear-gradient(135deg,#edf3fc 0%,#f8fafc 100%)!important;border:1px solid #bdcee9!important;box-shadow:0 4px 14px #142c420a}
#app .block2-product-care{padding:14px 16px;margin:18px 0;border-radius:var(--radius-sm)}
#app .block2-product-care>h3{margin:0 0 10px;font-size:16px;line-height:1.4}
#app .block2-product-care>.microcopy{margin:8px 0 0;line-height:1.4}
#app .block2-product-care .block2-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;background:transparent;border:0}
#app .block2-product-care .block2-resource-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 10px;margin:0;border:1px solid #bdcee9;border-radius:999px;background:#ffffffa6;color:var(--color-text);font-size:12px;line-height:1.3;text-decoration:none}
#app .block2-resource-card>span{min-width:0;overflow-wrap:anywhere}
#app .block2-resource-card .icon{width:16px;height:16px;flex:0 0 16px}
#app .block2-resource-card>.icon:last-child{margin-left:auto}
#app .block2-resource-card:hover{background:#fff;border-color:var(--color-accent)}
#app .buying-type{min-height:108px;align-items:center;border-radius:var(--radius-sm)}
#app .buying-type.selected{border-color:var(--color-accent)!important;box-shadow:0 0 0 1px var(--color-accent)}
#app .buying-type small{display:block;white-space:normal;margin-top:6px;line-height:1.45}
#app .opt-catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#app .opt-catalog-tabs [role=tab]{min-height:44px;padding:10px 16px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);color:var(--color-text);font:inherit;font-size:14px;cursor:pointer}
#app .opt-catalog-tabs [aria-selected=true]{background:var(--color-secondary);border-color:var(--color-accent);font-weight:700}
#app .opt-company-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 18px}
#app .opt-company-pills .search-company{min-width:0;min-height:52px;padding:10px 13px;margin:0;border-radius:20px;gap:8px}
#app .opt-company-pills .search-company>span{min-width:0}
#app .opt-company-pills strong{font-size:14px;overflow-wrap:anywhere}
#app .opt-company-pills small{font-size:11px;line-height:1.35;white-space:normal}
#app .opt-company-pills .icon{width:16px;height:16px;flex:0 0 16px}
:is(#app,#document-dialog) .opt-care-health{margin:10px 0}
:is(#app,#document-dialog) .opt-care-health .life-track{height:9px;margin:7px 0;background:#e1e8ef;overflow:hidden;border-radius:999px}
:is(#app,#document-dialog) .opt-care-health .life-track>span{display:block;height:100%;background:#65768a}
:is(#app,#document-dialog) .opt-care-health[data-health-state=healthy] .life-track>span{background:#238254}
:is(#app,#document-dialog) .opt-care-health[data-health-state=soon] .life-track>span{background:#a66a0a}
:is(#app,#document-dialog) .opt-care-health[data-health-state=overdue] .life-track{background:#fbe3e6;border:1px solid #ad3448}
:is(#app,#document-dialog) .opt-care-health[data-health-state=overdue] .microcopy{color:#991b1b;font-weight:600}
#document-dialog.opt-contact-dialog{width:min(880px,calc(100% - 32px));box-sizing:border-box;color:var(--color-text)}
#document-dialog.opt-contact-dialog .dialog-body{padding-top:12px}
#document-dialog.opt-contact-dialog .block2-contact-level{margin-top:14px;padding-top:12px}
#document-dialog.opt-contact-dialog .opt-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;padding:0;margin:12px 0}
#document-dialog.opt-contact-dialog .opt-contact-fields>label,#document-dialog.opt-contact-dialog .opt-contact-fields>textarea{grid-column:1/-1}
#document-dialog.opt-contact-dialog .opt-contact-fields>select{grid-column:1/-1;min-height:44px}
#document-dialog.opt-contact-dialog .opt-contact-utilities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;margin:14px 0}
#document-dialog.opt-contact-dialog .opt-contact-utilities>section{min-width:0;padding:12px;border:1px solid #bdcee9;border-radius:var(--radius-sm);background:#ffffff80}
#document-dialog.opt-contact-dialog .opt-qr-section h4{margin:0 0 10px;font-size:14px}
#document-dialog.opt-contact-dialog .block2-qr{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;padding:0}
#document-dialog.opt-contact-dialog #quick-qr svg{display:block;width:112px;height:112px;max-width:100%;background:#fff}
#document-dialog.opt-contact-dialog #quick-qr[data-expanded=true]{grid-column:1/-1;justify-self:center}
#document-dialog.opt-contact-dialog #quick-qr[data-expanded=true] svg{width:224px;height:auto;max-width:100%}
#document-dialog.opt-contact-dialog .opt-contact-records>.btn{margin-top:0}
#document-dialog.opt-contact-dialog .opt-contact-records .quick-option-body{padding:0}
#document-dialog.opt-contact-dialog .microcopy{line-height:1.4;font-size:12px}
@media(max-width:1000px){#app .opt-company-pills{grid-template-columns:repeat(2,minmax(0,1fr))}#document-dialog.opt-contact-dialog .block2-qr{grid-template-columns:112px minmax(0,1fr)}}
@media(max-width:650px){#document-dialog.opt-contact-dialog .opt-contact-utilities{grid-template-columns:minmax(0,1fr)}#app .opt-catalog-tabs [role=tab]{flex:1 1 160px}#app .block2-product-care{padding:12px}#app .block2-product-care .block2-resource-card{padding:8px;font-size:11px}}
@media(max-width:350px){#app .block2-product-care .block2-resource-grid{gap:5px}#app .block2-resource-card>.icon:first-child{display:none}#app .opt-company-pills{grid-template-columns:minmax(0,1fr)}}
@media(forced-colors:active){#app .block2-product-care,#app .buying-type,#document-dialog.opt-contact-dialog,#app .opt-catalog-tabs [role=tab],#app .block2-resource-card{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important}:is(#app,#document-dialog) .opt-care-health .life-track{border:1px solid CanvasText}:is(#app,#document-dialog) .opt-care-health .life-track>span{background:Highlight!important}}

#document-dialog .block2-product-care{padding:14px;border:1px solid #bdcee9;border-radius:var(--radius-sm);background:linear-gradient(135deg,#edf3fc 0%,#f8fafc 100%)}
#document-dialog .block2-product-care .block2-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#document-dialog .block2-product-care .block2-resource-card{flex-direction:row;align-items:center;gap:7px;min-height:44px;box-sizing:border-box;padding:8px 10px;border-radius:999px;font-size:12px}

/* Legal and simulated support: scoped layout; preserve the existing theme and hero. */
:is(#app,#document-dialog) .legal-footer-link{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;color:inherit;text-underline-offset:3px;font-size:12px;line-height:1.4}
#app .legal-page{max-width:980px;margin:0 auto}
#app .legal-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
#app .legal-section-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);color:var(--color-text);font-size:13px;box-sizing:border-box;text-decoration:none}
#app .legal-section{margin:18px 0;scroll-margin-top:20px;min-width:0}
#app .legal-section h2{font-size:20px;line-height:1.4}
#app .legal-section p{line-height:1.65;max-width:85ch}
#app .legal-section li{margin:12px 0;overflow-wrap:anywhere}
#app .legal-section li a{display:inline-block;min-height:30px}
#app .legal-reform-note{border-left:3px solid var(--color-accent);padding:10px 14px;background:var(--color-background)}
#document-dialog .legal-support-notice,#document-dialog .legal-support-confirmation{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);line-height:1.5}
#document-dialog .legal-support-notice strong{display:block;margin-bottom:7px}
#document-dialog .legal-support-confirmation h3{margin-top:0;font-size:18px}
#document-dialog .legal-support-confirmation blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--color-accent);background:var(--color-card);font-size:14px}
#document-dialog #technical-support-form .field{margin:16px 0}
#document-dialog #technical-support-form input,#document-dialog #technical-support-form textarea{width:100%;box-sizing:border-box;font-size:16px}
#document-dialog #technical-support-form[hidden]{display:none!important}
#app .legal-support-blocked{max-width:720px;margin:20px auto}
@media(max-width:650px){#app .legal-section h2{font-size:18px}#app .legal-section-nav{gap:6px}#app .legal-section-nav a{padding:8px 11px}#document-dialog .legal-support-confirmation blockquote{padding:10px 12px}}

/* Form ergonomics and contextual help: existing palette, no global/hero changes. */
#app .purchase-wizard .field-error{margin:7px 0 0;color:#991b1b;font-size:13px;line-height:1.45}
#app .purchase-wizard .field-error:empty{display:none}
#app .purchase-wizard #issuer-rut-status{margin:2px 0 8px;line-height:1.45}
#app .purchases-guide-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);color:var(--color-text)}
#app .purchases-guide-icon .icon{width:21px;height:21px}
#app .block4-slider-controls>.btn .icon{width:20px;height:20px;flex:0 0 20px}
#document-dialog .workspace-guide{max-width:650px}
#document-dialog .workspace-guide h3{font-size:20px;line-height:1.4;margin:12px 0}
#document-dialog .workspace-guide p{line-height:1.6}
#document-dialog .workspace-guide .form-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:22px}
#document-dialog .workspace-guide .btn{min-height:44px}
@media(max-width:650px){#app .page-heading .purchases-guide-icon{flex:0 0 44px}#document-dialog .workspace-guide h3{font-size:18px}}

/* Product reading hierarchy: compact assistance and maintenance, same corporate theme. */
#app .product-detail-flow .product-legal-overview{margin:0 0 16px}
#app .product-detail-flow .product-legal-overview .block2-warranty{margin:0}
#app .product-detail-flow>.purchase-help{margin:0 0 20px;padding-top:0}
#app .product-detail-flow>.ui-warranty-summary{margin:0 0 18px}
#app .product-detail-flow>.ui-warranty-summary>.policy-guide{margin-top:10px;padding-top:0}
#app .product-detail-flow .ui-legal-partner{padding:10px 12px;margin-top:12px}
#app .product-detail-flow .product-legal-partner-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
#app .product-detail-flow .ui-legal-partner h3{font-size:14px;margin:0}
#app .product-detail-flow .ui-legal-partner p{margin:5px 0 0;line-height:1.35;font-size:11px}
#app .product-caj-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:12px;color:var(--color-text);text-underline-offset:3px}
#app .product-caj-link .icon{width:15px;height:15px}
#app .product-detail-flow .product-commercial-note{padding:12px 14px;margin:12px 0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm)}
#app .product-detail-flow .product-commercial-note p{margin:7px 0;line-height:1.45;font-size:13px}
#app .product-detail-flow .product-extension-row{padding:12px 14px;margin:14px 0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}
#app .product-extension-caption{flex:1 1 200px;min-width:0}
#app .product-extension-caption p{margin:5px 0 0}
#app .product-extension-row .block2-extension-records,#app .product-extension-row>p{flex-basis:100%}
/* 25% smaller container spacing (16px -> 12px); controls retain at least 44px. */
#app .product-detail-flow>.ui-maintenance-module{padding:12px;margin:15px 0}
#app .product-detail-flow .ui-maintenance-counter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
#app .product-detail-flow .ui-maintenance-counter>.meter-kind,#app .product-detail-flow .ui-maintenance-counter>strong,#app .product-detail-flow .ui-maintenance-counter>.microcopy,#app .product-detail-flow .ui-maintenance-counter>.opt-care-health{grid-column:1}
#app .product-detail-flow .ui-maintenance-counter>strong{margin:4px 0;font-size:17px}
#app .product-detail-flow .ui-maintenance-counter>.microcopy{margin:3px 0}
#app .product-detail-flow .ui-maintenance-counter>.btn{grid-column:2;grid-row:1/5;margin:0;min-height:44px}
#app .product-detail-flow .opt-care-health{margin:4px 0}
#app .product-detail-flow .ui-care-controls{margin:10px 0;padding-top:9px}
#app .product-detail-flow .ui-care-controls p{margin:5px 0;line-height:1.35}
#app .product-detail-flow .care-actions{gap:6px}
#app .product-detail-flow .ui-care-history{margin-top:12px}
#app .product-detail-flow .ui-care-history-body{padding:12px 3px}
#app .product-detail-flow .ui-care-history-entry{padding:10px 0}
@media(max-width:650px){#app .product-detail-flow .ui-maintenance-counter{grid-template-columns:minmax(0,1fr)}#app .product-detail-flow .ui-maintenance-counter>.btn{grid-column:1;grid-row:auto;justify-self:start}#app .product-detail-flow .product-extension-row{gap:8px}#app .product-detail-flow .product-extension-row>.btn{width:100%}}

/* Shared CAJ / Partner actions: existing brand tokens, 44px touch targets and explicit simulation state. */
#app .legal-assistance-actions,#document-dialog .legal-assistance-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;align-items:stretch}
#app .legal-public-action,#document-dialog .legal-public-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);background:var(--color-card);color:var(--navy);font-weight:600;text-decoration:none;white-space:normal;text-align:left;border-radius:var(--radius-sm)}
#app .legal-private-action,#document-dialog .legal-private-action{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent),var(--navy));color:var(--white);box-shadow:0 4px 12px #142c4226;text-decoration:none;white-space:normal;text-align:left}
#app .legal-private-action span,#document-dialog .legal-private-action span{display:grid;gap:3px;flex:1}
#app .legal-private-action small,#document-dialog .legal-private-action small{color:inherit;opacity:.95;font-size:12px}
#app .legal-private-action .icon,#document-dialog .legal-private-action .icon{flex-shrink:0;color:inherit}
#app .legal-private-action:hover,#document-dialog .legal-private-action:hover{box-shadow:0 6px 16px #142c4238}
#app .legal-public-action:hover,#document-dialog .legal-public-action:hover{border-color:var(--color-accent);background:var(--color-background)}
#app .legal-assistance-actions :focus-visible,#document-dialog .legal-private-action:focus-visible,#document-dialog .legal-public-action:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
#document-dialog .ui-legal-partner{margin-top:16px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm)}
#document-dialog .legal-partner-preview{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:12px 0}
#document-dialog .legal-partner-preview textarea{width:100%;min-height:140px;margin-top:8px}
#document-dialog .legal-partner-preview ul{padding-left:20px;overflow-wrap:anywhere}
@media(max-width:700px){#app .legal-assistance-actions,#document-dialog .legal-assistance-actions{grid-template-columns:1fr}#document-dialog .form-actions>.legal-private-action{width:100%}}

/* Cases use the existing spotlight surface; backdrop intercepts stray touches outside the highlighted item. */
.tutorial-cases-layer .tutorial-shade{pointer-events:auto}
.tutorial-cases-note{max-height:calc(100dvh - 24px);overflow:auto}
.tutorial-cases-note .tutorial-safe-note{margin-top:10px;font-size:12px;color:var(--color-muted)}
.tutorial-cases-note .btn{min-height:44px}
.tutorial-case-pointer{position:fixed;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid var(--color-card)}
.tutorial-case-pointer.points-down{border-bottom:0;border-top:9px solid var(--color-card)}


/* Suppress the page-container ring; preserve keyboard focus on interactive controls. */
#app main#main:focus,
#app main#main:focus-visible {
  outline: none !important;
}

/* Preparatory account forms reuse current cards, colors and keyboard focus. */
.account-access .field{margin-top:16px}
.account-access .error{margin:0}
.account-preparation-note{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;line-height:1.5;background:var(--color-background)}
.account-password-rules{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;font-size:12px}
.account-password-rules li{display:flex;align-items:center;gap:8px;color:var(--color-muted)}
.account-password-rules li.is-met{color:var(--color-text)}
.account-password-rules .icon{width:16px;height:16px}
.account-password-rules small{margin-left:auto;font-size:11px}
.account-local-access{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border)}
.account-local-access h2{font-size:16px}
.account-recovery-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px}
#password-recovery-form .field{margin-top:16px}

/* Auth controls and restrained overlay entry; existing brand/layout stays unchanged. */
.account-password-control{position:relative;display:block}
.account-password-control input{padding-right:54px;width:100%}
.account-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--color-muted,var(--muted));cursor:pointer}
.account-password-toggle:hover{background:rgba(38,98,210,.06);color:var(--color-text,var(--ink))}
.account-password-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.account-password-toggle .icon{width:21px;height:21px}
.account-confirmed{padding:16px;margin:16px 0;border:1px solid rgba(38,98,210,.18);border-radius:12px;background:linear-gradient(135deg,rgba(38,98,210,.07),rgba(38,98,210,.02))}
.account-confirmed p{margin:8px 0 12px}
@keyframes garanexo-overlay-enter{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
#document-dialog[open],.guided-example,.tutorial-note,.workspace-guide{animation:garanexo-overlay-enter 180ms ease-out both}
#document-dialog[open]::backdrop{animation:garanexo-backdrop-enter 180ms ease-out both}
@keyframes garanexo-backdrop-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#document-dialog[open],#document-dialog[open]::backdrop,.guided-example,.tutorial-note,.workspace-guide{animation:none}}