@charset "UTF-8";

.feather-16{
    width: 42px;
    height: 42px;
}

.btn-flotante {
  font-size: 14px; /* Cambiar el tamaño de la tipografia */
  text-transform: uppercase; /* Texto en mayusculas */
  font-weight: bold; /* Fuente en negrita o bold */
  color: black; /* Color del texto */
  border-radius: 5px; /* Borde del boton */
  letter-spacing: 2px; /* Espacio entre letras */
  background-color: #f0c930; /* Color de fondo */
  padding: 12px 15px; /* Relleno del boton */
  position: fixed;
  bottom: 20px;
  right: 20px;
  transition: all 300ms ease 0ms;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.btn-flotante:hover {
  background-color: #eaeaea; /* Color de fondo al pasar el cursor */
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
  transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
  .btn-flotante {
    font-size: 14px;
    padding: 12px 20px;
    bottom: 20px;
    right: 20px;
  }
} 

/* TIME LINE */

.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0.3rem;
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: 1.5rem solid #D9D9D9;
        width: 9rem;
        position: absolute;
        left: 6.2rem;
        top: .7rem;
        z-index: 1;
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: 1.5rem solid #D9D9D9;
        width: 5.5rem;
        position: absolute;
        right: 6.4rem;
        top: .7rem;
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center;
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 50%; /* Círculo perfecto */
    height: 1.8rem;
    width: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
        background-color: #666666; /* Fondo del círculo */
            height: 3rem;
    width: 3rem;
  
    position: relative;
    z-index: 20; /* Superpone sobre el círculo de fondo */
    
}



.timeline-steps .timeline-content .inner-circle:before {
    content: "";
  background-color: white; /* Color blanco para el círculo */
    display: inline-block;

        height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%; /* Círculo perfecto */
    position: absolute; /* Detrás del círculo blanco */
    z-index: 10; /* Detrás del círculo blanco */
}

.bg-verde{
  background-color: #D9E022;
}


	#noticias-destacadas h1{
    /*font-family: 'Lato', sans-serif;
    text-transform: uppercase;*/
	display: none !important; 
	}
	#noticias-destacadas {
    padding: 0 3%;
	margin: 0px !important;
	}
	
	#noticias-destacadas h1::after {
    content: '';
    height: 13px;
    width: 12%;
    background-color: #f0c930;
    display: block;
    margin-top: 20px;
}
    @import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');
	
.inner-top-banner .wrapper-on-top-image.dark-layer, .inner-top-banner-buscador .wrapper-on-top-image-buscador.dark-layer {
    background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.3) 100%);
    color: #fff;
}
	.img-responsive {
    width: 100%;
}
	.acordeon-gris{
		background-color: #e6e6e6!important;
    border-bottom: solid 5px #ffb800!important;
    color: #000!important;
	}
	.acordeon .card-header.collapsed {
    background-image: url(https://api.iconify.design/feather:plus-circle.svg?color=black) !important;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 30px;
}
	.acordeon .card-header {
  
    background-image: url(https://api.iconify.design/feather:minus-circle.svg?color=black) !important;
   
}
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #ffb800;
}
		.epi-0 {
    font-size: 1em;
    background-color: #FFB800;
    display: block;
    padding: 5px !important;
    height: auto;
    position: absolute;
    top: -15px;
}
	
	.epi-1 {
    font-size: 1em;
    background-color: #307fe2;
    display: block;
    padding: 5px !important;
    height: auto;
    position: absolute;
    top: -15px;
}
	.epi-2 {
    font-size: 1em;
    background-color: #C4D600;
    display: block;
    padding: 5px !important;
    height: auto;
    position: absolute;
    top: -15px;
}
	.epi-3 {
    font-size: 1em;
    background-color: #D50032;
    display: block;
    padding: 5px !important;
    height: auto;
    position: absolute;
    top: -15px;
}
	
	.breadcrumb{
		display:none !important;
	}
}	
	  .descripcion{
		  height: auto !important;
	  }
	  
  .serif-font{
    font-family: 'Merriweather', serif
  }   
  .sans-serif-font{
    font-family: 'Lato', sans-serif;
  }
  .mayus{
    text-transform: uppercase;
  }
	  .font-size-1{
    font-size: 0.95em !important;   
    }
	  .font-size-2{
    font-size: 1.2em !important;   
    }
  .font-size-3{
    font-size: 1.4em !important;   
    }
	  .font-size-4{
    font-size: 1.7em !important;   
    }
	  .font-size-5{
    font-size: 2em !important;   
    }
  .font-light{
    color:#fff;
  }

  .font-dark{
    color:#181818;
  }
  .titulo{
        font-family: 'Lato', sans-serif;
        text-transform: uppercase;
    }
	.titulo::after{
	  content: '';
	  height: 13px;
	  width: 40%;
	  background-color: #f0c930;
	  display: block;
	  margin-top: 20px;
	}
        
    .container.content{
        max-width: 100% !important;
    }



  .pad {
  padding-bottom: 0px !important;
  }       
  .boxaltura {
  height: calc( 25vh - 50px);
  }   
  .bg_grey {
    background-color: #DFDFDF;
  }
	  .bg_grey2 {
    background-color: #E7E7E7;
  }
    .boxout {
  width: 98% !important;
  }  
    .modal-backdrop {
	    z-index: auto !important;
	}
	.modal{
	    background-color: rgba(0, 0, 0, 0.4);
	}
	.morado{
	  background-color: #AC4FC6;
	}

		
		.modal-dialog {
			max-width: 55% !important;
	}
	@media (min-width: 1200px){
		.modal-dialog {
			margin: 1.75rem auto;
	    margin-top: 5%;;
	}
	}
	@media (min-width: 992px) {


	}   
		@media (max-width: 600px) {
				.modal-dialog {
					max-width: 100% !important;}
			
			.titulo-mobile{
				font-size: 1.5rem !important;
    line-height: 1.7rem !important;
				
			}

	}
  </style><style>
    .sombra{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  }
  main{
    max-width: 100% !important; 
  }
  .bg-amarillo{
    background-color: #f0c930;
  }
  .borde-amarillo{
    border-bottom: 19px solid #f0c930;
  }
  .borde-negro{
    border-bottom: 19px solid #1a1a1a;
  }
  .borde-gris{
    border-bottom: #ACACAC solid 8px;
   }
  .menu-inspiradores-item{
    font-weight: 800;
  text-transform: uppercase;
    
  }
  .menu-link:hover{
    background-color:#FFB800 !important ;
    color:#fff !important;
  }
  .w-800{
    font-weight:800 !important;
  }

  .w-600{
    font-weight:600 !important;
  }
  .w-400{
    font-weight:400 !important;
  }
  .w-300{
    font-weight: 300 !important;
    font-size: 36px;
  }
  .size-20{
    font-size:20px;
  }
  .size-24{
    font-size:24px;
  }
  .size-30{
    font-size:30px;
  }
  @media (min-width: 1200px){
  .modal-dialog {
  margin: 1.75rem auto;
  margin-top: 5% !important;
  }
  }
    @media (max-width: 750px){
  .modal-dialog {
  margin-top: 15% !important;
  }
                    .titulo2{
        font-family: 'Lato', sans-serif;
        text-transform: uppercase;
        font-size:2em;
    }
  }

  </style><style>
	.card-1{
	min-height: 330px;
    height: auto;
    background-image: url(https://www.duoc.cl/wp-content/uploads/2023/08/casacentral.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;	
	padding-bottom: 20px !important;

	}
	.card-2{
	min-height: 330px;
    height: auto;
    background-image: url(https://www.duoc.cl/wp-content/uploads/2023/08/escuelas.jpg);
    background-position: center center;
    background-size: cover;
	position: relative;
	padding-bottom: 20px !important;

	}
	.card-3{
	min-height: 330px;
    height: auto;
	background-image: url(https://www.duoc.cl/wp-content/uploads/2023/08/cultura.jpg);
    background-position: center center;
    background-size: cover;
	position: relative;
	padding-bottom: 20px !important;
	}
	.card-4{
	min-height: 330px;
    height: auto;
	background-image: url(https://www.duoc.cl/wp-content/uploads/2023/09/rrpp.jpg);
    background-position: center center;
    background-size: cover;
	position: relative;
	padding-bottom: 20px !important;
	}
	.overlay {
    position: absolute;
    background-color: rgba(0,0,0,0.72) !important;
    top: 15%;
    width: 90%;
	}
	.border-yellow{
		border-bottom:solid 10px #FFB800;
	}
	.border-red{
		border-bottom:solid 10px #D50032;
	}
	.border-green{
		border-bottom:solid 10px #C4D600;
	}
	.border-blue{
		border-bottom:solid 10px #307FE2;
	}
	.border-grey{
    border-bottom: 10px solid #A8A8A8;
	}
	.btn-small{
		margin: 0px !important;
		font-size: .59rem !important;
    padding: 0.35rem 1.5rem;
    font-weight: 400 !important;
		margin-top: 15px !important;
}
	.destacado-modal {
    display: block;
    background-color: #ffb800;
    padding: 8px;
    color: #fff;
    border-bottom: solid 5px #000;
    vertical-align: bottom;
    margin-top: 40px;
}
	
	.box-pestañas {
    background-color: #e0e0e0;
    border-radius: 10px;
    border-bottom: 5px solid #ffb800;
}

	

.pad {
  padding-bottom: 0px !important;
}		
.boxaltura {
  height: calc( 25vh - 50px);
}	
.bg_grey {
  background: #eeeeee;
}
	
	.boxout {
  width: 98% !important;

	

}
@media (min-width: 992px) {
.container-narrow {
    width: 100% !important;
    margin: 0 auto;}
}	

} 
    

