.elementor-7825 .elementor-element.elementor-element-ec2ad0e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-7825 .elementor-element.elementor-element-ec2ad0e:not(.elementor-motion-effects-element-type-background), .elementor-7825 .elementor-element.elementor-element-ec2ad0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fundaciontiempo.org.ar/wp-content/uploads/2024/08/foto-freud-e1522868603978.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7825 .elementor-element.elementor-element-2c0d2c5 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:50px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:3px 2px 6px rgba(0, 0, 0, 0.44);color:#FFFFFF;}.elementor-7825 .elementor-element.elementor-element-34ca907{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7825 .elementor-element.elementor-element-bf90aba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7825 .elementor-element.elementor-element-526b156{text-align:center;}.elementor-7825 .elementor-element.elementor-element-526b156 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:32px;font-weight:700;color:#444444;}.elementor-7825 .elementor-element.elementor-element-6e43230{text-align:center;}.elementor-7825 .elementor-element.elementor-element-6e43230 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:18px;font-weight:400;color:#444444;}.elementor-7825 .elementor-element.elementor-element-64012b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7825 .elementor-element.elementor-element-a3857d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7825 .elementor-element.elementor-element-722c9d0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7825 .elementor-element.elementor-element-5983dfd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-e0fc1e9 *//* Contenedor de la fila */
.vc_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; /* Ajusta el espacio entre columnas */
}

/* Estilo para cada columna */
.vc_col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box; /* Incluye el padding y el borde en el ancho total de la columna */
  padding: 0 15px; /* Espaciado interno */
}

/* Estilo para el widget de banner */
.banner-widget {
  margin-bottom: 30px;
}

.limit-height .banner-item {
  height: 180px;
}

/* Estilo para la imagen de fondo */
.banner-item {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Estilo para el texto dentro de la imagen de fondo */
.banner-item .title {
  font-size: 16px;
  color: #fff;
  margin: 0;
  padding: 12px 10px 15px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(90, 60, 110, 0.6);
  transition: background 0.3s; /* Suaviza la transición del fondo */
}

.banner-item .title:hover {
  background: rgba(90, 60, 110, 0.8); /* Fondo más oscuro al pasar el mouse */
}

.banner-item .title a {
  color: #fff;
  text-decoration: none;
}

/* Ajustes de responsividad */
@media (max-width: 768px) {
  .vc_col-sm-3 {
    flex: 0 0 50%; /* Las columnas ocuparán el 50% del ancho en pantallas medianas */
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .vc_col-sm-3 {
    flex: 0 0 100%; /* Las columnas ocuparán el 100% del ancho en pantallas pequeñas */
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1166803 *//* Contenedor de la fila */
.vc_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; /* Ajusta el espacio entre columnas */
}

/* Estilo para cada columna */
.vc_col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box; /* Incluye el padding y el borde en el ancho total de la columna */
  padding: 0 15px; /* Espaciado interno */
}

/* Estilo para el widget de banner */
.banner-widget {
  margin-bottom: 30px;
}

.limit-height .banner-item {
  height: 180px;
}

/* Estilo para la imagen de fondo */
.banner-item {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Estilo para el texto dentro de la imagen de fondo */
.banner-item .title {
  font-size: 16px;
  color: #fff;
  margin: 0;
  padding: 12px 10px 15px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(90, 60, 110, 0.6);
  transition: background 0.3s; /* Suaviza la transición del fondo */
}

.banner-item .title:hover {
  background: rgba(90, 60, 110, 0.8); /* Fondo más oscuro al pasar el mouse */
}

.banner-item .title a {
  color: #fff;
  text-decoration: none;
}

/* Ajustes de responsividad */
@media (max-width: 768px) {
  .vc_col-sm-3 {
    flex: 0 0 50%; /* Las columnas ocuparán el 50% del ancho en pantallas medianas */
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .vc_col-sm-3 {
    flex: 0 0 100%; /* Las columnas ocuparán el 100% del ancho en pantallas pequeñas */
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e65dcc7 *//* Contenedor de la fila */
.vc_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; /* Ajusta el espacio entre columnas */
}

/* Estilo para cada columna */
.vc_col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box; /* Incluye el padding y el borde en el ancho total de la columna */
  padding: 0 15px; /* Espaciado interno */
}

/* Estilo para el widget de banner */
.banner-widget {
  margin-bottom: 30px;
}

.limit-height .banner-item {
  height: 180px;
}

/* Estilo para la imagen de fondo */
.banner-item {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Estilo para el texto dentro de la imagen de fondo */
.banner-item .title {
  font-size: 16px;
  color: #fff;
  margin: 0;
  padding: 12px 10px 15px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(90, 60, 110, 0.6);
  transition: background 0.3s; /* Suaviza la transición del fondo */
}

.banner-item .title:hover {
  background: rgba(90, 60, 110, 0.8); /* Fondo más oscuro al pasar el mouse */
}

.banner-item .title a {
  color: #fff;
  text-decoration: none;
}

/* Ajustes de responsividad */
@media (max-width: 768px) {
  .vc_col-sm-3 {
    flex: 0 0 50%; /* Las columnas ocuparán el 50% del ancho en pantallas medianas */
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .vc_col-sm-3 {
    flex: 0 0 100%; /* Las columnas ocuparán el 100% del ancho en pantallas pequeñas */
    max-width: 100%;
  }
}/* End custom CSS */