.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-757e6eda-c161-256e-2b0c-7dee75a2fe7f {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-757e6eda-c161-256e-2b0c-7dee75a2fe7f) !important;
}
.lfr-layout-structure-item-fd7a358d-b563-1984-a7c6-ccd07ce7fb7f {
padding-left:0 !important;
padding-right:0 !important;
}.lfr-layout-structure-item-db127688-a5fb-fcbb-4de3-c790b05df79e {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-db127688-a5fb-fcbb-4de3-c790b05df79e) !important;
}
.lfr-layout-structure-item-37d200aa-9ade-47a0-03b2-2b0b9af5c081 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-37d200aa-9ade-47a0-03b2-2b0b9af5c081) !important;
}
.lfr-layout-structure-item-9da26f7e-62d0-0c87-b037-e2a1348004bd {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-9da26f7e-62d0-0c87-b037-e2a1348004bd) !important;
}
.lfr-layout-structure-item-d050b9a3-3d0c-4edd-6a6d-84a0aa093bca {
padding-bottom: 88px !important;
}
.lfr-layout-structure-item-c04d2349-425b-dc53-504f-d9c64c9ed875 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-c04d2349-425b-dc53-504f-d9c64c9ed875) !important;
}
.lfr-layout-structure-item-4568b7d1-2419-c10d-e4d8-ce2f7644ff8c {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-4568b7d1-2419-c10d-e4d8-ce2f7644ff8c) !important;
}
.lfr-layout-structure-item-f10bf506-49cc-dfc7-c42b-0d08f5d066b4 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-f10bf506-49cc-dfc7-c42b-0d08f5d066b4) !important;
}
.agrupacion-tematica .card-ae {
  position: relative;
  overflow: hidden;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
  border-radius: 8px;
  transition: transform 0.3s ease;
}



.agrupacion-tematica .card-ae .header-card-ae {
  position: absolute;
  inset: 0;
  z-index:-1; 
}

.agrupacion-tematica .card-ae .header-card-ae picture,
.agrupacion-tematica .card-ae .header-card-ae img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
 padding-bottom: 0px!important;

}

.agrupacion-tematica .card-ae:hover .header-card-ae img {
  transform: scale(1.1);
}

.agrupacion-tematica .card-ae .title-card-ae {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 3; 
  font-size: 1.5rem;
  margin: 0;
  color:#fff!important;
}

.agrupacion-tematica .card-ae .header-card-ae::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0.3) 10%,
    rgba(0, 0, 0, 0.1) 20%,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 0.1) 80%,
    rgba(0, 0, 0, 0.3) 90%,
    rgba(0, 0, 0, 0.4) 100%
  );
  z-index: 2; 
  transition: background 0.4s ease;
}

.agrupacion-tematica .card-ae:hover .header-card-ae::before {
  background: rgba(0, 0, 0, 0.6); 
}

.agrupacion-tematica .card-ae .footer-card-ae {
  position: relative;
  z-index: 2;
  padding: 1rem;
  text-align: left;
  margin-top: auto;
  left: 0 !important;
  padding: 0;
}

.agrupacion-tematica .fragment-card-ae .container-card {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.agrupacion-tematica    .fragment-card-ae .col-lg-4 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 100%);
}

@media (min-width: 992px) {
.agrupacion-tematica    .fragment-card-ae .col-lg-4 {
        flex: 0 0 calc(4 / 12 * 100% - 0px);
        max-width: calc(4 / 12 * 100% - 0px);
}
}

.agrupacion-tematica .fragment-card-ae .container-card {
       gap: 0px;
     }
.agrupacion-tematica .btnae--.btnae--primary {
    background-color: transparent;
    border-color: transparent;
    color: var(--btn-primary-color, #fff);
    transition-duration: .4s;
    position: relative;
    text-align: left;
    padding: 0;
    font-size: 18px;
}
@media (max-width: 769px) {
   
    .agrupacion-tematica .col.col-md-9 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%);
    }

     .agrupacion-tematica .col.col-md-3 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%);
    }

    .agrupacion-tematica .card-ae {
       height: 200px;
    }
    .agrupacion-tematica .fragment-card-ae .footer-card-ae {
       bottom: 0px;
   }
}

@media (min-width: 769px) and (max-width: 992px) {
    
    .agrupacion-tematica .col.col-md-9 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%);
    }

     .agrupacion-tematica .col.col-md-3 {
        flex: 0 0 calc(12 / 12 * 100%);
        max-width: calc(12 / 12 * 100%);
    }
}
.lfr-layout-structure-item-efa57845-efdd-c817-f469-991256fcdb06 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-efa57845-efdd-c817-f469-991256fcdb06) !important;
}
.lfr-layout-structure-item-d6f919aa-b885-6917-ad31-90015475cb0d {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-d6f919aa-b885-6917-ad31-90015475cb0d) !important;
}
.lfr-layout-structure-item-d6f919aa-b885-6917-ad31-90015475cb0d {

}
.mosaico {
  display: flex;
  flex-wrap: wrap;
  background:#002f59;
}

.mosaico .align-items-lg-start{
    width: 100%;

}

.mosaico .col-lg-3 {
 flex: 0 0 calc((100vw - 17px) / 5);
  max-width: calc((100vw - 17px) / 5);
  margin: 0;
  padding: 0;
}

.mosaico .col-lg-2 {
 flex: 0 0 calc((100vw - 17px) / 5);
  max-width: calc((100vw - 17px) / 5);
  margin: 0;
  padding: 0;
}

.mosaico .col-lg-10 {
  flex: 1;
  max-width: calc(100vw - ((100vw - 17px) / 5));
}

@media (max-width: 1024px) {
.mosaico .col-lg-3 {
    flex: auto;
   max-width: 100%
  }
  .mosaico .col-lg-2 {
    flex: auto;
   max-width: 100%
  }
  .mosaico .col-lg-10 {
    max-width: 100%;
}
.btn-mosaico {
    min-height: auto;
}
}

.btn-mosaico {
 min-height: 160px;
width: auto;
display:flex;
    overflow: hidden;
    max-height: 160px;
}
.btn-mosaico p{
 padding: 20px 0 0 20px;
 color:#FFF;
    position: relative;
font-size: 16px;
}
.btn-mosaico .btn-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #002f59;
    opacity: 0.8;
    transition: opacity 0.5s ease;
}
.btn-mosaico:hover{
text-decoration:none;
}
.btn-mosaico:hover  .btn-overlay {
    width: 100%;
    height: 100%;
    opacity: .8;
   background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,47,89,1) 25%, rgba(255,255,255,1) 100%);
    transition: opacity 0.5s ease;
}

@media (max-width: 1024px) {
.btn-mosaico {
 min-height: auto;
}
}
.lfr-layout-structure-item-708ec3c4-4de5-d1d8-7551-a18972347a2e {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-708ec3c4-4de5-d1d8-7551-a18972347a2e) !important;
}
.lfr-layout-structure-item-e51b03c8-336a-8a31-0deb-487c1ee76ba9 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-e51b03c8-336a-8a31-0deb-487c1ee76ba9) !important;
}