.reference-designs{background:#eef3f7}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reference-grid figure{margin:0;background:white;border:1px solid #dbe4ec;overflow:hidden;border-radius:8px}.reference-grid img{width:100%;height:390px;object-fit:contain;background:#e6ecf1;display:block}.reference-grid figcaption{padding:24px}.reference-grid h3{font-size:21px;margin:0 0 10px}.reference-grid p{color:#647586;font-size:13px;line-height:1.6}.reference-grid a{color:#2367aa}.portal-invite{padding:32px;background:#f0f5fa;border-radius:10px;color:#203a54}.portal-invite p{color:#4b6277;line-height:1.7}@media(max-width:900px){.reference-grid{grid-template-columns:1fr}.reference-grid img{height:420px}}
.contact-form h3{font-size:25px;margin:0 0 18px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #d5dfe7;border-radius:6px;background:white;color:#20374d;font:inherit;box-sizing:border-box}.contact-form label{display:grid;gap:8px;font-size:13px;color:#405970;margin-bottom:16px}.contact-form button{border:0;border-radius:6px;background:#2367aa;color:white;padding:14px 24px;font:inherit;cursor:pointer}.contact-form button:disabled{opacity:.55;cursor:not-allowed}.contact-form .contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#contact-status{font-size:13px;line-height:1.7;color:#245379}.footer-admin{font-size:12px;color:#aebdcb}.contact-form .privacy{font-size:11px;line-height:1.7}

.quote-note-link{color:inherit;text-decoration:none;cursor:pointer;border-radius:8px}.quote-note-link:hover{background:#e1edf6}.quote-note-link:focus-visible{outline:3px solid #2367aa;outline-offset:6px}.reference-designs .work-videos{margin-top:25px}.reference-designs .work-video{margin:0;border:1px solid #dae4ec;border-radius:8px;overflow:hidden}

.page-intro{padding:55px 5% 40px;background:#eff4f8;border-bottom:1px solid #dae4ec}.page-intro>a,.page-intro>span{font-size:12px;color:#557690}.page-intro h1{font-size:44px;letter-spacing:-1.5px;margin:24px 0 14px;color:#153d61}.page-intro p{max-width:700px;font-size:16px;line-height:1.8;color:#5b7186}.header nav a[aria-current=page]{color:#2367aa;font-weight:750;border-bottom:2px solid #2367aa}.complementary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.header{flex-wrap:wrap;gap:18px}.header nav{display:flex;order:3;width:100%;gap:20px;overflow-x:auto;padding:10px 0 5px;white-space:nowrap}.header nav a{font-size:12px}.page-intro{padding-top:35px}.page-intro h1{font-size:34px}.complementary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.complementary-grid{grid-template-columns:1fr}}

/* Bloques de soluciones con esquinas amplias e independientes. */
.complementary-grid{gap:18px;background:transparent;border:0}.complementary-grid article{border:1px solid #365772;border-radius:32px;background:#132b40;padding:30px 27px;overflow:hidden}.complementary .primary-link{border-radius:999px;padding:17px 28px}@media(max-width:620px){.complementary-grid article{border-radius:28px;padding:27px}}