/* Brenox v3 - stiluri izolate, sursa originala styles.css ramane neatinsa */
#servicii-web{scroll-margin-top:96px}
.bn-services{padding:76px 18px 82px;background:linear-gradient(180deg,#fff 0%,#f8faff 100%);border-top:1px solid #e9eff8;border-bottom:1px solid #e6eef9}
.bn-services *,.bn-nexora-card *,.bn-mxm22-logo *{box-sizing:border-box}
.bn-services-container{max-width:1030px;margin:0 auto}
.bn-eyebrow{display:inline-flex;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800;color:#2357cf;background:#eaf1ff;padding:7px 12px;border-radius:50px}
.bn-services-heading{max-width:790px;margin-bottom:29px}
.bn-services-heading h2{font-size:clamp(30px,3.4vw,42px);font-weight:800;letter-spacing:-.045em;line-height:1.16;color:#122945;margin:17px 0 15px}
.bn-services-heading p{font-size:16px;line-height:1.7;color:#687b96;max-width:750px;margin:0}
.bn-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bn-service{background:#fff;border:1px solid #dfe8f6;border-radius:19px;padding:25px 24px 27px;min-width:0;box-shadow:0 4px 15px rgba(12,35,65,.025)}
.bn-service-index{font-size:10px;font-weight:850;letter-spacing:.1em;color:#31599a;background:#eaf1ff;border-radius:13px;padding:6px 10px;display:inline-block;margin-bottom:24px}
.bn-service h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;color:#112c50}
.bn-service p{font-size:14px;line-height:1.7;color:#69809c;margin:0}
.bn-service p strong{color:#153d77}
.bn-offer{margin-top:19px;border-radius:21px;padding:30px 34px 22px;background:linear-gradient(120deg,#132740,#173559);color:white}
.bn-offer-overline{color:#9dbdf0;font-size:11px;letter-spacing:.1em;font-weight:800}
.bn-offer-intro h3{color:#fff;font-size:25px;letter-spacing:-.035em;margin:9px 0 8px;line-height:1.2}
.bn-offer-intro p{color:#bcd1e9;font-size:14px;line-height:1.65;max-width:820px;margin:0}
.bn-offer-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:23px 0}
.bn-offer-values>div{border:1px solid #3e5b7f;background:rgba(255,255,255,.055);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.bn-offer-values small{font-size:13px;color:#c4d6ed}
.bn-offer-values strong{color:#fff;font-size:26px;letter-spacing:-.035em;line-height:1.25}
.bn-offer-values span{font-size:12px;color:#b7cce5}
.bn-offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.bn-offer-bottom p{color:#d2def0;margin:0;line-height:1.6;font-size:14px}
.bn-offer-bottom p a{color:#ffb78e;font-weight:750;text-underline-offset:3px}
.bn-offer-button{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:14px 20px;min-height:46px;text-decoration:none!important;background:white;color:#12304f!important;font-size:14px;font-weight:800;white-space:nowrap}
.bn-offer-button:hover{background:#eaf2ff}
.bn-disclaimer{font-size:11px;color:#aabfd7;line-height:1.55;border-top:1px solid #3d5979;padding-top:13px;margin:23px 0 0}
.bn-services-nav{text-decoration:none}
.bn-product-logo{display:block;margin:12px 0 15px;line-height:1}
.bn-product-logo img{display:block;width:min(100%,315px);height:auto;object-fit:contain;object-position:left center}
.bn-mxm22-logo img{width:min(100%,245px)}
.bn-nexora-card{background:#f1f6ff!important;border:1px solid #d5e2fa!important;color:#112e50!important;display:flex;flex-direction:column;isolation:isolate}
.bn-nexora-card h3{color:#092b52!important;font-size:clamp(24px,2.4vw,30px);margin:0 0 12px}
.bn-nexora-card p{color:#657b9b!important;line-height:1.6;margin:0 0 16px}
.bn-project-tag{align-self:flex-start;display:inline-flex;color:#215acb;font-size:10px;font-weight:800;letter-spacing:.07em;background:#dfeaff;padding:7px 11px;border-radius:30px}
.bn-nexora-logo img{width:min(100%,310px)}
.bn-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:21px}
.bn-tags span{font-size:11px;font-weight:600;color:#3f6092;background:#fff;border:1px solid #dfe8f8;padding:7px 10px;border-radius:20px}
.bn-project-link{margin-top:auto;color:#2458d4!important;text-decoration:none;font-size:14px;font-weight:750}
.bn-project-link:hover{text-decoration:underline}
@media(max-width:800px){.bn-services{padding:55px 16px 58px}.bn-service-grid{grid-template-columns:1fr}.bn-offer-values{grid-template-columns:1fr}.bn-offer{padding:25px 23px}.bn-offer-bottom{flex-direction:column;align-items:stretch}.bn-offer-button{align-self:stretch}.bn-service-index{margin-bottom:15px}}
/* Cardul MXM22 pastreaza fundalul inchis din demo-ul aprobat.
   Sigla utilizata aici are alfa real, nu dreptunghi negru. */
.project-grid .project-card.project-mxm{background:linear-gradient(150deg,#0e141c 0%,#111e30 65%,#173355 100%)!important;border-color:#2a3e57!important;color:#f7fbff!important}
.project-grid .project-card.project-mxm h2,.project-grid .project-card.project-mxm h3,.project-grid .project-card.project-mxm h4{color:#f7fbff!important}
.project-grid .project-card.project-mxm p{color:#bdcce0!important}
.project-grid .project-card.project-mxm a{color:#ffab6e!important}


/* BRENOX LOGO SIZE V2 */
header .brand {
    font-size: 40px !important;
    gap: 24px !important;
}

header .brand-mark {
    width: 70px !important;
    height: 70px !important;
    font-size: 40px !important;
    border-radius: 19px !important;
}


/* ==========================================
   BRENOX — METEO SOCODOR
   TEST LOCAL — 15.10.2026
   ========================================== */

body .project-grid.project-grid-meteo {
    display: grid !important;
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
    gap: 20px;
    align-items: stretch;
}

.project-grid-meteo > .project-card {
    min-width: 0;
    box-sizing: border-box;
    padding: clamp(24px, 2.5vw, 34px);
}

.project-grid .project-card.project-meteo {
    background: linear-gradient(
        145deg,
        #eaf8ff,
        #d6effb 60%,
        #c9e7f6
    ) !important;

    border: 1px solid #acd6eb !important;
    border-radius: 28px;
    color: #123b59 !important;

    display: flex;
    flex-direction: column;

    min-height: 30rem;
    isolation: isolate;
}

.project-meteo .meteo-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.project-meteo .meteo-head span {
    padding: 8px 12px;
    border-radius: 30px;
    background: #d1eafa;
    color: #17658a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
}

.project-meteo .meteo-head b {
    color: #4686a5;
    font-size: 14px;
}

.project-meteo .meteo-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 28px 0 12px;
}

.project-meteo .meteo-logo div {
    display: flex;
    flex-direction: column;
    font-size: clamp(26px, 2.6vw, 36px);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.05;
}

.project-meteo .meteo-logo span {
    color: #1779a8;
}

.project-meteo .meteo-logo strong {
    color: #103e60;
}

.project-grid .project-card.project-meteo h3 {
    margin: 15px 0 12px !important;
    font-size: clamp(27px, 2.5vw, 35px);
    line-height: 1.15;
    color: #103e60 !important;
}

.project-grid .project-card.project-meteo p {
    margin: 0 0 18px;
    color: #50748d !important;
    font-size: 15px;
    line-height: 1.65;
}

.project-meteo .meteo-features {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 0;
    margin: 12px 0 28px;
    list-style: none;
}

.project-meteo .meteo-features li {
    padding: 7px 10px;
    border-radius: 30px;
    border: 1px solid #c7e2f0;
    background: #fff;
    color: #326984;
    font-size: 11px;
    font-weight: 650;
}

.project-meteo .meteo-link {
    display: inline-flex;
    align-items: center;
    margin-top: auto;
    color: #0873a8 !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.project-meteo .meteo-link:hover {
    text-decoration: underline;
}

@media (max-width: 1180px) {
    body .project-grid.project-grid-meteo {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    body .project-grid.project-grid-meteo {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }
}

/* ===== SFARSIT METEO SOCODOR ===== */


/* ===== BRENOX METEO LOGO ORIGINAL ===== */

.project-meteo .meteo-logo-real {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 96px;
    margin: 20px 0 12px;
}

.project-meteo .meteo-logo-real img {
    display: block;
    width: min(100%, 300px);
    height: auto;
    max-height: 110px;
    object-fit: contain;
    object-position: left center;
}

@media (max-width: 700px) {
    .project-meteo .meteo-logo-real img {
        width: min(100%, 280px);
    }
}

/* ===== SFARSIT LOGO ORIGINAL ===== */