:root{
   --primary: #00477A;
   --primary-dark: #003355;
   --secondary: #00B1EB;
   --secondary-dark: #008CBF;
   --white: #FFFFFF;
   --black: #000000;
   --gray-light: #F8F9FA;
   --body: #F7FAFB;
   --texto: #00477A;
   --texto-secondary: #F7FAFB99;
   --scroll-button: #00477A;
   --fallback: #00477A0D;

}

.text-primary{color: var(--primary) !important;}
.text-secondary{color: var(--secondary) !important;}
.text-texto {color: var(--texto) !important;}
.text-texto-secondary {color: var(--texto-secondary) !important;}

.bg-primary{background-color: var(--primary) !important;}
.bg-gray-light{background-color: var(--gray-light) !important;}
.bg-fallback{background-color: var(--fallback) !important;}

html, body {
   min-height: 100vh;
   min-height: 100dvh;
   background-color: var(--body);
   font-family: "Poppins", sans-serif;
}

.border-primary{border-color: var(--primary) !important;}

.fs-7{font-size: .875rem !important;}
.fs-8{font-size: .8125rem !important;}
.fs-9{font-size: .75rem !important;}

.fm-poppins{font-family: 'Poppins', sans-serif !important;}
.fm-inter{font-family: 'Inter', sans-serif !important;}

.fw-extrabold{font-weight: 800 !important;}


/* Scroll Button */
#scroll-button {
   opacity: 0;
   transform: translateY(50px);
   right: 30px;
   bottom: 20px;
   z-index: 1101;
   transition: all 0.5s ease-out;
   border: 3px solid var(--white);
}

#scroll-button.show {
   opacity: 1;
   transform: translateY(0);
}

.btn-primary{
   background-color: var(--primary);
   border-color: var(--primary);
   color: var(--white);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
   background-color: #00345C !important;
   border-color: #00345C !important;
   color: var(--white);
}

.btn-outline-primary {
   color: var(--primary);
   border-color: var(--primary);
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
   color: var(--white);
   background-color: var(--primary) !important;
   border-color: var(--primary) !important;
}

.btn-secondary{
   background-color: var(--secondary);
   border-color: var(--secondary);
   color: var(--white);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
   background-color: #009EDB !important;
   border-color: #009EDB !important;
   color: var(--white);
}


.btn-outline-secondary {
   color: var(--primary);
   border-color: transparent;
   background-color: #00477A1A;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
   color: var(--white);
   background-color: #009EDB !important;
   border-color: #009EDB !important;
}


.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active {
   color: var(--primary) !important;
}

.padding-buttons{
   padding: 10px 50px !important;
}

.text-columns {
   column-count: 1;
}
@media (min-width: 768px) {
   .text-columns {
      column-count: 2;
   }
}

#mainNav{
   height: 138px !important;
   z-index: 1030;
}

.margin-top-nav{
   margin-top: -138px;
   padding-top: 138px;
}

.translate-x-10 svg{
   transition: transform 0.3s ease;
}

.translate-x-10:hover > svg{
   transform: translateX(-10px);
}

.contact-footer-calculate-padding{
      padding-left:calc(40px + 0.5rem);
}