* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

:root {
  --rojo-habitat: #CA082C;
  --azul-habitat: #001F56;
  --azul-inversionistas:#0085B2;
  --celeste-habitat: #6BA3B7;
  --color-texto: #484D45;
  --fondo-a:#B52A29;
  --fondo-b: #EB6915;
  --fondo-c: #5CAE3B;
  --fondo-d: #2E8ECD;
  --fondo-e: #2660AA;
  /*bg y textos*/
  --gris-claro: #CFCFCF;
  --gris-muy-claro:#F9F8F6;
  --blanco: #FFFFFF;
  --negro: #000000;
}

#multifondos-home-2025 {
  padding: 20px 0; /*Quitar en Dev*/
  max-width: 1200px; /*Quitar en Dev*/
  margin: 0 auto; /*Quitar en Dev*/
}
#multifondos-home-2025 h2 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 32px;
  font-family: "Roboto Slab", "roboto_slabregular", serif;
  font-weight: 400;
}
#multifondos-home-2025 p.bajada-bloque {
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
#multifondos-home-2025 .multifondos-home__tarjetas {
  margin: 10px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo__esfera {
  width: 87px;
  aspect-ratio: 1;
  background-color: var(--color-texto);
  color: var(--blanco);
  font-size: 36px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transform: translateY(40px);
  position: relative;
  z-index: 1;
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo__cuerpo {
  width: 100%;
  height: 150px;
  overflow: hidden;
  color: var(--blanco);
  background-color: var(--color-texto);
  position: relative;
  box-shadow: 0px 4px 9.6px rgba(0, 0, 0, 0.25);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo__cuerpo .cuerpo-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 40%;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo__cuerpo .cuerpo-info p {
  font-family: "Roboto Slab", "roboto_slabregular", serif;
  font-size: 20px;
  margin-bottom: 43px;
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos {
  background-color: transparent;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid var(--blanco);
  cursor: pointer;
  font-weight: 500;
  opacity: 0;
  display: none;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: var(--blanco);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos:hover {
  background-color: var(--blanco);
  color: var(--color-texto);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-a .tarjeta-fondo__esfera {
  background-color: var(--fondo-a);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-a .tarjeta-fondo__cuerpo {
  background-color: var(--fondo-a);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-a .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos:hover {
  color: var(--fondo-a);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-b .tarjeta-fondo__esfera {
  background-color: var(--fondo-b);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-b .tarjeta-fondo__cuerpo {
  background-color: var(--fondo-b);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-b .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos:hover {
  color: var(--fondo-b);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-c .tarjeta-fondo__esfera {
  background-color: var(--fondo-c);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-c .tarjeta-fondo__cuerpo {
  background-color: var(--fondo-c);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-c .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos:hover {
  color: var(--fondo-c);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-d .tarjeta-fondo__esfera {
  background-color: var(--fondo-d);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-d .tarjeta-fondo__cuerpo {
  background-color: var(--fondo-d);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-d .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos:hover {
  color: var(--fondo-d);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-e .tarjeta-fondo__esfera {
  background-color: var(--fondo-e);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-e .tarjeta-fondo__cuerpo {
  background-color: var(--fondo-e);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.fondo-e .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos:hover {
  color: var(--fondo-e);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo:hover .tarjeta-fondo__cuerpo .cuerpo-info, #multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.active .tarjeta-fondo__cuerpo .cuerpo-info {
  transform: translateY(-25%);
}
#multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo:hover .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos, #multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo.active .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos {
  display: block;
  opacity: 1;
}

@media (max-width: 1200px) {
  /*Quitar en Dev*/
  .container {
    width: 95%;
    margin: 0 auto;
  }
  /*Quitar en Dev*/
  #multifondos-home-2025 .multifondos-home__tarjetas {
    gap: 20px;
  }
}
@media (max-width: 1000px) {
  #multifondos-home-2025 .multifondos-home__tarjetas {
    flex-wrap: wrap;
    justify-content: center;
  }
  #multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo {
    width: 45%;
  }
}
@media (max-width: 550px) {
  #multifondos-home-2025 .multifondos-home__tarjetas {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
  }
  #multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo {
    width: 100%;
  }
  #multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo__cuerpo .cuerpo-info p {
    margin-bottom: 18px;
  }
  #multifondos-home-2025 .multifondos-home__tarjetas .tarjeta-fondo__cuerpo .cuerpo-info .btn-fondos {
    display: block;
    width: 90%;
    text-align: center;
  }
}

/*# sourceMappingURL=bloque-multifondos-home.css.map */