:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(45,79,108);
	--wd-alternative-color: rgb(139,155,172);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(45,79,108);
	--btn-accented-bgcolor-hover: rgb(10,80,127);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(242,242,242);
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(240,242,244);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a {
	font-size: 12px;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: rgb(45,79,108);
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

.wd-lcp-content .wd-loader-overlay.wd-fill {
    display: none !important;
}

/* ==========================================================================
   LAMARTEL · CSS PERSONALIZADO
   ==========================================================================

   ÍNDICE
   01. Menú y cabecera
   02. Ajustes generales
   03. Inicio: rejilla de servicios
   04. Página de servicios
   05. Páginas de clúster
   06. Ficha de servicio
   07. Inicio: propuesta y contenido
   08. Página de empresa

   CRITERIO DE EDICIÓN
   Se mantienen los selectores, las propiedades, los valores, las prioridades
   y el orden original de las reglas y de las consultas de medios.
   Los cambios se limitan al formato y a los comentarios explicativos.
   Las dos reglas que ya estaban comentadas continúan desactivadas.

   Los dos bloques de inicio permanecen en sus posiciones originales.
   Los ajustes responsive se documentan junto a cada bloque correspondiente.
   ========================================================================== */

/* ==========================================================================
   01. MENÚ Y CABECERA
   ========================================================================== */
/*
 * Ajustes del menú, de los botones de cabecera y del logotipo según el ancho de
 * pantalla.
 */

/* Hasta 1520 px: separación entre opciones y tamaño del texto del menú. */
@media (max-width: 1520px) {
    .wd-nav {
        --nav-gap: 10px !important;
    }

    .wd-nav-header>li>a {
        font-size: 13px !important;
    }
}

/* Hasta 1375 px: tamaño del texto del menú y de los dos botones de cabecera. */
@media (max-width: 1375px) {
    .wd-nav-header>li>a,
    .elementor-element.elementor-element-a22a005.boton.elementor-widget.elementor-widget-wd_popup a,
    .elementor-element.elementor-element-8390549.boton.elementor-widget.elementor-widget-wd_button a {
        font-size: 12px !important;
    }
}

/* Hasta 1225 px: tamaño del texto del menú y del botón de ventana emergente. */
@media (max-width: 1225px) {
    .wd-nav-header>li>a,
    .elementor-element.elementor-element-a22a005.boton.elementor-widget.elementor-widget-wd_popup a {
        font-size: 11px !important;
    }
}

/* Entre 1024 y 1150 px: anchura máxima del logotipo y de las columnas izquierdas. */
@media (min-width: 1024px) and (max-width: 1150px) {
    .site-logo img {
        max-width: 140px !Important;
    }

    .whb-col-left,
    .whb-mobile-left {
        max-width: 160px;
    }
}

/* ==========================================================================
   02. AJUSTES GENERALES
   ========================================================================== */
/* Submenús, elementos de Elementor, artículos y clases auxiliares compartidas. */

/* Submenús: texto en mayúsculas, separadores y tratamiento del primer y último elemento. */
.wd-sub-menu li>a {
    text-transform: uppercase;
    font-size: 12px;
}

ul.wd-sub-menu.color-scheme-dark li {
    padding: 5px 0;
    border-width: 1px 0;
    border-style: dashed;
    border-color: #f4f4f4;
}

ul.wd-sub-menu.color-scheme-dark li:last-child {
    padding: 5px 0;
    border-width: 1px 0 0;
    border-style: dashed;
    border-color: #f4f4f4;
}

ul.wd-sub-menu.color-scheme-dark li:first-child {
    padding: 5px 0;
    border-width: 0 0 1px;
    border-style: dashed;
    border-color: #f4f4f4;
}

/* Desplazamiento de las etiquetas añadidas a los enlaces del submenú. */
.wd-sub-menu li>a .menu-label {
    margin-top: -10px;
}

/* Tamaño de los iconos SVG del acordeón de Elementor. */
.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
    height: 0.7em;
    width: 0.7em;
}

/* Oculta únicamente los avatares que coinciden con este selector. */
img.avatar.avatar-22.photo {
    display: none;
}

/* Utilidades para imágenes: mezcla con el fondo y filtro de color azul. */
.multi img {
    mix-blend-mode: darken;
}

.azul img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(9%) saturate(3121%) hue-rotate(166deg) brightness(90%) contrast(85%);
}

/* Artículos: tamaño del enlace de lectura y del título. */
.wd-post-read-more.wd-style-link {
    font-size: .8em;
}

.wd-post .wd-post-title {
    font-size: 16px !important;
}

/* Utilidades de texto: equilibrio de líneas y color de los textos destacados. */
.balance {
    text-wrap: balance;
}

.azul strong {
    color: #2d4f6c;
}

/*
 * Carrusel: mezcla con el fondo, imágenes atenuadas en gris y restauración al pasar el
 * cursor.
 */
.multiplicar .wd-carousel-wrap {
    mix-blend-mode: multiply;
}

.multiplicar .wd-carousel-wrap img {
    filter: grayscale(1);
    opacity: 0.5;
}

.multiplicar .wd-carousel-wrap img:hover {
    filter: none;
    opacity: 1;
}

/* ==========================================================================
   03. INICIO: REJILLA DE SERVICIOS
   ========================================================================== */
/* Rejilla .lamartel-servicios con tres, dos o una columna y separadores entre elementos. */

/* Distribución base en tres columnas y espacio interior de cada servicio. */
.lamartel-servicios {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lamartel-servicios__item {
    min-width: 0;
    padding: 28px 24px;
    box-sizing: border-box;
}

/*
 * Separadores: borde izquierdo salvo en la primera columna; borde superior desde la
 * segunda fila.
 */
.lamartel-servicios__item:not(:nth-child(3n + 1)) {
    border-left: 1px dashed #e3e7eb;
}

.lamartel-servicios__item:nth-child(n + 4) {
    border-top: 1px dashed #e3e7eb;
}

/* Iconos de los servicios: centrado y dimensiones uniformes. */
.lamartel-servicios__icono {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.lamartel-servicios__icono img {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: contain;
}

/* Hasta 1023 px: dos columnas y redistribución de los separadores. */
@media (max-width: 1023px) {
    .lamartel-servicios {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Reinicia los bordes antes de dibujar los correspondientes a dos columnas. */
    .lamartel-servicios__item:nth-child(n) {
        border-left: 0;
        border-top: 0;
    }

    .lamartel-servicios__item:nth-child(even) {
        border-left: 1px dashed #e3e7eb;
    }

    .lamartel-servicios__item:nth-child(n + 3) {
        border-top: 1px dashed #e3e7eb;
    }
}

/* Hasta 599 px: una columna, sin relleno lateral y con separadores entre servicios. */
@media (max-width: 599px) {
    .lamartel-servicios {
        grid-template-columns: minmax(0, 1fr);
    }

    .lamartel-servicios__item:nth-child(n) {
        padding: 28px 0;
        border-left: 0;
        border-top: 0;
    }

    .lamartel-servicios__item:nth-child(n + 2) {
        border-top: 1px dashed #e3e7eb;
    }
}

/*
 * Títulos de los servicios. Esta regla general conserva su posición después de los
 * ajustes responsive.
 */
.lamartel-servicios__item h3 {
    text-align: center;
    display: block;
    margin: 0 auto 20px;
}

/* ==========================================================================
   04. PÁGINA DE SERVICIOS
   ========================================================================== */
/* Estilos del contenedor .lamartel-servicios-page y de sus componentes .lms-*. */

/* Variables de color y estilos base limitados a la página de servicios. */
.lamartel-servicios-page {
    --lms-blue: #2d4f6c;
    --lms-muted: #657681;
    --lms-line: #d8e0e6;
    --lms-pale: #f5f7f8;
    font-family: inherit;
    color: var(--lms-blue);
    isolation: isolate;
}

.lamartel-servicios-page :where(*,*::before,*::after) {
    box-sizing: border-box;
}

.lamartel-servicios-page :where(h1,h2,h3,p) {
    margin: 0;
}

.lamartel-servicios-page :where(a) {
    text-decoration: none;
}

.lamartel-servicios-page .elementor-heading-title a {
    color: inherit;
}

.lamartel-servicios-page :where(p+p) {
    margin-top: 14px;
}

.lamartel-servicios-page :where(img) {
    max-width: 100%;
    display: block;
}

.lamartel-servicios-page :where(button,input) {
    font: inherit;
}

/* Foco visible en enlaces, botones y campos de entrada. */
.lamartel-servicios-page :where(a:focus-visible,button:focus-visible,input:focus-visible) {
    outline: 2px solid var(--lms-blue);
    outline-offset: 5px;
}

/* Contenedores y widgets de Elementor; ocultación del componente de sistema. */
.lamartel-servicios-page :where(.lms-container) {
    min-width: 0;
    position: relative;
}

.lamartel-servicios-page :where(.lms-widget) {
    min-width: 0;
}

.lamartel-servicios-page :where(.elementor-widget-container) {
    width: 100%;
}

.lamartel-servicios-page .lms-system {
    display: none !important;
}

/* Antetítulos, botones, interacción al pasar el cursor y metadatos. */
.lamartel-servicios-page :where(.lms-eyebrow) {
    text-transform: uppercase;
}

.lamartel-servicios-page :where(.elementor-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    text-decoration: none;
    border: 1px solid transparent;
}

.lamartel-servicios-page .lms-text-button :where(.elementor-button) {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
}

.lamartel-servicios-page .lms-button :where(.elementor-button):hover {
    opacity: .82;
}

.lamartel-servicios-page .lms-meta {
    opacity: .7;
}

/* Cabecera visual: ilustración de fondo y fotografía superpuesta con borde blanco. */
.lamartel-servicios-page .lms-hero-art {
    position: relative;
    isolation: isolate;
    align-self: stretch;
    justify-content: center;
}

.lamartel-servicios-page .lms-lineart {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100%;
    opacity: .44;
    z-index: -1;
}

.lamartel-servicios-page .lms-lineart :where(.elementor-widget-container) {
    height: 100%;
}

.lamartel-servicios-page .lms-lineart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lamartel-servicios-page .lms-front-image {
    width: 76% !important;
    margin-left: auto !important;
    border: 8px solid white;
}

.lamartel-servicios-page .lms-front-image img {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    object-position: center;
}

/* Navegación rápida: bordes exteriores, separadores entre opciones e iconos. */
.lamartel-servicios-page .lms-quick-nav {
    border-top: 1px solid var(--lms-line);
    border-bottom: 1px solid var(--lms-line);
}

.lamartel-servicios-page .lms-nav-item+.lms-nav-item {
    border-left: 1px dashed var(--lms-line);
}

.lamartel-servicios-page .lms-nav-icon {
    width: 24px !important;
    flex: 0 0 24px;
}

.lamartel-servicios-page .lms-nav-icon img {
    height: 24px;
    width: 24px;
    object-fit: contain;
    filter: invert(1);
}

/* Cabeceras de las áreas: alineación, numeración e iconos. */
.lamartel-servicios-page .lms-area-kicker {
    justify-content: flex-start;
}

.lamartel-servicios-page .lms-area-number {
    opacity: .65;
    flex: 0 0 auto;
    width: auto;
}

.lamartel-servicios-page .lms-area-icon {
    width: 40px !important;
    flex: 0 0 40px;
}

.lamartel-servicios-page .lms-area-icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

/*
 * Filtro de color del icono. Se mantiene separado de la regla anterior del mismo
 * selector.
 */
.lamartel-servicios-page .lms-area-icon img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(19%) saturate(1136%) hue-rotate(166deg) brightness(94%) contrast(88%);
}

/* Áreas y listado de servicios: margen de anclaje y elemento destacado a todo el ancho. */
.lamartel-servicios-page .lms-area {
    scroll-margin-top: 100px;
}

.lamartel-servicios-page .lms-area-intro {
    align-self: flex-start;
}

.lamartel-servicios-page .lms-service-list {
    align-content: start;
}

.lamartel-servicios-page .lms-featured {
    grid-column: 1/-1;
}

/* Enlaces de servicio: título, flecha decorativa y subrayado al pasar el cursor. */
.lamartel-servicios-page .lms-service-title a {
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.lamartel-servicios-page .lms-service-title a::after {
    content: '↗';
    color: #8b9bac;
    font-size: 16px;
    font-weight: 400;
}

.lamartel-servicios-page .lms-service-title a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Buscador: permanece oculto hasta que el contenedor incorpora la clase .lms-ready. */
.lamartel-servicios-page .lms-search-widget {
    width: 280px;
    max-width: 100%;
    display: none;
}

.lamartel-servicios-page.lms-ready .lms-search-widget {
    display: block;
}

/* Etiqueta, campo de búsqueda y mensaje de estado. */
.lamartel-servicios-page .lms-search label {
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    color: var(--lms-muted);
}

.lamartel-servicios-page .lms-search input {
    width: 100%;
    max-width: none;
    border: 0;
    border-bottom: 1px solid var(--lms-line);
    border-radius: 0;
    background: transparent;
    padding: 10px 0;
    font-size: 13px;
    color: var(--lms-blue);
    box-shadow: none;
    height: auto;
    line-height: 1.5;
}

.lamartel-servicios-page .lms-search-status {
    font-size: 11px;
    line-height: 1.5;
    min-height: 17px;
    margin-top: 5px;
    color: var(--lms-muted);
}

/* Ocultación de los elementos con el atributo hidden dentro de esta página. */
.lamartel-servicios-page [hidden] {
    display: none !important;
}

/* Margen de anclaje para espacios, contacto y cabecera del catálogo. */
.lamartel-servicios-page .lms-spaces,
.lamartel-servicios-page .lms-contact,
.lamartel-servicios-page .lms-catalog-heading {
    scroll-margin-top: 100px;
}

/* Selector de espacios: distribución, pestañas y apariencia de la opción activa. */
.lamartel-servicios-page .lms-space-lead {
    flex: 1;
}

.lamartel-servicios-page .lms-space-tabs {
    border-right: 1px solid var(--lms-line);
}

.lamartel-servicios-page .lms-space-tab .elementor-button {
    display: flex;
    width: 100%;
    padding: 13px 22px;
    text-align: left;
    justify-content: flex-start;
    font-size: 12px;
    line-height: 1.4;
}

.lamartel-servicios-page .lms-space-tab.lms-active .elementor-button {
    color: var(--lms-blue);
    background: #e6edf2;
    border-left: 3px solid var(--lms-blue);
    font-weight: 600;
    padding-left: 19px;
}

.lamartel-servicios-page .lms-space-note {
    opacity: .8;
    margin-top: 9px;
}

/* Fotografía de mantenimiento: proporción y encuadre. */
.lamartel-servicios-page .lms-maintenance-photo img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    object-position: center 48%;
}

/* Contacto: antetítulo, disposición de las acciones y color del enlace telefónico. */
.lamartel-servicios-page .lms-contact .lms-eyebrow {
    color: #b8cad7 !important;
}

.lamartel-servicios-page .lms-contact .lms-eyebrow p {
    color: inherit;
}

.lamartel-servicios-page .lms-contact-actions {
    flex-shrink: 0;
    align-items: flex-start;
}

.lamartel-servicios-page .lms-phone a {
    color: inherit;
}

/* Editor de Elementor: muestra los paneles de espacios para facilitar su edición. */
body.elementor-editor-active .lamartel-servicios-page .lms-space-panel {
    display: flex !important;
    border-bottom: 1px dashed #c7d3dc;
}

/* Hasta 1024 px: separadores de navegación, etiquetas y altura de la cabecera visual. */
@media (max-width: 1024px) {
    .lamartel-servicios-page .lms-nav-item:nth-child(4) {
        border-left: 0;
    }

    .lamartel-servicios-page .lms-nav-item:nth-child(-n+3) {
        border-bottom: 1px dashed var(--lms-line);
    }

    .lamartel-servicios-page .lms-nav-label .elementor-heading-title {
        font-size: 12px;
    }

    .lamartel-servicios-page .lms-hero-art {
        min-height: 335px;
    }
}

/* Hasta 767 px: adaptación de cabecera, navegación, buscador, pestañas y contacto. */
@media (max-width: 767px) {
    /* Cabecera visual y tamaño de la fotografía en pantallas pequeñas. */
    .lamartel-servicios-page .lms-hero-art {
        min-height: 285px;
        max-height: 345px;
        width: 100%;
    }

    .lamartel-servicios-page .lms-front-image {
        width: 65% !important;
        max-width: 230px;
    }

    .lamartel-servicios-page .lms-front-image img {
        aspect-ratio: 4/5;
        max-height: 320px;
    }

    /* Navegación rápida: espacios, tipografía e iconos. */
    .lamartel-servicios-page .lms-nav-item {
        gap: 7px;
        padding: 16px 5px;
    }

    .lamartel-servicios-page .lms-nav-label .elementor-heading-title {
        font-size: 10px;
        line-height: 1.5;
    }

    .lamartel-servicios-page .lms-nav-icon {
        width: 19px !important;
        flex-basis: 19px;
    }

    .lamartel-servicios-page .lms-nav-icon img {
        height: 19px;
        width: 19px;
    }

    /* Catálogo y buscador: alineación y ocupación de todo el ancho. */
    .lamartel-servicios-page .lms-catalog-heading {
        align-items: stretch;
    }

    .lamartel-servicios-page .lms-search-widget {
        width: 100%;
    }

    /*
     * Espacios: pestañas en filas con salto de línea y nueva apariencia de la opción
     * activa.
     */
    .lamartel-servicios-page .lms-spaces-heading {
        align-items: stretch;
    }

    .lamartel-servicios-page .lms-space-tabs {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 7px;
        padding: 14px;
        border-right: 0;
        border-bottom: 1px solid var(--lms-line);
    }

    .lamartel-servicios-page .lms-space-tab {
        width: auto;
    }

    .lamartel-servicios-page .lms-space-tab .elementor-button {
        font-size: 10px;
        padding: 9px 10px;
        border: 1px solid var(--lms-line);
    }

    .lamartel-servicios-page .lms-space-tab.lms-active .elementor-button {
        background: var(--lms-blue);
        color: white;
        padding: 9px 10px;
        border: 1px solid var(--lms-blue);
    }

    /* Alineación de los bloques finales y límite de altura de la fotografía. */
    .lamartel-servicios-page .lms-together {
        align-items: flex-start;
    }

    .lamartel-servicios-page .lms-maintenance-photo img {
        max-height: 310px;
    }

    .lamartel-servicios-page .lms-contact {
        align-items: flex-start;
    }
}

/*
 * Preferencia de movimiento reducido: desactiva las transiciones y utiliza
 * desplazamiento automático en los descendientes de esta página.
 */
@media (prefers-reduced-motion: reduce) {
    .lamartel-servicios-page * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* ==========================================================================
   05. PÁGINAS DE CLÚSTER
   ========================================================================== */
/*
 * Estilos del contenedor .lamartel-cluster-page y de sus componentes .lmc-*. La utilidad
 * global .ico se conserva en su posición original.
 */

/* Variables de color y estilos base de las páginas de clúster. */
.lamartel-cluster-page {
    --lmc-blue: #2d4f6c;
    --lmc-muted: #657681;
    --lmc-line: #d8e0e6;
    color: var(--lmc-blue);
    isolation: isolate;
}

.lamartel-cluster-page :where(*,*::before,*::after) {
    box-sizing: border-box;
}

.lamartel-cluster-page :where(h1,h2,h3,p) {
    margin: 0;
}

/*
 * Utilidad global .ico: limita el ancho de sus imágenes, también fuera de la página de
 * clúster.
 */
.ico img {
    max-width: 40px;
}

/* Estilos base del clúster: párrafos, imágenes, enlaces y contenedores. */
.lamartel-cluster-page :where(p+p) {
    margin-top: 14px;
}

.lamartel-cluster-page :where(img) {
    display: block;
    max-width: 100%;
}

.lamartel-cluster-page :where(a) {
    text-decoration: none;
}

.lamartel-cluster-page .elementor-heading-title a {
    color: inherit;
}

.lamartel-cluster-page :where(.lmc-widget,.lmc-container) {
    min-width: 0;
}

.lamartel-cluster-page :where(.elementor-widget-container) {
    width: 100%;
}

.lamartel-cluster-page .lmc-system {
    display: none !important;
}

/* Foco visible en enlaces y encabezados de elementos desplegables. */
.lamartel-cluster-page :where(a:focus-visible,summary:focus-visible) {
    outline: 2px solid var(--lmc-blue);
    outline-offset: 5px;
}

/* Migas de pan: separación superior, enlaces y separadores. */
.lamartel-cluster-page .lmc-breadcrumb {
    padding-top: 20px;
    opacity: .8;
}

.lamartel-cluster-page .lmc-breadcrumb a {
    color: inherit;
}

.lamartel-cluster-page .lmc-breadcrumb span {
    margin: 0 9px;
    color: #a1afba;
}

/* Botones, botones de texto y metadatos. */
.lamartel-cluster-page :where(.elementor-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    text-decoration: none;
    border: 1px solid transparent;
}

.lamartel-cluster-page .lmc-button .elementor-button:hover {
    opacity: .82;
}

.lamartel-cluster-page .lmc-text-button :where(.elementor-button) {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
}

.lamartel-cluster-page .lmc-meta {
    opacity: .72;
}

/* Cabecera visual: ilustración de fondo y fotografía superpuesta. */
.lamartel-cluster-page .lmc-hero-art {
    position: relative;
    isolation: isolate;
    align-self: stretch;
    justify-content: center;
    min-height: 395px;
}

.lamartel-cluster-page .lmc-lineart {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100%;
    opacity: .45;
    z-index: -1;
}

.lamartel-cluster-page .lmc-lineart :where(.elementor-widget-container) {
    height: 100%;
}

.lamartel-cluster-page .lmc-lineart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lamartel-cluster-page .lmc-hero-photo {
    width: 86% !important;
    margin-left: auto !important;
    border: 8px solid #fff;
}

.lamartel-cluster-page .lmc-hero-photo img {
    width: 100%;
    aspect-ratio: 1/1.06;
    object-fit: cover;
}

/* Navegación entre secciones y margen de desplazamiento a sus anclas. */
.lamartel-cluster-page .lmc-nav-link {
    flex: 1;
    text-align: center;
}

.lamartel-cluster-page .lmc-nav-link .elementor-button {
    display: flex;
    padding: 13px 12px;
    font-size: 12px;
    font-weight: 500;
}

.lamartel-cluster-page .lmc-nav-link+.lmc-nav-link {
    border-left: 1px dashed var(--lmc-line);
}

.lamartel-cluster-page .lmc-services,
.lamartel-cluster-page .lmc-scope,
.lamartel-cluster-page .lmc-process,
.lamartel-cluster-page .lmc-faq,
.lamartel-cluster-page .lmc-cta {
    scroll-margin-top: 100px;
}

/* Distribución del encabezado de sección y su texto complementario. */
.lamartel-cluster-page .lmc-heading-row>.lmc-section-heading {
    flex: 1.2;
}

.lamartel-cluster-page .lmc-heading-note {
    flex: 1;
}

/* Regla original desactivada: límite de ancho del h2. Se conserva comentada. */
/*.lamartel-cluster-page .lmc-section-heading h2{max-width:680px}*/

/* Tarjetas de servicio: espacio interior, separador y numeración. */
.lamartel-cluster-page .lmc-service-card {
    padding: 25px 0 29px;
    border-bottom: 1px dashed #cdd8e0;
}

.lamartel-cluster-page .lmc-card-number {
    opacity: .65;
}

/* Títulos de tarjetas y guías: reparto del espacio, flechas y estado al pasar el cursor. */
.lamartel-cluster-page .lmc-card-title a,
.lamartel-cluster-page .lmc-guide-title a {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

.lamartel-cluster-page .lmc-card-title a::after,
.lamartel-cluster-page .lmc-guide-title a::after {
    content: '↗';
    flex: none;
    color: #8b9bac;
    font-size: 22px;
    font-weight: 300;
}

.lamartel-cluster-page .lmc-card-title a:hover,
.lamartel-cluster-page .lmc-guide-title a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Nota de fibra y componentes: botón sin contracción, separación y bordes. */
.lamartel-cluster-page .lmc-fibre-note .lmc-button {
    flex-shrink: 0;
}

.lamartel-cluster-page .lmc-components {
    column-gap: 25px !important;
    row-gap: 24px !important;
}

.lamartel-cluster-page .lmc-component {
    padding-top: 13px;
    border-top: 1px dashed var(--lmc-line);
}

/* Fotografía del alcance del servicio y bloques de información técnica. */
.lamartel-cluster-page .lmc-scope-photo img {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    object-position: 48% center;
}

.lamartel-cluster-page .lmc-technical-grid {
    gap: 40px !important;
    margin-top: 8px;
}

.lamartel-cluster-page .lmc-technical-item {
    border-top: 1px solid #d0dce4;
    padding-top: 27px;
}

/* Tipos de proyecto y pasos del proceso: separadores, espacios y numeración. */
.lamartel-cluster-page .lmc-project-type {
    border-top: 1px dashed var(--lmc-line);
    padding-top: 25px;
}

.lamartel-cluster-page .lmc-steps {
    gap: 28px !important;
}

.lamartel-cluster-page .lmc-step {
    padding: 7px 0 0;
    border-top: 1px solid #d0dce4;
}

.lamartel-cluster-page .lmc-step-number {
    opacity: .53;
    margin-top: 12px !important;
}

/* Beneficios y ubicación: fotografía, puntos destacados y etiquetas geográficas. */
.lamartel-cluster-page .lmc-benefit-photo img {
    width: 100%;
    aspect-ratio: 3/4.25;
    object-fit: cover;
    object-position: center;
}

.lamartel-cluster-page .lmc-benefit-point {
    padding-top: 15px;
    border-top: 1px dashed var(--lmc-line);
}

.lamartel-cluster-page .lmc-location-tags {
    color: var(--lmc-blue);
    letter-spacing: .035em;
}

/* Preguntas frecuentes: estilos del acordeón de Elementor y de los elementos details. */
.lamartel-cluster-page .lmc-faq-widget {
    width: 100%;
}

.lamartel-cluster-page .lmc-faq-widget .elementor-accordion-item,
.lamartel-cluster-page .lmc-faq-widget details {
    border: 0;
    border-bottom: 1px dashed var(--lmc-line);
    margin: 0;
    padding: 0;
}

.lamartel-cluster-page .lmc-faq-widget .elementor-tab-title {
    margin: 0;
    line-height: 1.6;
}

.lamartel-cluster-page .lmc-faq-widget .elementor-accordion-icon {
    font-size: 12px;
}

.lamartel-cluster-page .lmc-faq-widget .elementor-tab-content {
    border: 0;
    line-height: 1.85;
}

/* Desplegables nativos: encabezado, marcador propio y símbolos de apertura y cierre. */
.lamartel-cluster-page .lmc-faq-widget summary {
    list-style: none;
    cursor: pointer;
    padding: 21px 25px 21px 0;
    position: relative;
}

.lamartel-cluster-page .lmc-faq-widget summary::-webkit-details-marker {
    display: none;
}

.lamartel-cluster-page .lmc-faq-widget summary h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--lmc-blue);
    letter-spacing: 0;
}

.lamartel-cluster-page .lmc-faq-widget summary::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 22px;
    color: #8b9bac;
}

.lamartel-cluster-page .lmc-faq-widget details[open] summary::after {
    content: '−';
}

/* Texto de las respuestas y distribución de las guías. */
.lamartel-cluster-page .lmc-faq-answer {
    padding: 0 24px 22px 0;
    font-size: 14px;
    line-height: 1.85;
    color: var(--lmc-muted);
}

.lamartel-cluster-page .lmc-guides {
    gap: 40px !important;
}

.lamartel-cluster-page .lmc-guide {
    padding-top: 8px;
}

/* Llamada a la acción: separación superior, antetítulo, acciones y teléfono. */
.lamartel-cluster-page .lmc-cta {
    margin-top: 45px !important;
}

.lamartel-cluster-page .lmc-cta .lmc-eyebrow {
    color: #b8cad7 !important;
}

.lamartel-cluster-page .lmc-cta .lmc-eyebrow p {
    color: inherit;
}

.lamartel-cluster-page .lmc-cta-actions {
    flex-shrink: 0;
    align-items: flex-start;
}

.lamartel-cluster-page .lmc-phone a {
    color: inherit;
}

/* Hasta 1024 px: altura visual, separación entre bloques y proceso en dos columnas. */
@media (max-width: 1024px) {
    .lamartel-cluster-page .lmc-hero-art {
        min-height: 335px;
    }

    .lamartel-cluster-page .lmc-split {
        gap: 30px;
    }

    .lamartel-cluster-page .lmc-steps {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        row-gap: 28px !important;
    }

    .lamartel-cluster-page .lmc-faq-layout {
        gap: 30px;
    }
}

/* Hasta 767 px: adaptación del contenido de las páginas de clúster. */
@media (max-width: 767px) {
    /* Migas de pan y cabecera visual. */
    .lamartel-cluster-page .lmc-breadcrumb {
        padding-top: 14px;
    }

    .lamartel-cluster-page .lmc-hero-art {
        min-height: 300px;
        max-height: 385px;
    }

    .lamartel-cluster-page .lmc-hero-photo {
        width: 77% !important;
        max-width: 310px;
    }

    .lamartel-cluster-page .lmc-hero-photo img {
        max-height: 350px;
    }

    /* Navegación en dos columnas con separadores adaptados. */
    .lamartel-cluster-page .lmc-nav-link {
        flex: 0 0 50%;
    }

    .lamartel-cluster-page .lmc-nav-link .elementor-button {
        font-size: 11px;
        padding: 13px 7px;
    }

    .lamartel-cluster-page .lmc-nav-link:nth-child(3) {
        border-left: 0;
    }

    .lamartel-cluster-page .lmc-nav-link:nth-child(-n+2) {
        border-bottom: 1px dashed var(--lmc-line);
    }

    /* Encabezados, tarjetas de servicio, alcance e información técnica. */
    .lamartel-cluster-page .lmc-heading-row {
        gap: 20px;
        align-items: stretch;
    }

    .lamartel-cluster-page .lmc-service-card {
        padding: 24px 0;
    }

    .lamartel-cluster-page .lmc-service-grid {
        gap: 0 !important;
    }

    .lamartel-cluster-page .lmc-fibre-note {
        align-items: flex-start;
        gap: 8px;
    }

    .lamartel-cluster-page .lmc-scope-photo img {
        aspect-ratio: 4/3;
        max-height: 360px;
    }

    .lamartel-cluster-page .lmc-technical-grid {
        gap: 25px !important;
    }

    .lamartel-cluster-page .lmc-project-types {
        row-gap: 27px !important;
    }

    /* Proceso en una columna, fotografías de beneficios y bloque de ubicación. */
    .lamartel-cluster-page .lmc-steps {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .lamartel-cluster-page .lmc-step {
        gap: 10px;
    }

    .lamartel-cluster-page .lmc-benefit-photo img {
        aspect-ratio: 4/3;
        max-height: 360px;
        object-position: center 48%;
    }

    .lamartel-cluster-page .lmc-benefit-copy {
        gap: 19px;
    }

    .lamartel-cluster-page .lmc-location {
        gap: 23px;
        align-items: stretch;
    }

    /* Preguntas frecuentes, guías y llamada a la acción. */
    .lamartel-cluster-page .lmc-faq-layout {
        gap: 24px;
    }

    .lamartel-cluster-page .lmc-guides {
        gap: 26px !important;
    }

    .lamartel-cluster-page .lmc-guide+.lmc-guide {
        border-top: 1px dashed var(--lmc-line);
        padding-top: 24px;
    }

    .lamartel-cluster-page .lmc-cta {
        align-items: flex-start;
        margin-top: 33px !important;
    }
}

/* ==========================================================================
   06. FICHA DE SERVICIO
   ========================================================================== */
/* Estilos del contenedor .lamartel-servicio-page y de sus componentes .lmd-*. */

/* Variables de color y estilos base limitados a la ficha de servicio. */
.lamartel-servicio-page {
    --lmd-blue: #2d4f6c;
    --lmd-muted: #657681;
    --lmd-line: #d8e0e6;
    color: var(--lmd-blue);
    isolation: isolate;
}

.lamartel-servicio-page :where(*,*::before,*::after) {
    box-sizing: border-box;
}

.lamartel-servicio-page :where(h1,h2,h3,p) {
    margin: 0;
}

.lamartel-servicio-page :where(p+p) {
    margin-top: 14px;
}

.lamartel-servicio-page :where(img) {
    display: block;
    max-width: 100%;
}

.lamartel-servicio-page :where(a) {
    text-decoration: none;
}

.lamartel-servicio-page .elementor-heading-title a {
    color: inherit;
}

.lamartel-servicio-page :where(.lmd-widget,.lmd-container) {
    min-width: 0;
}

.lamartel-servicio-page :where(.elementor-widget-container) {
    width: 100%;
}

.lamartel-servicio-page .lmd-system {
    display: none !important;
}

/* Foco visible y enlaces subrayados dentro de los párrafos. */
.lamartel-servicio-page :where(a:focus-visible,summary:focus-visible) {
    outline: 2px solid var(--lmd-blue);
    outline-offset: 5px;
}

.lamartel-servicio-page :where(p a) {
    color: var(--lmd-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Migas de pan: separación superior, enlaces y separadores. */
.lamartel-servicio-page .lmd-breadcrumb {
    padding-top: 20px;
    opacity: .8;
}

.lamartel-servicio-page .lmd-breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.lamartel-servicio-page .lmd-breadcrumb span {
    margin: 0 9px;
    color: #a1afba;
}

/* Botones y variantes de texto. */
.lamartel-servicio-page :where(.elementor-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    text-decoration: none;
    border: 1px solid transparent;
}

.lamartel-servicio-page .lmd-button .elementor-button:hover {
    opacity: .8;
}

.lamartel-servicio-page .lmd-text-button :where(.elementor-button) {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
}

/* Cabecera visual: ilustración de fondo y fotografía principal. */
.lamartel-servicio-page .lmd-hero-art {
    position: relative;
    isolation: isolate;
    align-self: stretch;
    justify-content: center;
    min-height: 430px;
}

.lamartel-servicio-page .lmd-lineart {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100%;
    opacity: .46;
    z-index: -1;
}

.lamartel-servicio-page .lmd-lineart :where(.elementor-widget-container) {
    height: 100%;
}

.lamartel-servicio-page .lmd-lineart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lamartel-servicio-page .lmd-hero-photo {
    width: 88% !important;
    margin-left: auto !important;
    border: 8px solid #fff;
}

.lamartel-servicio-page .lmd-hero-photo img {
    width: 100%;
    aspect-ratio: 1/1.03;
    object-fit: cover;
    object-position: center;
}

/* Navegación interna y margen de desplazamiento a las secciones. */
.lamartel-servicio-page .lmd-nav-link {
    flex: 1;
    text-align: center;
}

.lamartel-servicio-page .lmd-nav-link .elementor-button {
    display: flex;
    padding: 13px 12px;
    font-size: 12px;
    font-weight: 500;
}

.lamartel-servicio-page .lmd-nav-link+.lmd-nav-link {
    border-left: 1px dashed var(--lmd-line);
}

.lamartel-servicio-page :where(.lmd-scope,.lmd-renewal,.lmd-process,.lmd-benefits,.lmd-faq,.lmd-cta) {
    scroll-margin-top: 100px;
}

/* Regla original desactivada: límite de ancho del h2. Se conserva comentada. */
/*.lamartel-servicio-page .lmd-section-heading h2{max-width:710px}*/

/* Componentes del servicio: separación, bordes y numeración. */
.lamartel-servicio-page .lmd-components {
    column-gap: 30px !important;
    row-gap: 25px !important;
}

.lamartel-servicio-page .lmd-component {
    border-top: 1px dashed var(--lmd-line);
    padding-top: 16px;
}

.lamartel-servicio-page .lmd-number {
    color: #8b9bac;
}

/* Ejecución: fotografía y bloque de comprobaciones. */
.lamartel-servicio-page .lmd-execution-photo img {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    object-position: center;
}

.lamartel-servicio-page .lmd-checks {
    border-top: 1px dashed #cbd6de;
    padding-top: 22px;
    margin-top: 6px !important;
}

/* Sectores: separación de la rejilla y borde superior de cada elemento. */
.lamartel-servicio-page .lmd-sector-grid {
    column-gap: 28px !important;
    row-gap: 28px !important;
}

.lamartel-servicio-page .lmd-sector {
    border-top: 1px dashed var(--lmd-line);
    padding-top: 25px;
}

/* Proceso de trabajo: margen de sección, pasos y numeración. */
.lamartel-servicio-page .lmd-process {
    margin-top: 42px !important;
}

.lamartel-servicio-page .lmd-steps {
    column-gap: 25px !important;
}

.lamartel-servicio-page .lmd-step {
    padding-top: 20px;
    border-top: 1px solid #c8d3dc;
}

.lamartel-servicio-page .lmd-step-number {
    opacity: .52;
}

/* Beneficios: rejilla, separadores y fotografía de apoyo. */
.lamartel-servicio-page .lmd-benefit-grid {
    column-gap: 29px !important;
    row-gap: 22px !important;
}

.lamartel-servicio-page .lmd-benefit-point {
    padding-top: 14px;
    border-top: 1px dashed var(--lmd-line);
}

.lamartel-servicio-page .lmd-benefit-photo img {
    width: 100%;
    aspect-ratio: 3/4.1;
    object-fit: cover;
    object-position: center;
}

/* Separación del bloque de motivos para elegir el servicio. */
.lamartel-servicio-page .lmd-why {
    margin-top: 10px !important;
}

/* Preguntas frecuentes: acordeón de Elementor y elementos details. */
.lamartel-servicio-page .lmd-faq-widget {
    width: 100%;
}

.lamartel-servicio-page .lmd-faq-widget .elementor-accordion-item,
.lamartel-servicio-page .lmd-faq-widget details {
    border: 0;
    border-bottom: 1px dashed var(--lmd-line);
    margin: 0;
    padding: 0;
}

.lamartel-servicio-page .lmd-faq-widget .elementor-tab-title {
    margin: 0;
    line-height: 1.6;
}

.lamartel-servicio-page .lmd-faq-widget .elementor-accordion-icon {
    font-size: 12px;
}

.lamartel-servicio-page .lmd-faq-widget .elementor-tab-content {
    border: 0;
    line-height: 1.85;
}

/* Desplegables nativos: encabezado, marcador propio y símbolos de apertura y cierre. */
.lamartel-servicio-page .lmd-faq-widget summary {
    list-style: none;
    cursor: pointer;
    padding: 21px 27px 21px 0;
    position: relative;
}

.lamartel-servicio-page .lmd-faq-widget summary::-webkit-details-marker {
    display: none;
}

.lamartel-servicio-page .lmd-faq-widget summary h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--lmd-blue);
    letter-spacing: 0;
}

.lamartel-servicio-page .lmd-faq-widget summary::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 22px;
    color: #8b9bac;
}

.lamartel-servicio-page .lmd-faq-widget details[open] summary::after {
    content: '−';
}

/* Texto de las respuestas. */
.lamartel-servicio-page .lmd-faq-answer {
    padding: 0 24px 22px 0;
    font-size: 14px;
    line-height: 1.85;
    color: var(--lmd-muted);
}

/* Enlaces de las guías: distribución, flecha y subrayado al pasar el cursor. */
.lamartel-servicio-page .lmd-guide-title a {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.lamartel-servicio-page .lmd-guide-title a::after {
    content: '↗';
    flex: none;
    color: #8b9bac;
    font-size: 22px;
    font-weight: 300;
}

.lamartel-servicio-page .lmd-guide-title a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Llamada a la acción: antetítulo, disposición de las acciones y teléfono. */
.lamartel-servicio-page .lmd-cta {
    margin-top: 42px !important;
}

.lamartel-servicio-page .lmd-cta .lmd-eyebrow {
    color: #b8cad7 !important;
}

.lamartel-servicio-page .lmd-cta .lmd-eyebrow p {
    color: inherit;
}

.lamartel-servicio-page .lmd-cta-actions {
    flex-shrink: 0;
    align-items: flex-start;
}

.lamartel-servicio-page .lmd-phone a {
    color: inherit;
}

/* Hasta 1024 px: ajuste de cabecera, sectores, proceso y separación entre bloques. */
@media (max-width: 1024px) {
    .lamartel-servicio-page .lmd-hero-art {
        min-height: 365px;
    }

    .lamartel-servicio-page .lmd-execution-layout {
        gap: 29px;
    }

    .lamartel-servicio-page .lmd-steps {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        row-gap: 28px !important;
    }

    .lamartel-servicio-page .lmd-sector-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        column-gap: 22px !important;
    }

    .lamartel-servicio-page .lmd-benefit-layout {
        gap: 30px;
    }

    .lamartel-servicio-page .lmd-faq-layout {
        gap: 28px;
    }
}

/* Hasta 767 px: adaptación de la ficha de servicio. */
@media (max-width: 767px) {
    /* Migas de pan y cabecera visual. */
    .lamartel-servicio-page .lmd-breadcrumb {
        padding-top: 14px;
    }

    .lamartel-servicio-page .lmd-hero-art {
        min-height: 295px;
        max-height: 370px;
    }

    .lamartel-servicio-page .lmd-hero-photo {
        width: 80% !important;
        max-width: 320px;
    }

    .lamartel-servicio-page .lmd-hero-photo img {
        max-height: 350px;
    }

    /* Navegación en dos columnas con separadores adaptados. */
    .lamartel-servicio-page .lmd-nav-link {
        flex: 0 0 50%;
    }

    .lamartel-servicio-page .lmd-nav-link .elementor-button {
        font-size: 11px;
        padding: 13px 7px;
    }

    .lamartel-servicio-page .lmd-nav-link:nth-child(3) {
        border-left: 0;
    }

    .lamartel-servicio-page .lmd-nav-link:nth-child(-n+2) {
        border-bottom: 1px dashed var(--lmd-line);
    }

    /* Alcance y ejecución: espacios y encuadre de la fotografía. */
    .lamartel-servicio-page .lmd-scope-layout {
        gap: 25px;
    }

    .lamartel-servicio-page .lmd-execution-photo img {
        aspect-ratio: 4/3;
        max-height: 365px;
        object-position: center 60%;
    }

    .lamartel-servicio-page .lmd-execution-layout {
        gap: 26px;
    }

    .lamartel-servicio-page .lmd-execution-copy {
        gap: 16px;
    }

    /* Sectores en una columna, renovación y pasos del proceso. */
    .lamartel-servicio-page .lmd-sector-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    .lamartel-servicio-page .lmd-sector {
        padding-top: 23px;
    }

    .lamartel-servicio-page .lmd-renewal {
        gap: 22px;
    }

    .lamartel-servicio-page .lmd-process {
        margin-top: 30px !important;
    }

    .lamartel-servicio-page .lmd-steps {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .lamartel-servicio-page .lmd-step {
        gap: 11px;
    }

    /* Beneficios, motivos, ubicación, preguntas frecuentes y guías. */
    .lamartel-servicio-page .lmd-benefit-photo img {
        aspect-ratio: 4/3;
        max-height: 365px;
        object-position: center 42%;
    }

    .lamartel-servicio-page .lmd-why {
        gap: 21px;
    }

    .lamartel-servicio-page .lmd-location {
        gap: 21px;
    }

    .lamartel-servicio-page .lmd-faq-layout {
        gap: 24px;
    }

    .lamartel-servicio-page .lmd-guides {
        gap: 25px !important;
    }

    .lamartel-servicio-page .lmd-guide+.lmd-guide {
        border-top: 1px dashed var(--lmd-line);
        padding-top: 23px;
    }

    /* Llamada a la acción: alineación y separación superior. */
    .lamartel-servicio-page .lmd-cta {
        align-items: flex-start;
        margin-top: 32px !important;
    }
}

/* ==========================================================================
   07. INICIO: PROPUESTA Y CONTENIDO
   ========================================================================== */
/*
 * Estilos de .lamartel-home-propuesta y sus componentes .lmh-*, precedidos por la
 * utilidad global .titulo.
 */

/* Utilidad global .titulo: configuración de dos líneas y ancho máximo para sus enlaces. */
.titulo a {
    line-height: 1.3;
    min-height: 2.6em;
    text-wrap: balance;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 248px;
}

/* Variables de color y estilos base limitados a .lamartel-home-propuesta. */
.lamartel-home-propuesta {
    --lmh-blue: #2d4f6c;
    --lmh-muted: #657681;
    --lmh-line: #d8e0e6;
    color: var(--lmh-blue);
    isolation: isolate;
}

.lamartel-home-propuesta :where(*,*::before,*::after) {
    box-sizing: border-box;
}

.lamartel-home-propuesta :where(h1,h2,h3,p) {
    margin: 0;
}

.lamartel-home-propuesta :where(p+p) {
    margin-top: 13px;
}

.lamartel-home-propuesta :where(img) {
    display: block;
    max-width: 100%;
}

.lamartel-home-propuesta :where(a) {
    text-decoration: none;
}

.lamartel-home-propuesta .elementor-heading-title a {
    color: inherit;
}

.lamartel-home-propuesta :where(.lmh-widget,.lmh-container) {
    min-width: 0;
}

.lamartel-home-propuesta :where(.elementor-widget-container) {
    width: 100%;
}

.lamartel-home-propuesta .lmh-system {
    display: none !important;
}

/* Foco visible en enlaces y botones. */
.lamartel-home-propuesta :where(a:focus-visible,button:focus-visible) {
    outline: 2px solid var(--lmh-blue);
    outline-offset: 5px;
}

/*
 * Botones de Elementor: variantes de texto, estado al pasar el cursor y flecha
 * decorativa.
 */
.lamartel-home-propuesta :where(.elementor-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    text-decoration: none;
    border: 1px solid transparent;
}

.lamartel-home-propuesta .lmh-text-button :where(.elementor-button) {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
}

.lamartel-home-propuesta .lmh-button .elementor-button:hover {
    opacity: .8;
}

.lamartel-home-propuesta .lmh-arrow-link .elementor-button::after {
    content: '↗';
    margin-left: 12px;
    color: #8b9bac;
    font-size: 18px;
}

/* Cabecera: imagen de fondo, contenido superpuesto y nota secundaria. */
.lamartel-home-propuesta .lmh-hero {
    position: relative;
    isolation: isolate;
}

.lamartel-home-propuesta .lmh-hero-visual {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

.lamartel-home-propuesta .lmh-hero-visual .elementor-widget-container {
    height: 100%;
}

.lamartel-home-propuesta .lmh-hero-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

.lamartel-home-propuesta .lmh-hero-copy {
    position: relative;
}

.lamartel-home-propuesta .lmh-hero-note {
    opacity: .72;
}

/* Botones de ventanas emergentes: estilo común y variantes de cabecera y proyectos. */
.lamartel-home-propuesta .lmh-popup {
    width: auto !important;
    flex-shrink: 0;
}

.lamartel-home-propuesta .lmh-popup .btn {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.lamartel-home-propuesta .lmh-popup-cabecera .btn {
    background: #2d4f6c;
    color: #fff;
    border: 1px solid #2d4f6c;
    border-radius: 0;
    padding: 16px 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.lamartel-home-propuesta .lmh-popup-proyectos .btn {
    color: #2d4f6c;
}

/* Navegación interna: distribución, separadores y margen de anclaje. */
.lamartel-home-propuesta .lmh-nav-link {
    flex: 1;
    text-align: center;
}

.lamartel-home-propuesta .lmh-nav-link .elementor-button {
    display: flex;
    padding: 13px 12px;
    font-size: 12px;
}

.lamartel-home-propuesta .lmh-nav-link+.lmh-nav-link {
    border-left: 1px dashed var(--lmh-line);
}

.lamartel-home-propuesta :where(.lmh-services,.lmh-bridge,.lmh-projects,.lmh-process,.lmh-advantages) {
    scroll-margin-top: 100px;
}

/* Rejilla de servicios: espacios, tarjetas, iconos y altura de los títulos. */
.lamartel-home-propuesta .lmh-service-grid {
    column-gap: 0 !important;
    row-gap: 0 !important;
}

.lamartel-home-propuesta .lmh-service {
    padding: 44px 28px 44px;
    align-items: center;
    border-right: 1px dashed var(--lmh-line);
}

.lamartel-home-propuesta .lmh-service-icon {
    width: 45px !important;
    margin-bottom: 3px !important;
}

.lamartel-home-propuesta .lmh-service-icon img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    filter: invert(26%) sepia(18%) saturate(1460%) hue-rotate(164deg) brightness(93%) contrast(87%);
}

.lamartel-home-propuesta .lmh-service-title {
    text-align: center;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Separadores de la rejilla base y color de los enlaces al pasar el cursor. */
.lamartel-home-propuesta .lmh-service:nth-child(3n) {
    border-right: 0;
}

.lamartel-home-propuesta .lmh-service:nth-child(-n+3) {
    border-bottom: 1px dashed var(--lmh-line);
}

.lamartel-home-propuesta .lmh-service-title a:hover {
    color: #657681;
}

/* Descripción y enlaces relacionados: ancho completo y alineación inferior. */
.lamartel-home-propuesta .lmh-service-description {
    width: 100%;
}

.lamartel-home-propuesta .lmh-service-related {
    margin-top: auto !important;
    padding-top: 3px;
    color: #8193a1;
    width: 100%;
}

.lamartel-home-propuesta .lmh-service-related a {
    color: #2d4f6c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Imagen de cobertura: ancho completo y altura proporcional. */
.lamartel-home-propuesta .lmh-coverage-image img {
    width: 100%;
    height: auto;
}

/* Bloques de públicos: fondo ilustrado y fotografía superpuesta. */
.lamartel-home-propuesta .lmh-audience-art {
    position: relative;
    isolation: isolate;
    height: 315px;
    justify-content: center;
}

.lamartel-home-propuesta .lmh-audience-back {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100%;
    z-index: -1;
    opacity: .38;
}

.lamartel-home-propuesta .lmh-audience-back .elementor-widget-container {
    height: 100%;
}

.lamartel-home-propuesta .lmh-audience-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lamartel-home-propuesta .lmh-audience-front {
    width: 57% !important;
    margin-left: auto !important;
    border: 7px solid white;
}

/* Variante .lmh-home: desplaza la fotografía al lado izquierdo. */
.lamartel-home-propuesta .lmh-home .lmh-audience-front {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.lamartel-home-propuesta .lmh-audience-front img {
    width: 100%;
    height: 295px;
    object-fit: cover;
    object-position: center;
}

/* Enlaces por público: separadores, alineación, flecha y subrayado al pasar el cursor. */
.lamartel-home-propuesta .lmh-audience-links {
    margin-top: 2px !important;
}

.lamartel-home-propuesta .lmh-audience-link {
    border-bottom: 1px dashed var(--lmh-line);
    padding: 10px 0;
}

.lamartel-home-propuesta .lmh-audience-link a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.lamartel-home-propuesta .lmh-audience-link a::after {
    content: '↗';
    font-size: 15px;
    color: #8b9bac;
    flex: none;
}

.lamartel-home-propuesta .lmh-audience-link a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Contenedores de proyectos y blog; separación del contacto asociado a proyectos. */
.lamartel-home-propuesta .lmh-portfolio,
.lamartel-home-propuesta .lmh-blog {
    width: 100%;
    min-width: 0;
}

.wd-project .wd-entities-title {
    font-size: 20px;
}

.post-type-archive-portfolio #main-content {
    margin-bottom: 40px;
}

.lamartel-home-propuesta .lmh-project-contact {
    padding-top: 4px;
}

/* Proceso de trabajo: rejilla, borde superior y numeración de los pasos. */
.lamartel-home-propuesta .lmh-steps {
    column-gap: 28px !important;
    row-gap: 28px !important;
}

.lamartel-home-propuesta .lmh-step {
    border-top: 1px solid #c8d3dc;
    padding-top: 20px;
}

.lamartel-home-propuesta .lmh-step-number {
    opacity: .55;
}

/*
 * Composición de fotografías: planificación arriba a la izquierda e instalación abajo a
 * la derecha.
 */
.lamartel-home-propuesta .lmh-work-collage {
    position: relative;
    height: 520px;
    isolation: isolate;
}

.lamartel-home-propuesta .lmh-planning-image {
    width: 58% !important;
    position: absolute !important;
    top: 0;
    left: 0;
}

.lamartel-home-propuesta .lmh-install-image {
    width: 58% !important;
    position: absolute !important;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-color: #f9fafb;
    border-width: 5px 0 5px 5px;
}

.lamartel-home-propuesta .lmh-planning-image img {
    width: 100%;
    height: 380px;
    object-fit: cover;
}

.lamartel-home-propuesta .lmh-install-image img {
    width: 100%;
    height: 345px;
    object-fit: cover;
}

/* Ventajas, nota de las guías y espacio interior del botón de marca. */
.lamartel-home-propuesta .lmh-advantage+.lmh-advantage {
    padding-top: 22px;
    border-top: 1px dashed var(--lmh-line);
}

.lamartel-home-propuesta .lmh-guides-note {
    max-width: 410px;
}

.lamartel-home-propuesta .lmh-brand .elementor-button {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Hasta 1200 px: servicios en dos columnas y separadores adaptados. */
@media (max-width: 1200px) {
    .lamartel-home-propuesta .lmh-service-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    .lamartel-home-propuesta .lmh-service {
        border-right: 0;
        border-bottom: 1px dashed var(--lmh-line);
        padding: 24px 17px;
    }

    .lamartel-home-propuesta .lmh-service:nth-child(odd) {
        border-right: 1px dashed var(--lmh-line);
    }

    .lamartel-home-propuesta .lmh-service:nth-last-child(-n+2) {
        border-bottom: 0;
    }
}

/* Hasta 1024 px: cabecera en flujo normal y adaptación de servicios, públicos y proceso. */
@media (max-width: 1024px) {
    /* Cabecera: imagen después del texto y altura visual reducida. */
    .lamartel-home-propuesta .lmh-hero {
        min-height: 0;
    }

    .lamartel-home-propuesta .lmh-hero-copy {
        order: 0;
    }

    .lamartel-home-propuesta .lmh-hero-visual {
        position: relative !important;
        inset: auto !important;
        order: 1;
        height: 340px;
        width: 100% !important;
        z-index: 0;
    }

    .lamartel-home-propuesta .lmh-hero-visual img {
        object-position: right center;
    }

    /* Servicios y públicos: separación y tamaño de las fotografías. */
    .lamartel-home-propuesta .lmh-service {
        padding: 26px 18px;
    }

    .lamartel-home-propuesta .lmh-audiences {
        column-gap: 35px !important;
    }

    .lamartel-home-propuesta .lmh-audience-art {
        height: 285px;
    }

    .lamartel-home-propuesta .lmh-audience-front {
        width: 70% !important;
    }

    .lamartel-home-propuesta .lmh-audience-front img {
        height: 270px;
    }

    /* Proceso en dos columnas y ajuste de ventajas, composición fotográfica y marca. */
    .lamartel-home-propuesta .lmh-steps {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    .lamartel-home-propuesta .lmh-advantages-layout {
        gap: 30px;
    }

    .lamartel-home-propuesta .lmh-work-collage {
        height: 500px;
    }

    .lamartel-home-propuesta .lmh-brand {
        gap: 30px;
    }
}

/* Hasta 767 px: adaptación del contenido de la página de inicio. */
@media (max-width: 767px) {
    /* Cabecera: espacio superior, texto e imagen en flujo normal. */
    .lamartel-home-propuesta .lmh-hero {
        min-height: 0;
        padding-top: 30px;
        padding-bottom: 0;
        gap: 25px;
    }

    .lamartel-home-propuesta .lmh-hero-copy {
        width: 100%;
        order: 0;
    }

    .lamartel-home-propuesta .lmh-hero-visual {
        position: relative !important;
        inset: auto !important;
        order: 1;
        height: 275px;
        width: 100% !important;
        z-index: 0;
    }

    .lamartel-home-propuesta .lmh-hero-visual img {
        object-fit: cover;
        object-position: right center;
    }

    /* Navegación en dos columnas con separadores adaptados. */
    .lamartel-home-propuesta .lmh-nav-link {
        flex: 0 0 50%;
    }

    .lamartel-home-propuesta .lmh-nav-link .elementor-button {
        font-size: 11px;
        padding: 13px 7px;
    }

    .lamartel-home-propuesta .lmh-nav-link:nth-child(3) {
        border-left: 0;
    }

    .lamartel-home-propuesta .lmh-nav-link:nth-child(-n+2) {
        border-bottom: 1px dashed var(--lmh-line);
    }

    /* Encabezados y rejilla de servicios en dos columnas. */
    .lamartel-home-propuesta .lmh-heading-row {
        gap: 20px;
        align-items: flex-start;
    }

    .lamartel-home-propuesta .lmh-service-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    .lamartel-home-propuesta .lmh-service {
        border-right: 0;
        border-bottom: 1px dashed var(--lmh-line);
        padding: 24px 17px;
    }

    .lamartel-home-propuesta .lmh-service:nth-child(odd) {
        border-right: 1px dashed var(--lmh-line);
    }

    .lamartel-home-propuesta .lmh-service:nth-last-child(-n+2) {
        border-bottom: 0;
    }

    /* Bloque de enlace, cobertura y contenido para cada público. */
    .lamartel-home-propuesta .lmh-bridge {
        gap: 15px;
        padding-top: 0;
    }

    .lamartel-home-propuesta .lmh-coverage-image {
        width: 100%;
        max-width: 420px;
        align-self: center;
    }

    .lamartel-home-propuesta .lmh-audiences {
        gap: 45px !important;
        padding-bottom: 35px;
    }

    .lamartel-home-propuesta .lmh-audience-art {
        height: 290px;
    }

    .lamartel-home-propuesta .lmh-audience-front {
        width: 64% !important;
    }

    .lamartel-home-propuesta .lmh-audience-front img {
        height: 280px;
    }

    /* Contacto de proyectos y proceso de trabajo en una columna. */
    .lamartel-home-propuesta .lmh-project-contact {
        align-items: flex-start;
        gap: 12px;
    }

    .lamartel-home-propuesta .lmh-project-contact .btn {
        font-size: 13px;
    }

    .lamartel-home-propuesta .lmh-steps {
        grid-template-columns: 1fr !important;
    }

    /* Ventajas: orden inverso de columnas y dimensiones de la composición fotográfica. */
    .lamartel-home-propuesta .lmh-advantages-layout {
        gap: 28px;
        flex-direction: column-reverse;
    }

    .lamartel-home-propuesta .lmh-work-collage {
        height: 365px;
        width: 100%;
    }

    .lamartel-home-propuesta .lmh-planning-image img {
        height: 280px;
    }

    .lamartel-home-propuesta .lmh-install-image img {
        height: 260px;
    }

    /* Marca: separación entre elementos y relleno vertical. */
    .lamartel-home-propuesta .lmh-brand {
        gap: 20px;
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

/*
 * Hasta 540 px: servicios en una columna, separadores horizontales y texto alineado a la
 * izquierda.
 */
@media (max-width: 540px) {
    .lamartel-home-propuesta .lmh-service-grid {
        grid-template-columns: 1fr !important;
    }

    .lamartel-home-propuesta .lmh-service {
        padding: 25px 0;
        border-right: 0 !important;
        border-bottom: 1px dashed var(--lmh-line) !important;
    }

    .lamartel-home-propuesta .lmh-service:last-child {
        border-bottom: 0 !important;
    }

    .lamartel-home-propuesta .lmh-service-title {
        min-height: 0;
    }

    .lamartel-home-propuesta .lmh-service-description,
    .lamartel-home-propuesta .lmh-service-related {
        text-align: left;
    }
}

/* ==========================================================================
   08. PÁGINA DE EMPRESA
   ========================================================================== */
/* Estilos del contenedor .lamartel-empresa-page y de sus componentes .lme-*. */

/* Variables de color y estilos base limitados a la página de empresa. */
.lamartel-empresa-page {
    --lme-blue: #2d4f6c;
    --lme-muted: #657681;
    --lme-line: #d8e0e6;
    color: var(--lme-blue);
    isolation: isolate;
}

.lamartel-empresa-page :where(*,*::before,*::after) {
    box-sizing: border-box;
}

.lamartel-empresa-page :where(h1,h2,h3,p) {
    margin: 0;
}

.lamartel-empresa-page :where(p+p) {
    margin-top: 14px;
}

.lamartel-empresa-page :where(img) {
    display: block;
    max-width: 100%;
}

.lamartel-empresa-page :where(a) {
    text-decoration: none;
}

.lamartel-empresa-page :where(p a) {
    color: var(--lme-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.lamartel-empresa-page .elementor-heading-title a {
    color: inherit;
}

.lamartel-empresa-page :where(.lme-widget,.lme-container) {
    min-width: 0;
}

.lamartel-empresa-page :where(.elementor-widget-container) {
    width: 100%;
}

.lamartel-empresa-page .lme-system {
    display: none !important;
}

/* Foco visible en los enlaces. */
.lamartel-empresa-page :where(a:focus-visible) {
    outline: 2px solid var(--lme-blue);
    outline-offset: 5px;
}

/* Botones: estilo base, interacción y variante de texto con flecha. */
.lamartel-empresa-page :where(.elementor-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    border: 1px solid transparent;
}

.lamartel-empresa-page .lme-button .elementor-button:hover {
    opacity: .8;
}

.lamartel-empresa-page .lme-text-button .elementor-button {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    justify-content: flex-start;
    gap: 17px;
}

.lamartel-empresa-page .lme-text-button .elementor-button::after {
    content: '↗';
    color: #8b9bac;
    font-size: 19px;
    font-weight: 400;
}

/* Migas de pan: separación superior, enlaces y separadores. */
.lamartel-empresa-page .lme-breadcrumb {
    padding-top: 20px;
    opacity: .8;
}

.lamartel-empresa-page .lme-breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.lamartel-empresa-page .lme-breadcrumb span {
    margin: 0 9px;
    color: #a1afba;
}

/* Cabecera visual: ilustración de fondo y fotografía principal. */
.lamartel-empresa-page .lme-hero-art {
    position: relative;
    isolation: isolate;
    align-self: stretch;
    justify-content: center;
    min-height: 460px;
}

.lamartel-empresa-page .lme-lineart {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100%;
    opacity: .43;
    z-index: -1;
}

.lamartel-empresa-page .lme-lineart :where(.elementor-widget-container) {
    height: 100%;
}

.lamartel-empresa-page .lme-lineart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lamartel-empresa-page .lme-hero-photo {
    width: 86% !important;
    margin-left: auto !important;
    border: 8px solid white;
}

.lamartel-empresa-page .lme-hero-photo img {
    width: 100%;
    aspect-ratio: 4/4.7;
    object-fit: cover;
    object-position: 52% center;
}

/* Origen y encabezados: color del principio y ancho del h2. */
.lamartel-empresa-page .lme-origin-principle {
    color: var(--lme-blue);
}

.lamartel-empresa-page .lme-heading h2 {
    max-width: 760px;
}

/* Método y relación: margen de anclaje; fotografía del método de trabajo. */
.lamartel-empresa-page :where(.lme-method,.lme-relationship) {
    scroll-margin-top: 100px;
}

.lamartel-empresa-page .lme-method-photo img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    object-position: center;
}

/* Principios: separadores, columna numérica y distribución del texto. */
.lamartel-empresa-page .lme-principle+.lme-principle {
    border-top: 1px dashed var(--lme-line);
    padding-top: 24px;
}

.lamartel-empresa-page .lme-number {
    width: 37px !important;
    flex: 0 0 37px;
    opacity: .6;
}

.lamartel-empresa-page .lme-principle-copy {
    flex: 1;
}

/* Áreas de actividad: bordes y espacio del primer y último elemento. */
.lamartel-empresa-page .lme-area {
    padding: 21px 0;
    border-bottom: 1px dashed var(--lme-line);
}

.lamartel-empresa-page .lme-area:first-child {
    padding-top: 0;
}

.lamartel-empresa-page .lme-area:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

/* Enlaces de las áreas: alineación, flecha y subrayado al pasar el cursor. */
.lamartel-empresa-page .lme-area-link a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
}

.lamartel-empresa-page .lme-area-link a::after {
    content: '↗';
    flex: none;
    font-size: 20px;
    font-weight: 300;
    color: #8b9bac;
}

.lamartel-empresa-page .lme-area-link a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Relación y compromisos: borde de sección y separación de la rejilla. */
.lamartel-empresa-page .lme-relationship {
    border-top: 1px solid var(--lme-line);
}

.lamartel-empresa-page .lme-commitment-grid {
    column-gap: 60px !important;
    row-gap: 28px !important;
}

.lamartel-empresa-page .lme-commitment {
    padding-top: 20px;
    border-top: 1px dashed var(--lme-line);
}

/* Mantenimiento: margen de sección, proporción y encuadre de la fotografía. */
.lamartel-empresa-page .lme-maintenance {
    margin-top: 10px !important;
}

.lamartel-empresa-page .lme-maintenance-photo img {
    width: 100%;
    aspect-ratio: 4/4.5;
    max-height: 480px;
    object-fit: cover;
    object-position: center 55%;
}

/* Contacto: antetítulo, acciones y enlace telefónico. */
.lamartel-empresa-page .lme-contact .lme-eyebrow {
    color: #b8cad7 !important;
}

.lamartel-empresa-page .lme-contact .lme-eyebrow p {
    color: inherit;
}

.lamartel-empresa-page .lme-contact-actions {
    flex-shrink: 0;
    align-items: flex-start;
}

.lamartel-empresa-page .lme-phone a {
    color: inherit;
}

/* Hasta 1024 px: altura de cabecera y separación de la rejilla de compromisos. */
@media (max-width: 1024px) {
    .lamartel-empresa-page .lme-hero-art {
        min-height: 400px;
    }

    .lamartel-empresa-page .lme-commitment-grid {
        column-gap: 35px !important;
    }
}

/* Hasta 767 px: adaptación de la página de empresa. */
@media (max-width: 767px) {
    /* Migas de pan y cabecera visual. */
    .lamartel-empresa-page .lme-breadcrumb {
        padding-top: 14px;
    }

    .lamartel-empresa-page .lme-hero-art {
        min-height: 310px;
        max-height: 380px;
    }

    .lamartel-empresa-page .lme-hero-photo {
        width: 82% !important;
        max-width: 320px;
    }

    .lamartel-empresa-page .lme-hero-photo img {
        max-height: 355px;
    }

    /* Método y principios: encuadre de la fotografía y ancho de la numeración. */
    .lamartel-empresa-page .lme-method-photo img {
        aspect-ratio: 4/3;
        max-height: 340px;
        object-position: center 41%;
    }

    .lamartel-empresa-page .lme-number {
        width: 29px !important;
        flex-basis: 29px;
    }

    .lamartel-empresa-page .lme-principle {
        gap: 15px;
    }

    /* Áreas, compromisos, fotografía de mantenimiento y alineación del contacto. */
    .lamartel-empresa-page .lme-area-link a {
        gap: 14px;
    }

    .lamartel-empresa-page .lme-commitment-grid {
        row-gap: 26px !important;
    }

    .lamartel-empresa-page .lme-maintenance-photo img {
        aspect-ratio: 4/3;
        max-height: 340px;
        object-position: center 60%;
    }

    .lamartel-empresa-page .lme-contact {
        align-items: flex-start;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.lamartel-servicios__item h3 {
	font-size: 20px;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.lamartel-servicios__item h3 {
	font-size: 18px;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
    font-size: 28px;
}
}

@media (max-width: 576px) {
	.lamartel-servicios__item h3 {
	font-size: 18px;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
    font-size: 28px;
}
}