@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');


* {
    margin: 0;
    padding: 0;
    border: 0;
    color: white;
    font-family: "Saira", sans-serif;
}
iframe {
    will-change: transform; 
}

/*----------------------------------------------------------------------------*/

body {
    background-color: black;
}
.contacto_h1 {
    margin: 8% 0 2% 0;
    font-size: 50px;
    font-weight: 600;
    font-family: "Public Sans", sans-serif;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
}

.conteiner {
    width: 100%;
    display: flex; 
    margin-bottom: 3%;
}

.contenido_left {
    width: 60%;
}
.contenido_right {
    width: 40%;
}


.ubi_img_contacto {
    width: 15%;
    height: 20%;
    margin: -5% 0 1% 0;
}
.tel_img_contacto {
    width: 15%;
    height: 17%;
    margin: 0 0 1% 0;
}
.cor_img_contacto {
    width: 24%;
    height: 20%;
    margin: -10% 0 1% 0;
}

/*-------------------------------------------------------*/

.dtc_contenido {
    overflow: hidden;
    padding: 0.5rem 0;
    text-align: center;
    margin-top: 2.5em;
    
}

.con_dir, .con_tel, .con_cor {
    width: 100%;
    max-width: 15rem;
    height: 12rem;
    display: inline-block;
    overflow: hidden;
    margin: 1rem;  
    z-index: 50; 
    padding-top: 5%;
    border: 3px solid;
    border-color: #FFAC37;
    border-radius: 20px;
}

.con_tel:hover {
    box-shadow: 0 0 5px #FFAC37, 0 0 20px #FFAC37, 0 0 40px #FFAC37;
    transition: 0.2s ease-in-out;
}
.h2_contenido{
    font-size: 20px;
    text-transform: uppercase;
    margin: 1% 0;
    font-weight: 600;
}
.text_contenido {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    

}
.tel_h3 {
    font-size: 13px;
    margin: 0 5%;
}



.text_contenido_correo {
    padding-top: 2%;
    font-size: 17px;
}


/*--------------------------*//*
.dtc_contenido {
    display: grid;
    gap: 20px;
    grid-template-columns: 25% 25% 25%;
    grid-template-rows: repeat(1, 200px);
    justify-content: space-evenly;
    max-width: 100%;
    margin-top: 7%;
}
.con_dir {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 3px solid;
    border-color: #FFAC37;
    border-radius: 20px;
    height: 97%;
}


.a_con_tel {
    text-decoration: none;
    border-radius: 20px;
    &:hover {
        box-shadow: 0 0 5px #FFAC37, 0 0 20px #FFAC37, 0 0 40px #FFAC37;
        transition: 0.2s ease-in-out;
    }
}
.con_tel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 3px solid;
    border-color: #FFAC37;
    border-radius: 20px;
    font-size: 16px;
    height: 97%;
}
.tel_h3 {
    font-size: 13px;
}


.text_contenido_correo {
    padding-top: 2%;
    font-size: 17px;
}*/

/*********************************horario***************************************/

.reloj_img_contacto {
    width: 8%;
    height: 8%;
    margin: 5% 0 0 7%;

}
.text_preg_h2 {
    margin: 8% 0 0 0;
    font-size: 50px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    
}
.horario_text_col {
    width: 100%;
    display: flex;
    flex-direction: column; 
    margin: 3% 0 2% 5%;
}

.horario_ti {
    display: flex;
}
.horario_text {
    font-size: 22px;
    
}
.sif_horario {
    color: rgb(201, 201, 201);
}
.cerado {
    color: #FFAC37;
    font-size: 24px;
    font-weight: 700;
}
/**---------------------------scroll-bar-----------------------------------*/
body::-webkit-scrollbar-thumb {
    background-color: #FFAC37;
}
/*--------------------------------ubicacion--------------------------------------------------*/

.aeu_text_h1 {
    margin: 4% 0 0 6%;
    font-size: 38px;
    font-weight: 500;
    
}
/*------------------------------------------form-------------------------------------------------*/

.conteiner_btn{
    display: flex;
    text-align: center;
    flex-direction: column;
    width: 100%;
    margin-bottom: 1%;
  }
  .div_btn {
    display: flex;
    justify-content: center;
  }
.contenido_right{
    max-width: 80%;
    width: 40%;
    height: 300px;
    padding: 30px 10px 10px 10px;
    border: 3px solid #FFAC37;
    border-radius: 5%;
    margin: 4% 8% 4% 0%;

     
}
.contenido_right .text{
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: #ffffff;
    
}

.btn_submit  {
    background-image: linear-gradient(to right, #FF8008 0%, #FFC837  51%, #FF8008  100%);
    margin-top: 14%;
    padding: 2% 1%;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    font-size: 30px;
    background-size: 200% auto;
    color: white;            
    width: 500px;
    border-radius: 50px;
    display: block;
    justify-content: center;
    cursor: pointer;
  }
  
  .btn_submit:hover {
    background-position: right center; 
    color: #fff;
    text-decoration: none;
  }
  
  
  

/*----------------------footer--------------------------------------------------*/
.footer_contacto{ 
    margin: 25% 0 0 0%;
    width: 110%;
}
.footer_h1 {
    display: flex;
    justify-content: center;
    font-size: 40px;
    margin-top: 3%;
   
}
.footer_h1_color {
    color: #FFAC37;
    font-weight: 400;
    font-size: 55px;
}
.contenido_footer_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-right: 5%;

}
.contenido_footer_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.contenido_footer_1 a, .contenido_footer_2 a {
    text-decoration: none;
}

.redes_footer {
    display: flex;
}

.footer_img_ins {
    margin: 10% 0 3% 0;
    width: 50%;
    padding: 0;
    
}
.footer_img_ins2 {
    width: 40%;
}
.text_rs {
    margin: 2% 0 0 -25%;
    font-size: 28px;
  
}

.text_rs2 {
    margin: 2% 0 0 -60%;
    font-size: 28px;
}
/*---------------------------------mapa-------------------------------------------*/

.con_mapa {
    margin: 1% 0 0 0;
    width: 85%;
    display: flex;
    justify-content: center;
    
}


/*--------------------p-politica---------------------------------*/

.conteiner_pol {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: 3% 0 -4% 0;

}

.conteiner_pol p a {
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;    
    transition: all .3s ease-in-out;
}

.conteiner_pol p a:hover {
    color: #2a4db6;
}


/*------------------------text*--------------------------------*/

.text_advertencia {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 6% 0 2% 0;
  }
  .text_advertencia p {
    width: 85%;
    font-size: 16px;
  }