.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-01dc8cf9-105b-89e7-0f4d-4637c4a1565a {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-01dc8cf9-105b-89e7-0f4d-4637c4a1565a) !important;
}
.lfr-layout-structure-item-53557a88-acde-3819-9c1b-64d23b0770dc {

}

.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 .fragment-card-ae .container-card {
   
    justify-content: flex-start;

}
.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%);
}

.agrupacion-tematica .fragment-card-ae .col-lg-6 {
       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 .col-lg-6 {
        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-b3fd1ede-238d-94f8-8775-c91ea9968164 {

}

.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-a094ffd2-ea8f-6899-af73-94a22adfde63 {
padding-bottom: 88px !important;
}
.lfr-layout-structure-item-45658707-d602-cf57-df36-ef28701b9986 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-45658707-d602-cf57-df36-ef28701b9986) !important;
}
.lfr-layout-structure-item-bdc5953f-96d2-c369-e6b4-74378c47b0f3 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-bdc5953f-96d2-c369-e6b4-74378c47b0f3) !important;
}
.lfr-layout-structure-item-2bd5534b-6e01-e41c-ba34-e1e07a0bf9ea {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-2bd5534b-6e01-e41c-ba34-e1e07a0bf9ea) !important;
}
.lfr-layout-structure-item-13edc08b-2482-7699-9adc-0506300d9af3 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-13edc08b-2482-7699-9adc-0506300d9af3) !important;
}
.lfr-layout-structure-item-107b5ad4-4c6a-c8d5-2125-64f44dcd3015 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-107b5ad4-4c6a-c8d5-2125-64f44dcd3015) !important;
}
.lfr-layout-structure-item-3e75f8f3-6e6b-2c15-715c-5320a85cb136 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-3e75f8f3-6e6b-2c15-715c-5320a85cb136) !important;
}
.lfr-layout-structure-item-c5e42054-c77c-beec-3e76-fc6f5ff5e075 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-c5e42054-c77c-beec-3e76-fc6f5ff5e075) !important;
}
.lfr-layout-structure-item-b0c43651-e8d1-e5fc-762c-5d9cb418b512 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-b0c43651-e8d1-e5fc-762c-5d9cb418b512) !important;
}
.lfr-layout-structure-item-1f328d3d-f285-088e-a7df-2c1cb746e8fd {

}

.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-37cfb286-9bcd-e08d-ed1b-45888eacb771 {
background-position: 50% 50%; background-repeat:no-repeat; background-size: cover; background-image: var(--lfr-background-image-37cfb286-9bcd-e08d-ed1b-45888eacb771) !important;
}