.container {
    /* padding-top: 40px; */
    border-radius: 10px;
}
.principal{
    background: linear-gradient(
    103.94deg,
    rgba(255, 185, 0, 1) 0%,
    rgba(255, 234, 0, 1) 100%
    );
    padding-top:6rem!important;
    /* top: 120px; */
    overflow: hidden;
}
.txt_bienvenida h2{
    color: #000000;
    text-align: left;
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    font-size: 20px;
    line-height: 145%;
    letter-spacing: -0.005em;
    font-weight: 700;
}
.txt_secundario p{
    color: #000000;
    text-align: left;
    font-family: "Montserrat", sans-serif !important;
    font-size: 16px;
    line-height: 145%;
    letter-spacing: -0.005em;
    font-weight: 400;
}
.content_center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.img_asistencia{
    width: 200px;
    height: auto;
    border-radius: 6px;
}
.btn_solicitar{
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    font-weight: 700;
    background-color: #030303;
    color: #ffffff !important;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 50%;
    border-radius: 15px;
}
.btn_solicitar:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}
.asistencia_max{
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    font-size: 22px;
    line-height: 130%;
    font-weight: 700;
}
.txt_asistencia{
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    font-size: 12px;
    line-height: 130%;
    font-weight: 400;
}
.txt_url{
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    font-size: 12px;
    line-height: 130%;
    font-weight: 900;
    text-decoration: underline;

}
.section{
    margin-top: 10px;
}
/* Estilo para las tarjetas */
.circle-card{
    text-align: center;
    padding: 20px; 
    border-radius: 10px; 
}

.circle-card img, .circle-card2 img, .circle-card3 img {
    width: 150px;
    height: 150px; 
    object-fit: cover; 
    border-radius: 50%; 
    border: 4px solid #FFB900; 
    margin-bottom: 15px; 
}
.txt_h2{
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    font-size: 22px;
    line-height: 130%;
    font-weight: 500;
    margin-bottom: 10px; 
}

.circle-card h3 {
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 10px; 
}

.circle-card p {
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    line-height: 130%;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px; 
}
/*estilos de adquiere.php */
.txt_bienvenida_adquiere h2{
    color: #000000;
    text-align: center;
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    font-size: 20px;
    line-height: 145%;
    letter-spacing: -0.005em;
    font-weight: 700;
}
.txt_secundario_adquiere p{
    color: #000000;
    text-align: center;
    font-family: "Montserrat", sans-serif !important;
    font-size: 16px;
    line-height: 145%;
    letter-spacing: -0.005em;
    font-weight: 400;
}
.container_adquiere{
    padding: 15px 35px 15px 35px;
}
.campo_form {
    font-size: 14px;
    line-height: 108%;
    letter-spacing: -0.05em;
    font-weight: 400;
    border: 2px solid #E1E1E1;  
    color: #333333;             
    padding: 0.5rem;            
    border-radius: 4px;         
    font-size: 16px;            
}
.form-check-input{
    border: 2px solid #E1E1E1 !important; 
}
.campo_form::placeholder {
    color: #B4B4B4;             
    font-size: 14px;            
    opacity: 1;                 
}
.txt_url_form{
    font-family: "Montserrat", sans-serif !important; font-weight: bold;
    font-size: 14px;
    line-height: 108%;
    font-weight: 600;
    text-decoration: underline;
    color: #F57820 !important;
}
.campo_text{
    padding: 5px;
    font-size: 10px;
    line-height: 108%;
    letter-spacing: -0.05em;
    font-weight: 400;
    color: #333333;
}
.text_radio{
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.05em;
    font-weight: 600;
    color: #333333;
}
.form-check-input:checked {
    background-color: #F79347;
    border-color: #F79347;
}
.label_form{
    font-size: 14px;
    line-height: 108%;
    letter-spacing: -0.05em;
    font-weight: 400;
    color: #333333;
}
.label_form_span{
    color: #F57820;
}
.btn_adquirir{
    font-size: 17.46px;
    line-height: 108%;
    font-weight: 600;
    width: 30%;
    background-color: #F57820;
    color: #ffffff !important;

}
.btn_adquirir:hover {
    background-color:#F57820 !important;
    color: #ffffff !important;
}


/*Media Querys*/
@media (max-width: 767px) {
    .img_asistencia{
        width: 100%;
    }
    .content_center_phone {
        display: grid !important;
        justify-content: center;
        align-items: center;
        width: 100%; 
    }
    .btn_solicitar{
        width: 100%;
    }
    .btn_solicitar_phone{
        width: 70%;
    }
    .txt_secundario_adquiere p,
    .txt_bienvenida_adquiere h2{
        text-align: justify;
    }
    .campo_radio_form{
        justify-content: flex-start !important;
    }

}
@media (min-width: 768px) and (max-width: 1024px) {
    .principal{
        padding-left:10rem!important;
        padding-right:10rem!important;
    }
    .btn_solicitar{
        width: 80%;
    }
    .btn_adquirir{
        width: 45%;
    }
}
@media (min-width: 1200px) {
    .principal{
    padding-left:20rem!important;
    padding-right:20rem!important;
    }
    .principal_service_select{
        padding-left:18rem!important;
        padding-right:18rem!important;
    }
}