/* ================================================================
   WORKSTORE — custom-sections.css  v1.0
   Estilos para: Servicios, Sectores, Modalidades, Coverage Banner
   y helpers globales de sección
   ================================================================ */

/* ─── HELPERS DE SECCIÓN ─────────────────────────────────────── */
.ws-section-header { margin-bottom: 56px; }

.ws-section-header__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #241140;
    background: rgba(239, 184, 12, 0.14);
    border: 1.5px solid rgba(239, 184, 12, 0.45);
    padding: 6px 18px;
    border-radius: 50px;
    margin-bottom: 18px;
}

.ws-section-header__title {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
    margin-bottom: 16px !important;
}

.ws-section-header__subtitle {
    font-size: 16.5px !important;
    color: #64748b !important;
    line-height: 1.75 !important;
    max-width: 660px;
    margin: 0 auto !important;
}

@media (max-width: 768px) {
    .ws-section-header { margin-bottom: 36px; }
    .ws-section-header__title { font-size: 26px !important; }
    .ws-section-header__subtitle { font-size: 15px !important; }
}

/* ─── SECCIÓN SERVICIOS ──────────────────────────────────────── */
.ws-services {
    padding: 100px 0;
    background: #efb80c !important;
    position: relative;
}

.ws-services .container {
    max-width: 1420px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

@media (max-width: 768px) { .ws-services { padding: 64px 0; } }

/* Contraste y legibilidad de encabezados sobre fondo #efb80c */
.ws-services .ws-section-header__label {
    background: #241140 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 4px 14px rgba(36, 17, 64, 0.18) !important;
}

.ws-services .ws-section-header__title {
    color: #1c0e30 !important;
}

.ws-services .ws-section-header__title .ws-text-gradient {
    background: linear-gradient(135deg, #1c0e30 0%, #381f5d 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #1c0e30 !important;
}

.ws-services .ws-section-header__subtitle {
    color: #241140 !important;
    opacity: 0.9 !important;
    font-weight: 500 !important;
}

/* ─── CARRUSEL SERVICIOS (SWIPER) ────────────────────────────── */
.ws-services-slider-wrap {
    position: relative;
    margin-bottom: 70px;
}

.ws-services-slider {
    padding: 16px 6px 36px 6px !important;
    overflow: hidden;
}

.ws-services-slider .swiper-wrapper {
    align-items: stretch;
}

.ws-services-slider .swiper-slide {
    height: auto !important;
    display: flex !important;
    box-sizing: border-box;
}

.ws-services .ws-service-card,
.ws-services-slider .ws-service-card {
    width: 100%;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: linear-gradient(145deg, #241140 0%, #381f5d 100%) !important;
    border-radius: 24px !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
    box-shadow: 0 16px 40px rgba(21, 6, 37, 0.45) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ws-services .ws-service-card:hover,
.ws-services-slider .ws-service-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(239, 184, 12, 0.75) !important;
    box-shadow: 0 24px 55px rgba(21, 6, 37, 0.65), 0 0 25px rgba(239, 184, 12, 0.25) !important;
}

.ws-services .ws-service-card__title,
.ws-services-slider .ws-service-card__title {
    color: #ffffff !important;
}

.ws-services .ws-service-card__desc,
.ws-services-slider .ws-service-card__desc {
    color: #ffffff !important;
    opacity: 1 !important;
}

.ws-services .ws-service-card__icon,
.ws-services-slider .ws-service-card__icon {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #efb80c !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
}

.ws-services .ws-service-card__divider,
.ws-services-slider .ws-service-card__divider {
    background: rgba(255, 255, 255, 0.14) !important;
}

.ws-services .ws-service-card__items li,
.ws-services-slider .ws-service-card__items li {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

.ws-services .ws-service-card__items li span,
.ws-services-slider .ws-service-card__items li span {
    color: #ffffff !important;
    opacity: 1 !important;
}

.ws-services .ws-service-card__items li:hover,
.ws-services-slider .ws-service-card__items li:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(239, 184, 12, 0.55) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
}

.ws-services .ws-service-card__items li i,
.ws-services-slider .ws-service-card__items li i {
    color: #efb80c !important;
}

.ws-services .ws-service-card__content-wrap,
.ws-services-slider .ws-service-card__content-wrap {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.ws-services .ws-service-card__footer,
.ws-services-slider .ws-service-card__footer {
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.ws-services .ws-service-card__footer span,
.ws-services-slider .ws-service-card__footer span {
    color: #ffffff !important;
    opacity: 1 !important;
}

.ws-services .ws-service-card__link,
.ws-services-slider .ws-service-card__link {
    color: #efb80c !important;
    font-weight: 700 !important;
}

.ws-services .ws-service-card__link:hover,
.ws-services-slider .ws-service-card__link:hover {
    color: #ffffff !important;
}

/* Controles de navegación y paginación del slider */
.ws-services-slider__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 32px;
}

.ws-services-slider__btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #241140 !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(36, 17, 64, 0.25);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
}

.ws-services-slider__btn:hover {
    background: #381f5d !important;
    color: #efb80c !important;
    transform: scale(1.1);
    box-shadow: 0 8px 24px rgba(36, 17, 64, 0.35);
}

.ws-services-slider__btn:active {
    transform: scale(0.96);
}

.ws-services-slider__pagination {
    position: static !important;
    width: auto !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ws-services-slider__pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(36, 17, 64, 0.35) !important;
    opacity: 1 !important;
    border-radius: 50%;
    transition: all 0.35s ease;
    cursor: pointer;
    margin: 0 !important;
}

.ws-services-slider__pagination .swiper-pagination-bullet-active {
    width: 32px;
    border-radius: 10px;
    background: #241140 !important;
    box-shadow: 0 2px 8px rgba(36, 17, 64, 0.35);
}

/* ─── GRID SERVICIOS (FALLBACK) ───────────────────────────────── */
.ws-services__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    margin-bottom: 80px;
}

@media (max-width: 991px) { .ws-services__grid { grid-template-columns: 1fr; gap: 20px; } }

/* ─── TARJETA SERVICIO ───────────────────────────────────────── */
.ws-service-card {
    background: #ffffff;
    border-radius: 24px;
    border: 1.5px solid #e2e8f0;
    box-shadow: 0 4px 24px rgba(15,23,42,0.06);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
    position: relative;
    display: flex;
    flex-direction: column;
}

.ws-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 60px rgba(56,31,93,0.14);
    border-color: rgba(56,31,93,0.25);
}

/* Franja de color en la parte superior */
.ws-service-card__top-bar {
    height: 4px;
    width: 100%;
    transition: height 0.3s ease;
}

.ws-service-card:hover .ws-service-card__top-bar { height: 6px; }

/* Media / Fotografía de cabecera de la tarjeta de servicio */
.ws-service-card__media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 8.5;
    overflow: hidden;
    background: #0f172a;
}
.ws-service-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.8s cubic-bezier(0.4,0,0.2,1);
}
.ws-service-card:hover .ws-service-card__media img {
    transform: scale(1.06);
}
.ws-service-card__media-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15,23,42,0.05) 0%, rgba(15,23,42,0.75) 100%);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 14px 20px;
    gap: 10px;
    flex-wrap: wrap;
}
.ws-service-card__deliverable-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 13px;
    border-radius: 50px;
    font-size: 11.5px;
    font-weight: 700;
    color: #fff;
    background: rgba(15,23,42,0.78);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.2);
}
.ws-service-card__deliverable-badge i { color: #efb80c; font-size: 11px; }

/* Header de la tarjeta */
.ws-service-card__header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 28px 0;
}

.ws-service-card__icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: transform 0.3s ease;
}

.ws-service-card:hover .ws-service-card__icon { transform: scale(1.1) rotate(-4deg); }

.ws-service-card__meta { flex: 1; }

.ws-service-card__badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 3px 12px;
    margin-bottom: 8px;
}

.ws-service-card__title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
}

/* Descripción */
.ws-service-card__desc {
    font-size: 14.5px !important;
    color: #ffffff !important;
    opacity: 1 !important;
    line-height: 1.7 !important;
    padding: 14px 28px;
    margin: 0 !important;
}

/* Divider */
.ws-service-card__divider {
    height: 1px;
    margin: 0 28px 18px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.16) !important;
}

/* Items list con amplio espaciado y tarjetas individuales para cada check */
.ws-service-card__items {
    list-style: none !important;
    padding: 8px 26px 28px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 13px 18px !important;
    flex: 1 1 auto !important;
}

@media (max-width: 575px) {
    .ws-service-card__items {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 6px 18px 22px !important;
    }
}

.ws-service-card__items li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 13px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    padding: 11px 13px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    transition: all 0.25s ease !important;
    min-height: 52px !important;
    box-sizing: border-box !important;
}

.ws-service-card__items li:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(239, 184, 12, 0.6) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px) !important;
}

.ws-service-card__items li i {
    font-size: 14px !important;
    color: #efb80c !important;
    flex-shrink: 0 !important;
    margin-top: 2.5px !important;
}

.ws-service-card__items li span {
    color: #ffffff !important;
    line-height: 1.48 !important;
    display: inline-block !important;
    word-break: normal !important;
}

/* Footer de la tarjeta */
.ws-service-card__footer {
    padding: 16px 28px 22px;
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ws-service-card__footer span {
    color: #ffffff !important;
    opacity: 1 !important;
}
.ws-service-card__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 700;
    color: #efb80c !important;
    text-decoration: none;
    transition: all 0.3s ease;
}
.ws-service-card__link:hover {
    color: #ffffff !important;
}
.ws-service-card__link i {
    color: #efb80c !important;
    transition: transform 0.3s ease;
}
.ws-service-card__link:hover i {
    color: #ffffff !important;
}
.ws-service-card__link:hover i { transform: translateX(5px); }

/* Tarjeta Featured (Línea E - Spans 2 columnas) */
@media (min-width: 992px) {
    .ws-service-card--featured {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 44% 56%;
        position: relative;
        align-items: stretch;
    }
    .ws-service-card--featured .ws-service-card__top-bar {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        z-index: 10;
        width: 100%;
    }
    .ws-service-card--featured .ws-service-card__media {
        position: relative;
        height: 100%;
        min-height: 440px;
        aspect-ratio: auto;
        overflow: hidden;
    }
    .ws-service-card--featured .ws-service-card__media img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .ws-service-card--featured:hover .ws-service-card__media img {
        transform: scale(1.06);
    }
    .ws-service-card--featured .ws-service-card__content-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding-top: 8px;
    }
    .ws-service-card--featured .ws-service-card__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ─── BENEFICIOS DEL OUTSOURCING ─────────────────────────────── */
.ws-services__benefits {
    margin: 60px 0 80px;
    padding: 38px 40px;
    border-radius: 28px;
    background: linear-gradient(145deg, #241140 0%, #381f5d 100%) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
    box-shadow: 0 16px 44px rgba(21, 6, 37, 0.45) !important;
}
.ws-benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.ws-benefit-item__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
    color: #efb80c !important;
    font-size: 20px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}
.ws-benefit-item:hover .ws-benefit-item__icon {
    background: #efb80c !important;
    color: #241140 !important;
    border-color: #efb80c !important;
    transform: scale(1.08) rotate(-4deg);
    box-shadow: 0 6px 18px rgba(239, 184, 12, 0.4) !important;
}
.ws-benefit-item h4 {
    font-size: 16.5px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 6px !important;
}
.ws-benefit-item p {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    margin: 0 !important;
}
@media (max-width: 768px) {
    .ws-services__benefits { padding: 28px 20px; }
}

.ws-service-card__items li span { line-height: 1.5; }

/* ─── MODALIDADES ────────────────────────────────────────────── */
.ws-modalities {
    margin-bottom: 80px;
}

.ws-modalities .ws-section-header { margin-bottom: 40px; }

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

@media (max-width: 768px) { .ws-modalities__grid { grid-template-columns: 1fr; } }

.ws-modality-card {
    background: linear-gradient(145deg, #241140 0%, #381f5d 100%) !important;
    border-radius: 20px !important;
    padding: 34px 28px !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
    text-align: center;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 16px 40px rgba(21, 6, 37, 0.45) !important;
}

.ws-modality-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(239, 184, 12, 0.75) !important;
    box-shadow: 0 22px 50px rgba(21, 6, 37, 0.6), 0 0 25px rgba(239, 184, 12, 0.25) !important;
}

.ws-modality-card__icon {
    width: 64px;
    height: 64px;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #efb80c !important;
    font-size: 24px;
    margin: 0 auto 20px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.3s ease;
}

.ws-modality-card:hover .ws-modality-card__icon {
    transform: scale(1.08) rotate(-4deg) !important;
    background: #efb80c !important;
    color: #241140 !important;
    border-color: #efb80c !important;
    box-shadow: 0 8px 24px rgba(239, 184, 12, 0.45) !important;
}

.ws-modality-card__title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.01em !important;
}

.ws-modality-card__desc {
    font-size: 14px !important;
    color: #ffffff !important;
    opacity: 1 !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

/* ─── SECTORES ───────────────────────────────────────────────── */
.ws-sectors {
    margin-bottom: 56px;
}

.ws-sectors .ws-section-header { margin-bottom: 36px; }

.ws-sectors__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

@media (max-width: 991px) { .ws-sectors__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px)  { .ws-sectors__grid { grid-template-columns: repeat(2, 1fr); } }

.ws-sector-chip {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background: linear-gradient(145deg, #241140 0%, #381f5d 100%) !important;
    border-radius: 18px !important;
    padding: 24px 16px !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
    box-shadow: 0 12px 30px rgba(21, 6, 37, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: center;
    cursor: default;
}

.ws-sector-chip:hover {
    border-color: rgba(239, 184, 12, 0.75) !important;
    box-shadow: 0 18px 40px rgba(21, 6, 37, 0.55), 0 0 20px rgba(239, 184, 12, 0.25) !important;
    transform: translateY(-4px) !important;
}

.ws-sector-chip__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
    color: #efb80c !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all 0.3s ease;
}

.ws-sector-chip:hover .ws-sector-chip__icon {
    background: #efb80c !important;
    color: #241140 !important;
    border-color: #efb80c !important;
    transform: scale(1.08) rotate(-4deg) !important;
    box-shadow: 0 6px 18px rgba(239, 184, 12, 0.4) !important;
}

.ws-sector-chip__name {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.3 !important;
}

.ws-sectors__note {
    text-align: center;
    font-size: 14.5px !important;
    color: #ffffff !important;
    font-style: normal !important;
    font-weight: 500 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    max-width: 820px;
    margin: 28px auto 0 !important;
    line-height: 1.65;
    background: linear-gradient(145deg, #241140 0%, #381f5d 100%) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
    border-radius: 50px !important;
    padding: 14px 28px !important;
    box-shadow: 0 10px 30px rgba(21, 6, 37, 0.35) !important;
}

.ws-sectors__note i {
    color: #efb80c !important;
    font-size: 18px !important;
    font-style: normal;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .ws-sectors__note {
        border-radius: 20px !important;
        padding: 14px 20px !important;
        text-align: left;
        align-items: flex-start;
    }
}

/* ─── COVERAGE BANNER ────────────────────────────────────────── */
.ws-coverage-banner {
    display: flex;
    align-items: center;
    gap: 24px;
    background: linear-gradient(145deg, #241140 0%, #381f5d 100%) !important;
    border-radius: 24px !important;
    border: 1.5px solid rgba(239, 184, 12, 0.4) !important;
    padding: 34px 44px !important;
    box-shadow: 0 16px 44px rgba(21, 6, 37, 0.45) !important;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .ws-coverage-banner {
        flex-direction: column;
        text-align: center;
        padding: 28px 24px !important;
        gap: 18px;
    }
}

.ws-coverage-banner__icon {
    width: 62px;
    height: 62px;
    min-width: 62px;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.4) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #efb80c !important;
    backdrop-filter: blur(8px);
}

.ws-coverage-banner__content { flex: 1; }

.ws-coverage-banner__content h3 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 6px !important;
}

.ws-coverage-banner__content p {
    font-size: 14.5px !important;
    color: #ffffff !important;
    opacity: 1 !important;
    margin: 0 !important;
}

.ws-coverage-banner__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #efb80c 0%, #d49f05 100%) !important;
    color: #241140 !important;
    padding: 13px 30px !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    white-space: nowrap;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(239, 184, 12, 0.35) !important;
    text-decoration: none !important;
    border: none !important;
}

.ws-coverage-banner__cta:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 28px rgba(239, 184, 12, 0.5) !important;
    background: linear-gradient(135deg, #ffc720 0%, #efb80c 100%) !important;
    color: #241140 !important;
}

.ws-coverage-banner__cta i {
    color: #241140 !important;
    transition: transform 0.3s ease;
}

.ws-coverage-banner__cta:hover i { transform: translateX(5px); }


/* ================================================================
   SECCIÓN QUOTE / GET IN TOUCH (.quote-area)
   Armonización con el primer color corporativo (#0d061a / #241140 / #381f5d)
   ================================================================ */

.quote-area,
[data-theme=dark_mode] .quote-area {
    background: #0d061a !important;
    position: relative;
    padding: 60px 0 50px 0 !important;
    overflow: hidden;
}

.quote-area .quote__wrp,
.quote__wrp.gradient-bg {
    background: linear-gradient(145deg, #241140 0%, #381f5d 100%) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.4) !important;
    border-radius: 28px !important;
    box-shadow: 0 20px 50px rgba(15, 5, 25, 0.5) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 56px 60px !important;
    position: relative;
}

.quote-area .counter__shape img,
.quote-area .quote__shape img {
    opacity: 0.15;
    filter: hue-rotate(240deg);
}

.quote-area .quote__wrp .btn-one {
    background: linear-gradient(135deg, #efb80c 0%, #d49f05 100%) !important;
    color: #241140 !important;
    font-weight: 800 !important;
    border-radius: 50px !important;
    padding: 14px 34px !important;
    box-shadow: 0 6px 20px rgba(239, 184, 12, 0.35) !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.quote-area .quote__wrp .btn-one:hover {
    background: linear-gradient(135deg, #ffc720 0%, #efb80c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 28px rgba(239, 184, 12, 0.5) !important;
    color: #241140 !important;
}

.quote-area .quote__wrp .btn-one i {
    color: #241140 !important;
}


/* ================================================================
   PARTE 3 — SECCIÓN CONTACTO (#contacto)
   ================================================================ */

.contact-area,
[data-theme=dark_mode] .contact-area {
    background: #0d061a !important;
    padding: 100px 0;
}

/* Panel izquierdo del formulario de contacto */
.contact__left-item.primary-bg {
    background: linear-gradient(145deg, #1b0c30 0%, #281344 60%, #381f5d 100%) !important;
    border-radius: 20px !important;
    padding: 44px 40px !important;
    height: 100%;
    box-shadow: 0 16px 56px rgba(56,31,93,0.32) !important;
    position: relative;
    overflow: hidden;
}

.contact__left-item.primary-bg::before {
    content: '';
    position: absolute;
    top: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    pointer-events: none;
}

.contact__left-item.primary-bg::after {
    content: '';
    position: absolute;
    bottom: -80px;
    left: -40px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: rgba(255,255,255,0.04);
    pointer-events: none;
}

.contact__left-item.primary-bg h3 {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin-bottom: 12px !important;
}

.contact__left-item.primary-bg > p {
    font-size: 15px !important;
    color: rgba(255,255,255,0.75) !important;
    line-height: 1.7 !important;
}

/* Lista de items de contacto dentro del panel izquierdo */
.contact__left-item.primary-bg ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contact__left-item.primary-bg ul li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 16px !important;
    background: rgba(255,255,255,0.07) !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    transition: all 0.3s ease !important;
}

.contact__left-item.primary-bg ul li:hover {
    background: rgba(255,255,255,0.13) !important;
    transform: translateX(4px) !important;
}

.contact__left-item.primary-bg ul li i,
.contact__left-item.primary-bg ul li svg {
    color: #bfdbfe !important;
    margin-top: 2px;
    flex-shrink: 0;
}

.contact__left-item.primary-bg ul li span {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.6) !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 4px !important;
}

.contact__left-item.primary-bg ul li h3 {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin: 0 !important;
}

.contact__left-item.primary-bg ul li h3 a {
    color: #fff !important;
    word-break: break-all;
    transition: color 0.2s ease !important;
}

.contact__left-item.primary-bg ul li h3 a:hover {
    color: #bfdbfe !important;
}

/* Panel derecho: formulario */
.contact__right-item {
    background: #fff !important;
    border-radius: 20px !important;
    padding: 44px 40px !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 8px 40px rgba(15,23,42,0.07) !important;
    height: 100%;
}

/* Encabezado del formulario de contacto */
.contact__right-item .section-header h5 {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #381f5d !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.contact__right-item .section-header h2 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
}

.contact__right-item .section-header p {
    font-size: 15px !important;
    color: #64748b !important;
    line-height: 1.7 !important;
}

/* Inputs del formulario de contacto */
.contact__form input,
.contact__form textarea,
.contact__form select {
    width: 100% !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    font-size: 15px !important;
    font-family: 'Inter', 'Kumbh Sans', sans-serif !important;
    background: #f8faff !important;
    color: #0f172a !important;
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
    height: auto !important;
    outline: none !important;
}

.contact__form input:focus,
.contact__form textarea:focus,
.contact__form select:focus {
    border-color: #381f5d !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(56,31,93,0.12) !important;
}

.contact__form label {
    font-weight: 600 !important;
    font-size: 13.5px !important;
    color: #334155 !important;
    margin-bottom: 6px !important;
    display: block !important;
    letter-spacing: 0.01em !important;
}

.contact__form select {
    height: 52px !important;
    padding: 0 18px !important;
    cursor: pointer !important;
    appearance: auto !important;
}

.contact__form textarea {
    min-height: 130px !important;
    resize: vertical !important;
}

/* Checkbox consent */
.contact__form input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 4px !important;
    accent-color: #381f5d !important;
    cursor: pointer !important;
    padding: 0 !important;
}

/* Botón submit contacto */
.contact__form #ws-submit-btn {
    background: linear-gradient(135deg, #241140, #381f5d) !important;
    color: #fff !important;
    padding: 14px 34px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 0.02em !important;
    border: none !important;
    box-shadow: 0 6px 24px rgba(56,31,93,0.35) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.contact__form #ws-submit-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 36px rgba(56,31,93,0.45) !important;
    background: linear-gradient(135deg, #381f5d, #4c287a) !important;
}

.contact__form #ws-submit-btn:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Success state */
#ws-form-success {
    background: rgba(34,197,94,0.06) !important;
    border: 2px solid #22c55e !important;
    border-radius: 16px !important;
    padding: 36px !important;
}

/* Mapa */
.contact__map {
    width: 100%;
    overflow: hidden;
}

.contact__map iframe {
    width: 100%;
    height: 420px;
    display: block;
    border: none;
    filter: grayscale(20%) contrast(1.02);
}


/* ================================================================
   PARTE 4 — SECCIÓN "TRABAJA CON NOSOTROS" (#trabaja-con-nosotros)
   ================================================================ */

.contact-area.sub-bg,
[data-theme=dark_mode] .contact-area.sub-bg {
    background: #0d061a !important;
    padding: 100px 0 !important;
}

/* Panel izquierdo: Red de Talento */
.contact__left-item.primary-bg {
    /* ya definido arriba — hereda estilos */
}

/* Panel derecho: Formulario candidato */
.contact__right-item.bg-white {
    background: #fff !important;
    border-radius: 20px !important;
    padding: 40px 40px !important;
    box-shadow: 0 8px 40px rgba(15,23,42,0.07) !important;
    border: 1.5px solid #e2e8f0 !important;
    height: 100%;
}

.contact__right-item.bg-white h3 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 6px !important;
}

.contact__right-item.bg-white .text-muted.sm-font {
    font-size: 14px !important;
    color: #64748b !important;
    line-height: 1.6 !important;
}

/* Botón submit candidatos */
.contact__right-item #ws-cv-submit-btn {
    background: linear-gradient(135deg, #241140, #381f5d) !important;
    color: #fff !important;
    padding: 14px 34px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border: none !important;
    box-shadow: 0 6px 24px rgba(56,31,93,0.35) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.contact__right-item #ws-cv-submit-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 36px rgba(56,31,93,0.45) !important;
    background: linear-gradient(135deg, #381f5d, #4c287a) !important;
}

/* Success candidatos */
#ws-talent-success {
    background: rgba(34,197,94,0.06) !important;
    border: 2px solid #22c55e !important;
    border-radius: 16px !important;
    padding: 36px !important;
}

/* WhatsApp link en panel izq. */
.contact__left-item.primary-bg a[href*="wa.me"] {
    color: #4ade80 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.contact__left-item.primary-bg a[href*="wa.me"]:hover {
    color: #86efac !important;
}

/* ─── RESPONSIVE CONTACTO ────────────────────────────────────── */
@media (max-width: 991px) {
    .contact__left-item.primary-bg,
    .contact__right-item,
    .contact__right-item.bg-white {
        padding: 32px 28px !important;
    }
}

@media (max-width: 575px) {
    .contact__left-item.primary-bg,
    .contact__right-item,
    .contact__right-item.bg-white {
        padding: 24px 18px !important;
    }

    .contact-area,
    .contact-area.sub-bg {
        padding: 60px 0 !important;
    }
}

/* ================================================================
   WORKSTORE — TRANSICIÓN EJECUTIVA (REEMPLAZO BRAND/TECH MEDIA)
   Barra visual de transición Hero -> Nosotros
   ================================================================ */
.ws-brand-area {
    position: relative !important;
    z-index: 20 !important;
}

.ws-brand-bar {
    position: relative !important;
    margin-top: -65px !important;
    background: linear-gradient(135deg, #150625 0%, #241140 50%, #381f5d 100%) !important;
    border-radius: 20px !important;
    border: 1.5px solid rgba(239, 184, 12, 0.35) !important;
    box-shadow: 0 20px 50px -10px rgba(15, 6, 28, 0.65), 0 0 35px rgba(239, 184, 12, 0.12) !important;
    padding: 22px 36px !important;
    overflow: hidden !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ws-brand-bar:hover {
    box-shadow: 0 24px 60px -10px rgba(15, 6, 28, 0.75), 0 0 45px rgba(239, 184, 12, 0.22) !important;
    border-color: rgba(239, 184, 12, 0.6) !important;
}

/* Ambient glows */
.ws-brand-bar__glow {
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.ws-brand-bar__glow--gold {
    left: -50px !important;
    top: -50px !important;
    width: 220px !important;
    height: 220px !important;
    background: radial-gradient(circle, rgba(239, 184, 12, 0.16) 0%, transparent 70%) !important;
    filter: blur(35px) !important;
}

.ws-brand-bar__glow--purple {
    right: -50px !important;
    bottom: -50px !important;
    width: 240px !important;
    height: 240px !important;
    background: radial-gradient(circle, rgba(137, 84, 209, 0.25) 0%, transparent 70%) !important;
    filter: blur(35px) !important;
}

/* Precision accent lines */
.ws-brand-bar__line-top {
    position: absolute !important;
    top: 0 !important;
    left: 8% !important;
    right: 8% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, rgba(239, 184, 12, 0.75) 50%, transparent) !important;
    pointer-events: none !important;
}

.ws-brand-bar__line-bottom {
    position: absolute !important;
    bottom: 0 !important;
    left: 12% !important;
    right: 12% !important;
    height: 1.5px !important;
    background: linear-gradient(90deg, transparent, rgba(137, 84, 209, 0.5) 50%, transparent) !important;
    pointer-events: none !important;
}

/* Matrix mesh background */
.ws-brand-bar__mesh {
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    pointer-events: none !important;
    opacity: 0.7 !important;
}

/* Content layout */
.ws-brand-bar__content {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* Ecosystem Continuous Carousel Track */
.ws-brand-bar__ecosystem,
.ws-brand-carousel {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,1) 4%, rgba(0,0,0,1) 96%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,1) 4%, rgba(0,0,0,1) 96%, transparent 100%) !important;
}

/* Track scrolling infinite loop */
.ws-brand-bar__track {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    animation: wsBrandMarquee 38s linear infinite !important;
    will-change: transform !important;
}

/* Pausar en hover para permitir lectura y clic */
.ws-brand-bar:hover .ws-brand-bar__track,
.ws-brand-bar__track:hover {
    animation-play-state: paused !important;
}

@keyframes wsBrandMarquee {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

/* Individual group of nodes (duplicated 2x for seamless loop) */
.ws-brand-bar__group {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding-right: 14px !important;
    flex-shrink: 0 !important;
}

/* Node Item */
.ws-brand-bar__node {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(239, 184, 12, 0.22) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

.ws-brand-bar__node:hover {
    background: rgba(56, 31, 93, 0.75) !important;
    border-color: rgba(239, 184, 12, 0.75) !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45), 0 0 20px rgba(239, 184, 12, 0.25) !important;
}

.ws-brand-bar__icon-box {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(239, 184, 12, 0.16) 0%, rgba(56, 31, 93, 0.55) 100%) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.38) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #efb80c !important;
    font-size: 17px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.35s ease !important;
    flex-shrink: 0 !important;
}

.ws-brand-bar__node:hover .ws-brand-bar__icon-box {
    transform: scale(1.08) rotate(-4deg) !important;
    background: #efb80c !important;
    color: #241140 !important;
    border-color: #efb80c !important;
    box-shadow: 0 6px 18px rgba(239, 184, 12, 0.45) !important;
}

.ws-brand-bar__node-text {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.ws-brand-bar__node-category {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #efb80c !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
}

.ws-brand-bar__node-title {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    transition: color 0.3s ease !important;
}

.ws-brand-bar__node:hover .ws-brand-bar__node-title {
    color: #efb80c !important;
}

.ws-brand-bar__node-sub {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #cbd5e1 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    margin-top: 2px !important;
}

/* Centerpiece Pill */
.ws-brand-bar__centerpiece {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.ws-brand-bar__center-aura {
    position: absolute !important;
    inset: -6px !important;
    border-radius: 50px !important;
    background: radial-gradient(circle, rgba(239, 184, 12, 0.25) 0%, transparent 70%) !important;
    pointer-events: none !important;
    filter: blur(10px) !important;
}

.ws-brand-bar__center-pill {
    position: relative !important;
    z-index: 1 !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.55) !important;
    padding: 7px 18px !important;
    border-radius: 50px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(239, 184, 12, 0.2) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.35s ease !important;
}

.ws-brand-bar__centerpiece:hover .ws-brand-bar__center-pill {
    border-color: #efb80c !important;
    background: rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 8px 28px rgba(239, 184, 12, 0.4) !important;
    transform: scale(1.03) !important;
}

.ws-brand-bar__center-logo {
    max-height: 28px !important;
    width: auto !important;
    max-width: 140px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5)) !important;
}

.ws-brand-bar__center-brand {
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

.ws-brand-bar__center-tag {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #efb80c !important;
    background: rgba(239, 184, 12, 0.18) !important;
    border: 1px solid rgba(239, 184, 12, 0.45) !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
}

/* Dividers */
.ws-brand-bar__divider {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
    opacity: 0.75 !important;
    padding: 0 4px !important;
}

.ws-brand-bar__divider .ws-brand-bar__line {
    width: 14px !important;
    height: 1.5px !important;
    background: linear-gradient(90deg, rgba(239, 184, 12, 0.2), rgba(239, 184, 12, 0.65)) !important;
    display: inline-block !important;
}

.ws-brand-bar__divider .ws-brand-bar__diamond {
    color: #efb80c !important;
    font-size: 7px !important;
    opacity: 0.85 !important;
    animation: wsDiamondPulse 3s ease-in-out infinite !important;
}

/* Responsive adjustments for the carousel */
@media (max-width: 1199px) {
    .ws-brand-bar__track {
        animation-duration: 34s !important;
    }
    .ws-brand-bar__node {
        padding: 7px 12px !important;
        gap: 10px !important;
    }
    .ws-brand-bar__node-title {
        font-size: 12.5px !important;
    }
    .ws-brand-bar__node-sub {
        font-size: 10px !important;
    }
    .ws-brand-bar__icon-box {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        font-size: 15px !important;
    }
    .ws-brand-bar__center-pill {
        padding: 6px 14px !important;
    }
}

@media (max-width: 767px) {
    .ws-brand-bar {
        padding: 12px 10px !important;
        margin-top: -45px !important;
        border-radius: 16px !important;
    }
    .ws-brand-bar__track {
        animation-duration: 28s !important;
    }
    .ws-brand-bar__node {
        padding: 6px 10px !important;
        gap: 8px !important;
    }
    .ws-brand-bar__icon-box {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 13px !important;
        border-radius: 9px !important;
    }
    .ws-brand-bar__node-title {
        font-size: 11.5px !important;
    }
    .ws-brand-bar__node-category {
        font-size: 8.5px !important;
    }
    .ws-brand-bar__node-sub {
        font-size: 9px !important;
    }
    .ws-brand-bar__center-pill {
        padding: 5px 10px !important;
    }
    .ws-brand-bar__center-logo {
        max-height: 20px !important;
    }
    .ws-brand-bar__center-brand {
        font-size: 12px !important;
    }
    .ws-brand-bar__center-tag {
        font-size: 8.5px !important;
        padding: 1px 6px !important;
    }
}

/* ================================================================
   PARTE 6 — INTRODUCCIÓN GENERAL DE SERVICIOS (PORTAFOLIO)
   Rediseño corporativo ejecutivo (#introduccion-servicios)
   Paleta: #381f5d / #241140 (Púrpura) y #efb80c (Dorado)
   ================================================================ */

/* Limpieza de residuo azul del shape1 en breadcrumbs */
.banner__inner-page .shape1 {
    display: none !important;
}

.ws-services-intro {
    position: relative;
    padding: 95px 0 85px 0;
    background: radial-gradient(circle at 12% 25%, rgba(56, 31, 93, 0.45) 0%, transparent 48%),
                radial-gradient(circle at 88% 75%, rgba(239, 184, 12, 0.10) 0%, transparent 45%),
                #0d061a;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1.5px solid rgba(239, 184, 12, 0.22);
    overflow: hidden;
    z-index: 1;
}

.ws-services-intro__glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

.ws-services-intro__glow--left {
    width: 440px;
    height: 440px;
    top: -100px;
    left: -120px;
    background: radial-gradient(circle, rgba(56, 31, 93, 0.55) 0%, rgba(56, 31, 93, 0) 70%);
    filter: blur(65px);
}

.ws-services-intro__glow--right {
    width: 380px;
    height: 380px;
    bottom: -60px;
    right: -80px;
    background: radial-gradient(circle, rgba(239, 184, 12, 0.18) 0%, rgba(239, 184, 12, 0) 70%);
    filter: blur(75px);
}

.ws-services-intro__mesh {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    z-index: -1;
    opacity: 0.65;
}

/* Badge de introducción */
.ws-services-intro__badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 18px;
    border-radius: 50px;
    background: rgba(239, 184, 12, 0.12);
    border: 1.5px solid rgba(239, 184, 12, 0.45);
    color: #efb80c;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 22px;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 14px rgba(239, 184, 12, 0.12);
}

.ws-services-intro__badge i {
    color: #efb80c;
    font-size: 13px;
}

/* Título principal */
.ws-services-intro__title {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.22 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 22px !important;
}

.ws-services-intro__title .ws-text-gradient {
    background: linear-gradient(135deg, #ffffff 15%, #efb80c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

/* Párrafos */
.ws-services-intro__lead {
    font-size: 17.5px !important;
    line-height: 1.7 !important;
    color: #e2e8f0 !important;
    margin-bottom: 16px !important;
    font-weight: 400 !important;
}

.ws-services-intro__lead strong {
    color: #ffffff;
    font-weight: 700;
}

.ws-services-intro__text {
    font-size: 15.5px !important;
    line-height: 1.75 !important;
    color: #cbd5e1 !important;
    margin-bottom: 30px !important;
}

.ws-services-intro__text strong {
    color: #ffffff;
    font-weight: 600;
}

/* Pilares del modelo de servicio */
.ws-services-intro__pillars {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-bottom: 34px;
}

.ws-services-intro__pillar-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 15px 18px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    backdrop-filter: blur(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ws-services-intro__pillar-item:hover {
    background: rgba(56, 31, 93, 0.35);
    border-color: rgba(239, 184, 12, 0.45);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

.ws-services-intro__pillar-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(239, 184, 12, 0.2) 0%, rgba(56, 31, 93, 0.45) 100%);
    border: 1.5px solid rgba(239, 184, 12, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #efb80c;
    font-size: 17px;
    flex-shrink: 0;
}

.ws-services-intro__pillar-title {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 3px 0 !important;
    line-height: 1.3 !important;
}

.ws-services-intro__pillar-desc {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #94a3b8 !important;
    margin: 0 !important;
}

/* Botones de acción */
.ws-services-intro__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.ws-services-intro__btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, #efb80c 0%, #d49f05 100%) !important;
    color: #1c0e30 !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 13px 28px !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(239, 184, 12, 0.35) !important;
    transition: all 0.3s ease !important;
    font-size: 14.5px !important;
    text-transform: none !important;
}

.ws-services-intro__btn-primary:hover {
    background: linear-gradient(135deg, #ffc720 0%, #efb80c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(239, 184, 12, 0.5) !important;
    color: #1c0e30 !important;
}

.ws-services-intro__btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(56, 31, 93, 0.45) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 13px 28px !important;
    border: 1.5px solid rgba(239, 184, 12, 0.45) !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    font-size: 14.5px !important;
    text-transform: none !important;
}

.ws-services-intro__btn-secondary:hover {
    background: #381f5d !important;
    border-color: #efb80c !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(56, 31, 93, 0.6) !important;
}

/* Tarjeta arquitectónica derecha (Showcase Card) */
.ws-services-showcase-card {
    position: relative;
    background: linear-gradient(145deg, rgba(24, 9, 45, 0.95) 0%, rgba(41, 18, 70, 0.92) 50%, rgba(56, 31, 93, 0.9) 100%);
    border: 1.5px solid rgba(239, 184, 12, 0.45);
    border-radius: 24px;
    padding: 34px 30px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

.ws-services-showcase-card__line-top {
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #efb80c, transparent);
}

.ws-services-showcase-card__aura {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(239, 184, 12, 0.18) 0%, transparent 70%);
    filter: blur(40px);
    pointer-events: none;
}

.ws-services-showcase-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
}

.ws-services-showcase-card__brand-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 12px;
}

.ws-services-showcase-card__brand-pill strong {
    color: #efb80c;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.ws-services-showcase-card__brand-pill small {
    color: #94a3b8;
}

.ws-pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 10px #10b981;
    animation: wsPulseAnim 2s infinite;
}

@keyframes wsPulseAnim {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.ws-services-showcase-card__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 30px;
    background: rgba(239, 184, 12, 0.15);
    border: 1px solid rgba(239, 184, 12, 0.35);
    color: #efb80c;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.ws-services-showcase-card__title {
    font-size: 21px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
}

.ws-services-showcase-card__subtitle {
    font-size: 13.5px !important;
    color: #94a3b8 !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
}

.ws-services-showcase-card__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
}

.ws-capability-pill {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    transition: all 0.25s ease;
}

.ws-capability-pill:hover {
    background: rgba(239, 184, 12, 0.12);
    border-color: rgba(239, 184, 12, 0.4);
    transform: translateX(4px);
}

.ws-capability-pill__icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 10px;
    background: rgba(56, 31, 93, 0.65);
    border: 1.5px solid rgba(239, 184, 12, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #efb80c;
    font-size: 14.5px;
    flex-shrink: 0;
}

.ws-capability-pill__text {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ws-capability-pill__text strong {
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ws-capability-pill__text small {
    color: #94a3b8;
    font-size: 11.5px;
    font-weight: 400;
}

.ws-capability-pill__index {
    font-size: 12px;
    font-weight: 800;
    color: #efb80c;
    opacity: 0.85;
    font-family: monospace;
    letter-spacing: 0.05em;
    padding-left: 8px;
}

.ws-services-showcase-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ws-stat-mini {
    text-align: center;
    flex: 1;
}

.ws-stat-mini strong {
    display: block;
    font-size: 16.5px;
    font-weight: 800;
    color: #efb80c;
    line-height: 1.1;
}

.ws-stat-mini span {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #94a3b8;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-top: 3px;
}

.ws-stat-mini__divider {
    width: 1px;
    height: 26px;
    background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 991px) {
    .ws-services-intro {
        padding: 60px 0 50px 0;
    }
    .ws-services-intro__title {
        font-size: 28px !important;
    }
    .ws-services-showcase-card {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .ws-services-intro__actions {
        flex-direction: column;
        width: 100%;
    }
    .ws-services-intro__actions a {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .ws-services-showcase-card {
        padding: 24px 18px;
    }
}

/* ================================================================
   PARTE 7 — EQUIPO MULTIDISCIPLINARIO (#equipo-multidisciplinario)
   Rediseño ejecutivo de las 12 especialidades corporativas
   Paleta: #381f5d / #241140 (Púrpura corporativo) y #efb80c (Dorado)
   ================================================================ */

.ws-team-disciplines {
    position: relative;
    padding: 100px 0 95px 0;
    background: radial-gradient(circle at 10% 20%, rgba(56, 31, 93, 0.48) 0%, transparent 45%),
                radial-gradient(circle at 90% 80%, rgba(239, 184, 12, 0.12) 0%, transparent 45%),
                #0d061a;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
    z-index: 1;
}

.ws-team-disciplines__glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

.ws-team-disciplines__glow--left {
    width: 460px;
    height: 460px;
    top: -120px;
    left: -140px;
    background: radial-gradient(circle, rgba(56, 31, 93, 0.55) 0%, rgba(56, 31, 93, 0) 70%);
    filter: blur(75px);
}

.ws-team-disciplines__glow--right {
    width: 400px;
    height: 400px;
    bottom: -80px;
    right: -100px;
    background: radial-gradient(circle, rgba(239, 184, 12, 0.18) 0%, rgba(239, 184, 12, 0) 70%);
    filter: blur(75px);
}

.ws-team-disciplines__mesh {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 26px 26px;
    pointer-events: none;
    z-index: -1;
    opacity: 0.65;
}

/* Encabezado */
.ws-team-disciplines__header {
    margin-bottom: 52px;
}

.ws-team-disciplines__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-radius: 50px;
    background: rgba(239, 184, 12, 0.12);
    border: 1.5px solid rgba(239, 184, 12, 0.45);
    color: #efb80c;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin-bottom: 20px;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 14px rgba(239, 184, 12, 0.12);
}

.ws-team-disciplines__badge i {
    color: #efb80c;
    font-size: 13px;
}

.ws-team-disciplines__title {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 18px !important;
}

.ws-team-disciplines__title .ws-text-gradient {
    background: linear-gradient(135deg, #ffffff 15%, #efb80c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.ws-team-disciplines__subtitle {
    font-size: 16px !important;
    color: #94a3b8 !important;
    max-width: 740px;
    margin: 0 auto !important;
    line-height: 1.7 !important;
}

/* Tarjetas de Especialidad (Discipline Cards) */
.ws-discipline-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    background: linear-gradient(145deg, rgba(36, 17, 64, 0.78) 0%, rgba(56, 31, 93, 0.55) 60%, rgba(20, 8, 40, 0.88) 100%);
    border: 1.5px solid rgba(239, 184, 12, 0.22);
    border-radius: 20px;
    padding: 26px 22px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ws-discipline-card__glow-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #efb80c, transparent);
    opacity: 0;
    transition: opacity 0.35s ease;
}

.ws-discipline-card:hover {
    transform: translateY(-6px);
    border-color: rgba(239, 184, 12, 0.6);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.5), 0 0 25px rgba(56, 31, 93, 0.65), inset 0 1px 0 rgba(239, 184, 12, 0.4);
    background: linear-gradient(145deg, rgba(56, 31, 93, 0.88) 0%, rgba(36, 17, 64, 0.95) 100%);
}

.ws-discipline-card:hover .ws-discipline-card__glow-bar {
    opacity: 1;
}

/* Top: Icono y meta */
.ws-discipline-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.ws-discipline-card__icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(239, 184, 12, 0.16) 0%, rgba(56, 31, 93, 0.5) 100%);
    border: 1.5px solid rgba(239, 184, 12, 0.38);
    color: #efb80c;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease;
}

.ws-discipline-card:hover .ws-discipline-card__icon {
    background: #efb80c;
    color: #241140;
    transform: scale(1.08) rotate(-4deg);
    box-shadow: 0 8px 20px rgba(239, 184, 12, 0.4);
}

.ws-discipline-card__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.ws-discipline-card__dept {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #efb80c;
    background: rgba(239, 184, 12, 0.12);
    border: 1px solid rgba(239, 184, 12, 0.35);
    padding: 3px 10px;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.ws-discipline-card:hover .ws-discipline-card__dept {
    background: rgba(239, 184, 12, 0.22);
    border-color: #efb80c;
    color: #ffd647;
}

.ws-discipline-card__code {
    font-size: 11.5px;
    font-weight: 800;
    font-family: monospace;
    color: rgba(255, 255, 255, 0.32);
    letter-spacing: 0.05em;
}

/* Body: Título y descripción */
.ws-discipline-card__body {
    flex: 1;
    margin-bottom: 16px;
}

.ws-discipline-card__title {
    font-size: 16.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
    transition: color 0.3s ease;
}

.ws-discipline-card:hover .ws-discipline-card__title {
    color: #efb80c !important;
}

.ws-discipline-card__desc {
    font-size: 13px !important;
    color: #94a3b8 !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

/* Footer: Línea indicadora */
.ws-discipline-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: auto;
}

.ws-discipline-card__line {
    height: 2px;
    width: 28px;
    background: rgba(239, 184, 12, 0.35);
    border-radius: 2px;
    transition: all 0.3s ease;
}

.ws-discipline-card:hover .ws-discipline-card__line {
    background: #efb80c;
    width: 44px;
}

.ws-discipline-card__arrow {
    font-size: 13px;
    color: rgba(239, 184, 12, 0.6);
    transition: all 0.3s ease;
}

.ws-discipline-card:hover .ws-discipline-card__arrow {
    transform: translateX(4px);
    color: #efb80c;
}

/* Ribbon de llamada a la acción */
.ws-team-disciplines__ribbon {
    margin-top: 54px;
    padding: 26px 32px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(36, 17, 64, 0.92) 0%, rgba(56, 31, 93, 0.88) 100%);
    border: 1.5px solid rgba(239, 184, 12, 0.4);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(12px);
}

.ws-team-disciplines__ribbon-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 14px;
    background: rgba(239, 184, 12, 0.15) !important;
    border: 1.5px solid rgba(239, 184, 12, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #efb80c !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.ws-team-disciplines__ribbon-icon i {
    color: #efb80c !important;
    font-size: 20px !important;
}

.ws-team-disciplines__ribbon-title {
    font-size: 17.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 4px !important;
    line-height: 1.35 !important;
}

.ws-team-disciplines__ribbon-text {
    font-size: 13.5px !important;
    color: #cbd5e1 !important;
    margin: 0 !important;
}

.ws-btn-ribbon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 28px !important;
    border-radius: 50px !important;
    background: linear-gradient(135deg, #efb80c 0%, #d49f05 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(239, 184, 12, 0.35) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.ws-btn-ribbon span {
    color: #ffffff !important;
}

.ws-btn-ribbon i,
.ws-btn-ribbon .ws-btn-ribbon__arrow {
    color: #ffffff !important;
    transition: transform 0.25s ease !important;
}

.ws-btn-ribbon:hover {
    background: linear-gradient(135deg, #ffc720 0%, #efb80c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 26px rgba(239, 184, 12, 0.5) !important;
    color: #ffffff !important;
}

.ws-btn-ribbon:hover span {
    color: #ffffff !important;
}

.ws-btn-ribbon:hover i,
.ws-btn-ribbon:hover .ws-btn-ribbon__arrow {
    color: #ffffff !important;
    transform: translateX(4px) !important;
}

@media (max-width: 991px) {
    .ws-team-disciplines {
        padding: 70px 0 60px 0;
    }
    .ws-team-disciplines__title {
        font-size: 28px !important;
    }
    .ws-team-disciplines__ribbon {
        padding: 22px 20px;
        text-align: center;
    }
    .ws-team-disciplines__ribbon .d-flex {
        flex-direction: column;
        text-align: center;
    }
    .ws-btn-ribbon {
        width: 100%;
        margin-top: 14px;
    }
}