/* Estilos adicionales para el modal */
#contactModal .modal-content {
    background: #fff; /* Color de fondo del modal */
    border-radius: 15px; /* Bordes redondeados del modal */
    padding: 20px; /* Espaciado interno para el contenido del modal */
    border:none;
  }
  
  #contactModal .modal-header {
    border-bottom: none; /* Elimina la línea divisoria del encabezado */
    position: relative; /* Para posicionar el botón de cierre absolutamente */
    padding-bottom: 0; /* Reduce el espacio debajo del encabezado */
  }
  
  
  #contactModal .close {
    position: absolute; /* Posiciona el botón de cierre */
    right: 20px; /* Distancia desde el lado derecho del modal */
    top: 20px; /* Distancia desde la parte superior del modal */
    outline: none; /* Elimina el contorno que podría aparecer al hacer clic */
  }
  
  #contactModal .form-control {
    background-color: #FFF; /* Fondo blanco para los campos de formulario */
    border: 1px solid #1165F6; /* Borde sutil para los campos de formulario */
    color: #000;
    font-size: 18px;
    border-radius: 10px; /* Bordes redondeados para los campos de formulario */
    margin-bottom: 18px; /* Espaciado entre los campos de formulario */
  }
  
  #contactModal .btn-primary {
    background-color: #1165F6; /* Color de fondo para el botón */
    border: none; /* Elimina el borde del botón */
    border-radius: 10px; /* Bordes redondeados para el botón */
    padding: 10px 45px; /* Espaciado interno para el botón */
    float: right; /* Alinea el botón a la derecha */
  }
  
  /* Limpiar flotantes */
  #contactModal .modal-body::after {
    content: "";
    display: block;
    clear: both;
  }
  

  /* .subrrayado_modal {
      position: relative;
      border-bottom: 1px solid transparent;
      justify-content: normal !important;
  }

  .subrrayado_modal::after {
      content: '';
      position: absolute;
      left: 20px;
      bottom: 0;
      width: 80%;
      height: 3%;
      background: linear-gradient(to right, #1D2F49 50%, transparent 50%);
      border-bottom: 1px solid transparent;
      box-sizing: border-box;
  } */



/* Estilos adicionales para el modal */

  #formularioModal .modal-header {
    border-bottom: none; /* Elimina la línea divisoria del encabezado */
    position: relative; /* Para posicionar el botón de cierre absolutamente */
    padding-bottom: 0; /* Reduce el espacio debajo del encabezado */
  }

#formularioModal .modal-content {
    background: #fff; /* Color de fondo del modal */
    border-radius: 15px; /* Bordes redondeados del modal */
    padding: 20px; /* Espaciado interno para el contenido del modal */
    border:none;
  }
  
  
  
  #formularioModal .close {
    position: absolute; /* Posiciona el botón de cierre */
    right: 20px; /* Distancia desde el lado derecho del modal */
    top: 20px; /* Distancia desde la parte superior del modal */
    outline: none; /* Elimina el contorno que podría aparecer al hacer clic */
  }
  
  #formularioModal .form-control {
    background-color: #FFF; /* Fondo blanco para los campos de formulario */
    border: 1px solid #1165F6; /* Borde sutil para los campos de formulario */
    color: #000;
    font-size: 18px;
    border-radius: 10px; /* Bordes redondeados para los campos de formulario */
    margin-bottom: 18px; /* Espaciado entre los campos de formulario */
  }
  
  #formularioModal .btn-primary {
    background-color: #1165F6; /* Color de fondo para el botón */
    border: none; /* Elimina el borde del botón */
    border-radius: 10px; /* Bordes redondeados para el botón */
    padding: 10px 45px; /* Espaciado interno para el botón */
    float: right; /* Alinea el botón a la derecha */
  }
  
  /* Limpiar flotantes */
  #formularioModal .modal-body::after {
    content: "";
    display: block;
    clear: both;
  }
  

/* Estilos adicionales para el modal */

  #successModal .modal-header {
    border-bottom: none; /* Elimina la línea divisoria del encabezado */
    position: relative; /* Para posicionar el botón de cierre absolutamente */
    padding-bottom: 0; /* Reduce el espacio debajo del encabezado */
  }

#successModal .modal-content {
    background: #fff; /* Color de fondo del modal */
    border-radius: 15px; /* Bordes redondeados del modal */
    padding: 20px; /* Espaciado interno para el contenido del modal */
    border:none;
  }
  
  
  
  #successModal .close {
    position: absolute; /* Posiciona el botón de cierre */
    right: 20px; /* Distancia desde el lado derecho del modal */
    top: 20px; /* Distancia desde la parte superior del modal */
    outline: none; /* Elimina el contorno que podría aparecer al hacer clic */
  }
  
  #successModal .form-control {
    background-color: #FFF; /* Fondo blanco para los campos de formulario */
    border: 1px solid #1165F6; /* Borde sutil para los campos de formulario */
    color: #000;
    font-size: 18px;
    border-radius: 10px; /* Bordes redondeados para los campos de formulario */
    margin-bottom: 18px; /* Espaciado entre los campos de formulario */
  }
  
  #successModal .btn-primary {
    background-color: #1165F6; /* Color de fondo para el botón */
    border: none; /* Elimina el borde del botón */
    border-radius: 10px; /* Bordes redondeados para el botón */
    padding: 10px 45px; /* Espaciado interno para el botón */
    float: right; /* Alinea el botón a la derecha */
  }
  
  /* Limpiar flotantes */
  #successModal .modal-body::after {
    content: "";
    display: block;
    clear: both;
  }



/* Estilos adicionales para el modal */
#descargarModal .modal-content {
    background: #fff; /* Color de fondo del modal */
    border-radius: 15px; /* Bordes redondeados del modal */
    padding: 10px; /* Espaciado interno para el contenido del modal */
    border:none;
  }
  
  #descargarModal .modal-header {
    border-bottom: none; /* Elimina la línea divisoria del encabezado */
    position: relative; /* Para posicionar el botón de cierre absolutamente */
    padding-bottom: 0; /* Reduce el espacio debajo del encabezado */
  }
  
  
  #descargarModal .close {
    position: absolute; /* Posiciona el botón de cierre */
    right: 20px; /* Distancia desde el lado derecho del modal */
    top: 20px; /* Distancia desde la parte superior del modal */
    outline: none; /* Elimina el contorno que podría aparecer al hacer clic */
  }
  
  #descargarModal .form-control {
    background-color: #FFF; /* Fondo blanco para los campos de formulario */
    border: 1px solid #1165F6; /* Borde sutil para los campos de formulario */
    color: #000;
    font-size: 16px;
    border-radius: 10px; /* Bordes redondeados para los campos de formulario */
    margin-bottom: 18px; /* Espaciado entre los campos de formulario */
  }
  
  #descargarModal .btn-primary {
    background-color: #1165F6; /* Color de fondo para el botón */
    border: none; /* Elimina el borde del botón */
    border-radius: 10px; /* Bordes redondeados para el botón */
    padding: 10px 45px; /* Espaciado interno para el botón */
    float: right; /* Alinea el botón a la derecha */
  }
  
  /* Limpiar flotantes */
  #descargarModal .modal-body::after {
    content: "";
    display: block;
    clear: both;
  }