.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-3243941f-7989-0e5a-b688-d1090711e148 {
background-color: #EEF6FD !important;
}
.lfr-layout-structure-item-05eb696c-c866-6979-1206-057fec344e6e {
text-align: center !important;
}
.lfr-layout-structure-item-05eb696c-c866-6979-1206-057fec344e6e p {
color:#A8A8A8;
}.lfr-layout-structure-item-d623df59-0328-9d8b-3d0e-85f98003679c p {
color:#A8A8A8;

}.lfr-layout-structure-item-71f13844-85aa-18f5-1aed-7e061145a26b {
padding-bottom: 30px !important;
padding-left: var(--spacer-5,3rem) !important;
padding-right: var(--spacer-5,3rem) !important;
padding-top: 30px !important;
text-align: center !important;
color: #A8A8A8 !important;
}
lfr-layout-structure-item-71f13844-85aa-18f5-1aed-7e061145a26b p {
color:#A8A8A8;
padding-inline:2rem;
}.lfr-layout-structure-item-8d727d18-c32d-a18e-f16e-ce871bcd3fec {
padding-bottom: 30px !important;
}
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c {
border-radius: 21px !important;
padding-bottom: 30px !important;
padding-top: 30px !important;
}
/* 1. Estilos de la imagen (Corregido para que NO se corte) */
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c img {
    border-radius: 30px;
    width: 100% !important; /* Que ocupe todo el ancho de su contenedor */
    height: auto !important; /* Altura automática para mantener la proporción sin recortar */
}

/* 2. Ocultar flechas laterales */
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-control-prev,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-control-next,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-control-prev-icon,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-control-next-icon {
    display: none !important;
}

/* 3. Ocultar botones de play/pausa y líneas conectoras de Liferay */
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-toggle-button,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-play,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-pause,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-indicators::before,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-indicators::after,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-navigation::before,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-navigation::after {
    display: none !important;
    content: none !important;
}

/* 4. Posicionar el contenedor de navegación (Los puntos) debajo de la imagen */
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .component-slider .carousel-navigation,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .component-slider .carousel-footer,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-indicators {
    bottom: -35px !important; 
    margin-bottom: 0 !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important; 
    justify-content: center !important; 
    display: flex !important;
    padding: 0 !important;
}

/* 5. Ajustar el botón contenedor (Elimina la forma de "raya") */
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-navigation button,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-item-button,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-indicators button {
    background-color: #A8A8A8 !important; /* Gris por defecto */
    border: none !important; 
    outline: none !important; 
    box-shadow: none !important; 
    width: 12px !important;      
    height: 12px !important;     
    border-radius: 50% !important; /* Lo fuerza a círculo perfecto */
    margin: 0 6px !important; 
    cursor: pointer !important;
    padding: 0 !important; 
    text-indent: -9999px !important; /* Esconde cualquier número interno */
    opacity: 1 !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.3s ease !important;
}

/* 6. En el fragmento estricto, vaciar el fondo del contenedor y aplicarlo al elemento interno: */
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-item-button:has(.carousel-item-button-icon) {
    background: transparent !important; 
}

/* Darle forma de círculo al elemento SPAN propio de Liferay */
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-item-button-icon {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important; 
    background-color: #A8A8A8 !important; /* Gris por defecto */
    display: block !important;
    transition: background-color 0.3s ease !important;
    margin: 0 !important;
}

/* 7. ESTADO ACTIVO: Círculo color oscuro (#211261) */
/* Caso A: El botón directo */
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-navigation button.active,
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-indicators button.active {
    background-color: #211261 !important; 
}
/* Caso B: El span interno de Liferay */
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c .carousel-item-button.active .carousel-item-button-icon {
    background-color: #211261 !important; 
}.lfr-layout-structure-item-abf8c010-39a7-e7d3-ab7b-81f6a19c0d64 {

}
@media(width>1200px){
.lfr-layout-structure-item-abf8c010-39a7-e7d3-ab7b-81f6a19c0d64 .main-banner-content-video h1{
      font-size: 75px;
}
}
@media(width<668px){
   .lfr-layout-structure-item-abf8c010-39a7-e7d3-ab7b-81f6a19c0d64 .main-banner-content-video video {
        min-height: 500px;
    }}
   .lfr-layout-structure-item-abf8c010-39a7-e7d3-ab7b-81f6a19c0d64 
 .main-banner-content-video video {
    max-height: 500px;
}.lfr-layout-structure-item-f6a8dd83-7d23-ce5f-2068-c7e101b4ea89 .portlet-content, .portlet-decorate{
background:#EEF6FD;
}
.lfr-layout-structure-item-f6a8dd83-7d23-ce5f-2068-c7e101b4ea89 .breadcrumb {
background:#EEF6FD;
}
.lfr-layout-structure-item-f6a8dd83-7d23-ce5f-2068-c7e101b4ea89 .breadcrumb {
max-height:20px;
}
.lfr-layout-structure-item-f6a8dd83-7d23-ce5f-2068-c7e101b4ea89 
 .breadcrumb-item+.breadcrumb-item::before {
      content: "";
}
.lfr-layout-structure-item-f6a8dd83-7d23-ce5f-2068-c7e101b4ea89 
 .breadcrumb-item+.breadcrumb-item {
    padding-left: 1rem;
}
.lfr-layout-structure-item-f6a8dd83-7d23-ce5f-2068-c7e101b4ea89
.breadcrumb-item .breadcrumb-link{
color:#211261;
}
.lfr-layout-structure-item-f6a8dd83-7d23-ce5f-2068-c7e101b4ea89
.breadcrumb-item .active{
color:#211261;
font-weight:bold;
}
#portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_jbzk{
max-height:40px;
}
#portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_jbzk .breadcrumb{
position:absolute;
top:0;
font-size:16px;
}
.lfr-layout-structure-item-f6a8dd83-7d23-ce5f-2068-c7e101b4ea89  .portlet-title-text {
display:none;}.lfr-layout-structure-item-b04444a6-7222-94e4-36ba-bbc773f3887c {
background-color: #EEF6FD !important;
font-family: Arimo, sans-serif !important;
padding-bottom: var(--spacer-4,1.5rem) !important;
padding-left: var(--spacer-4,1.5rem) !important;
padding-right: var(--spacer-4,1.5rem) !important;
padding-top: 40px !important;
}
@media screen and (max-width: 575px) {.lfr-layout-structure-item-05eb696c-c866-6979-1206-057fec344e6e {
font-size: 17px !important;
padding-bottom: var(--spacer-0,0rem) !important;
}
.lfr-layout-structure-item-d623df59-0328-9d8b-3d0e-85f98003679c {
font-size: 17px !important;
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-2,0.5rem) !important;
color: #A8A8A8 !important;
}
.lfr-layout-structure-item-71f13844-85aa-18f5-1aed-7e061145a26b {
font-size: 17px !important;
padding-bottom: 30px !important;
padding-left: var(--spacer-2,0.5rem) !important;
padding-right: var(--spacer-2,0.5rem) !important;
padding-top: 30px !important;
text-align: center !important;
color: var(--black) !important;
}
.lfr-layout-structure-item-71f13844-85aa-18f5-1aed-7e061145a26b p {
color:#A8A8A8;
}.lfr-layout-structure-item-8d727d18-c32d-a18e-f16e-ce871bcd3fec {
padding-bottom: 20px !important;
}
.lfr-layout-structure-item-61b27a76-8b7f-74e3-1a44-8563235bd874 {
margin-top: var(--spacer-0,0rem) !important;
padding-top: var(--spacer-4,1.5rem) !important;
}
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c {
padding-bottom: 50px !important;
}
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c img {
border-radius:30px;
max-height:400px;
object-fit:cover;
}
.carousel-control-prev-icon,.carousel-control-next-icon{display:none!important;
}
.component-slider .carousel-navigation {
    bottom: -50px!important;}
.carousel-navigation button {
       background-color: #A8A8A8!important; 
    border: none; 
    outline: none; 
    width: 8px!important; 
    height: 8px!important; 
    border-radius: 50%; 
    margin: 0 5px; 
    cursor: pointer; 
}

.carousel-navigation button.active,
.carousel-navigation button:hover {
    background-color: #211261!important; 
}

.carousel-navigation button {
    transition: background-color 0.3s ease; 
}
@media(width<668px){
.lfr-layout-structure-item-1acdbae1-2b27-598a-6a6e-58deb3ee317c img{
min-height:210px
}
}.lfr-layout-structure-item-b04444a6-7222-94e4-36ba-bbc773f3887c {
padding-bottom: 30px !important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 40px !important;
}
}