*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0c2446;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#fff}a{color:inherit}button,input,textarea{font:inherit}.wrap{max-width:1320px;padding:0 26px;margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:10;background:white}.site-header{background:white;box-shadow:0 2px 12px #09214a0d;position:relative;z-index:3}.header-top{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{display:block;width:min(300px,37vw);height:auto}.header-contact{display:flex;gap:28px;align-items:center}.header-contact a{text-decoration:none;display:flex;gap:9px;align-items:center;color:#075ecb;font-size:22px}.header-contact a span{font-size:14px;line-height:1.25;color:#112642;font-weight:600}.header-contact a strong{font-size:19px}.header-contact small{font-weight:400}.nav{display:flex;justify-content:center}.nav nav{display:flex;gap:5px;flex-wrap:wrap}.nav nav a{text-decoration:none;padding:14px 17px;font-weight:650;font-size:14px}.nav nav a:hover,.nav nav a:focus{color:#0967d4;background:#eef5ff}.menu{display:none}.hero{background:linear-gradient(110deg,#f6faff,#fff 60%);overflow:hidden}.hero-grid{min-height:390px;display:grid;grid-template-columns:45% 55%;align-items:center;gap:10px}.hero-copy{padding:35px 0;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.12em;color:#0965cc;font-weight:800}.hero h1{font-size:clamp(45px,5vw,76px);line-height:1.01;letter-spacing:-.05em;margin:10px 0}.hero h1 em,.quote-copy em{font-style:normal;color:#0870e8}.hero h2{font-size:23px;margin:15px 0 7px}.hero p:not(.eyebrow){max-width:500px}.primary{display:inline-block;text-decoration:none;background:#086bdc;color:white;padding:13px 24px;border-radius:12px;font-weight:800;margin-top:8px}.primary:hover{background:#064da6}.hero-visual{position:relative;height:100%;min-height:390px;display:flex;align-items:stretch}.hero-visual img{width:100%;height:390px;object-fit:cover;object-position:center;border-radius:0 0 0 90px}.hero-sticker{position:absolute;bottom:25px;right:18px;transform:rotate(-5deg);background:#fff3a7;padding:17px 20px;box-shadow:0 9px 20px #1234;color:#164177;font-style:italic;font-size:18px}.services{padding-top:50px;padding-bottom:45px}.section-intro{text-align:center;margin-bottom:27px}.section-intro h2{font-size:clamp(28px,3vw,42px);margin:0}.section-intro p:last-child{margin:6px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.category{border-radius:17px;overflow:hidden;display:flex;flex-direction:column;background:var(--pale);box-shadow:0 8px 25px #102e5410;min-width:0}.category-title{background:var(--tone);color:white;padding:16px 15px;min-height:91px;display:flex;justify-content:space-between;align-items:flex-start}.category-title h3{font-size:21px;line-height:1.13;margin:0}.category-title span{font-size:25px}.category img{height:165px;width:100%;object-fit:cover}.category p{padding:15px 15px 8px;margin:0;flex:1;font-size:14px;color:#18324c}.category-cta{margin:14px 13px 16px;background:var(--tone);color:white;border-radius:10px;padding:11px 12px;text-align:center;text-decoration:none;font-weight:750;font-size:13px}.category-cta span{margin-left:6px}.category-cta:hover{filter:brightness(.9)}.orange{--tone:#ff8524;--pale:#fff4e9}.blue{--tone:#1689e9;--pale:#eaf6ff}.green{--tone:#59b52b;--pale:#f0fae9}.purple{--tone:#8d3fe4;--pale:#f6edff}.coral{--tone:#f64d5a;--pale:#fff0f2}.benefit-band{background:#f0f7ff}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:27px;padding-bottom:27px}.benefits>div{display:grid;grid-template-columns:40px 1fr;gap:0 10px;align-items:center}.benefits span{grid-row:span 2;font-size:30px;color:#0870e8}.benefits strong{font-size:14px}.benefits small{color:#617188}.quote-section{background:#f7faff;padding:70px 0}.quote-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:start}.quote-copy h2{font-size:clamp(37px,4vw,58px);line-height:1.07;margin:8px 0 20px}.quote-copy p{max-width:400px}.phone-large{display:block;font-size:30px;font-weight:800;text-decoration:none;color:#0767d1;margin-top:35px}form{background:white;border:1px solid #e3eefa;border-radius:18px;box-shadow:0 12px 35px #12345612;padding:30px}form h3{margin:0;font-size:26px}form .form-lead{color:#55697f}form label{display:block;margin:13px 0;font-weight:650;font-size:14px}form input:not([type=checkbox]),form textarea{display:block;width:100%;padding:12px;border:1px solid #bdcfe2;border-radius:9px;margin-top:6px;background:#fff}form input:focus,form textarea:focus{outline:2px solid #80b5fb}form fieldset{border:0;margin:0;padding:0}form .small,form .notice{font-size:12px;color:#566c84}form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400}form .check input{margin-top:4px}form .button{border:0;border-radius:9px;background:#086bdc;color:#fff;padding:14px 22px;cursor:pointer;font-weight:800}form .button:disabled{opacity:.45;cursor:not-allowed}.honey,.sr{position:absolute;left:-9999px}.selected-product{padding:10px 12px;background:#edf7ff;border-radius:8px;font-size:13px}.selected-product button{margin-left:10px;border:0;color:#086bdc;background:transparent;cursor:pointer}.contact-section{padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-section h2{font-size:38px;margin:0}.contact-note{background:#eaf5ff;border-radius:18px;padding:28px}.contact-note strong{font-size:23px}.contact-note a{color:#075fc7}footer{background:#073d80;color:white}.footer-main{padding-top:32px;padding-bottom:25px}footer img{width:200px;height:auto;background:white;border-radius:8px}footer p{margin:8px 0}.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0}.footer-links a{font-size:13px}.copyright{font-size:12px;opacity:.8}@media(max-width:1050px){.category-grid{grid-template-columns:repeat(3,1fr)}.header-contact{gap:12px}.nav nav a{padding:12px 9px}.hero-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.wrap{padding-left:17px;padding-right:17px}.header-top{min-height:85px}.brand img{width:190px}.header-contact a:first-child,.header-contact a:last-child{display:none}.header-contact a strong{font-size:14px}.nav{justify-content:flex-end}.menu{display:block;border:0;background:#e9f4ff;border-radius:7px;padding:10px 15px;margin-bottom:8px}.nav.js-menu nav{display:none}.nav.js-menu nav.open{display:flex}.nav nav{width:100%;flex-direction:column}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:15px}.hero-visual{min-height:240px}.hero-visual img{height:260px}.hero-sticker{font-size:13px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-title h3{font-size:18px}.category img{height:120px}.benefits{grid-template-columns:1fr 1fr}.quote-grid,.contact-section{grid-template-columns:1fr;gap:25px}.quote-section{padding:35px 0}form{padding:20px}}@media(max-width:410px){.category-grid{grid-template-columns:1fr}.category img{height:180px}}
.facade-card{background:#eaf5ff;border-radius:18px;padding:15px;box-shadow:0 8px 26px #0a387014}.facade-card a{display:block;position:relative;text-decoration:none;color:#075fc7;font-weight:750}.facade-card img{width:100%;height:285px;object-fit:cover;object-position:center 38%;display:block;border-radius:12px}.facade-card a span{display:block;padding:9px 5px 2px}.facade-card p{margin:4px 5px 9px;color:#4e6177;font-size:14px}@media(max-width:680px){.facade-card img{height:240px}}

/* Ketarya · formulario más cálido y contrastado (fase diseño) */
.quote-section{background:linear-gradient(125deg,#eaf4ff 0%,#f5faff 52%,#eaf4ff 100%);padding:76px 0}
.quote-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:42px;align-items:start}
.quote-copy{background:linear-gradient(155deg,#075bc7,#0b367a);color:#fff;border-radius:25px;padding:38px 32px;box-shadow:0 16px 38px rgba(5,68,142,.16)}
.quote-copy .eyebrow{color:#a7d5ff}
.quote-copy h2{font-size:clamp(34px,3.4vw,50px)}
.quote-copy h2 em{color:#9bd1ff}
.quote-copy p{color:#e7f3ff}
.quote-copy a,.quote-copy .phone-large{color:#fff}
.quote-copy .phone-large{display:inline-block;margin-top:22px;padding:12px 17px;background:rgba(255,255,255,.13);border-radius:14px;text-decoration:none}
.quote-section form{background:#e6f2ff!important;border:1px solid #b9d9fb!important;box-shadow:0 20px 55px rgba(18,77,150,.14)!important;border-radius:25px!important;padding:0 30px 30px!important;overflow:hidden}
.quote-section form>h3{background:linear-gradient(100deg,#075ac5,#087bea);color:white!important;margin:0 -30px 22px!important;padding:25px 30px;font-size:clamp(23px,2.5vw,30px)!important}
.quote-section form .form-lead{color:#173a66}
.quote-section form input:not([type=checkbox]):not([type=hidden]),.quote-section form textarea{background:#fff!important;border:1.5px solid #b4cfe9!important;border-radius:12px!important}
.quote-section form input:focus,.quote-section form textarea:focus{border-color:#076ce3!important;box-shadow:0 0 0 3px rgba(7,108,227,.14)!important}
.quote-section form .selected-product{background:#d2e9ff!important;border-left:4px solid #0870e8}
.quote-section form button[type=submit]{background:#ff801c!important;color:#fff!important;border:0!important;border-radius:13px!important;font-weight:800!important;min-height:52px!important;box-shadow:0 10px 20px rgba(224,101,10,.2)}
.quote-section form button[type=submit]:hover:not(:disabled){background:#ed6b0a!important}
.quote-section form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}
@media(max-width:850px){.quote-grid{grid-template-columns:1fr;gap:22px}.quote-copy{padding:28px}.quote-section form{padding:0 22px 24px!important}.quote-section form>h3{margin:0 -22px 20px!important;padding:23px 22px}}
