.container{max-width: 1164px}
.container-smaller{max-width: calc(936px + 30px)}

.section-title-bigger{
font-weight: 700;
font-style: Bold;
font-size: 24px;
line-height: 27px;
letter-spacing: 0%;
text-align: center;
color: #0D1846;
margin-bottom: 10px;
}
@media(min-width: 1024px){
    .section-title-bigger{
        font-size: 36px;
        line-height: 42px;
}
}


.modal.cita .modal-dialog{max-width: 376px; padding: 20px;}
.modal-cita-title{
font-weight: 700;
font-style: Bold;
font-size: 26px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
color: #0D1846;
margin: 0 0 1rem;
}


/*modal pedir cita*/
.modal-form-cita {display: flex; flex-direction: column;grid-gap: 0.3rem; }
.modal-form-cita label{ 
	padding: 5px 5px 5px 19px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
letter-spacing: 1%;
color: #4E5357;
position: relative;
cursor: pointer;
margin: 0 0 5px;
}
.modal-form-cita label:first-of-type{margin: 0 0 10px}
.modal-form-cita label input[type="radio"] {opacity: 0;}
.modal-form-cita label input[type="radio"] + span{width: 24px; height: 24px;border-radius: 50%; border:1px solid #BABABA ;position: absolute; top: 4px; left: 0}
.modal-form-cita label input[type="radio"]:checked + span:before{content: ""; width: 16px; height: 16px; border-radius: 50%; background: #0079C8;position: absolute; top: 3px; left: 3px}




/*btns*/

.btn-light-blue{background: #0079C8;  
font-weight: 700;
font-size: 16px; 
line-height: 22px;
letter-spacing: 2%;
text-align: center;
vertical-align: middle;
color: #fff;
width: 100%;
height: 48px;
border-radius: 4px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
margin: 5px 0; text-decoration: none; cursor: pointer;
}
.btn-light-blue:hover{text-decoration: none; color: #fff}

.btn-gosht-light-blue{border-radius: 2px;border: 2px solid #DDE1E6; width: 100%; height: 48px;
border-radius: 4px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 16px; 
line-height: 22px;
letter-spacing: 2%;
text-align: center;
vertical-align: middle;
display: block;
margin: 5px 0;
color: #0079C8;
cursor: pointer;
}

.btn-border-white{color: #fff; 
font-weight: 700;
font-size: 16px;
line-height: 22px;
letter-spacing: 2%;
text-align: center;
vertical-align: middle;
height: 48;
border-radius: 4px;
border: 2px solid #fff; 
padding: 16px 20px;
width: 100%;
max-width: 141px;
margin: 0 auto;
}
.btn-border-white:hover{color: #fff}




/*cita-online*/

.box-acceso{display: flex; flex-direction: column;padding: 20px; border-radius: 4px; color: #fff;  
font-weight: 700;
 
font-size: 20px;
 
line-height: 24px;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
justify-content: space-between;
}
.box-acceso a:hover{color: #fff}
.box-acceso .row{height: 100%}
.box-acceso.virtual{background: #0079C8}
.box-acceso.mi-sanitas{background: #00398A}
.box-acceso.por-telefono{background: #007D79}

@media(min-width: 767px){
	.box-acceso{min-height: 260px;}
}

.box-form-cita .bg-boxed{
	box-shadow: 0px 0px 24px 0px #00000040; 
	background: white;
}
.box-form-cita form{
	max-width: 1060px;
	margin: 35px auto}

 /* reset form cita */

.box-form-cita form input[type=text], 
.box-form-cita form input[type=tel], 
.box-form-cita form input[type=email], 
.box-form-cita form input[type=number], 
.box-form-cita form select, .box-form-cita form textarea
 {    font-size: 1rem;
    line-height: 1.375rem;
    color: #21272A;
    padding: 0.625rem 1rem 0.625rem 2rem;
    height: 2.5rem;
    border: 1px solid #929BA2;
    border-radius: 4px;
    width: 100%;}
.box-form-cita form textarea {height: 105px;padding: 0.625rem 1rem;}   
.box-form-cita form .legales{ 
font-weight: 500;
font-size: 12px;
 color: #4E5357;
line-height: 18px;
letter-spacing: 1%;
vertical-align: middle;
} 
.box-form-cita form .legales a{color: #0079C8}
.box-form-cita form input::placeholder{ 
font-weight: 500;
font-size: 16px;
leading-trim: NONE;
line-height: 22px;
letter-spacing: 1%;
color: #666D72;
}
.ico-user{background: url(../imagenes/icons/user-linear.svg)no-repeat top 7px left 5px;}
.ico-phone{background: url(../imagenes/icons/tlf-linear.svg)no-repeat top 7px left 5px;}
.ico-mail{background: url(../imagenes/icons/mail-linear.svg)no-repeat top 7px left 5px;}
.ico-fonendo{background-color: #fff;
            background-image: url(../imagenes/icons/fonendo-linear.svg),  url(../imagenes/icons/arrow-down-blue.svg);
            background-repeat: no-repeat ;
            background-position:  top 7px left 5px, top 8px right 10px;}
 
.ico-doctor{background-color: #fff;
            background-image: url(../imagenes/icons/doctor-linear.svg),  url(../imagenes/icons/arrow-down-blue.svg);
            background-repeat: no-repeat ;
            background-position:  top 7px left 5px, top 8px right 10px;
            }



.box-form-cita .btn-submit{max-width: 115px; margin: 0 auto;}



.accordion-cuadro-medico{
    box-shadow: 0px 0px 16px 0px #00000040;

}
.accordion-cuadro-medico .card-header{background: white; padding: 0.8rem}
.accordion-cuadro-medico .card-header .btn-collapsed { 
font-weight: 700;
font-size: 16px;
line-height: 22px;
letter-spacing: 1%;
vertical-align: middle;
color: #0079C8;
text-align: left;
background: url(../imagenes/icons/ico-minus-blue.svg)no-repeat right center;
text-decoration: none;
padding: 0;
}
.accordion-cuadro-medico .card-header .btn-collapsed.collapsed{
    background: url(../imagenes/icons/ico-plus-blue.svg)no-repeat right center;
    font-weight: 500;
}

.accordion-cuadro-medico .card-body{padding: 1.5rem}
.accordion-cuadro-medico .cajas-medicos{gap:20px;justify-content: flex-start;}

@media (min-width: 1024px) {
    .accordion-cuadro-medico .caja-medico {
        flex-basis: 31.5%;
    }
}