/* Ajustes de Bootstrap sin alterar el diseño de la referencia. */
.site-nav.navbar{flex-wrap:nowrap;line-height:1.5}
.site-nav .navbar-brand{margin:0;padding:0;color:inherit;font-size:inherit}
.site-nav .navbar-nav{flex-direction:row}
.site-nav .nav-link{padding:0;color:inherit}
.site-nav .nav-contact{padding:11px 17px;color:inherit}
.site-nav .nav-link:hover{color:var(--aqua)}
.site-nav .navbar-toggler{padding:0;border:0;border-radius:0;font:inherit;box-shadow:none}
.contact-form .form-control{font:inherit;color:inherit;line-height:inherit;border-radius:0;box-shadow:none;background:transparent;min-height:0}
.contact-form .form-control:focus{border-color:var(--aqua)}
.contact-form .btn{font:inherit;line-height:inherit;border-radius:0;box-shadow:none}
.contact-form .btn:hover,.contact-form .btn:active{background:var(--vision);color:white}
.skip-link{position:fixed;top:-100px;left:16px;z-index:200;background:white;color:var(--vision);padding:12px 20px}
.skip-link:focus{top:12px}
button:focus-visible,a:focus-visible{outline:1px solid var(--aqua);outline-offset:3px}
@media(max-width:800px){.site-nav .navbar-nav{flex-direction:column}.site-nav nav{max-height:calc(100dvh - 72px);overflow:auto}}
/* Mantener las tres columnas dentro de pantallas de escritorio más estrechas. */
@media(min-width:1001px) and (max-width:1200px){
  .services{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .services-desktop{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}
.contact-form .form-control{color:var(--ink)}
.form-heading>span{display:block;height:24px}