/*   body {
      background-color: #1f79c1;
      padding-block-end:100px;
     padding-inline-start: 20px;
    padding-inline-end: 20px;
  }
 */
 .wrapper-inscripcion input , .wrapper-inscripcion select ,.wrapper-inscripcion textarea { 
    border-color: #637fcc6b;
  }

  .image-container {
    animation-delay: 1s;
    width:180px;
    height:180px;
  }

  .image-container img.logo{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


  .titleForm{
    text-align: center;
    /* color:#ffffff; */
    color:#444; 
    margin-block-end: 30px;
  }

  form button[type="button"]{
    margin-block-start:50px;
    width:100% !important;
    background-color: #FF9000;
    /* color:#fff; */
  }

  .wrapper-inscripcion {
    /* background-color: #9612be; */
   /*  background-color: #1f79c1; */
   background-color: #fff;
    padding-block-start: 50px;
    padding-block-end:100px;
    padding-inline-start: 20px;
   padding-inline-end: 20px;    
  }

  .wrapper-inscripcion .row{
    /* background-color: #9612be; */
    display:flex;
    flex-direction:row;
    justify-content: center;
    width:100%;
  }

  .logo{
    width:50%;
  }

  .footer{
    height:100px;
    display:flex;
    flex-direction:column;
    justify-content: center;
    margin-block-start: 60px;
  }

  .footer__company{
    display:flex;
    flex-direction:column;
    justify-content: center;
    text-align:center;
  }

  #particles-js{
    position: fixed;
    z-index: -10;
    height: 40vh;    
  }

  #particles-js2{
    /* position: fixed; */
    z-index: -10;
    /* height: 10vh;     */
  }

  .brand{
    font-size:1.2rem;
    /* color:#fff; */
    color:#000;
  }

  .developer{
    font-size:0.8rem;
    /* color:rgb(211, 204, 204); */
    color:#000;

    width: 100%;
    height: 150px;
    
    cursor: pointer;
    text-align: center;
    line-height: 150px; /* Centrar verticalmente el texto */
    /* margin: auto; */
  }

  #developerbox:hover #developerlink {
    animation: animate__animated animate__bounce;
  }

  .developer a{
    cursor:pointer;
    text-decoration:none;
    /* color:rgb(211, 204, 204); */
    color:#000;
  }

  label{
    /* color:#fff; */
    color:#444;
    font-weight: bold;
  }

  .runner{
    margin-block-start:50px;
    position:relative;
    top:100px;
  }

  .runner img{
    width:100%;
    height:auto;
  }
  

  #borrar-inscripcion  button.btn-borrar-inscripcion{
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;    
  }

  img.loader1{
    width: 40px;
    height: 40px;
    display:inline-block;
  }


  @media only screen and (min-width:768px){

    .runner{
      display:flex;
      flex-direction:row;
      justify-content:center;
      margin-block-start:250px;
    }      
    .runner img{
      width:20%;
      height:auto;
      }
  }

  select{
    color:rgb(118,118,118) !important;
  }

  select > option{
    color:#000 !important;
  }

  input[type="date"] {
    color:rgb(118,118,118) !important;
  }


  .contact{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    color:#fff;
    font-size:3rem;
    margin-block-start: 40px;
  }

  .contact  div{
    margin-block-end:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items: center;


  }


  .contact  span {
    font-size:3rem;
    line-height:0;
  }

  .contact a {
    text-decoration:none;
    color:#fff;
    font-size:1rem;
  }

  .logo__mapa{
    margin-block-start: 49px;
  }

  @media only screen and (min-width: 768px){

    .contact{
      display:flex;
      flex-direction:row;
      justify-content: space-evenly;
      align-items:center;
      margin-block-start: 0;
    }
  
    .contact  div{
      margin-block-end:0;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items: center;
  
  
    }
    
    
  }


  .distances {
    display:flex;
    flex-direction:row ; 
    justify-content: space-evenly;
    color:#fff;
    margin-block-end: 50px;
    
  } 

  .distances > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .distances span.dist1 {
    font-size:1.4rem;
    /* padding:20px; */
    border-radius:50%;
    width:60px;
    height:60px;
    background-color: #FF9000;
    text-align:center;
    vertical-align: middle;
    padding-block-start: 13px;
    margin-block-end: 10px;

  }

  /**modals*/
  .mycontent{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    padding:20px;
  }

  .mycontent > div {
    width: 100%;
  }

  .mycontent button{
    width:50% !important;
    background-color: #FF9000;
  }

  .mycontent .btn_circle{
    
    width: 100px;
    height: 100px;
    border-radius: 50%;
    
    color: #fff;  
    margin-block-end: 20px;  
  }

  .mycontent .btn_circle--success{
    background-color:#99CC33;
  }

  .state__inscripto{
    background-color:#99CC33;
  }

  .state__noinscripto{
    background-color:#cc2828;
  }

  .mycontent .btn_circle--fail{
    background-color:#cc2828;
  }

  .mycontent .btn_circle--warning{
    background-color:#cc7715;
  }
  
  .mycontent .btn_circle span{
    color: #fff;
    font-size: 5rem;
    font-weight: 500;
    vertical-align: middle;
    margin-block-start: 6px;
    text-align: center;
    margin-inline-start: 10px;    
  }

  .mycontent .mycontent__whatsapp a{
    color:#0d6efd;
  }

  .mycontent h2 {
    color:grey;
    font-size:1rem;
  }

  .mycontent .payment__secondary__info {
    font-size:0.8rem;
    color:grey;
  }


  .mycontent .payment__primary__info {
    font-size:0.9rem;
    color:grey;
    font-weight: 500;

    display:flex;
    flex-direction:row;
    justify-content: space-evenly;
  }

  .mycontent #warning_mesage{
    font-weight: bold;
  }

  .error-message {
    color: crimson;
  }

  .edad{
    color: #0004ff;
  }