:root,
[data-bs-theme=light] {
   --bs-body-bg: #F4F7F8;
}
/* body {overflow: hidden;} */
.btn-primary {
   --bs-btn-bg: #FFDD35;
   --bs-btn-border-color:#FFEA80; 
   --bs-btn-hover-bg: #FFEA80;
   --bs-btn-hover-border-color:#FFEA80;
   --bs-btn-active-bg: #FFEA80;
   --bs-btn-active-border-color:#FFEA80;   

   border-radius: 20px;
   padding: 3px 20px;
   color: #000;
}
a {text-decoration: none;}
.relative {position: relative;}
.btn-secondary {
   border-radius: 20px;
   padding: 3px 20px;
}
.dropdown-menu {
   --bs-dropdown-link-active-bg: transparent;
   max-width: 98vw;
   overflow-x: scroll;
   max-height: 310px;
}
.form-check-input:checked {
   background-color:#FFDD35;
   border-color:#FFEA80;
}
.form-check-input:focus {
   box-shadow: 0 0 0 .25rem rgba(255,67,81,0.25);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   border-color:#FFEA80;
   background-color: transparent;
}
.form-check-input:checked:focus{
   background-color:#FFDD35;
   border-color:#FFEA80;
   box-shadow: 0 0 0 .25rem rgba(255,67,81,0.25);
}
h1,h3,h4,h5,h6 {
   display: inline;
   color: #18418E;
   margin: 0;
   line-height: 2rem;
}
h2 {
   font-size: 1rem;
}
h3 {
   font-size: 1rem;
   line-height: 1rem;
}

*, *::placeholder {
   /*color:#79849A;*/
   color:#000;
   font-weight: 300;
}
.bold {
   /*color: #7483A0;*/
   color: #000;
}
.p-5 {
    padding: 2rem !important;
}

.block {
   display: block;
}
.header {
   margin-top: 1rem;
   margin-bottom: 1rem;
}
.header h1 {
   margin-bottom: 0.05rem;
   font-size: 2rem;
}
.ml-10 {
   margin-left: 10px;
}
.pl-10 {padding-left: 10px;}


input[type="range"]::-webkit-slider-thumb {
   background: #FFDD35 !important;
 }
 input[type="range"]::-moz-range-thumb {
   background: #FFDD35 !important;
 }
 input[type="range"]::-ms-thumb {
   background: #FFDD35 !important;
 }

.form-switch {
   /*padding: 0;*/
}
 .btn-check:checked+.btn {
   background-color: #1A3F8E;
   color: #F4F7F8;
 }

#cgHeader {
   background: #fff;
    margin: 0;
    text-align: center;
}
#cgHeader img {
   height: 4rem;
}
.footer {
   position: fixed;
   bottom: 0;
   background: #1A3F8E;
   width: 100%;
   text-align: center;
   padding: 1rem;
}
.footer h5 {
   color: #fff;
   font-weight: 200;
   font-size: 1rem;
}


 /* Estilos para el Splash Screen */
.splash-screen {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #1A3F8E;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999;
   transition: opacity 0.5s ease-out;
}

/* Asegúrate que el contenido principal no sea visible inicialmente */
/*
#cotizadorWidget {
   opacity: 0;
   transition: opacity 0.3s ease-in;
}
*/

.hidden {
   display: none;
}

.external_insurace-input{
   width: 7rem;
   justify-self: center;
}