@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');*/

:root{
  
--azul-titulo-noticias:#0648f2;
--azul-h5:#1954a2;
--azul-ifop:#1954a2;
--azul-footer:#1954a2;
--fondo-verde: #6ea68b;
--fondo-naranja: #de5b15;
--fondo-verde-oscuro: #3f99a2;
--fondo-verde-claro: #7dbabd;
--fondo-cyan: #6ecaf3;
--fondo-celeste: #e7f5fd;
--fondo-azul: #3c90ce;
--fondo-azul-oscuro: #3c77bb;
--verde-agua: #1fa0b2;
--otro-verde: #9bb787;
--separa-indicador-boletin: #1ab2e6;
--verde-folleto: #257d8d;
}


h1, h2, h3, h4, h5, h6{
  color: var(--azul-ifop);
}
.w-10 {
    width: 10% !important
}
.w-20 {
    width: 20% !important
}
.w-30 {
    width: 30% !important
}

.content{
  text-align: justify;
}



.nomcientifico{
 /* background-color: #fcfcfc;*/
  padding-left: 4px;
  padding-right: 4px;
}

.fondo-naranja{
  background-color: var(--fondo-naranja);
  color: white;
}

#main {
   margin-top: 0rem;
}

a {
  color: var(--azul-footer);
  text-decoration: none;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: var(--azul-footer) !important;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: Roboto, sans-serif;
}

th,td{
  /*font-size: 14px;*/
}

.logo {
    height: 90px;
  }

footer, .bloquefooter, .bg-ifop{
    background-color: var(--azul-footer) !important;
    color: white !important;
}

.bg-verde-folleto{
  background-color: var(--verde-folleto) !important;
  color: white !important;
}



.separador_indicadores{
    border-bottom: 1px solid var(--separa-indicador-boletin);
}

h1, .azul, .bloque-derecho-sup > h5.card-title, .azulIfop{
    color: var(--azul-ifop);
}

.noticias h5.card-title{
  color: var(--azul-titulo-noticias);
}



.noticias .card{
    background-color: #f6f6f6;
}


/* menu */


.menusup{
  background-color: var(--azul-footer);
  color: white;
  border-bottom: 4px solid var(--verde-folleto);
}
/*#menuPrincipalIfop{
  background-color: none;
  border-bottom: 4px solid #b7e2fa;
}*/
.navbar ,.navbar-toggler {
  padding-bottom: 0px;
}
#menuPrincipalIfop > ul > li> a{
  font-size: 18px;
  font-weight: normal;
  color:  white; /*var(--azul-h5);*/
  margin-right: 5px;
  padding: 8px;
}

.dropdown-item.active,.dropdown-item:active{
  /*background-color: #d1ecfc;
  color: var(--azul-ifop);*/
  background-color: var(--verde-folleto);
  color: white; 
}

@media (max-width: 1660px) {
  #menuPrincipalIfop > ul > li > a {
    font-size: 14px;
  }
}

.qtranxs_widget > ul > li> a{

  color:  white; /*var(--azul-h5);*/

}


#menuPrincipalIfop > ul > li> a.active{  
  background-color: var(--verde-folleto);
  color: white; 
}


/* menu */

/* portada */
#noticias>.addtoany_share_save_container {
  display: none;
}
/* portada */

/* Footer */

.footerifop{
	padding: 10px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	display: inline-block;
	
	border-right: 30px solid transparent;
	border-bottom: 50px solid var(--azul-footer); 
	
	height: 0;
	line-height: 50px;
 
}

.image-container {position: relative;}
.image-container img{
   position: absolute;
   animation-name: multiple-image-crossfade;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   animation-duration: 12s;
}
.image-container img:nth-of-type(1) {
   animation-delay: 9s;
}
.image-container img:nth-of-type(2) {
   animation-delay: 6s;
}
.image-container img:nth-of-type(3) {
   animation-delay: 3s;
}
.image-container img:nth-of-type(4) {
   animation-delay: 0s;
}
@keyframes multiple-image-crossfade {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/* footer */

/*mini sitios*/
.caja-verde{
  background-color: var(--fondo-verde);
  border-color: var(--fondo-verde) !important;
}

.caja-verde-claro{
  background-color: var(--fondo-verde-claro);
  border-color: var(--fondo-verde-claro) !important;
}

.caja-verde-oscuro{
  background-color: var(--fondo-verde-oscuro);
  border-color: var(--fondo-verde-oscuro) !important;
}

.caja-blanca{
 color: var(--azul-letras);
}

.caja-cyan{
  background-color: var(--fondo-cyan);
  border-color: var(--fondo-cyan) !important;
}

.caja-azul{
  background-color: var(--fondo-azul);
  border-color: var(--fondo-azul) !important;
}
.caja-azul-oscuro{
  background-color: var(--fondo-azul-oscuro);
  border-color: var(--fondo-azul-oscuro) !important;
}
.caja-verde-agua{
  background-color: var(--verde-agua);
  border-color: var(--verde-agua) !important;
}
.caja-otro-verde{
  background-color: var(--otro-verde);
  border-color: var(--otro-verde) !important;
}
/*mini sitios*/



.pic{
  overflow: hidden;
  border-radius: var(--bs-card-border-radius);
  -webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.grow img {
  transition: all .4s ease;
  border-radius: var(--bs-card-border-radius);
}

/*.grow:hover img {
  -webkit-transform: scale(1.10) rotate(0deg)!important;
  -moz-transform: scale(1.10) rotate(0deg)!important -ms-transform:scale(1.10) rotate(0deg)!important
}*/

.grow:hover img {
  transform: scale(1.10) rotate(0deg) !important;
}

.convenio-alianza {
  background: linear-gradient(rgba(19, 85, 161, 0.6), rgba(19, 85, 161, 0.6)), url(https://www.ifop.cl/wp-content/themes/tema_mmasesorias/img/footer.jpg) !important;
  /*outline: 1px solid white;
  outline-offset: -6px;*/
}

.botonPortada {
  position: relative;
  margin: auto;
  padding: 7px 18px;
  transition: all 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
}

.botonPortada:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50px;
  background: var(--fondo-azul);
  width: 45px;
  height: 45px;
  transition: all 0.3s ease;
}

.botonPortada span {
  position: relative;
  
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: white;
}

.botonPortada svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: white;
  stroke-width: 2;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}

.botonPortada:hover:before {
  width: 100%;
  background: var(--fondo-azul-oscuro);
  
}



.botonPortada:hover svg {
  transform: translateX(0);
}

.botonPortada:active {
  transform: scale(0.95);
}

.justificado{
  text-align:justify !important;
  text-justify: inter-word;
}


.card-d{
  background: rgb(184,229,247);
  background: linear-gradient(176deg, rgba(184,229,247,1) 0%, rgba(207,238,251,1) 20%, rgba(248,249,250,1) 100%);
}

.card-di{
  background: rgb(241,250,254);
  background: linear-gradient(176deg, rgba(241,250,254,1) 0%, rgba(226,243,252,1) 20%, rgba(184, 229, 247,1) 100%);
}