/* Catálogo web, aislado de los demás servicios. */
.web-page{--web-ink:#071a39;--web-blue:#1266e7;--web-muted:#62738a;--web-border:#dfe7f1}
.web-page .web-hero{padding-bottom:46px}
.web-page .web-hero h1{font-size:clamp(38px,4.2vw,58px)}
.web-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.web-page .service-example{min-height:330px}
.web-jump{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-top:10px;padding-bottom:17px;border-bottom:1px solid var(--web-border)}
.web-jump a{white-space:nowrap;padding:9px 13px;border-radius:8px;background:#f2f6fb;color:#47617e;font-size:11px;font-weight:800}
.web-jump a:hover,.web-jump a:focus-visible{background:#e5f0ff;color:var(--web-blue)}
.web-page .web-section{display:block;padding-top:67px;padding-bottom:70px;scroll-margin-top:30px}
.web-tint{background:#f5f8fc}
.web-section-heading{max-width:750px;margin-bottom:27px}
.web-section-heading h2{font:800 clamp(29px,3.2vw,42px)/1.13 Manrope,Arial,sans-serif;letter-spacing:-.05em;color:var(--web-ink);margin:10px 0}
.web-section-heading p{font-size:13px;line-height:1.7;color:var(--web-muted);margin:0}
.web-package-grid,.web-care-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.web-package,.web-care,.web-addon{position:relative;background:#fff;border:1px solid var(--web-border);border-radius:15px;box-shadow:0 10px 28px #0c376b0b}
.web-package{padding:25px;display:flex;flex-direction:column;min-width:0}
.web-package.recommended{border-color:#78afe9;box-shadow:0 17px 38px #1266e717}
.web-package.selected,.web-care.selected,.web-addon.selected{border-color:#1266e7;box-shadow:0 0 0 2px #1266e71b}
.web-recommend{position:absolute;right:17px;top:-13px;background:var(--web-ink);color:#fff;font-size:10px;font-weight:800;padding:7px 12px;border-radius:20px}
.web-package-kicker{font-size:9px;letter-spacing:.16em;color:#3e82cf;font-weight:800}
.web-package h3,.web-care h3,.web-addon h3{font:800 20px Manrope,Arial,sans-serif;letter-spacing:-.04em;color:var(--web-ink);margin:9px 0 12px}
.web-package-price{font:800 29px Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#0d55b3}
.web-package-price small{display:block;font:500 10px DM Sans,Arial,sans-serif;letter-spacing:0;color:#7f8ea1;margin-top:3px}
.web-package-description{font-size:12px;line-height:1.65;color:var(--web-muted);min-height:77px;margin:16px 0 11px}
.web-delivery{background:#ecf4ff;border-radius:7px;color:#245d9e;padding:9px 11px;font-size:11px;font-weight:800}
.web-package ul,.web-care ul{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:8px}
.web-package li,.web-care li{font-size:11px;line-height:1.45;color:#52647b;padding-left:17px;position:relative}
.web-package li::before,.web-care li::before{content:'✓';position:absolute;left:0;color:#0d9c86;font-weight:800}
.web-package-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.web-package-actions button,.web-package-actions a,.web-addon button,.web-care button{display:inline-flex;justify-content:center;align-items:center;text-align:center;border:0;border-radius:8px;min-height:42px;padding:10px;font-size:11px;font-weight:800;cursor:pointer}
.web-package-actions button{background:#1266e7;color:#fff}
.web-package-actions button[aria-pressed="true"]{background:#0b3e80}
.web-package-actions a{background:#e9f2ff;color:#0c58b7}
.web-package-actions :is(button,a):hover,.web-addon button:hover,.web-care button:hover{filter:brightness(.95)}
.web-table-scroll{overflow:auto;border:1px solid var(--web-border);border-radius:13px;background:#fff;scrollbar-width:thin}
.web-table-scroll:focus-visible{outline:3px solid #5f9df2;outline-offset:3px}
.web-table-scroll table{border-collapse:collapse;width:100%;min-width:680px;font-size:12px}
.web-table-scroll th,.web-table-scroll td{padding:13px 16px;border-bottom:1px solid #e9eef4;text-align:left;vertical-align:top}
.web-table-scroll thead{background:#eaf2fc;color:#153c70}
.web-table-scroll thead th{font:800 12px Manrope,Arial,sans-serif}
.web-table-scroll tbody th{color:#253e5f;font-weight:800;width:29%}
.web-table-scroll tbody td{color:#53677f;width:23.5%}
.web-table-scroll tbody tr:last-child th,.web-table-scroll tbody tr:last-child td{border-bottom:0}
.web-table-scroll tbody tr:nth-child(even){background:#fafcff}
.web-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e5f7f2;color:#168b74;font-weight:800}
.web-addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.web-addon{padding:22px;display:flex;flex-direction:column;min-width:0}
.web-addon-mark{position:absolute;right:17px;top:17px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e7eff9;color:#2463aa;font-size:16px;font-weight:800}
.web-addon.selected .web-addon-mark{background:#1266e7;color:#fff}
.web-addon h3{font-size:17px;padding-right:35px;min-height:42px}
.web-addon-price{font:800 21px Manrope,Arial,sans-serif;color:#1266e7}
.web-addon-price small{display:block;font:500 10px DM Sans,Arial,sans-serif;color:#7a8ca2;margin-top:3px}
.web-addon p{font-size:11px;line-height:1.65;color:var(--web-muted);margin:13px 0 18px}
.web-addon button{margin-top:auto;background:#eaf3ff;color:#145cac;width:100%}
.web-addon.selected button{background:#1266e7;color:#fff}
.web-addon button:disabled{background:#e8f3ee;color:#42765f;cursor:default;filter:none}
.web-small-note{font-size:11px;line-height:1.6;color:#7e8da0;margin:17px 0 0}
.web-care{padding:23px;display:flex;flex-direction:column;min-width:0}
.web-care h3{font-size:19px}
.web-care-price{font:800 23px Manrope,Arial,sans-serif;color:#1266e7}
.web-care-price small{font:500 11px DM Sans,Arial,sans-serif;color:#74879b}
.web-care button{margin-top:auto;background:#eaf3ff;color:#145cac}
.web-care.selected button{background:#1266e7;color:#fff}
.web-definition{margin-top:20px;border:1px solid var(--web-border);border-radius:10px;background:#fff;padding:0 17px}
.web-definition summary{padding:15px 0;color:#0d376a;font-size:12px;font-weight:800;cursor:pointer}
.web-definition p{font-size:12px;line-height:1.7;color:var(--web-muted);margin:0 0 16px}
.web-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;position:relative}
.web-steps::before{content:'';position:absolute;top:19px;left:20px;right:20px;border-top:1px solid #9bbde7}
.web-steps li{position:relative;padding:0 12px 0 0}
.web-steps li>span{position:relative;display:grid;place-items:center;background:#1266e7;color:#fff;width:38px;height:38px;border-radius:50%;font:800 11px Manrope,Arial,sans-serif}
.web-steps h3{font:800 14px Manrope,Arial,sans-serif;line-height:1.3;color:#0e305d;margin:17px 0 8px}
.web-steps p{font-size:11px;line-height:1.65;color:var(--web-muted);margin:0}
.web-quote{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
.web-quote-inputs,.web-quote-summary{border:1px solid var(--web-border);border-radius:15px;background:#fff;padding:25px;min-width:0}
.web-quote-inputs h3,.web-quote-summary h3{font:800 20px Manrope,Arial,sans-serif;color:var(--web-ink);margin:0 0 15px}
.web-quote-choices{display:flex;flex-wrap:wrap;gap:7px}
.web-quote-choices button{border:1px solid #ccdbea;border-radius:7px;background:#f7faff;color:#365c87;padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer}
.web-quote-choices button[aria-pressed="true"]{border-color:#1266e7;background:#1266e7;color:#fff}
.web-quote-inputs p,.web-quote-inputs small{display:block;font-size:11px;line-height:1.6;color:#7b8b9e;margin:15px 0 21px}
.web-quote-inputs label{display:block;font-size:12px;font-weight:800;color:#24456c;margin-bottom:9px}
.web-quote-inputs select{width:100%;max-width:100%;border:1px solid #cddbe9;border-radius:7px;background:#fff;color:#1c385a;padding:12px;font-size:12px}
.web-quote-inputs small{margin:10px 0 0}
.web-quote-summary .eyebrow{display:block;margin-bottom:9px}
.web-quote-summary ul{list-style:none;margin:0;padding:0;border-top:1px solid #e7edf3}
.web-quote-summary li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #e7edf3;font-size:12px;color:#576c82}
.web-quote-summary li strong{white-space:nowrap;color:#183e6e}
.web-total{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding:18px 0 9px;font-size:13px;font-weight:800;color:#183e6e}
.web-total strong{font:800 28px Manrope,Arial,sans-serif;color:#1266e7;white-space:nowrap}
.web-monthly,.web-quote-note{font-size:11px;line-height:1.6;color:#697f95;margin:6px 0}
.web-monthly strong{color:#244b76}
.web-send{display:flex;justify-content:center;align-items:center;margin-top:20px;width:100%;min-height:45px;background:#1266e7;color:#fff;border:0;border-radius:8px;font-size:12px;font-weight:800;text-align:center;cursor:pointer;padding:12px}
.web-send:disabled{background:#a5b8ce;cursor:not-allowed}
.web-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.web-faq details{border:1px solid var(--web-border);border-radius:10px;background:#fff;padding:0 17px}
.web-faq summary{padding:16px 0;font-size:12px;font-weight:800;color:#1a3c63;cursor:pointer}
.web-faq p{font-size:12px;line-height:1.7;color:#63768d;margin:0 0 16px}
@media(max-width:1000px){.web-package-grid{grid-template-columns:1fr 1fr}.web-package:last-child{grid-column:1/-1}.web-addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.web-steps::before{display:none}}
@media(max-width:700px){.web-page .web-hero{padding-bottom:30px}.web-page .web-hero h1{font-size:clamp(34px,9vw,44px)}.web-page .web-section{padding-top:52px;padding-bottom:57px}.web-package-grid,.web-care-grid,.web-addon-grid,.web-faq,.web-quote{grid-template-columns:1fr}.web-package:last-child{grid-column:auto}.web-package-description{min-height:0}.web-steps{grid-template-columns:1fr;gap:20px}.web-steps li{display:grid;grid-template-columns:38px 1fr;column-gap:13px}.web-steps h3{margin:0 0 5px}.web-steps p{grid-column:2}.web-package-actions{grid-template-columns:1fr 1fr}.web-jump{margin-left:0;margin-right:0}.web-quote-inputs,.web-quote-summary{padding:20px}}
@media(max-width:380px){.web-package-actions{grid-template-columns:1fr}.web-total{display:block}.web-total strong{display:block;margin-top:7px}}