.elementor-kit-112{--e-global-color-primary:#D6141C;--e-global-color-secondary:#131313;--e-global-color-text:#131313;--e-global-color-accent:#D6141C;--e-global-color-fbcc839:#F6F6F6;--e-global-typography-primary-font-family:"D DIN PRO";--e-global-typography-primary-font-size:54px;--e-global-typography-primary-font-weight:200;--e-global-typography-secondary-font-family:"D DIN PRO";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:200;--e-global-typography-text-font-family:"D DIN PRO";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:200;--e-global-typography-accent-font-family:"D DIN PRO";--e-global-typography-accent-font-size:14.4px;--e-global-typography-accent-font-weight:200;--e-global-typography-accent-text-transform:uppercase;}.elementor-kit-112 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.btn-flecha .elementor-button {
    background-color: #c8102e; /* rojo, ajusta al tono exacto */
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 50px 16px 25px;
    border-radius: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    clip-path: polygon(
        0% 0%,
        92% 0%,
        100% 50%,
        92% 100%,
        0% 100%
    );
    transition: clip-path 0.35s ease, padding 0.35s ease, background-color 0.3s ease;
}

/* Efecto hover: la punta derecha se alarga */
.btn-flecha .elementor-button:hover {
    padding-right: 70px;
    background-color: #a80d26;
}

/* Flecha/chevron dentro del botón */
.btn-flecha .elementor-button .elementor-button-icon {
    margin-left: 10px;
    color: #ffffff !important;
    transition: transform 0.35s ease;
}

/* Si el icono es SVG (algunos sets de Elementor usan SVG en vez de fuente de iconos) */
.btn-flecha .elementor-button .elementor-button-icon svg {
    fill: #ffffff !important;
    width: 14px;
    height: 14px;
}

/* Si el icono es Font Awesome (i.fas / i.far) */
.btn-flecha .elementor-button .elementor-button-icon i {
    color: #ffffff !important;
    font-size: 14px;
}

.btn-flecha .elementor-button:hover .elementor-button-icon {
    transform: translateX(6px);
}

.btn-flecha .elementor-button {
    box-shadow: none;
}



/**/

#boton-form {
    background-color: #c8102e; /* rojo, ajusta al tono exacto */
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 16px 50px 16px 10px;
    border-radius: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    clip-path: polygon(
        0% 0%,
        92% 0%,
        100% 50%,
        92% 100%,
        0% 100%
    );
    transition: clip-path 0.35s ease, padding 0.35s ease, background-color 0.3s ease;
}

/* Efecto hover: la punta derecha se alarga */
#boton-form:hover {
    padding-right: 70px;
    background-color: #a80d26;
}

/* Flecha/chevron dentro del botón */
#boton-form .elementor-button-icon {
    margin-left: 10px;
    color: #ffffff !important;
    transition: transform 0.35s ease;
}

/* Si el icono es SVG (algunos sets de Elementor usan SVG en vez de fuente de iconos) */
#boton-form .elementor-button-icon svg {
    fill: #ffffff !important;
    width: 14px;
    height: 14px;
}

/* Si el icono es Font Awesome (i.fas / i.far) */
#boton-form .elementor-button-icon i {
    color: #ffffff !important;
    font-size: 14px;
}

#boton-form:hover .elementor-button-icon {
    transform: translateX(6px);
}

#boton-form {
    box-shadow: none;
}

#boton-form::after {
    content: '›';
    position: absolute;
    right: 20px;
    font-size: 20px;
    color: #ffffff;
    transition: transform 0.35s ease;
}

#boton-form:hover::after {
    transform: translateX(6px);
}



.btn-flecha .elementor-button::after {
    content: '›';
    position: absolute;
    right: 20px;
    font-size: 25px;
    color: #ffffff;
    transition: transform 0.35s ease;
    margin-top: -3px;
}

.btn-flecha .elementor-button:hover::after {
    transform: translateX(6px);
}

/* === btn-flecha: blindaje en contenedores estrechos (carrusel) === */
.btn-flecha .elementor-button{
    white-space: nowrap;      /* nunca parte "VER MAQUINAS" en dos lineas */
    width: auto;              /* dentro del carrusel no hay .elementor-align-* que lo ponga */
    max-width: 100%;
    flex: 0 0 auto;           /* que el flex del contenedor no lo encoja */
    box-sizing: border-box;
}
.btn-flecha{ max-width: 100%; }

@media (max-width: 1024px){
    .btn-flecha .elementor-button{ padding: 15px 46px 15px 22px; }
    .btn-flecha .elementor-button::after{ right: 18px; font-size: 23px; }
    .btn-flecha .elementor-button:hover{ padding-right: 60px; }
}
@media (max-width: 767px){
    .btn-flecha .elementor-button{ padding: 14px 40px 14px 18px; font-size: 13px; }
    .btn-flecha .elementor-button::after{ right: 15px; font-size: 21px; }
    .btn-flecha .elementor-button:hover{ padding-right: 52px; }
}
/* === fin blindaje btn-flecha === */

/* === cuadros de maquinaria de la home: toda la tarjeta es enlace === */
.emh-tile{ position: relative; }
.emh-tile .elementor-heading-title a{ display: block; }
.emh-tile .elementor-heading-title a::after{
    content: ""; position: absolute; inset: 0; z-index: 2;
}
.emh-tile .elementor-heading-title a:focus-visible::after{ outline: 3px solid #fff; outline-offset: -6px; }
/* === fin cuadros maquinaria === */

/* === rejillas de 4 columnas de la pagina GreMaT === */
/* reparten el ancho descontando el hueco, en vez de un 25% fijo que desborda */
.emh-cards > .e-con-inner > .e-con,
.emh-cards > .e-con,
.emh-cifras > .e-con-inner > .e-con,
.emh-cifras > .e-con{
    flex: 1 1 0;
    width: auto;
    min-width: 0;
}
/* el boton se pega abajo para que todas las tarjetas lo tengan a la misma altura */
.emh-cards > .e-con-inner > .e-con > .elementor-widget-button,
.emh-cards > .e-con > .elementor-widget-button{
    margin-top: auto;
}
@media (max-width: 1024px){
    .emh-cards > .e-con-inner > .e-con,
    .emh-cards > .e-con{ flex: 1 1 calc(50% - 9px); }
}
@media (max-width: 767px){
    .emh-cards > .e-con-inner > .e-con,
    .emh-cards > .e-con{ flex: 1 1 100%; }
    .emh-cifras > .e-con-inner > .e-con,
    .emh-cifras > .e-con{ flex: 1 1 calc(50% - 10px); }
}
/* === fin rejillas GreMaT === */

/* === cabecera en tablet y movil === */
@media (max-width: 1024px){
    /* Elementor renderiza este widget como n-menu (no mega-menu). Sin esto la
       hamburguesa se queda pegada al logo en vez de irse al borde derecho. */
    [data-elementor-type="header"] .elementor-widget-n-menu{ margin-left: auto; }
    [data-elementor-type="header"] .e-n-menu{ align-items: flex-end; }
    /* el logo a la izquierda: Elementor centra las imagenes por defecto */
    [data-elementor-type="header"] .elementor-widget-image{ text-align: left; }
    [data-elementor-type="header"] .elementor-top-section > .elementor-container{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px){
    [data-elementor-type="header"] .elementor-top-section > .elementor-container{
        padding-left: 16px;
        padding-right: 16px;
    }
    [data-elementor-type="header"] .elementor-icon-list-text{ font-size: 12px; }
}
/* === fin cabecera responsive === */

/* === menu desplegable en tablet y movil === */
@media (max-width: 1024px){
    /* La cabecera tiene DOS variantes: la oscura de la portada (texto del menu
       en blanco) y la clara de las paginas interiores (texto oscuro). Elementor
       fuerza fondo BLANCO en las filas del desplegable, asi que hay que fijar
       el texto en oscuro para las dos; si se pinta la fila de negro, la
       variante clara se queda invisible. */
    [data-elementor-type="header"] .e-n-menu[data-layout="dropdown"] .e-n-menu-wrapper{
        background-color: #ffffff;
        border-top: 2px solid #D6141C;
        box-shadow: 0 18px 30px rgba(0, 0, 0, .18);
    }
    [data-elementor-type="header"] .e-n-menu[data-layout="dropdown"] .e-n-menu-title{
        background-color: #ffffff;
        border-bottom: 1px solid rgba(19, 19, 19, .12);
        justify-content: space-between;
        padding: 15px 20px;
    }
    [data-elementor-type="header"] .e-n-menu[data-layout="dropdown"] .e-n-menu-title .e-n-menu-title-text{
        color: #131313;
        font-size: 15px;
    }
    [data-elementor-type="header"] .e-n-menu[data-layout="dropdown"] .e-n-menu-title:hover .e-n-menu-title-text,
    [data-elementor-type="header"] .e-n-menu[data-layout="dropdown"] .e-n-menu-title.e-current .e-n-menu-title-text{
        color: #D6141C;
    }
    /* los +/- de abrir y cerrar cada apartado */
    [data-elementor-type="header"] .e-n-menu[data-layout="dropdown"] .e-n-menu-dropdown-icon i{
        color: #131313;
        font-size: 13px !important;
    }
    [data-elementor-type="header"] .e-n-menu[data-layout="dropdown"] .e-n-menu-content{
        background-color: #ffffff;
    }
    /* al apilarse las columnas del megamenu, las listas de series se quedaban
       centradas a media pantalla; se alinean a la izquierda y se sangran */
    [data-elementor-type="header"] .e-n-menu .e-n-menu-content .elementor-widget-icon-list,
    [data-elementor-type="header"] .e-n-menu .e-n-menu-content .elementor-icon-list-items{
        text-align: left;
    }
    [data-elementor-type="header"] .e-n-menu .e-n-menu-content .elementor-icon-list-item{
        justify-content: flex-start;
        text-align: left;
        padding-left: 14px;
    }
    /* el enlace de dentro es flex y venia centrado */
    [data-elementor-type="header"] .e-n-menu .e-n-menu-content .elementor-icon-list-item > a,
    [data-elementor-type="header"] .e-n-menu .e-n-menu-content .elementor-icon-list-item > span{
        justify-content: flex-start;
        width: 100%;
    }
}
/* === fin menu desplegable === *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'D DIN PRO';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://emh.mandarinaservices.com/wp-content/uploads/2026/07/D-DIN-PRO-400-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'D DIN PRO';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://emh.mandarinaservices.com/wp-content/uploads/2026/07/D-DIN-PRO-500-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'D DIN PRO';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://emh.mandarinaservices.com/wp-content/uploads/2026/07/D-DIN-PRO-600-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'D DIN PRO';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://emh.mandarinaservices.com/wp-content/uploads/2026/07/D-DIN-PRO-700-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'D DIN PRO';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://emh.mandarinaservices.com/wp-content/uploads/2026/07/D-DIN-PRO-800-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'D DIN PRO';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://emh.mandarinaservices.com/wp-content/uploads/2026/07/D-DIN-PRO-900-Heavy.ttf') format('truetype');
}
/* End Custom Fonts CSS */