.posicion {
    z-index: 1; }

  .form-btn {
    width: 80%;
    display: block;
    height: auto;
    background: rgb(154, 191, 233);
    border-radius: 5px;
    outline: none;
    transition: all 0.3s;
    margin: auto;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }
  
  .form-btn:active {
    opacity: 0.9;
  }

  /*Responsivo*/
  @media screen and (max-width: 740px) {
    .popup-pago {
      width: 70%;
    }
  }
  /*Responsivo*/
  @media screen and (max-width: 770px) {
    .hi-1{
      order: 2;
    }
    .hi-2{
      order: 1;
    }
  
    .hi-3{
      order: 3;
    }
    
  }
  .accordion-button:not(.collapsed) {
    color: black;
    background-color: var(--verdeClaro);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0
      var(--bs-accordion-border-color);
  }
 
  .btn-collap{
    border-radius: 8px; 
    border: 1px solid var(--verdeClaro); 
    background-color: #f8f8f8;
  }


  .form {
    text-align: center;
    border-radius: 15px;
    background-color: rgb(203, 199, 199);
    width: 75%;
  }
  .texto-formulario{
    text-align: center;
  }

  .select-estado{
    border-radius: 15px; 
    border: 1px solid ; 
    width: 40%; 
    height: 53px; 
    background-color: rgb(203, 199, 199);
  }


  .btn-envio {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #btn-envio {
    background-color: rgb(203, 199, 199);
    border-radius: 15px;
    font-family: "Roboto", sans-serif;
    border: none;
    color: rgb(98, 95, 95);
  }
  
  #btn-envio:hover {
    color: rgb(1, 1, 1);
    box-shadow: 0 4px 16px rgb(120, 122, 123);
    transition: all 0.2s ease;

  }

  
  #text-center{
    text-align:center;
  }
  thead{
    background-color: rgb(239, 239, 248);
  }
  tbody{
    background-color: #dadada;
  }


  /* VENTANA MODAL */
  @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

  body{
      margin: 0;
      font-family: 'Roboto', sans-serif;
  }
  .page{
      background: url(img/foto.jpg) center;
      height: 40vh; 
      display: flex;          
      justify-content: center;
      align-items: center;
  }
  .fondo_transparente{
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.226);
      position: absolute;
      height: 100vh;
      width: 100%;
      display: none;
  }
  .modal{
      background: linear-gradient(0deg,rgb(255, 255, 255) 70%, rgb(212, 101, 101) 30%);
      
      width: 600px;
      height: 300px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      border-radius: 5px;

  }
  .modal_cerrar{
      background: white;
      position: absolute;
      right: 20px;
      color: crimson;
      top: 20px;
      width: 40px;
      height: 40px;
      border-radius: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
  }
  .modal_titulo{
      color: white;
      font-size: 30px;
  }
  .modal_mensaje{            
     padding: 10px 30px;
  }
  .modal_botones{      
     width: 100%;    
     background: whitesmoke;
     border-top:whitesmoke 1px;
     padding-top: 20px;
     display: flex;
     justify-content: space-evenly;
  }
  
  .boton{
      background: white;
      padding: 8px 30px;
      color: crimson;
      text-decoration: none;
      border-radius: 3px;
      border:1px solid crimson
  }
  .boton:hover{
      background: crimson;
      color: white;
  }