/*! CSS Used from: http://localhost/form/css/bootstrap.min.css */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
svg{vertical-align:middle;}
button{border-radius:0;}
button:focus:not(:focus-visible){outline:0;}
button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
button,select{text-transform:none;}
select{word-wrap:normal;}
select:disabled{opacity:1;}
[type=submit],button{-webkit-appearance:button;}
::-moz-focus-inner{padding:0;border-style:none;}
textarea{resize:vertical;}
.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto;}
@media (min-width:576px){
.container{max-width:540px;}
}
@media (min-width:768px){
.container{max-width:720px;}
}
@media (min-width:992px){
.container{max-width:960px;}
}
@media (min-width:1200px){
.container{max-width:1140px;}
}
@media (min-width:1400px){
.container{max-width:1320px;}
}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
@media (prefers-reduced-motion:reduce){
.form-control{transition:none;}
}
.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
.form-control::-moz-placeholder{color:#6c757d;opacity:1;}
.form-control::placeholder{color:#6c757d;opacity:1;}
.form-control:disabled{background-color:#e9ecef;opacity:1;}
textarea.form-control{min-height:calc(1.5em + .75rem + 2px);}
.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
@media (prefers-reduced-motion:reduce){
.btn{transition:none;}
}
.btn:hover{color:#212529;}
.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);}
.btn:disabled{pointer-events:none;opacity:.65;}
.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd;}
.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;}
.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5);}
.btn-primary:active{color:#fff;background-color:#0a58ca;border-color:#0a53be;}
.btn-primary:active:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5);}
.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd;} 

      .modalContainer {
         display: none; 
         position: fixed; 
         z-index: 1;
         padding-top: 100px;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%; 
         overflow: auto; 
         background-color: rgb(0,0,0);
         background-color: rgba(0,0,0,0.4);
         
      }

      .modalContainer .modal-content {
         background-color: #fefefe;
         margin: auto;
         padding: 20px;
         border: 1px solid lightgray;
         border-top: 10px solid #ff5f00;
         width: 60%;
      }

      .modalContainer .close {
         color: #aaaaaa;
         float: right;
         font-size: 28px;
         font-weight: bold;
      }

      .modalContainer .close:hover,
      .modalContainer .close:focus {
         color: #000;
         text-decoration: none;
         cursor: pointer;
      }
      .disclaimer{
          visibility: hidden;
      }
[type=button],button{
         -webkit-appearance:button;
         }
         ::-moz-focus-inner{
         padding:0;
         border-style:none;
         }
         .fade{
         transition:opacity .15s linear;
         }
         @media (prefers-reduced-motion:reduce){
         .fade{
         transition:none;
         }
         }
         .fade:not(.show){
         opacity:0;
         }
         .nav{
         display:flex;
         flex-wrap:wrap;
         padding-left:0;
         margin-bottom:0;
         list-style:none;
         }
         .nav-link{
         display:block;
         padding:.5rem 1rem;
         text-decoration:none;
         transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
         }
         @media (prefers-reduced-motion:reduce){
         .nav-link{
         transition:none;
         }
         }
         .nav-link:focus,.nav-link:hover{
         color:#ff5f00;
         }
         .nav-tabs{
         border-bottom:1px solid #dee2e6;
         }
         .nav-tabs .nav-link{
         margin-bottom:-1px;
         background:0 0;
         border:1px solid transparent;
         border-top-left-radius:.25rem;
         border-top-right-radius:.25rem;
         }
         .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{
         border-color:#e9ecef #e9ecef #dee2e6;
         isolation:isolate;
         }
         .nav-tabs .nav-link.active{
         color:#ff5f00;
         background-color:#fff;
         border-color:#dee2e6 #dee2e6 #fff;
         }
         .tab-content>.tab-pane{
         display:none;
         }
         .tab-content>.active{
         display:block;
         }
         .mb-3{
         margin-bottom:1rem!important;
         }
         /*! CSS Used from: https://getbootstrap.com/docs/5.1/assets/css/docs.css */
         .bd-example{
         position:relative;
         padding:1rem;
         margin:1rem -.75rem 0;
         border:solid #dee2e6;
         border-width:1px 0 0;
         }
         .bd-example::after{
         display:block;
         clear:both;
         content:"";
         }
         @media (min-width: 576px){
         .bd-example{
         padding:1.5rem;
         margin-right:0;
         margin-left:0;
         border-width:1px;
         border-top-left-radius:.25rem;
         border-top-right-radius:.25rem;
         }
         }
         .bd-example>:last-child{
         margin-bottom:0;
         }
         .custom-header {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    min-width: 100%;
}

.custom-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
}

.custom-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-logo {
    display: flex;
    align-items: center;
}

.custom-logo-link {
    display: block;
}

.custom-menu-item {
    margin: 0 1rem;
}

.custom-menu-link {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

.custom-menu-item:hover .custom-menu-link {
    color: #1d72b8; /* Cambia el color cuando el usuario pase el ratón */
}

.custom-menu-toggle {
    display: none;
    cursor: pointer;
}

.custom-toggle-icon {
    width: 30px;
    height: 3px;
    background-color: #333;
    position: relative;
    transition: all 0.3s;
}

.custom-toggle-icon::before,
.custom-toggle-icon::after {
    content: "";
    width: 30px;
    height: 3px;
    background-color: #333;
    position: absolute;
    left: 0;
    transition: all 0.3s;
}

.custom-toggle-icon::before {
    top: -8px;
}

.custom-toggle-icon::after {
    top: 8px;
}

/* Estilos para el menú desplegable en pantallas móviles */
.custom-dropdown-menu {
    display: none;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 60px;
    right: 0;
    width: 250px;
}

.custom-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-dropdown-list li {
    padding: 1rem;
    border-bottom: 1px solid #ddd;
}

.custom-dropdown-list li a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
}

.custom-dropdown-list li a:hover {
    color: #1d72b8;
}

/* Estilos para pantallas pequeñas */
@media (max-width: 768px) {
    .custom-menu {
        display: none;
    }

    .custom-menu-toggle {
        display: block;
    }

    .custom-dropdown-menu {
        display: block;
        width: 100%;
    }

    .custom-dropdown-menu.active {
        display: block;
    }
}

/* Mostrar el menú cuando se activa */
.custom-dropdown-menu.active {
    display: block;
}