/* Start custom CSS for manufacto_service_detail_v2, class: .elementor-element-14064e4 */#manufacto_our_brochures-1,
.brochure-widget {
    display: none !important;
}

/* Ocultar completamente la columna izquierda */
.sidebar-page-container .sidebar-side {
    display: none !important;
}

/* Expandir el contenido para ocupar todo el ancho */
.sidebar-page-container .content-side {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.sidebar-page-container .solution-single {
    margin-left: 0 !important;
}


/* Traducir items de la lista */
.brouchers li a {
    visibility: hidden;
    position: relative;
    font-size: 0 !important;
}

.brouchers li a:after {
    visibility: visible;
    font-size: 16px;
    display: inline-block;
}

/* Traducir item 1 */
.brouchers li:nth-child(1) a:after { content: "Servicios (PDF)"; }
/* Traducir item 2 */
.brouchers li:nth-child(2) a:after { content: "Certificaciones (PDF)"; }
/* Traducir item 3 */
.brouchers li:nth-child(3) a:after { content: "Tecnología CNC (PDF)"; }


/* 1. Proteger la fuente de los iconos de proceso (Flaticon) */
.process-block .icon-box span.icon[class*="flaticon-"]::before {
    font-family: "Flaticon" !important;
    font-style: normal !important;
    font-weight: normal !important;
}

/* 2. Proteger iconos de FontAwesome (si usas algunos en ese bloque) */
.process-block .icon-box span.icon.fa::before,
.process-block .icon-box span.icon.fab::before,
.process-block .icon-box span.icon.fas::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* 3. Neutralizar la interferencia de ElementsKit solo en este widget */
.process-block .icon-box .icon {
    font-family: inherit !important; /* Que use la que le corresponde por clase */
}/* End custom CSS */
/* Start custom CSS *//* Agrandar el título principal del banner */
.breadcrumb-area .page-title h1, 
.page-title h1, 
.breadcrumb-area h1 {
    color: #ffffff !important;
    font-size: 55px !important; /* Tamaño aumentado (ajusta si lo quieres más grande) */
    font-weight: 800 !important; /* Más negrita para que se vea imponente */
    text-transform: uppercase !important; /* Todo en mayúsculas para estilo industrial */
    letter-spacing: 2px !important; /* Espaciado entre letras para mejor legibilidad */
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.6); /* Sombra más marcada para resaltar el blanco */
}

/* Ajuste para que en celulares no se corte la palabra */
@media (max-width: 768px) {
    .breadcrumb-area .page-title h1, 
    .page-title h1 {
        font-size: 35px !important;
    }
}/* End custom CSS */