/* PEMEX 360 HUB · AI Regula Solutions · V2 Fixed */
:root{--pmx-navy:#061a2b;--pmx-blue:#0b63ce;--pmx-green:#129847;--pmx-amber:#f4a300;--pmx-orange:#f97316;--pmx-purple:#6d28d9;--pmx-red:#dc2626;--pmx-text:#06142a;--pmx-muted:#53657e;--pmx-border:#cfe0f4;--pmx-shadow:0 12px 28px rgba(4,20,43,.11)}
.pemex-svg-icon{width:1.25em;height:1.25em;fill:currentColor;display:inline-block;vertical-align:-.22em}.pemex-breadcrumb{display:flex;gap:.55rem;align-items:center;padding:1rem 0 .75rem;font-size:.92rem;color:#5b6a7f}.pemex-breadcrumb a{color:#005bbb;text-decoration:none}
.pemex-hero{min-height:336px;background:linear-gradient(90deg,rgba(5,22,38,.95) 0%,rgba(5,22,38,.82) 45%,rgba(5,22,38,.18) 100%),var(--pemex-hero-image) center/cover no-repeat;color:#fff!important;position:relative}.pemex-hero *{color:inherit}.pemex-hero__inner{min-height:336px;display:flex;align-items:center}.pemex-hero__content{max-width:100%;padding:2.05rem 0 2.35rem}.pemex-eyebrow{color:#5df2aa!important;font-weight:850;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;display:block;margin-bottom:.75rem}.pemex-hero h1{color:#fff!important;font-size:clamp(3.2rem,6.6vw,5.8rem);line-height:.9;letter-spacing:-.07em;margin:0 0 .22rem;text-shadow:0 5px 18px rgba(0,0,0,.28);font-weight:900}.pemex-hero__title2,.pemex-hero h2{color:#fff!important;margin:0 0 2rem;font-size:clamp(1.45rem,2.45vw,2.05rem);line-height:1.05;font-weight:850}.pemex-hero__subtitle,.pemex-hero__text,.pemex-hero p{color:rgba(255,255,255,.92)!important;max-width:780px;font-size:1.08rem;line-height:1.45;margin:.2rem 0 0}
.pemex-hero__text{margin-bottom:3rem !important;}
.pemex-hero__badges {
    margin-top: 1.35rem;
    margin-bottom: 2rem;
}

.pemex-hero-badge {
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    gap: .74rem;
    padding: .62rem .98rem;
    border: 1px solid rgba(199, 225, 255, .62);
    border-radius: 13px;
    background: linear-gradient(180deg, rgba(10, 39, 67, .78), rgba(6, 24, 42, .64));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 10px 22px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
    color: #fff !important;
}

.pemex-hero-badge__icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: grid;
    place-items: center;
    color: #65e6ff;
    font-size: 1.65rem;
    line-height: 1;
}

.pemex-hero-badge__icon i {
    display: block;
    line-height: 1;
}

.pemex-hero-badge__icon--success {
    color: #22c55e;
}

.pemex-hero-badge__text {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    line-height: 1.05;
    white-space: nowrap;
}

.pemex-hero-badge__text b {
    color: rgba(255,255,255,.92) !important;
    font-size: .82rem;
    font-weight: 800;
}

.pemex-hero-badge__text strong {
    color: #fff !important;
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: -.01em;
}

.pemex-hero-badge--warning {
    min-width: 286px;
    background: linear-gradient(180deg, rgba(48, 41, 45, .84), rgba(38, 32, 36, .76));
    border-color: rgba(255,255,255,.42);
}

.pemex-hero-badge--warning .pemex-hero-badge__icon {
    color: #fff;
}

.pemex-hero-badge__help {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    margin-left: .25rem;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 50%;
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
}

@media (max-width: 991.98px) {
    .pemex-hero-badge--warning {
        margin-left: 0 !important;
        min-width: 100%;
    }
}

.pemex-page {
    padding-bottom: 2.8rem;
}

.pemex-status-strip {
    display: none !important;
}

.pemex-query-panel {
    margin-top: -1.15rem;
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(520px, 1.16fr);
    gap: 1.1rem;
    align-items: center;
    padding: 1.05rem;
    border: 1px solid #d7e6f7;
    border-radius: 0 0 25px 25px;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(16px);
    box-shadow: var(--pmx-shadow);
}

.pemex-query-panel__search {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-width: 0;
}

.pemex-query-panel__icon {
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #edf6ff;
    color: #071b2c;
    font-size: 2.65rem;
    line-height: 1;
}

.pemex-query-panel__icon i {
    display: block;
    line-height: 1;
}

.pemex-query-panel__body {
    min-width: 0;
}

.pemex-query-panel h2 {
    color: var(--pmx-text);
    margin: 0 0 .55rem;
    font-size: 1.42rem;
    font-weight: 850;
    letter-spacing: -.02em;
}

.pemex-search {
    height: 48px;
    display: flex;
    border: 1px solid #ccddf0;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
}

.pemex-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 0 1rem;
    color: #23334d;
    font-size: .95rem;
}

.pemex-search button {
    width: 48px;
    flex: 0 0 48px;
    border: 0;
    background: #071b2c;
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
    display: grid;
    place-items: center;
}

.pemex-search button i {
    display: block;
    line-height: 1;
}

.pemex-query-panel__quick {
    min-width: 0;
}

.pemex-query-panel__quick h3 {
    margin: 0 0 .45rem;
    color: #071b2c;
    font-size: 1.02rem;
    font-weight: 850;
}

.pemex-quick-links {
    display: grid;
    grid-template-columns: repeat(7, minmax(72px, 1fr));
    gap: .55rem;
    align-items: stretch;
}

.pemex-quick-link {
    min-height: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .32rem;
    text-align: center;
    color: #071b2c;
    text-decoration: none;
    border: 1px solid #d3e2f5;
    border-radius: 13px;
    background: linear-gradient(180deg, #fff, #f7fbff);
    box-shadow: 0 8px 18px rgba(5, 22, 38, .08);
    font-size: .72rem;
    font-weight: 800;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.pemex-quick-link:hover {
    transform: translateY(-2px);
    border-color: #b6d1ef;
    box-shadow: 0 12px 22px rgba(5, 22, 38, .12);
    color: #071b2c;
}

.pemex-quick-link span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    font-size: 1.45rem;
    line-height: 1;
}

.pemex-quick-link span i {
    display: block;
    line-height: 1;
}

.pemex-quick-link strong {
    display: block;
    font-size: .72rem;
    font-weight: 850;
    line-height: 1.05;
}

.pemex-quick-link--green span { color: #0ea851; }
.pemex-quick-link--blue span { color: #0b63ce; }
.pemex-quick-link--purple span { color: #6d28d9; }
.pemex-quick-link--violet span { color: #7c3aed; }
.pemex-quick-link--orange span { color: #f97316; }
.pemex-quick-link--amber span { color: #d9a30f; }
.pemex-quick-link--dark span { color: #071b2c; }

@media (max-width: 1200px) {
    .pemex-query-panel {
        grid-template-columns: 1fr;
    }

    .pemex-quick-links {
        grid-template-columns: repeat(7, minmax(72px, 1fr));
    }
}

@media (max-width: 768px) {
    .pemex-query-panel__search {
        grid-template-columns: 1fr;
    }

    .pemex-query-panel__icon {
        display: none;
    }

    .pemex-quick-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.pemex-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    margin: 1rem 0;
}

.pemex-kpi {
    position: relative;
    overflow: hidden;
    min-height: 178px !important;
    height: 198px !important;
    border: 1px solid #d4e3f5;
    border-radius: 14px;
    background: #fff;
    padding: .82rem .86rem .58rem;
    box-shadow: 0 9px 22px rgba(5,22,38,.09);
}



.pemex-kpi--flat::before {
    background: var(--pmx-blue);
}

.pemex-kpi__head {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 24px;
    gap: .72rem;
    align-items: center;
    min-height: 48px;
}

.pemex-kpi__icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    font-size: 1.55rem;
    line-height: 1;
    background: #10a153;
    color: #eef8f0;
}

.pemex-kpi__icon i {
    display: block;
    line-height: 1;
}

.pemex-kpi:nth-child(2) .pemex-kpi__icon {
    background: #1264d8;
    color: #e9f2ff;
}

.pemex-kpi:nth-child(3) .pemex-kpi__icon {
    background: #6d28d9;
    color: #f1e9ff;
}

.pemex-kpi:nth-child(4) .pemex-kpi__icon {
    background: #f97316;
    color: #fff0e4;
}

.pemex-kpi h3 {
    margin: 0;
    color: #06142a;
    font-size: .97rem;
    line-height: 1.12;
    font-weight: 850;
    max-width: 190px;
}

.pemex-info-dot {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border: 1px solid #c9dff7;
    color: #8aa0bb;
    background: #fff;
    border-radius: 50%;
    font-weight: 800;
    font-size: .82rem;
    line-height: 1;
    padding: 0;
}

.pemex-info-dot i {
    display: block;
    line-height: 1;
}

.pemex-kpi__value {
    display: flex;
    gap: .45rem;
    align-items: baseline;
    margin-top: .58rem;
}

.pemex-kpi__value strong {
    color: #07111f;
  font-size: 2.3rem;
  line-height: 1;
  letter-spacing: .0em;
  font-weight: 900;
}

.pemex-kpi__value span {
    color: #07111f;
    font-weight: 800;
    font-size: .98rem;
}

.pemex-kpi__variation {
    display: flex;
    align-items: center;
    gap: .15rem;
    margin: .32rem 0 .25rem;
    color: var(--pmx-red);
    font-size: .84rem;
    font-weight: 850;
    line-height: 1.1;
}

.pemex-kpi--up .pemex-kpi__variation {
    color: var(--pmx-green);
}

.pemex-kpi__variation i {
    font-size: 1rem;
    line-height: 1;
}

.pemex-kpi small {
    color: #34445e;
    display: block;
    font-size: .82rem;
    line-height: 1.1;
}

.pemex-kpi__spark-wrap {
    position: absolute;
    left: .72rem;
    right: .72rem;
    bottom: .42rem;
    height: 42px !important;
    max-height: 42px !important;
    overflow: hidden !important;
}

.pemex-kpi__sparkline {
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    max-height: 42px !important;
}

@media (max-width: 1200px) {
    .pemex-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

    .pemex-kpi {
        height: 182px !important;
    }
}

.pemex-narrative{display:grid;grid-template-columns:84px 1fr;gap:1rem;border:1px solid #bcdcf8;border-radius:14px;padding:1rem 1.1rem;background:linear-gradient(90deg,#f3faff,#fff);margin-bottom:1.1rem}.pemex-narrative__icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#071b2c;color:#fff;font-size:2rem}.pemex-narrative h2{color:#07142a;font-size:1.32rem;margin:0 0 .35rem;font-weight:850}.pemex-narrative p{color:#102039;line-height:1.45;margin:0}.pemex-helper,.pemex-data-helper{display:flex;gap:.55rem;align-items:center;margin-top:.55rem;color:#005bbb;font-size:.86rem}.pemex-section-heading h2{margin:0;color:#07142a;font-size:1.32rem;font-weight:900}.pemex-section-heading h2::after{content:"";display:block;width:42px;height:3px;background:#149f4f;border-radius:999px;margin-top:.38rem}.pemex-section-heading p{display:none}
.pemex-route-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.pemex-route-card{min-height:94px;display:grid;grid-template-columns:58px 1fr auto;gap:.72rem;align-items:center;padding:.78rem;border:1px solid #d3e2f5;border-radius:13px;background:#fff;box-shadow:0 8px 18px rgba(5,22,38,.07);text-decoration:none;color:#07142a}.pemex-route-card__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:1.65rem;background:#067d6a}.pemex-route-card:nth-child(2) .pemex-route-card__icon{background:#0b4d99}.pemex-route-card:nth-child(3) .pemex-route-card__icon{background:#6d28d9}.pemex-route-card:nth-child(4) .pemex-route-card__icon{background:#f97316}.pemex-route-card:nth-child(5) .pemex-route-card__icon{background:#d9a30f}.pemex-route-card:nth-child(6) .pemex-route-card__icon{background:#0891b2}.pemex-route-card:nth-child(7) .pemex-route-card__icon{background:#d12c79}.pemex-route-card:nth-child(8) .pemex-route-card__icon{background:#0ea5c6}.pemex-route-card:nth-child(9) .pemex-route-card__icon{background:#168a42}.pemex-route-card:nth-child(10) .pemex-route-card__icon{background:#3156b7}.pemex-route-card__body strong{display:block;font-size:1.02rem;line-height:1.05;font-weight:900}.pemex-route-card__body small{display:block;margin-top:.28rem;color:#17233a;font-size:.78rem;line-height:1.2}.pemex-route-card__arrow{font-size:1.25rem;color:#07142a}
.pemex-radar{margin-top:1rem}.pemex-section-heading--inline{display:flex;align-items:center;justify-content:space-between}.pemex-link-button{display:none}.pemex-chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:.75rem}.pemex-chart-card{border:1px solid #d3e2f5;border-radius:13px;background:#fff;padding:.8rem;box-shadow:0 8px 18px rgba(5,22,38,.07)}.pemex-chart-card header{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start;min-height:42px}.pemex-chart-card h3{margin:0;color:#07142a;font-size:.92rem;line-height:1.12;font-weight:900}.pemex-chart-card header p,.pemex-chart-card__helper{display:none}.pemex-chart-card header span{color:#243750;font-size:.78rem}.pemex-chart-card__canvas{height:176px!important;max-height:176px!important;min-height:176px!important;overflow:hidden!important;position:relative}.pemex-chart-card__canvas canvas{display:block!important;width:100%!important;height:176px!important;max-height:176px!important}.pemex-chart-card footer{margin-top:.45rem;color:#20314c;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pemex-data-helper{border:1px solid #b8dcff;background:#eef7ff;border-radius:12px;padding:.7rem .9rem}
.pemex-seo-block{display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:.9rem;border:1px solid #d5e6f5;border-radius:14px;background:linear-gradient(120deg,#fff,#f2fff7);padding:1rem}.pemex-ai-card{display:none}.pemex-seo-block h2{margin:0 0 .7rem;color:#07142a;font-size:1.32rem;font-weight:900}.pemex-seo-block p{color:#11223a;line-height:1.45}.pemex-seo-pills{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.pemex-seo-pills span{border:1px solid #d4eadb;background:#fff;color:#0b5d2e;border-radius:12px;padding:.5rem .65rem;font-size:.78rem;font-weight:800}.pemex-cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.9rem}.pemex-cta{background:#fff;border:1px solid #d8e6f5;border-radius:13px;padding:.85rem}.pemex-cta svg{color:#0f8f45;font-size:1.6rem}.pemex-cta h3{margin:.45rem 0 .25rem;font-size:.95rem;color:#07142a;font-weight:900}.pemex-cta p{margin:0 0 .65rem;color:#17233a;font-size:.78rem;line-height:1.25}.pemex-cta a{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;color:#fff!important;background:#0b8f42;border-radius:9px;padding:.55rem .75rem;font-size:.8rem;font-weight:900}.pemex-cta__links{display:flex;flex-wrap:wrap;gap:.45rem}
@media(max-width:1200px){.pemex-query-panel{grid-template-columns:1fr}.pemex-quick-links{grid-template-columns:repeat(4,1fr)}.pemex-kpis,.pemex-chart-grid{grid-template-columns:repeat(2,1fr)}.pemex-route-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pemex-hero,.pemex-hero__inner{min-height:auto}.pemex-hero__content{padding:2rem 0}.pemex-query-panel__search,.pemex-narrative{grid-template-columns:1fr}.pemex-query-panel__icon{display:none}.pemex-quick-links,.pemex-kpis,.pemex-chart-grid,.pemex-route-grid,.pemex-cta-grid{grid-template-columns:1fr}}


.pemex-radar {
    margin-top: 1rem;
}

.pemex-section-heading--radar {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .65rem;
}

.pemex-section-heading--radar h2 {
    font-size: 1.28rem;
    letter-spacing: -.02em;
}

.pemex-chart-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .65rem;
}

.pemex-chart-card {
    min-height: 248px;
    border: 1px solid #d3e2f5;
    border-radius: 13px;
    background: #fff;
    padding: .82rem .9rem .72rem;
    box-shadow: 0 8px 18px rgba(5,22,38,.07);
}

.pemex-chart-card header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .7rem;
    align-items: start;
    min-height: 44px;
    margin-bottom: .28rem;
}

.pemex-chart-card h3 {
    margin: 0;
    color: #07142a;
    font-size: .92rem;
    line-height: 1.12;
    font-weight: 900;
}

.pemex-chart-card header span {
    color: #233b5d;
    font-size: .78rem;
    font-weight: 700;
}

.pemex-chart-card__canvas {
    height: 150px !important;
    max-height: 150px !important;
    min-height: 150px !important;
    overflow: hidden;
    position: relative;
}

.pemex-chart-card:has(canvas[id*="elaboracion"]) .pemex-chart-card__canvas,
.pemex-chart-card:has(canvas[data-chart-key*="elaboracion"]) .pemex-chart-card__canvas {
    height: 172px !important;
    max-height: 172px !important;
    min-height: 172px !important;
}

.pemex-chart-card__canvas canvas {
    display: block !important;
    width: 100% !important;
    height: 150px !important;
    max-height: 150px !important;
}

.pemex-chart-card:has(canvas[id*="elaboracion"]) .pemex-chart-card__canvas canvas,
.pemex-chart-card:has(canvas[data-chart-key*="elaboracion"]) .pemex-chart-card__canvas canvas {
    height: 172px !important;
    max-height: 172px !important;
}

.pemex-chart-card footer {
    margin-top: .48rem;
    color: #20314c;
    font-size: .7rem;
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1200px) {
    .pemex-chart-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

.pemex-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .96fr);
    gap: .75rem;
    margin-top: .9rem;
    align-items: stretch;
}

.pemex-seo-block,
.pemex-cta-panel {
    border: 1px solid #d5e6f5;
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0%, rgba(18, 152, 71, .10), transparent 34%),
        linear-gradient(120deg, #ffffff, #f4fff8);
    padding: .95rem 1rem;
    box-shadow: 0 8px 18px rgba(5, 22, 38, .055);
}

.pemex-seo-block h2,
.pemex-cta-panel h2 {
    margin: 0 0 .65rem;
    color: #07142a;
    font-size: 1.18rem;
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -.02em;
}

.pemex-seo-block p {
    color: #11223a;
    line-height: 1.38;
    margin: 0 0 .55rem;
    font-size: .88rem;
}

.pemex-seo-pills {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .85rem;
}

.pemex-seo-pills span {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: .42rem;
    border: 1px solid #d4eadb;
    background: rgba(255, 255, 255, .88);
    color: #0b5d2e;
    border-radius: 10px;
    padding: .45rem .52rem;
    font-size: .72rem;
    line-height: 1.1;
    font-weight: 800;
    box-shadow: 0 6px 14px rgba(7, 27, 44, .045);
}

.pemex-seo-pills i {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eaf8ef;
    color: #129847;
    font-size: 1rem;
}

.pemex-cta-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.pemex-cta {
    min-height: 146px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid #d8e6f5;
    border-radius: 12px;
    padding: .8rem .8rem .72rem;
    box-shadow: 0 6px 14px rgba(5, 22, 38, .045);
}

.pemex-cta__icon {
    display: block;
    font-size: 1.55rem;
    line-height: 1;
    margin-bottom: .42rem;
}

.pemex-cta__icon--green {
    color: #129847;
}

.pemex-cta__icon--blue {
    color: #004bb8;
}

.pemex-cta__icon--navy {
    color: #061a2b;
}

.pemex-cta h3 {
    margin: 0 0 .28rem;
    color: #07142a;
    font-size: .88rem;
    line-height: 1.12;
    font-weight: 900;
}

.pemex-cta p {
    margin: 0 0 .72rem;
    color: #17233a;
    font-size: .75rem;
    line-height: 1.25;
}

.pemex-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .36rem;
    min-height: 34px;
    border-radius: 9px;
    padding: .48rem .68rem;
    text-decoration: none;
    color: #fff !important;
    font-size: .76rem;
    line-height: 1;
    font-weight: 900;
    box-shadow: 0 8px 16px rgba(5, 22, 38, .12);
}

.pemex-cta__button--green {
    background: #0f9343;
}

.pemex-cta__button--blue {
    background: #0048ad;
}

.pemex-cta__button--navy {
    background: #061a2b;
}

.pemex-cta__button:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
}

.pemex-footer-status {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .5rem;
    margin-top: .85rem;
    border: 1px solid #d8e6f5;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    padding: .72rem .82rem;
    box-shadow: 0 8px 18px rgba(5, 22, 38, .045);
}

.pemex-footer-status div {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .24rem .52rem;
    align-items: center;
}

.pemex-footer-status svg {
    grid-row: 1 / span 2;
    color: #082b56;
    font-size: 1.28rem;
}

.pemex-footer-status span {
    color: #53657e;
    font-size: .7rem;
    line-height: 1;
}

.pemex-footer-status strong {
    color: #07142a;
    font-size: .78rem;
    line-height: 1.1;
}

@media (max-width: 1200px) {
    .pemex-bottom-grid {
        grid-template-columns: 1fr;
    }

    .pemex-seo-pills {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .pemex-seo-pills,
    .pemex-cta-grid,
    .pemex-footer-status {
        grid-template-columns: 1fr;
    }

    .pemex-cta {
        min-height: unset;
    }
}