  @charset "utf-8";
/* CSS Document */
:root {
    --color-ignis: rgb(233, 90, 12);
	--color-blanco: #FFFFFF;
	--color-uno: #0eafb1;
	--color-tres: #a189bd;
	--text-azul: #173363;
	--color-amarillo: #f7c600;
	--flamabook: 'flamabook', sans-serif;
	--flamabold: 'flamabold', sans-serif; 
	--flamaextra: 'flamaextrabold', sans-serif;
	--asap: 'Asap', sans-serif;
	--w400: 400;
	--w600: 600;
	--w800: 800
	}
    

body, html, p {
    font-weight: var(--w400);
}
p { margin-top: 20px; color: var(--text-azul) }



.bg-centro {
    background-color: var(--color-tres);
}


.h4 {
    text-transform: uppercase;
    font-family: var(--flamabook) }


.h4 strong {
    font-family: var(--flamabold) }

.intro.introcarreras .picturegde {
    filter: none;
	background-position: center
    
}

.intro.introcarreras .h1 { 
    line-height: 1;
    font-family: var(--flamabook); font-size: 3.5em }


@media (min-width: 1200px){
.intro.introcarreras .h1 {
    font-size: 7.5em;
}
}

.intro.introcarreras .h1 strong { 
    font-family: var(--flamabold) }



.bg-grey-dark {
    background-color: #4a494f;
}

.intro .overlay {
    opacity: 0.5;
}



#quehacemos .title {
    color: var(--text-azul);
}



/* SERVICIOS */
.servicios_clinica .h5{ color: var(--color-blanco); margin-top: 10px; font-weight: var(--w600) }

.servicios_clinica .fill-btn {
        box-shadow: inset 0px 0px 0px 2px var(--color-uno); background-color: var(--color-uno); color: #FFFFFF; text-transform: uppercase;border-radius: 0; font-weight: var(--w600); padding: 6px 12px 5px }

.servicios_clinica .fill-btn:hover {
        box-shadow: inset 0px 0px 0px 2px var(--color-uno);
	background-color: transparent; color: var(--color-uno); 
	opacity: 1 }

 .servicios_clinica .bg-content{
	 display: flex;
	 align-items:  center;
	 text-align: center;
	 justify-content: center;
	padding: 20px;
	margin-bottom: 20px }


@media (min-width: 768px){
	

	.servicios_clinica .col-sm-3 {
    padding-right: 10px;
    padding-left: 10px }
		
	.servicios_clinica .row {
    margin-right: -10px;
    margin-left: -10px }
		
	.servicios_clinica .bg-centro { min-height: 80px;margin-bottom: 20px; display: flex;align-items: center  }
	
	
	.servicios_clinica .bg-content {
min-height: 120px; 
		max-height: 120px
}

	 .servicios_clinica .col-sm-3 {
		margin-bottom: 0 }

}


/* clinicas acordeones */
#centro_acordeones .col-sm-4:nth-child(1n) {
    background-color: var(--color-tres);
}

#centro_acordeones .col-sm-4:nth-child(2n) {
    background-color: var(--color-uno);
}


#centro_acordeones .col-sm-4:nth-child(3n) {
    background-color: var(--color-ignis);
}

#centro_acordeones .h5 { margin-top: 0}

#centro_acordeones .col-sm-4  { position: relative }

#centro_acordeones .accordion-btn:after {
    top: 25px }


@media (min-width: 768px){
	#centro_acordeones .accordion-btn {
		min-height: 48px }
}






/* tu consulta */
.tuconsulta .fill-btn {
        box-shadow: inset 0px 0px 0px 2px var(--color-uno); background-color: var(--color-uno); color: #FFFFFF; border-radius: 0; font-weight: var(--w400); padding: 6px 12px 5px; font-size: 2.6em }

.tuconsulta .fill-btn:hover {
        box-shadow: inset 0px 0px 0px 2px var(--color-uno);
	background-color: transparent; color: var(--color-uno); 
	opacity: 1 }

.tuconsulta p.small {font-size: 1.4em}

.tuconsulta .h4 {
    text-transform: none;
    font-family: inherit;
}


@media (max-width: 768px){
.tuconsulta .fill-btn {
		margin-top: 20px }
	
	.tuconsulta .fill-btn {
         font-size: 2.5em }
	
	
}





@media (min-width: 768px){

.tuconsulta .row { display: flex; align-items: center }
}



/*  nuestras instalaciones */
#testimonios .h4 {
    text-transform: uppercase;
    font-family: inherit;
	font-weight: var(--w800)
}


#testimonios .fill-btn {
        box-shadow: inset 0px 0px 0px 2px var(--color-uno); background-color: var(--color-uno); color: #FFFFFF; text-transform: uppercase;border-radius: 0; font-weight: var(--w600); padding: 6px 12px 5px }

#testimonios .fill-btn:hover {
        box-shadow: inset 0px 0px 0px 2px var(--color-uno);
	background-color: transparent; color: var(--color-uno); 
	opacity: 1 }


@media (max-width: 768px) {

.testimonios_carreras .content-out {
    padding-bottom: 30px
}}


/* acordeones abajo  */


.programas_abajo .col-sm-4:nth-of-type(1n) .h5 {color: var(--color-tres)  }
.programas_abajo .col-sm-4:nth-of-type(2n) .h5 {color: var(--color-amarillo) }
.programas_abajo .col-sm-4:nth-of-type(3n) .h5 {color: var(--color-uno)  }


.programas_abajo .col-sm-4 {
    	position: relative; margin-bottom: 30px }
	
.programas_abajo p:first-child {padding-top: 0}
.padding2050  {
padding: 20px 40px}

.programas_abajo .accordion-btn:after {
    position: absolute;
    bottom: 14px;
    top: auto;
    left: calc(50% - 8px);
	border: solid #FFFFFF;
    border-width: 0 3px 3px 0;
    min-width: 15px;
	min-height: 15px
}




.programas_abajo .col-sm-4 .backprogramas {
    position: relative;
    min-height: 82px;
}





@media (min-width: 980px){
.programas_abajo .col-sm-4 .backprogramas {
    display: inline-flex;
    align-items: center;
    min-height: 92px;
}

	.programas_abajo .col-sm-4 {
    	margin-bottom: 0 }
	
	
}
