.ei-sector{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;width:calc(100% - 36px);margin:34px 18px 42px;font-family:inherit}
.ei-sector *{box-sizing:border-box}.ei-sector__news{min-width:0}.ei-sector__lead{position:relative;min-height:450px;overflow:hidden;border-radius:12px;cursor:pointer;background:#0a2137}
.ei-sector__lead-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ei-sector__lead-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(2,18,35,.92))}
.ei-sector__lead-content{position:absolute;left:28px;right:28px;bottom:24px;z-index:2;color:#fff}.ei-sector__badge{display:inline-block;margin-bottom:18px;padding:8px 12px;border-radius:7px;background:#ff531f;font-size:12px;font-weight:800}
.ei-sector__lead h2{max-width:850px;margin:0;color:#fff;font-size:clamp(28px,3vw,50px);font-weight:800;line-height:1.04}.ei-sector__lead p{max-width:820px;margin:12px 0 0;color:#edf4fa;font-size:16px}
.ei-sector__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.ei-sector__card{overflow:hidden;border:1px solid #dce5ed;border-radius:10px;background:#fff;cursor:pointer}
.ei-sector__card-img{width:100%;aspect-ratio:16/10;object-fit:cover}.ei-sector__card-body{padding:12px}.ei-sector__card h3{margin:0 0 10px;color:#10253b;font-size:14px;line-height:1.24}.ei-sector__card span{color:#6d7d8d;font-size:11px}
.ei-sector__panel{overflow:hidden;border:1px solid #244e74;border-radius:12px;background:linear-gradient(180deg,#092746,#061d35);color:#fff}.ei-sector__panel-head{padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.13)}
.ei-sector__panel-head h2{margin:0;color:#fff;font-size:18px}.ei-sector__panel-head p{margin:3px 0 0;color:#b5c9da;font-size:12px}
.ei-sector__metrica{display:grid;grid-template-columns:minmax(0,1fr) 120px 70px;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.13)}
.ei-sector__label,.ei-sector__period{display:block}.ei-sector__label{font-size:12px;font-weight:800}.ei-sector__period{margin-top:4px;color:#b7c8d7;font-size:11px}.ei-sector__metrica>div>strong{display:block;margin-top:8px;font-size:25px}
.ei-sector__metrica svg{width:100%;height:44px}.ei-sector__metrica polyline{fill:none;stroke:#4baff0;stroke-width:2.3;vector-effect:non-scaling-stroke}.ei-sector__variation{text-align:right}.ei-sector__variation strong,.ei-sector__variation span{display:block}.ei-sector__variation strong{color:#28b8ff;font-size:18px}.ei-sector__variation span{color:#a9bdce;font-size:10px}
.ei-sector__ports{padding:20px}.ei-sector__ports h3{margin:0 0 14px;font-size:13px}.ei-sector__ports>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ei-sector__ports article{padding:12px 8px;text-align:center;border-radius:8px;background:rgba(255,255,255,.07)}.ei-sector__ports span,.ei-sector__ports strong{display:block}.ei-sector__ports span{font-size:10px}.ei-sector__ports strong{margin-top:7px;font-size:15px}
@media(max-width:1250px){.ei-sector{grid-template-columns:1fr}}@media(max-width:800px){.ei-sector{width:calc(100% - 20px);margin:26px 10px 34px}.ei-sector__cards{grid-template-columns:repeat(2,1fr)}.ei-sector__metrica{grid-template-columns:minmax(0,1fr) 95px 60px}}
@media(max-width:520px){.ei-sector__lead{min-height:355px}.ei-sector__lead-content{left:18px;right:18px;bottom:18px}.ei-sector__lead h2{font-size:27px}.ei-sector__cards{gap:8px}.ei-sector__card-body{padding:9px}.ei-sector__card h3{font-size:12px}.ei-sector__metrica{grid-template-columns:minmax(0,1fr) 82px 55px;gap:8px;padding:14px 12px}.ei-sector__metrica>div>strong{font-size:20px}}

.ei-sector__panel {
    align-self: start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;

    font-family: Arial, Helvetica, sans-serif !important;

    border-radius: 11px !important;
    background: #082947 !important;
}

.ei-sector__panel-head {
    display: block !important;
    min-height: 0 !important;
    padding: 16px 18px 14px !important;

    border-bottom: 1px solid rgba(255,255,255,.14) !important;
}

.ei-sector__panel-head h2 {
    margin: 0 !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

.ei-sector__panel-head p {
    margin: 4px 0 0 !important;

    color: #a9c3d7 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}

.ei-sector__metricas {
    display: block !important;
    width: 100% !important;
}

.ei-sector__metrica {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 78px 66px !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 0 !important;
    padding: 14px 16px !important;

    border-bottom: 1px solid rgba(255,255,255,.13) !important;
}

.ei-sector__metrica-copy,
.ei-sector__metrica > div:first-child {
    min-width: 0 !important;
}

.ei-sector__label {
    display: block !important;
    margin: 0 !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .025em !important;
}

.ei-sector__period {
    display: block !important;
    margin-top: 4px !important;

    color: #a9c4d8 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

.ei-sector__metrica-copy > strong,
.ei-sector__metrica > div:first-child > strong {
    display: block !important;
    margin-top: 9px !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 750 !important;
    line-height: 1.05 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
}

.ei-sector__spark,
.ei-sector__metrica > svg {
    display: block !important;
    width: 78px !important;
    max-width: 78px !important;
    height: 31px !important;
    margin: 0 !important;
    overflow: visible !important;
}

.ei-sector__spark polyline,
.ei-sector__metrica > svg polyline {
    fill: none !important;
    stroke: #3bb4ff !important;
    stroke-width: 2.2 !important;
}

.ei-sector__variation {
    min-width: 0 !important;
    text-align: right !important;
}

.ei-sector__variation strong {
    display: block !important;

    color: #24b8ff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.ei-sector__variation span {
    display: block !important;
    margin-top: 5px !important;

    color: #a9c3d7 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 8px !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
}

.ei-sector__ports {
    display: block !important;
    width: 100% !important;
    padding: 14px 16px 16px !important;
    overflow: visible !important;
}

.ei-sector__ports h3 {
    margin: 0 0 10px !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .035em !important;
}

.ei-sector__ports-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
}

.ei-sector__ports-grid article {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    min-height: 72px !important;
    padding: 9px 5px !important;

    text-align: center !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.07) !important;
}

.ei-sector__ports-grid span {
    display: block !important;

    color: #d7e5ef !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
}

.ei-sector__ports-grid strong {
    display: block !important;
    margin-top: 7px !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
}

@media (max-width: 1100px) {
    .ei-sector__panel {
        max-width: none !important;
    }

    .ei-sector__metricas {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ei-sector__metrica {
        border-right: 1px solid rgba(255,255,255,.13) !important;
    }
}

@media (max-width: 650px) {
    .ei-sector__panel-head {
        padding: 14px 15px 13px !important;
    }

    .ei-sector__panel-head h2 {
        font-size: 16px !important;
    }

    .ei-sector__metricas {
        display: block !important;
    }

    .ei-sector__metrica {
        grid-template-columns: minmax(0, 1fr) 70px 61px !important;
        gap: 7px !important;
        padding: 13px 14px !important;
        border-right: 0 !important;
    }

    .ei-sector__metrica-copy > strong,
    .ei-sector__metrica > div:first-child > strong {
        font-size: 18px !important;
    }

    .ei-sector__spark,
    .ei-sector__metrica > svg {
        width: 70px !important;
        max-width: 70px !important;
    }

    .ei-sector__variation strong {
        font-size: 16px !important;
    }

    .ei-sector__ports {
        padding: 13px 14px 15px !important;
    }

    .ei-sector__ports-grid {
        gap: 6px !important;
    }

    .ei-sector__ports-grid article {
        min-height: 68px !important;
        padding: 8px 4px !important;
    }

    .ei-sector__ports-grid strong {
        font-size: 11px !important;
    }
}

@media (max-width: 380px) {
    .ei-sector__metrica {
        grid-template-columns: minmax(0, 1fr) 58px !important;
    }

    .ei-sector__spark,
    .ei-sector__metrica > svg {
        width: 58px !important;
        max-width: 58px !important;
    }

    .ei-sector__variation {
        grid-column: 1 / -1 !important;
        text-align: left !important;
    }
}

.ei-sector__map-footer {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 17px !important;

    width: 100% !important;
    padding: 17px 18px 19px !important;

    border-top: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(0,0,0,.08) !important;
}

.ei-sector__map-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
}

.ei-sector__map-visual img {
    display: block !important;
    width: auto !important;
    max-width: 105px !important;
    max-height: 150px !important;

    margin: 0 auto !important;
    object-fit: contain !important;
}

.ei-sector__map-copy {
    min-width: 0 !important;
}

.ei-sector__map-copy strong,
.ei-sector__map-copy span {
    display: block !important;

    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 750 !important;
}

.ei-sector__map-copy strong {
    font-size: 14px !important;
    line-height: 1.05 !important;
}

.ei-sector__map-copy span {
    margin-top: 3px !important;

    font-size: 12px !important;
    line-height: 1.22 !important;
}

.ei-sector__map-copy p {
    max-width: 180px !important;
    margin: 10px 0 0 !important;

    color: #b6ccdc !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

@media (max-width: 1100px) {
    .ei-sector__map-footer {
        grid-template-columns: 100px minmax(0, 1fr) !important;
    }

    .ei-sector__map-visual img {
        max-width: 92px !important;
        max-height: 135px !important;
    }
}

@media (max-width: 650px) {
    .ei-sector__map-footer {
        grid-template-columns: 94px minmax(0, 1fr) !important;
        gap: 14px !important;
        padding: 15px 15px 17px !important;
    }

    .ei-sector__map-visual img {
        max-width: 88px !important;
        max-height: 125px !important;
    }

    .ei-sector__map-copy strong {
        font-size: 13px !important;
    }

    .ei-sector__map-copy span {
        font-size: 11px !important;
    }

    .ei-sector__map-copy p {
        margin-top: 8px !important;
        font-size: 9px !important;
    }
}