:root { --portal-navy:#0d2d61; --portal-blue:#1168ed; --portal-pale:#f4f8ff; --portal-line:#d7e3f4; --portal-muted:#607396; }
.customer-native-login{min-height:190px;padding:6px 0}.customer-native-login:empty:before{content:'Cargando acceso seguro…';display:block;padding:22px;border:1px dashed var(--portal-line);border-radius:12px;color:var(--portal-muted);font-weight:700}
.access-stage{padding:26px 0 18px}.access-panel{max-width:880px;margin:0 auto;padding:30px;border:1px solid var(--portal-line);border-radius:20px;background:#fff;box-shadow:0 13px 30px rgba(13,45,97,.08)}.access-stage[hidden],.access-panel[hidden],.catalog-stage[hidden],.flow-actions[hidden],.portal-configurator[hidden]{display:none!important}.access-panel h2{margin:4px 0 8px;color:var(--portal-navy);font-size:33px;letter-spacing:-.035em}.access-panel>p:not(.eyebrow){max-width:690px;margin:0 0 24px;color:var(--portal-muted);line-height:1.55}.access-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.access-choice-card{min-height:176px;padding:21px;display:flex;align-items:flex-start;gap:15px;border:2px solid var(--portal-line);border-radius:17px;background:#fff;color:var(--portal-navy);text-align:left;cursor:pointer;transition:.18s ease}.access-choice-card:hover,.access-choice-card.selected{border-color:var(--portal-blue);background:#f8fbff;box-shadow:0 0 0 3px rgba(17,104,237,.1);transform:translateY(-1px)}.access-choice-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#eaf2ff;color:var(--portal-blue);font-size:23px}.access-choice-card strong,.access-choice-card small,.access-choice-card b{display:block}.access-choice-card strong{font-size:18px}.access-choice-card small{margin-top:8px;color:var(--portal-muted);font-size:13px;line-height:1.42}.access-choice-card b{margin-top:17px;color:var(--portal-blue);font-size:13px}.access-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.access-form label{display:grid;gap:7px;color:var(--portal-navy);font-size:13px;font-weight:800}.access-form input{box-sizing:border-box;width:100%;padding:13px;border:1px solid #c8d8ee;border-radius:10px;background:#fff;color:#172b50;font:inherit}.access-form input:invalid:not(:placeholder-shown){border-color:#d45d5d}.access-form .wide{grid-column:1/-1}.access-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.access-actions button:not(.text-button){padding:14px 22px;border:0;border-radius:12px;background:var(--portal-blue);color:#fff;font:800 15px/1 inherit;cursor:pointer;box-shadow:0 10px 20px rgba(17,104,237,.2)}.account-identified{margin-top:20px;padding:18px;border:1px solid #bdd5fb;border-radius:14px;background:#f4f8ff}.account-identified .status{margin-top:0}.customer-summary{display:grid;gap:3px;padding:13px 0}.customer-summary h3{margin:0 0 5px;color:var(--portal-navy)}.customer-summary p{margin:0;color:#405b83;font-size:14px}
.customer-flow{max-width:1120px;margin:56px auto;padding:0 28px}.flow-progress{min-height:64px;display:grid;grid-template-columns:48px 1fr 90px;gap:15px;align-items:center;padding:9px 14px;border:1px solid var(--portal-line);border-radius:17px;background:#fff;box-shadow:0 12px 28px rgba(13,45,97,.08)}.flow-progress p{margin:0;text-align:center;color:#172b50}.flow-progress small{margin-left:7px;color:var(--portal-muted);font-size:11px;font-weight:800}.flow-icon-button,.flow-home-button{border:1px solid #c8d8ee;border-radius:10px;background:#fff;color:var(--portal-navy);font-weight:800;cursor:pointer}.flow-icon-button{width:42px;height:42px;font-size:19px}.flow-home-button{padding:10px 13px}.flow-icon-button:hover,.flow-home-button:hover{border-color:var(--portal-blue);color:var(--portal-blue)}.catalog-stage{padding:26px 0 18px}.catalog-stage h2{margin:0;color:var(--portal-navy);font-size:34px;letter-spacing:-.035em}.catalog-stage-help{max-width:690px;margin:7px 0 17px;color:var(--portal-muted);font-size:14px}.portal-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px}.portal-product-card{min-height:94px;padding:10px;display:grid;grid-template-columns:62px 1fr 28px;gap:11px;align-items:center;text-align:left;border:2px solid var(--portal-line);border-radius:14px;background:#fff;color:inherit;cursor:pointer;transition:.18s ease}.portal-product-card:hover{transform:translateY(-2px);border-color:#a8c8f8;box-shadow:0 9px 23px rgba(13,45,97,.1)}.portal-product-card.selected{border-color:var(--portal-blue);box-shadow:0 0 0 3px #e5f0ff}.portal-product-card img,.product-image-fallback{width:62px;height:62px;object-fit:cover;border-radius:10px;background:#edf4ff}.product-image-fallback{display:grid;place-items:center;color:var(--portal-blue);font-size:25px;font-weight:900}.portal-product-card strong,.portal-product-card small{display:block}.portal-product-card strong{color:var(--portal-navy);font-size:15px}.portal-product-card small{margin-top:4px;color:var(--portal-muted);font-size:11px;line-height:1.28}.product-heart{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d7e3f4;border-radius:50%;color:#8395b1;font-size:16px}.portal-product-card.selected .product-heart{color:var(--portal-blue);border-color:#b9d2f8;background:#eef6ff}.flow-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:14px 24px;border:1px solid var(--portal-line);border-radius:17px;background:#fff;box-shadow:0 13px 30px rgba(13,45,97,.1)}.flow-actions span{color:var(--portal-muted);font-size:13px}.flow-actions button,.config-submit{padding:14px 22px;border:0;border-radius:12px;background:var(--portal-blue);color:#fff;font:800 15px/1 inherit;cursor:pointer;box-shadow:0 10px 20px rgba(17,104,237,.2)}.flow-actions button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.portal-configurator{margin-top:18px}.portal-configurator .configurator-header{display:flex;align-items:center;gap:18px;padding:14px;border:1px solid var(--portal-line);border-radius:17px;background:#fff}.portal-configurator .configurator-header img,.config-product-image-fallback{width:118px;height:86px;flex:0 0 118px;object-fit:cover;border-radius:12px;background:#edf4ff}.config-product-image-fallback{display:grid;place-items:center;color:var(--portal-blue);font-size:35px;font-weight:900}.portal-configurator .configurator-header h2{margin:4px 0;color:var(--portal-navy);font-size:23px}.portal-configurator .configurator-header p:last-of-type{margin:0;color:var(--portal-muted);font-size:13px}.portal-configurator .configurator-header .text-button{margin-left:auto;align-self:flex-start}.configuration-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;padding:22px;border:1px solid var(--portal-line);border-radius:18px;background:#fff}.configuration-form>label,.configuration-form .configuration-mode,.configuration-form>#fixed-size-controls,.configuration-form>#custom-size-controls,.configuration-form>.extra-choices,.configuration-form>.configuration-actions{grid-column:1/-1}.configuration-form>label,.configuration-form>#fixed-size-controls{max-width:520px}.configuration-form label{display:grid;gap:7px;color:var(--portal-navy);font-size:13px;font-weight:800}.configuration-form select,.configuration-form input{box-sizing:border-box;width:100%;padding:13px;border:1px solid #c8d8ee;border-radius:10px;background:#fff;color:#172b50;font:inherit}.configuration-mode{display:flex;flex-wrap:wrap;gap:10px;padding:15px;border:1px solid var(--portal-line);border-radius:14px}.configuration-mode legend{padding:0 5px;color:var(--portal-navy);font-weight:900}.configuration-mode label{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #d9e5f5;border-radius:10px;background:#f8fbff}.configuration-mode input{width:auto}.configuration-form>#fixed-size-controls,.custom-size-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.configuration-form>#fixed-size-controls label,.custom-size-controls label{display:grid;gap:7px}.extra-choices{padding:17px;border:1px solid var(--portal-line);border-radius:14px}.extra-choices legend{padding:0 5px;color:var(--portal-navy);font-size:17px;font-weight:900}.configuration-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.configuration-actions .status{margin:0}.quote-summary{grid-column:1/-1;padding:18px;border:1px solid #bdd5fb;border-radius:14px;background:#f4f8ff}.quote-summary h3{margin:0 0 8px;color:var(--portal-navy)}.quote-total{color:var(--portal-blue);font-size:20px;font-weight:900}@media(max-width:720px){.customer-flow{margin:30px auto;padding:0 15px}.access-stage{padding-top:17px}.access-panel{padding:21px 17px}.access-panel h2{font-size:27px}.access-choice-grid,.access-form{grid-template-columns:1fr}.access-choice-card{min-height:0}.catalog-stage h2{font-size:28px}.portal-product-grid{grid-template-columns:1fr}.configuration-form{grid-template-columns:1fr}.portal-configurator .configurator-header{align-items:flex-start}.portal-configurator .configurator-header img,.config-product-image-fallback{width:72px;height:72px;flex-basis:72px}.portal-configurator .configurator-header .text-button{display:none}.configuration-form>#fixed-size-controls,.custom-size-controls{grid-template-columns:1fr}.flow-actions{padding:13px}.flow-actions span{display:none}}