/* Código CSS creado por Christian Tapia (ComikSama) */
/* Correo electrónico: comiksamadesing@gmail.com */
/* Fecha de creación: Octubre 2023 */

.btn-outline-arancio {
    --bs-btn-color: #e95c0c;
    --bs-btn-border-color: #e95c0c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e95c0c;
    --bs-btn-hover-border-color: #e95c0c;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e95c0c;
    --bs-btn-active-border-color: #e95c0c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #e95c0c;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e95c0c;
    --bs-gradient: none;
}

.btn-outline-arancio2 {
  --bs-btn-color: #e95c0c;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #e95c0c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e95c0c;
  --bs-btn-hover-border-color: #e95c0c;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e95c0c;
  --bs-btn-active-border-color: #e95c0c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e95c0c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e95c0c;
  --bs-gradient: none;
}

.btn-outline-arancio_colegio {
  --bs-btn-color: #be1622;
  --bs-btn-border-color: #be1622;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #be1622;
  --bs-btn-hover-border-color: #be1622;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #be1622;
  --bs-btn-active-border-color: #be1622;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #be1622;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #be1622;
  --bs-gradient: none;
}

.btn-outline-arancio_cmedico {
  --bs-btn-color: #008DD4;
  --bs-btn-border-color: #008DD4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #008DD4;
  --bs-btn-hover-border-color: #008DD4;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #008DD4;
  --bs-btn-active-border-color: #008DD4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #008DD4;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #008DD4;
  --bs-gradient: none;
}

.accordion_colegio {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: #E6E6E6;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #000; /* Corrige el valor aquí fuente */
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: ##2aa0b7;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(#105967);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: #2aa0b7;
  --bs-accordion-active-font-weight: bold; /* Establece el peso de la fuente en negritas cuando está activo */
}

.accordion_colegio {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: #E6E6E6;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #000; /* Corrige el valor aquí fuente */
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #2aa0b7;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(#105967);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: #2aa0b7;
  --bs-accordion-active-font-weight: bold; /* Establece el peso de la fuente en negritas cuando está activo */
}

.accordion_colegio2 {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: #E6E6E6;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #000; /* Corrige el valor aquí fuente */
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #008080;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(#105967);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: #008080;
  --bs-accordion-active-font-weight: bold; /* Establece el peso de la fuente en negritas cuando está activo */
}

.accordion_colegio3 {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: #E6E6E6;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #000; /* Corrige el valor aquí fuente */
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #5f9ea0;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(#105967);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: #5f9ea0;
  --bs-accordion-active-font-weight: bold; /* Establece el peso de la fuente en negritas cuando está activo */
}


.accordion_cmedico {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: #E6E6E6;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #000; /* Corrige el valor aquí */
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #008DD4;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(181, 71, 71, 0.471);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: #008DD4;
  --bs-accordion-active-font-weight: bold; /* Establece el peso de la fuente en negritas cuando está activo */
}



.border-arancio_colegio {
  border-color: #014465 !important;
}

.border-arancio_cmedico{
  border-color: #008DD4 !important;
}

.border-arancio {
  border-color: #e95c0c !important;
}

.image-container {
    position: relative;
    overflow: hidden;
    margin: -10px;
    border-radius: 10px;
}
  
.image-container img {
    transition: transform 0.3s ease;
}
  
.image-container:hover img {
    transform: scale(1.05);
}
  
.image-container:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 10px; /* Valor mayor para redondear más durante el hover */
}
.modal-img {
    max-width: 100%;
    height: auto;
}

/* Estilo para centrar la imagen y ajustarla al tamaño del modal */
.modal-custom {
    max-width: 50%; /* Porcentaje de la pantalla */
    margin: 0 auto; /* Centra horizontalmente el modal */
}

.modal-img {
  max-width: 100%; /* Ajusta la imagen al ancho del modal */
  display: block; /* Centra la imagen horizontalmente */
  margin: 0 auto; /* Centra la imagen verticalmente */
}

/* Hace que el modal sea de ancho completo en dispositivos móviles */
@media (max-width: 768px) {
  .modal-custom {
    max-width: 100%; /* Ancho completo en dispositivos móviles */
  }
}
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
.presupuesto-img {
  max-height: 100%;
  width: auto;
}

.pr-custom {
    padding-right: 10px !important; /* Ajusta el valor de padding-right según tus necesidades */
}
.text-end-important {
  text-align: right !important;
}

#fechaActual {
  font-weight: bold;
}

@media (min-width: 750px) {
  .txt_special {
    display: none; /* Oculta el elemento */
  }
}
  .txt_special_2{
  color: rgba(0, 0, 0, 0);
}
/* Margin Classes for Mobile (MM) */
@media only screen and (max-width: 960px) {
  .mmt-0 { margin-top: 0 !important; }
  .mmt-1 { margin-top: calc(1rem * 0.25) !important; }
  .mmt-2 { margin-top: calc(1rem * 0.5) !important; }
  .mmt-3 { margin-top: 1rem !important; }
  .mmt-4 { margin-top: calc(1rem * 1.5) !important; }
  .mmt-5 { margin-top: calc(1rem * 3) !important; }
  
  .mmb-0 { margin-bottom: 0 !important; }
  .mmb-1 { margin-bottom: calc(1rem * 0.25) !important; }
  .mmb-2 { margin-bottom: calc(1rem * 0.5) !important; }
  .mmb-3 { margin-bottom: 1rem !important; }
  .mmb-4 { margin-bottom: calc(1rem * 1.5) !important; }
  .mmb-5 { margin-bottom: calc(1rem * 3) !important; }
  
  .mms-0 { margin-left: 0 !important; }
  .mms-1 { margin-left: calc(1rem * 0.25) !important; }
  .mms-2 { margin-left: calc(1rem * 0.5) !important; }
  .mms-3 { margin-left: 1rem !important; }
  .mms-4 { margin-left: calc(1rem * 1.5) !important; }
  .mms-5 { margin-left: calc(1rem * 3) !important; }
  
  .mme-0 { margin-right: 0 !important; }
  .mme-1 { margin-right: calc(1rem * 0.25) !important; }
  .mme-2 { margin-right: calc(1rem * 0.5) !important; }
  .mme-3 { margin-right: 1rem !important; }
  .mme-4 { margin-right: calc(1rem * 1.5) !important; }
  .mme-5 { margin-right: calc(1rem * 3) !important; }
  
  .mmx-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .mmx-1 { margin-left: calc(1rem * 0.25) !important; margin-right: calc(1rem * 0.25) !important; }
  .mmx-2 { margin-left: calc(1rem * 0.5) !important; margin-right: calc(1rem * 0.5) !important; }
  .mmx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .mmx-4 { margin-left: calc(1rem * 1.5) !important; margin-right: calc(1rem * 1.5) !important; }
  .mmx-5 { margin-left: calc(1rem * 3) !important; margin-right: calc(1rem * 3) !important; }
  
  .mmy-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .mmy-1 { margin-top: calc(1rem * 0.25) !important; margin-bottom: calc(1rem * 0.25) !important; }
  .mmy-2 { margin-top: calc(1rem * 0.5) !important; margin-bottom: calc(1rem * 0.5) !important; }
  .mmy-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .mmy-4 { margin-top: calc(1rem * 1.5) !important; margin-bottom: calc(1rem * 1.5) !important; }
  .mmy-5 { margin-top: calc(1rem * 3) !important; margin-bottom: calc(1rem * 3) !important; }
  
  .mm-0 { margin: 0 !important; }
}

/* Padding Classes for Mobile (PM) */
@media only screen and (max-width: 960px) {
  .pmt-0 { padding-top: 0 !important; }
  .pmt-1 { padding-top: calc(1rem * 0.25) !important; }
  .pmt-2 { padding-top: calc(1rem * 0.5) !important; }
  .pmt-3 { padding-top: 1rem !important; }
  .pmt-4 { padding-top: calc(1rem * 1.5) !important; }
  .pmt-5 { padding-top: calc(1rem * 3) !important; }
  
  .pmb-0 { padding-bottom: 0 !important; }
  .pmb-1 { padding-bottom: calc(1rem * 0.25) !important; }
  .pmb-2 { padding-bottom: calc(1rem * 0.5) !important; }
  .pmb-3 { padding-bottom: 1rem !important; }
  .pmb-4 { padding-bottom: calc(1rem * 1.5) !important; }
  .pmb-5 { padding-bottom: calc(1rem * 3) !important; }
  
  .pms-0 { padding-left: 0 !important; }
  .pms-1 { padding-left: calc(1rem * 0.25) !important; }
  .pms-2 { padding-left: calc(1rem * 0.5) !important; }
  .pms-3 { padding-left: 1rem !important; }
  .pms-4 { padding-left: calc(1rem * 1.5) !important; }
  .pms-5 { padding-left: calc(1rem * 3) !important; }
  
  .pme-0 { padding-right: 0 !important; }
  .pme-1 { padding-right: calc(1rem * 0.25) !important; }
  .pme-2 { padding-right: calc(1rem * 0.5) !important; }
  .pme-3 { padding-right: 1rem !important; }
  .pme-4 { padding-right: calc(1rem * 1.5) !important; }
  .pme-5 { padding-right: calc(1rem * 3) !important; }
  
  .pmx-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .pmx-1 { padding-left: calc(1rem * 0.25) !important; padding-right: calc(1rem * 0.25) !important; }
  .pmx-2 { padding-left: calc(1rem * 0.5) !important; padding-right: calc(1rem * 0.5) !important; }
  .pmx-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .pmx-4 { padding-left: calc(1rem * 1.5) !important; padding-right: calc(1rem * 1.5) !important; }
  .pmx-4-5 { padding-left: calc(1rem * 2.25) !important; padding-right: calc(1rem * 2.25) !important; }
  .pmx-5 { padding-left: calc(1rem * 3) !important; padding-right: calc(1rem * 3) !important; }
  
  .pmy-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .pmy-1 { padding-top: calc(1rem * 0.25) !important; padding-bottom: calc(1rem * 0.25) !important; }
  .pmy-2 { padding-top: calc(1rem * 0.5) !important; padding-bottom: calc(1rem * 0.5) !important; }
  .pmy-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .pmy-4 { padding-top: calc(1rem * 1.5) !important; padding-bottom: calc(1rem * 1.5) !important; }
  .pmy-5 { padding-top: calc(1rem * 3) !important; padding-bottom: calc(1rem * 3) !important; }
  
  .pm-0 { padding: 0 !important; }
}


.nav-underline_2 .nav-link {
  position: relative;
  text-decoration: none;
  color: #000; /* Color original del texto */
  font-weight: bold;
}

.nav-underline_2 .nav-link::after {
  content: '';
  display: block;
  width: 0; /* Inicia con ancho cero para la animación */
  height: 3px; /* Altura del subrayado */
  background-color: #e95c0c; /* Color del subrayado inicial */
  position: absolute;
  bottom: -5px; /* Ajusta la posición para alinear con el texto */
  left: 50%; /* Posiciona desde el centro */
  transform: translateX(-50%); /* Centra el subrayado */
  transform-origin: 0 50%; /* Establece el punto de origen para la transformación */
  transition: width 0.3s ease-in-out; /* Agrega una transición al ancho */
}
.nav-underline_2 .nav-link.active::after,
.nav-underline_2 .nav-link:hover::after {
  width: 100%; /* Ancho completo al pasar el mouse o estar activo */
}

.precio_color{
  color: #e95c0c;
}

.bg-st {
    background-color: #000000; 
    transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; 
}

.bg-st.navbar-scrolled {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px) brightness(100%) saturate(150%); 
}
.bg-black-des {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px) brightness(100%) saturate(150%); 
}
.btn-negro {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  background-color: #000;
  font-size: 16px;
  overflow: hidden;
  transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease; /* Agregar transición para el color del borde */
}

.btn-negro::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #ff8800; /* Naranja */
  transition: left 0.5s ease;
}

.btn-negro:hover::before {
  left: 100%;
}

.btn-negro:hover {
  color: transparent; /* Hacer el texto transparente en el estado de hover */
  font-weight: bold;
  background-color: #e95c0c; /* Cambiar a naranja al hacer hover */
}

.btn-negro::after {
  content: "COTIZA"; /* Texto a mostrar al hacer hover */
  position: absolute;
  font-size: 25px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff; /* Color de texto del segundo texto */
  opacity: 0; /* Inicialmente oculto */
  transition: opacity 0.5s ease; /* Agregar transición de opacidad */
}

.btn-negro:hover::after {
  opacity: 1; /* Mostrar al hacer hover */
}

.btn-negro-form {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  background-color: #000;
  font-size: 16px;
  overflow: hidden;
  transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease; /* Agregar transición para el color del borde */
}

.btn-negro-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #ff8800; /* Naranja */
  transition: left 0.5s ease;
}

.btn-negro-form:hover::before {
  left: 100%;
}

.btn-negro-form:hover {
  color: transparent; /* Hacer el texto transparente en el estado de hover */
  font-weight: bold;
  background-color: #e95c0c; /* Cambiar a naranja al hacer hover */
}

.btn-negro-form::after {
  content: "ENVIAR"; /* Texto a mostrar al hacer hover */
  position: absolute;
  font-size: 25px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff; /* Color de texto del segundo texto */
  opacity: 0; /* Inicialmente oculto */
  transition: opacity 0.5s ease; /* Agregar transición de opacidad */
}

.btn-negro-form:hover::after {
  opacity: 1; /* Mostrar al hacer hover */
}

.w-90 {
  width: 90% !important;
}


@media screen and (max-width: 960px) {
  .btn-negro::after {
    font-size: 19px; 
  }
}

@media (max-width: 768px) {
  .w-90{
      width: 80%;
  }
}