.elementor-2728 .elementor-element.elementor-element-311c7105{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF36;--border-color:#FFFFFF36;--padding-top:4px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-2728 .elementor-element.elementor-element-311c7105:not(.elementor-motion-effects-element-type-background), .elementor-2728 .elementor-element.elementor-element-311c7105 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00000000 0%, #00000000 100%);}.elementor-2728 .elementor-element.elementor-element-311c7105::before, .elementor-2728 .elementor-element.elementor-element-311c7105 > .elementor-background-video-container::before, .elementor-2728 .elementor-element.elementor-element-311c7105 > .e-con-inner > .elementor-background-video-container::before, .elementor-2728 .elementor-element.elementor-element-311c7105 > .elementor-background-slideshow::before, .elementor-2728 .elementor-element.elementor-element-311c7105 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2728 .elementor-element.elementor-element-311c7105 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.she-header-transparent-yes{position:absolute;}.elementor-2728 .elementor-element.elementor-element-27d24ef5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2728 .elementor-element.elementor-element-1cdcc2d{text-align:start;}.elementor-2728 .elementor-element.elementor-element-1cdcc2d img{width:260px;}.elementor-2728 .elementor-element.elementor-element-75b252c5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2728 .elementor-element.elementor-element-6aeafaa9 .elementor-button{background-color:#FFFFFF;font-family:"Inria Serif", Sans-serif;font-size:17px;font-weight:300;fill:#000000;color:#000000;transition-duration:0.6s;border-radius:50px 50px 50px 50px;padding:11px 15px 12px 15px;}.elementor-2728 .elementor-element.elementor-element-6aeafaa9 .elementor-button:hover, .elementor-2728 .elementor-element.elementor-element-6aeafaa9 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-2728 .elementor-element.elementor-element-6aeafaa9.elementor-element{--align-self:center;}.elementor-2728 .elementor-element.elementor-element-6aeafaa9{--e-transform-transition-duration:800ms;}.elementor-2728 .elementor-element.elementor-element-6aeafaa9 .elementor-button:hover svg, .elementor-2728 .elementor-element.elementor-element-6aeafaa9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-2728 .elementor-element.elementor-element-48174747{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF2E;--border-color:#FFFFFF2E;--padding-top:2%;--padding-bottom:2%;--padding-left:6%;--padding-right:6%;}.elementor-2728 .elementor-element.elementor-element-48174747:not(.elementor-motion-effects-element-type-background), .elementor-2728 .elementor-element.elementor-element-48174747 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2728 .elementor-element.elementor-element-5860d570{--display:flex;}.elementor-2728 .elementor-element.elementor-element-56a7051d{--display:flex;}.elementor-2728 .elementor-element.elementor-element-14693dc3{--display:flex;}.elementor-2728 .elementor-element.elementor-element-e97eafc{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:35px;width:var( --container-widget-width, 507px );max-width:507px;--container-widget-width:507px;--container-widget-flex-grow:0;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:23px;--n-menu-title-font-size:17px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:500ms;--n-menu-title-padding:0px 0px 0px 0px;--n-menu-icon-size:16px;--n-menu-icon-color:#FFFFFF;--n-menu-dropdown-indicator-size:10px;--n-menu-dropdown-indicator-space:0px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#FFFFFF;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:#FFFFFF;--n-menu-title-active-color-dropdown:#000000;--n-menu-dropdown-content-box-border-style:none;}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:var( --e-global-color-text );}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:#FFFFFF;}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Inria Serif", Sans-serif;font-weight:200;letter-spacing:-0.4px;}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF00;}.elementor-2728 .elementor-element.elementor-element-e97eafc {--n-menu-title-color-hover:#FFFFFF;--n-menu-title-color-active:#FFFFFF;}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF4D;}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF4D;}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, 
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:var( --e-global-color-text );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:hover,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:focus,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:hover,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.wpml-ls-link__active,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.highlighted,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:focus{color:var( --e-global-color-accent );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-statics-post_translations{color:var( --e-global-color-text );}.elementor-2728 .elementor-element.elementor-element-e210ef2{width:var( --container-widget-width, 19% );max-width:19%;--container-widget-width:19%;--container-widget-flex-grow:0;}.elementor-2728 .elementor-element.elementor-element-e210ef2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item{font-family:"Inria Serif", Sans-serif;font-size:14px;font-weight:300;}.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, 
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:#FFFFFF;}.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item:hover,
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item.wpml-ls-item__active,
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item.highlighted,
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item:focus{font-weight:800;}.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-legacy-dropdown a:hover,
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-legacy-dropdown a:focus,
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:hover,
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.wpml-ls-link__active,
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.highlighted,
					.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:focus{color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2728 .elementor-element.elementor-element-27d24ef5{--width:30%;}.elementor-2728 .elementor-element.elementor-element-48174747{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2728 .elementor-element.elementor-element-48174747{--width:100%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-2728 .elementor-element.elementor-element-75b252c5{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2728 .elementor-element.elementor-element-6aeafaa9 .elementor-button{padding:09px 20px 9px 19px;}.elementor-2728 .elementor-element.elementor-element-48174747{--padding-top:0%;--padding-bottom:0%;--padding-left:04%;--padding-right:4%;}.elementor-2728 .elementor-element.elementor-element-e97eafc{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:36px;--container-widget-flex-grow:0;width:var( --container-widget-width, 36px );max-width:36px;--n-menu-title-space-between:0px;--n-menu-title-padding:15px 15px 15px 15px;--n-menu-dropdown-indicator-size:10px;--n-menu-toggle-icon-size:19px;--n-menu-toggle-icon-border-radius:0px 0px 0px 0px;--n-menu-toggle-icon-padding:0px 0px 0px 0px;--n-menu-toggle-icon-distance-from-dropdown:38px;}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-width:0px 0px 1px 0px;}}@media(max-width:767px){.elementor-2728 .elementor-element.elementor-element-311c7105{--width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:04px;--padding-bottom:04px;--padding-left:10px;--padding-right:010px;}.elementor-2728 .elementor-element.elementor-element-27d24ef5{--width:31%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-2728 .elementor-element.elementor-element-1cdcc2d img{width:296px;}.elementor-2728 .elementor-element.elementor-element-75b252c5{--width:69%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:14px;}.elementor-2728 .elementor-element.elementor-element-6aeafaa9{width:var( --container-widget-width, 140px );max-width:140px;--container-widget-width:140px;--container-widget-flex-grow:0;}.elementor-2728 .elementor-element.elementor-element-6aeafaa9.elementor-element{--align-self:flex-start;}.elementor-2728 .elementor-element.elementor-element-6aeafaa9 .elementor-button{font-size:14px;border-radius:9px 9px 9px 9px;padding:4px 9px 6px 6px;}.elementor-2728 .elementor-element.elementor-element-48174747{--padding-top:3%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2728 .elementor-element.elementor-element-e97eafc{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;padding:0px 0px 0px 5px;--container-widget-width:20px;--container-widget-flex-grow:0;width:var( --container-widget-width, 20px );max-width:20px;--n-menu-title-padding:20px 20px 20px 20px;--n-menu-toggle-icon-size:22px;}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-width:1px 0px 1px 0px;}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-width:1px 0px 1px 0px;}.elementor-2728 .elementor-element.elementor-element-e97eafc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{border-width:1px 0px 1px 0px;}.elementor-2728 .elementor-element.elementor-element-e210ef2{--container-widget-width:60px;--container-widget-flex-grow:0;width:var( --container-widget-width, 60px );max-width:60px;}.elementor-2728 .elementor-element.elementor-element-e210ef2.elementor-element{--order:-99999 /* order start hack */;}}/* Start custom CSS for wpml-language-switcher, class: .elementor-element-e210ef2 *//* =========================================
   1. ESTILO GENERAL (ESCRITORIO Y TODOS)
   ========================================= */

/* Forzar el color del idioma ACTIVO (el que se está viendo) */
.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-ls-current-language > a,
.elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-ls-current-language > a .wpml-ls-native {
    font-weight: 800;
    color: #ffffff !important;
}


/* =========================================
   2. ESTILO PARA TABLET Y MÓVIL (< 1024px)
   ========================================= */

@media (max-width: 1024px) {
    /* Ocultamos el texto */
    .elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-ls-native {
        display: none !important;
    }
    
    /* Configuración del enlace y la LÍNEA BLANCA */
    .elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-ls-link {
        display: flex;
        align-items: center;
        justify-content: center;
        /* Preparamos el borde invisible para que no salten al cambiar */
        border-bottom: 2px solid transparent !important;
        /* Espacio entre la bandera y la línea */
        padding-bottom: 4px !important; 
    }

    /* Hacemos visible la línea blanca SOLO en el idioma activo */
    .elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-ls-current-language a {
        border-bottom-color: #ffffff !important;
    }
}


/* =========================================
   3. ESTILO ESPECÍFICO SOLO PARA MÓVIL (< 768px)
   ========================================= */

@media (max-width: 767px) {
    
    /* Tamaño de bandera (tu configuración) */
    .elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-ls-flag {
        width: 17px !important; 
        height: auto !important; 
    }

    /* Ajuste del enlace */
    .elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-ls-link {
        /* Usamos padding específico para NO borrar el padding-bottom de la línea */
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        
        margin: 0px !important;
        line-height: 1 !important; 
    }

    /* Quitamos padding del contenedor del ítem */
    .elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-ls-item {
        padding: 0px !important;
        margin: 0px !important;
        /* Margen a la derecha para separar banderas */
        margin-right: 10px !important; 
    }

    /* Quitamos el margen derecho de la última bandera */
    .elementor-2728 .elementor-element.elementor-element-e210ef2 .wpml-ls-item:last-child {
        margin-right: 0px !important;
    }
}/* End custom CSS */
/* Start custom CSS */:root{ --mpl-header-dark:#000; }



.mpl-header{

  transition: background-color .22s ease, box-shadow .22s ease, backdrop-filter .22s ease;

  will-change: background-color;

}



/* Top = sin scroll → transparente */

.mpl-header.mpl-top{ background: transparent !important; box-shadow:none; }



/* Forzado oscuro mientras hay hover/focus en el mega menú estando en top */

.mpl-header.mpl-top.mpl-force-dark{

  background: var(--mpl-header-dark) !important;

  box-shadow: 0 8px 25px rgba(0,0,0,.25);

}



/* (Opcional) CSS-only en navegadores con :has() */

/* Casos del mega menú nativo de Elementor */

.mpl-header.mpl-top:has(.mpl-nav .e-n-menu .e-sub-menu:hover),

.mpl-header.mpl-top:has(.mpl-nav .e-n-menu .e-mega-menu:hover),

.mpl-header.mpl-top:has(.mpl-nav .e-n-menu :focus-within){

  background: var(--mpl-header-dark) !important;

  box-shadow: 0 8px 25px rgba(0,0,0,.25);

}



/* --- CONTENEDOR GRID --- */

.mm-content-wrapper {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 50px;

    width: 100%;

    box-sizing: border-box;

    padding: 10px 0;

}



/* --- TÍTULOS DE COLUMNA --- */

.mm-col-title {

    font-family: 'Schibsted Grotesk', sans-serif;

    font-size: 24px;

    font-weight: 600;

    color: #ffffff;

    margin: 0 0 15px 0;

    line-height: 1.2;

    letter-spacing: 0.5px;

}



/* --- SEPARADOR (La línea) --- */

.mm-separator {

    width: 40px; 

    height: 2px;

    background-color: #ffffff;

    margin-bottom: 30px;

    transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);

}



/* EFECTO HOVER EN LA COLUMNA */

.mm-column:hover .mm-separator {

    width: 40%; 

}



/* --- LISTA E ITEMS --- */

.mm-links {

    list-style: none;

    padding: 0;

    margin: 0;

}



.mm-item {

    margin-bottom: 25px;

    position: relative;

}



/* --- ENLACE PRINCIPAL --- */

.mm-item a {

    font-family: 'Inria Serif', serif;

    font-size: 18px;

    font-weight: 400; 

    color: #ffffff !important;

    text-decoration: none;

    display: flex;

    justify-content: flex-start; 

    align-items: center;

    transition: all 0.3s ease;

}



/* Bullet point (CÍRCULO) */

.mm-item a::before {

    content: '';

    display: inline-block;

    width: 6px;

    height: 6px;

    background-color: #ffffff;

    margin-right: 12px;

    border-radius: 50%; 

    opacity: 0.6;

    transition: all 0.3s ease;

    flex-shrink: 0;

}



/* --- ESTILO DEL EMOJI/FLECHA --- */

.mm-arrow {

    opacity: 0;

    transform: translateX(-10px);

    transition: all 0.3s ease;

    font-size: 20px; /* Un poco más grande para el emoji */

    margin-left: 10px; 

    color: #ffffff;

    /* Esto asegura que el emoji esté alineado verticalmente con el texto */

    line-height: 1; 

    display: inline-block;

}



/* --- DESCRIPCIÓN --- */

.mm-desc {

    font-family: 'Inria Serif', serif;

    font-size: 14px;

    font-weight: 300; 

    color: #cccccc;

    margin: 4px 0 0 20px; 

    line-height: 1.4;

    opacity: 0.7;

    display: block;

    max-width: 90%;

    transition: opacity 0.3s ease, color 0.3s ease;

}



/* --- EFECTOS HOVER (Interacción) --- */



.mm-item:hover a {

    opacity: 1;

}



/* El círculo brilla y crece */

.mm-item:hover a::before {

    opacity: 1;

    transform: scale(1.3);

    background-color: #ffffff;

}



/* El piano aparece */

.mm-item:hover .mm-arrow {

    opacity: 1;

    transform: translateX(0);

}



/* La descripción se ilumina */

.mm-item:hover .mm-desc {

    color: #ffffff;

    opacity: 1;

}



/* =========================================

   --- RESPONSIVE MOVIL (Compacto) ---

   ========================================= */

@media (max-width: 768px) {

    .mm-content-wrapper {

        grid-template-columns: 1fr;

        gap: 12px; 

        padding: 0;

        width: 100%;

    }

    

    .mm-col-title {

        font-size: 19px; 

        margin-bottom: 12px;

    }

    

    .mm-separator {

        margin-bottom: 10px; 

    }



    .mm-column:hover .mm-separator {

        width: 40px; 

    }

    

    .mm-item {

        margin-bottom: 15px; 

    }



    .mm-item a {

        font-size: 16px; 

    }



    .mm-desc {

        font-size: 13px;

        margin-top: 2px; 

    }

    

    .mm-arrow {

        display: none; /* Ocultamos piano en móvil */

    }

}



/* --- CORRECCIÓN DE COLOR TÍTULO --- */



.mm-title-link {

    text-decoration: none;

    color: #ffffff !important; 

    display: inline-flex;

    align-items: center;

    transition: opacity 0.3s ease;

}



.mm-title-link:hover {

    opacity: 0.9;

    color: #ffffff !important; 

}



/* Animación específica para el piano del título */

.mm-col-title .mm-arrow {

    opacity: 0;

    transform: translateX(-10px);

    transition: all 0.3s ease;

    font-size: 24px;

    margin-left: 10px;

    color: #ffffff !important; 

    font-weight: 300;

}



.mm-col-title:hover .mm-arrow {

    opacity: 1;

    transform: translateX(0);

}



@media (max-width: 768px) {

    .mm-col-title .mm-arrow {

        display: none;

    }

}/* End custom CSS */