.companies {
    padding: 50px 0;
    text-align: center;
}

.companies__title {
    font-family: "Feature Deck", serif;
    font-weight: 300;
    font-size: 30px !important;
    margin-bottom: 40px;
}

.companies__carousel {
    overflow: hidden;
    position: relative;
}

.companies__track {
    display: flex;
    gap: 170px;
    align-items: center;
    width: max-content;
    will-change: transform;
}

.companies__item img {
    height: 30px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.9;
    transition: 0.2s ease;
}

.companies__item img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.t-center {
    text-align: center;
}

/* En escritorio solo se homologa el espacio interior de los botones. */
.sector-page .btn {
    padding: 14px 24px;
}

.card {
    background: #FDE8E3;
    border-radius: 10px;
    text-align: center;
    padding: 40px 25px;
    color: #2e3a4d;
}

.card p {
    font-family: "Feature Deck", serif;

    margin: 0;
    font-size: 20px;
    line-height: 1.5;
}

.card.main {
    margin-bottom: 20px;
    padding: 50px 30px;
    font-size: 22px;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.grid--advantages {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.advantage-card--span-4 {
    grid-column: span 4;
}

.advantage-card--span-6 {
    grid-column: span 6;
}

.advantage-card--span-12 {
    grid-column: 1 / -1;
}

.icon {
    width: 50px;
    height: 50px;
    background: #ff5a4d;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    border-radius: 6px;
    font-size: 22px;
}

.connectivity__panel-template {
    top: 60% !important;

}

.stats__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.stats__card {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    background: transparent;
    /* sin fondo */
}

.stats__number {
    color: #ff5a3c;
    font-size: 42px;
    margin-bottom: 15px;
    font-weight: 600;
}

.stats__title {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.stats__text {
    color: #cccccc;
    font-size: 15px;
    line-height: 1.5;
}


.title-sectores{
    font-family: "Feature Deck", serif;
    font-weight: 300;
    font-size: 50px !important;
    margin-bottom: 40px;
    color: #E8563A;

}
.subtitle-sectores{
    font-family: "Feature Deck", serif;
    font-weight: 300;
    font-size: 30px !important;
    margin-bottom: 40px;

}
/* responsive */
@media (max-width: 768px) {
    .stats__grid {
        grid-template-columns: 1fr;
    }
}


/* Responsive */
@media (max-width: 768px) {
    .grid,
    .grid--advantages {
        grid-template-columns: 1fr;
    }

    .advantage-card--span-4,
    .advantage-card--span-6,
    .advantage-card--span-12 {
        grid-column: auto;
    }

    .card p {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .sector-page .hero {
        padding-top: var(--header-height);
    }

    .sector-page .hero__content {
        gap: 24px;
        padding-top: 48px;
        padding-bottom: 70px !important;
    }

    .sector-page .hero__title,
    .sector-page .discover__title,
    .sector-page .connectivity__title,
    .sector-page .companies__title {
        font-size: 45px !important;
        line-height: 1.05;
    }

    .sector-page p,
    .sector-page .hero__description,
    .sector-page .discover__text p,
    .sector-page .connectivity__text,
    .sector-page .stats__text,
    .sector-page .card p {
        font-size: 18px !important;
        line-height: 1.5;
    }

    .sector-page .title-t1 {
        font-size: 18px !important;
        line-height: 1.2;
    }

    .sector-page>.discover,
    .sector-page>.industrial,
    .sector-page>.companies {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .sector-page .companies__track {
        gap: 64px;
    }

    .sector-page .grid,
    .sector-page .grid--advantages {
        gap: 18px;
    }

    .sector-page .card {
        min-width: 0;
        padding: 32px 24px;
    }

    .sector-page>.connectivity {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0;
    }

    .sector-page .connectivity__canvas {
        display: block;
        min-height: 0;
        padding: 70px var(--container-gutter) !important;
        overflow: visible;
        background-size: cover;
        background-position: center;
    }

    .sector-page .connectivity__panel-template {
        position: relative;
        top: auto !important;
        left: auto;
        display: block;
        width: 100%;
        margin: 0;
        padding: 36px 20px;
        transform: none;
        background: rgba(26, 43, 74, 0.88);
    }

    .sector-page .stats__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        margin-top: 30px;
    }

    .sector-page .stats__card {
        min-width: 0;
        padding: 28px 20px;
    }

    .sector-page .title-sectores,
    .sector-page .subtitle-sectores,
    .sector-page .stats__title {
        margin-bottom: 14px;
        font-size: 26px !important;
        line-height: 1.1;
    }

    .sector-page .btn {
        min-height: 52px;
        padding: 14px 20px !important;
        justify-content: center;
        font-size: 18px !important;
        line-height: 1.2;
        text-align: center;
        white-space: normal;
    }
}