.elementor-1171 .elementor-element.elementor-element-b450431{--display:flex;--min-height:220px;--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;}.elementor-1171 .elementor-element.elementor-element-b450431:not(.elementor-motion-effects-element-type-background), .elementor-1171 .elementor-element.elementor-element-b450431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1220;}.elementor-1171 .elementor-element.elementor-element-b2b4201{--display:flex;}.elementor-1171 .elementor-element.elementor-element-ac7d4b0{--display:flex;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1171 .elementor-element.elementor-element-6dca402{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:end;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-1171:not(.elementor-motion-effects-element-type-background), body.elementor-page-1171 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FB;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1171 .elementor-element.elementor-element-6dca402{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1171 .elementor-element.elementor-element-6dca402{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-6dca402 *//* =========================================
   GRID DE MARCAS - TECNOBODEGA
========================================= */

/* CONTENEDOR GRID */
.elementor-1171 .elementor-element.elementor-element-6dca402 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 34px;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 40px 20px;
}

/* TARJETAS */
.elementor-1171 .elementor-element.elementor-element-6dca402 .e-con,
.elementor-1171 .elementor-element.elementor-element-6dca402 .elementor-element {
    background: #ffffff;
    border-radius: 18px;

    min-height: 150px;

    padding: 24px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    text-align: center;

    border: 1px solid rgba(15, 23, 42, 0.05);

    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);

    transition: all 0.25s ease;
}

/* HOVER TARJETA */
.elementor-1171 .elementor-element.elementor-element-6dca402 .e-con:hover,
.elementor-1171 .elementor-element.elementor-element-6dca402 .elementor-element:hover {
    transform: translateY(-6px);

    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10);

    border-color: rgba(15, 23, 42, 0.08);
}

/* IMÁGENES */
.elementor-1171 .elementor-element.elementor-element-6dca402 img {
    width: auto;
    height: auto;

    max-width: 500px;
    max-height: 150px;

    object-fit: contain;
    object-position: center center;

    display: block;
    margin: 0 auto;

    filter: grayscale(100%);
    opacity: 0.82;

    transition: all 0.25s ease;
}

/* HOVER LOGO */
.elementor-1171 .elementor-element.elementor-element-6dca402 .e-con:hover img,
.elementor-1171 .elementor-element.elementor-element-6dca402 .elementor-element:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.03);
}

/* NOMBRE DE MARCA */
.elementor-1171 .elementor-element.elementor-element-6dca402 h3,
.elementor-1171 .elementor-element.elementor-element-6dca402 h4,
.elementor-1171 .elementor-element.elementor-element-6dca402 p {
    margin-top: 14px;

    font-size: 13px;
    font-weight: 600;

    color: #D11A2A;

    line-height: 1.4;
}

/* TABLET */
@media (max-width: 1024px) {
    .elementor-1171 .elementor-element.elementor-element-6dca402 {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .elementor-1171 .elementor-element.elementor-element-6dca402 {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;

        padding: 20px 12px;
    }

    .elementor-1171 .elementor-element.elementor-element-6dca402 .e-con,
    .elementor-1171 .elementor-element.elementor-element-6dca402 .elementor-element {
        min-height: 120px;
        padding: 18px;
    }

    .elementor-1171 .elementor-element.elementor-element-6dca402 img {
        max-width: 120px;
        max-height: 50px;
    }
}/* End custom CSS */