
:root{--mpd-bg:#f6f4ef;--mpd-text:#1d1c1f;--mpd-muted:#6e6a64;--mpd-line:#ded9d0;--mpd-accent:#e0a800;--mpd-dark:#1d1c1f;--mpd-blue:#0b4f74}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--mpd-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.mpd-shared-header{background:#fff;border-bottom:1px solid #e8e3da;position:relative;z-index:50}
.mpd-shared-header-inner{min-height:82px;display:flex;align-items:center;gap:28px}
.mpd-shared-brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:260px}
.mpd-shared-brand img{width:auto;height:48px;max-width:180px;object-fit:contain}
.mpd-shared-brand-copy{display:flex;flex-direction:column;line-height:1.15}.mpd-shared-brand-copy strong{font-size:.95rem}.mpd-shared-brand-copy small{margin-top:4px;color:#77716a;font-size:.72rem}
.mpd-shared-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.mpd-shared-nav a{text-decoration:none;font-size:.82rem;font-weight:800;color:#373431}.mpd-shared-nav a:hover{color:#0b4f74}
.mpd-shared-home{padding:10px 14px;border:1px solid #d9d3c9;border-radius:999px}
.mpd-shared-footer{background:#171719;color:#ddd8d0;padding:32px 0}.mpd-shared-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.mpd-shared-footer strong{color:#fff}.mpd-shared-footer small{display:block;color:#a7a29b;margin-top:4px}.mpd-shared-footer nav{display:flex;gap:18px;flex-wrap:wrap}.mpd-shared-footer a{color:#ddd8d0;text-decoration:none;font-size:.8rem}
@media(max-width:860px){.mpd-shared-header-inner{padding:14px 0;flex-wrap:wrap}.mpd-shared-brand{min-width:0}.mpd-shared-nav{width:100%;margin-left:0;gap:12px;overflow:auto;padding-bottom:4px}.mpd-shared-nav a{white-space:nowrap}.mpd-shared-footer-inner{align-items:flex-start;flex-direction:column}}

/* ==========================================================
   MPD / INTEGRIDAD - página institucional integrada al nuevo sitio
   ========================================================== */
.mpd-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 25%, rgba(25,94,131,.34), transparent 34%),
        linear-gradient(115deg, #1d1c1f 0%, #252729 58%, #0b4f74 100%);
    color: #fff;
}

.mpd-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .12;
    background-image:
        linear-gradient(to right, rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 80px 80px;
}

.mpd-hero-layout {
    position: relative;
    z-index: 2;
    min-height: 500px;
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(390px, .82fr);
    align-items: center;
    gap: 72px;
    padding-top: 72px;
    padding-bottom: 72px;
}

.mpd-hero-copy {
    max-width: 780px;
}

.mpd-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    color: #e0a800;
    font-size: .68rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .19em;
    text-transform: uppercase;
}

.mpd-kicker-line {
    width: 32px;
    height: 2px;
    flex: 0 0 32px;
    background: currentColor;
}

.mpd-kicker-dark {
    color: #806100;
}

.mpd-hero-copy h1 {
    margin: 0;
    max-width: 750px;
    color: #fff;
    font-size: clamp(3.3rem, 5.15vw, 5.4rem);
    line-height: .91;
    letter-spacing: -.06em;
    font-weight: 900;
}

.mpd-hero-lead {
    max-width: 720px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.82);
    font-size: .98rem;
    line-height: 1.72;
}

.mpd-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.mpd-btn {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 22px;
    border: 1px solid rgba(255,255,255,.65);
    font-size: .72rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.mpd-btn:hover {
    transform: translateY(-1px);
}

.mpd-btn-primary {
    background: #e0a800;
    color: #111;
    border-color: #e0a800;
}

.mpd-btn-primary:hover {
    background: #efb500;
    border-color: #efb500;
}

.mpd-btn-ghost {
    color: #fff;
    background: rgba(255,255,255,.03);
}

.mpd-btn-ghost:hover {
    background: rgba(255,255,255,.08);
}

.mpd-hero-panel {
    border-left: 1px solid rgba(255,255,255,.48);
    padding-left: 28px;
}

.mpd-panel-head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 0 18px;
    border-bottom: 1px solid rgba(255,255,255,.42);
}

.mpd-panel-icon {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #e0a800;
    border: 1px solid rgba(224,168,0,.8);
}

.mpd-panel-icon svg {
    width: 24px;
    height: 24px;
}

.mpd-panel-eyebrow {
    display: block;
    margin-bottom: 3px;
    color: rgba(255,255,255,.55);
    font-size: .63rem;
    letter-spacing: .14em;
    font-weight: 800;
    text-transform: uppercase;
}

.mpd-panel-head h2 {
    margin: 0;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1.05;
    font-weight: 800;
}

.mpd-panel-list {
    display: grid;
}

.mpd-panel-row {
    min-height: 78px;
    display: grid;
    grid-template-columns: 32px 1fr 24px;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255,255,255,.42);
    color: #fff;
    transition: padding-left .18s ease, background .18s ease;
}

.mpd-panel-row:hover {
    padding-left: 8px;
    background: rgba(255,255,255,.035);
}

.mpd-panel-row-number {
    color: #e0a800;
    font-size: .66rem;
    font-weight: 900;
}

.mpd-panel-row strong,
.mpd-panel-row small {
    display: block;
}

.mpd-panel-row strong {
    color: #fff;
    font-size: .92rem;
    line-height: 1.2;
}

.mpd-panel-row small {
    margin-top: 3px;
    color: rgba(255,255,255,.58);
    font-size: .76rem;
}

.mpd-panel-arrow {
    justify-self: end;
    color: #e0a800;
}

.mpd-commitment-section,
.mpd-channel-section,
.mpd-policies-section {
    position: relative;
    background-color: #f4f2ed;
    background-image:
        linear-gradient(to right, rgba(53,49,41,.045) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(53,49,41,.045) 1px, transparent 1px);
    background-size: 80px 80px;
}

.mpd-commitment-layout {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 68px;
    padding-top: 82px;
    padding-bottom: 84px;
}

.mpd-commitment-copy {
    max-width: 500px;
}

.mpd-commitment-copy h2,
.mpd-principles-head h2,
.mpd-channel-copy h2,
.mpd-policies-head h2 {
    margin: 0;
    color: #1f1c1f;
    font-size: clamp(2.7rem, 3.7vw, 4rem);
    line-height: .92;
    letter-spacing: -.055em;
    font-weight: 900;
}

.mpd-commitment-copy p,
.mpd-channel-copy p {
    margin: 20px 0 0;
    color: #5d574f;
    font-size: .88rem;
    line-height: 1.72;
}

.mpd-capability-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #d3cdc2;
    border-left: 1px solid #d3cdc2;
}

.mpd-capability-card {
    min-height: 215px;
    position: relative;
    padding: 26px 26px 24px;
    border-right: 1px solid #d3cdc2;
    border-bottom: 1px solid #d3cdc2;
    background: rgba(255,255,255,.30);
}

.mpd-capability-number {
    position: absolute;
    top: 18px;
    right: 18px;
    color: #a49d91;
    font-size: .66rem;
    font-weight: 900;
}

.mpd-capability-icon {
    width: 31px;
    height: 31px;
    display: inline-flex;
    color: #405a49;
    margin-bottom: 26px;
}

.mpd-capability-icon svg {
    width: 100%;
    height: 100%;
}

.mpd-capability-card h3 {
    margin: 0 0 10px;
    color: #171615;
    font-size: 1.35rem;
    line-height: 1.05;
    font-weight: 900;
}

.mpd-capability-card p {
    margin: 0;
    color: #5d574f;
    font-size: .79rem;
    line-height: 1.62;
}

.mpd-principles-section {
    padding: 78px 0 82px;
    background: #1f1d1f;
    color: #fff;
}

.mpd-principles-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 480px);
    gap: 64px;
    align-items: end;
}

.mpd-principles-head h2 {
    color: #fff;
}

.mpd-principles-head > p {
    margin: 0 0 6px;
    color: rgba(255,255,255,.60);
    font-size: .84rem;
    line-height: 1.68;
}

.mpd-principles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 44px;
    border-top: 1px solid rgba(255,255,255,.45);
    border-left: 1px solid rgba(255,255,255,.45);
}

.mpd-principles-grid article {
    min-height: 220px;
    padding: 26px 26px 24px;
    border-right: 1px solid rgba(255,255,255,.45);
    border-bottom: 1px solid rgba(255,255,255,.45);
}

.mpd-principle-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    margin-bottom: 30px;
    color: #e0a800;
}

.mpd-principle-icon svg {
    width: 100%;
    height: 100%;
}

.mpd-principles-grid h3 {
    margin: 0 0 11px;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.08;
    font-weight: 900;
}

.mpd-principles-grid p {
    margin: 0;
    color: rgba(255,255,255,.62);
    font-size: .79rem;
    line-height: 1.62;
}

.mpd-channel-layout {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: 72px;
    align-items: center;
    padding-top: 78px;
    padding-bottom: 78px;
}

.mpd-channel-copy {
    max-width: 530px;
}

.mpd-channel-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    border-top: 1px solid #d3cdc2;
    border-left: 1px solid #d3cdc2;
}

.mpd-channel-card {
    min-height: 218px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 26px 26px 24px;
    border-right: 1px solid #d3cdc2;
    border-bottom: 1px solid #d3cdc2;
    background: rgba(255,255,255,.32);
    transition: background .18s ease, transform .18s ease;
}

.mpd-channel-card:hover {
    transform: translateY(-2px);
    background: #fff;
}

.mpd-channel-card-primary {
    background: #e0a800;
    border-color: #c69500;
}

.mpd-channel-card-primary:hover {
    background: #efb500;
}

.mpd-channel-card-number {
    color: #7c7569;
    font-size: .67rem;
    font-weight: 900;
}

.mpd-channel-card-primary .mpd-channel-card-number,
.mpd-channel-card-primary small {
    color: rgba(17,17,17,.65);
}

.mpd-channel-card strong {
    margin-top: 44px;
    color: #171615;
    font-size: 1.25rem;
    line-height: 1.05;
    font-weight: 900;
}

.mpd-channel-card small {
    margin-top: 8px;
    color: #615b52;
    font-size: .76rem;
    line-height: 1.5;
}

.mpd-channel-arrow {
    position: absolute;
    right: 24px;
    bottom: 20px;
    color: #8a6800;
    font-size: 1.15rem;
}

.mpd-admin-strip {
    background: #102d3d;
    color: #fff;
}

.mpd-admin-strip-inner {
    min-height: 118px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.mpd-admin-copy {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mpd-admin-icon {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    border: 1px solid rgba(224,168,0,.85);
    color: #e0a800;
}

.mpd-admin-icon svg {
    width: 24px;
    height: 24px;
}

.mpd-admin-copy span,
.mpd-admin-copy strong {
    display: block;
}

.mpd-admin-copy div > span {
    color: #e0a800;
    font-size: .64rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    font-weight: 900;
}

.mpd-admin-copy strong {
    margin-top: 4px;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
}

.mpd-admin-button {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 0 20px;
    border: 1px solid rgba(255,255,255,.55);
    color: #fff;
    font-size: .69rem;
    letter-spacing: .11em;
    font-weight: 900;
    text-transform: uppercase;
}

.mpd-admin-button:hover {
    border-color: #e0a800;
    color: #e0a800;
}

.mpd-policies-section {
    padding: 74px 0 78px;
}

.mpd-policies-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 38px;
}

.mpd-policies-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #a78a32;
    color: #755900;
    font-size: .71rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.mpd-policy-tags {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    margin-top: 38px;
    border-top: 1px solid #d3cdc2;
    border-left: 1px solid #d3cdc2;
}

.mpd-policy-tags span {
    min-height: 86px;
    display: flex;
    align-items: center;
    padding: 18px 20px;
    border-right: 1px solid #d3cdc2;
    border-bottom: 1px solid #d3cdc2;
    background: rgba(255,255,255,.28);
    color: #262321;
    font-size: .78rem;
    line-height: 1.4;
    font-weight: 700;
}

@media (max-width: 1080px) {
    .mpd-hero-layout,
    .mpd-commitment-layout,
    .mpd-channel-layout {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .mpd-hero-panel {
        max-width: 620px;
    }

    .mpd-principles-head {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .mpd-policy-tags {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .mpd-hero-layout {
        min-height: auto;
        padding-top: 56px;
        padding-bottom: 58px;
    }

    .mpd-hero-copy h1 {
        font-size: clamp(2.65rem, 12vw, 4rem);
        line-height: .94;
    }

    .mpd-hero-lead {
        font-size: .91rem;
        line-height: 1.62;
    }

    .mpd-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .mpd-btn {
        width: 100%;
    }

    .mpd-hero-panel {
        padding-left: 18px;
    }

    .mpd-commitment-layout,
    .mpd-channel-layout {
        padding-top: 58px;
        padding-bottom: 60px;
    }

    .mpd-commitment-copy h2,
    .mpd-principles-head h2,
    .mpd-channel-copy h2,
    .mpd-policies-head h2 {
        font-size: clamp(2.3rem, 10vw, 3.2rem);
        line-height: .95;
    }

    .mpd-capability-grid,
    .mpd-principles-grid,
    .mpd-channel-actions,
    .mpd-policy-tags {
        grid-template-columns: 1fr;
    }

    .mpd-principles-section {
        padding: 58px 0 60px;
    }

    .mpd-admin-strip-inner,
    .mpd-policies-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .mpd-admin-strip-inner {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .mpd-admin-button {
        width: 100%;
    }

    .mpd-policies-section {
        padding: 58px 0 62px;
    }
}
/* MPD CANAL DE DENUNCIAS - NUEVA WEB */
.mpd-report-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#1d1c1f 0%,#252729 58%,#0b4f74 100%);color:#fff}
.mpd-report-hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.11;background-image:linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.08) 1px,transparent 1px);background-size:80px 80px}
.mpd-report-hero-layout{position:relative;z-index:2;min-height:410px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:70px;align-items:center;padding-top:58px;padding-bottom:58px}
.mpd-report-hero-copy{max-width:700px}.mpd-report-hero-copy h1{margin:0;color:#fff;font-size:clamp(3.2rem,5vw,5.1rem);line-height:.91;letter-spacing:-.06em;font-weight:900}.mpd-report-hero-copy>p{max-width:690px;margin:22px 0 0;color:rgba(255,255,255,.78);font-size:.91rem;line-height:1.7}.mpd-report-back{display:inline-flex;margin-top:25px;padding-bottom:5px;border-bottom:1px solid rgba(224,168,0,.65);color:#e0a800;font-size:.67rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.mpd-report-hero-info{padding-left:28px;border-left:1px solid rgba(255,255,255,.5)}.mpd-report-hero-info-head{display:flex;gap:13px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.4)}.mpd-report-shield{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e0a800;color:#e0a800}.mpd-report-shield svg{width:23px;height:23px}.mpd-report-hero-info-head small,.mpd-report-hero-info-head strong{display:block}.mpd-report-hero-info-head small{color:rgba(255,255,255,.52);font-size:.61rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.mpd-report-hero-info-head strong{margin-top:3px;color:#fff;font-size:1.05rem}.mpd-report-hero-info-row{min-height:72px;display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:center;border-bottom:1px solid rgba(255,255,255,.38)}.mpd-report-hero-info-row>span{color:#e0a800;font-size:.63rem;font-weight:900}.mpd-report-hero-info-row strong,.mpd-report-hero-info-row small{display:block}.mpd-report-hero-info-row strong{color:#fff;font-size:.85rem}.mpd-report-hero-info-row small{margin-top:3px;color:rgba(255,255,255,.55);font-size:.72rem;line-height:1.45}
.mpd-report-form-section{padding:70px 0 82px;background-color:#f4f2ed;background-image:linear-gradient(to right,rgba(53,49,41,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(53,49,41,.04) 1px,transparent 1px);background-size:80px 80px}.mpd-report-form-shell{max-width:1120px}.mpd-report-form-intro{display:grid;grid-template-columns:1fr minmax(300px,460px);gap:44px;align-items:end;margin-bottom:30px}.mpd-report-form-intro h2{margin:0;color:#1f1c1f;font-size:clamp(2.4rem,3.2vw,3.35rem);line-height:.94;letter-spacing:-.05em;font-weight:900}.mpd-report-form-intro>p{margin:0 0 4px;color:#625b52;font-size:.83rem;line-height:1.65}.mpd-report-form-card{overflow:hidden;border:1px solid #d5cfc4;background:#fff;box-shadow:0 12px 38px rgba(37,32,24,.06)}.mpd-progress-wrap{padding:22px 30px 18px;border-bottom:1px solid #ddd7cd;background:#f7f4ee}.mpd-step-indicator{display:flex;align-items:center;justify-content:center}.mpd-step-dot{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid #cfc8bd;border-radius:50%;background:#fff;color:#847d72;font-size:.7rem;font-weight:900;transition:.2s}.mpd-step-dot.active,.mpd-step-dot.done{background:#e0a800;border-color:#e0a800;color:#151515}.mpd-step-line{width:min(92px,10vw);height:1px;background:#cec8bd}.mpd-step-line.done{background:#e0a800}.mpd-step-labels{max-width:590px;margin:8px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;color:#948c80;font-size:.57rem;letter-spacing:.06em;text-transform:uppercase;text-align:center}.mpd-report-form-body{padding:34px 38px 38px}.mpd-security{display:flex;gap:13px;align-items:flex-start;margin-bottom:28px;padding:16px 18px;border:1px solid #cfded6;background:#eef6f2;color:#29483b}.mpd-security-icon{width:28px;height:28px;flex:0 0 28px}.mpd-security-icon svg{width:100%;height:100%}.mpd-security strong,.mpd-security span{display:block}.mpd-security strong{font-size:.8rem}.mpd-security div>span{margin-top:2px;color:#50675c;font-size:.75rem;line-height:1.5}.mpd-step{display:none}.mpd-step.active{display:block}.mpd-step-heading{display:grid;grid-template-columns:38px 1fr;gap:13px;margin-bottom:28px}.mpd-step-heading>span{padding-top:5px;color:#aa9f90;font-size:.76rem;font-weight:900}.mpd-step-heading h2{margin:0;color:#1e1b1d;font-size:1.8rem;line-height:1.05;letter-spacing:-.035em;font-weight:900;outline:none}.mpd-step-heading p{margin:7px 0 0;color:#71695f;font-size:.79rem;line-height:1.55}.mpd-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mpd-choice{position:relative;min-height:150px;display:grid;grid-template-columns:40px 1fr 24px;gap:14px;align-items:start;padding:23px;border:1px solid #d4cec4;background:#fbfaf7;cursor:pointer;transition:.18s}.mpd-choice:hover{border-color:#a98519;background:#fff}.mpd-choice.selected{border-color:#856600;background:#fff8dc;box-shadow:inset 4px 0 #e0a800}.mpd-choice input{position:absolute;opacity:0;pointer-events:none}.mpd-choice-icon{width:36px;height:36px;color:#405a49}.mpd-choice-icon svg{width:100%;height:100%}.mpd-choice strong,.mpd-choice small{display:block}.mpd-choice strong{color:#1d1b1c;font-size:1rem;line-height:1.15}.mpd-choice small{margin-top:8px;color:#686159;font-size:.76rem;line-height:1.5}.mpd-choice-check{opacity:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#405a49;color:#fff;font-size:.7rem;font-weight:900}.mpd-choice.selected .mpd-choice-check{opacity:1}.mpd-identification-box{margin-top:22px;padding:22px;border:1px solid #ddd7cd;background:#f7f4ee}.mpd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mpd-field{display:grid;gap:8px;margin-bottom:18px}.mpd-field label{color:#252122;font-size:.73rem;font-weight:800}.mpd-field label span{color:#8d857a;font-weight:500}.mpd-field input,.mpd-field select,.mpd-field textarea{width:100%;min-height:48px;padding:12px 13px;border:1px solid #d3cdc3;border-radius:0;background:#fff;color:#262223;font:inherit;font-size:.82rem;outline:none;transition:.15s}.mpd-field textarea{min-height:145px;resize:vertical;line-height:1.55}.mpd-field input:focus,.mpd-field select:focus,.mpd-field textarea:focus{border-color:#987500;box-shadow:0 0 0 2px rgba(224,168,0,.12)}.mpd-field>small{color:#8a8278;font-size:.68rem;line-height:1.45}.mpd-note{display:flex;flex-direction:column;gap:5px;margin-bottom:20px;padding:16px 18px;border-left:3px solid #e0a800;background:#faf5e5;color:#463d2b}.mpd-note strong{font-size:.77rem}.mpd-note span{font-size:.72rem;line-height:1.5}.mpd-note-key{background:#fff8df}.mpd-check{position:relative;display:grid;grid-template-columns:25px 1fr;gap:12px;align-items:start;margin:13px 0;padding:15px 16px;border:1px solid #ddd7cd;background:#fbfaf7;color:#5f584f;font-size:.76rem;line-height:1.55;cursor:pointer}.mpd-check input{position:absolute;opacity:0}.mpd-check-box{width:20px;height:20px;display:grid;place-items:center;border:1px solid #bcb5aa;color:transparent;background:#fff;font-size:.68rem;font-weight:900}.mpd-check input:checked+.mpd-check-box{background:#405a49;border-color:#405a49;color:#fff}.mpd-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid #e1dcd3}.mpd-form-actions-end{justify-content:flex-end}.mpd-form-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid #cfc8bd;background:#fff;color:#262223;font-size:.68rem;line-height:1;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none}.mpd-form-btn-primary{background:#e0a800;border-color:#e0a800;color:#111}.mpd-form-btn-primary:hover{background:#edb400}.mpd-form-btn-secondary:hover{border-color:#8f8578}.mpd-form-btn:disabled{opacity:.55;cursor:not-allowed}.mpd-form-alert{display:grid;gap:4px;margin-bottom:22px;padding:14px 16px;font-size:.75rem;line-height:1.5}.mpd-form-alert-error{border:1px solid #e3c6c3;background:#fff0ef;color:#7f3028}.mpd-report-help{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border:1px solid #d5cfc4;border-top:0;background:#efebe4}.mpd-report-help strong,.mpd-report-help span{display:block}.mpd-report-help strong{color:#222;font-size:.8rem}.mpd-report-help div>span{margin-top:3px;color:#756e65;font-size:.72rem}.mpd-report-help>a{color:#755900;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mpd-skip-link{position:absolute;left:-9999px}.mpd-skip-link:focus{left:12px;top:12px;z-index:9999;padding:10px 14px;background:#fff;color:#111;border:2px solid #111}
.mpd-confirm-section{min-height:680px;padding:74px 0 84px;background-color:#f4f2ed;background-image:linear-gradient(to right,rgba(53,49,41,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(53,49,41,.04) 1px,transparent 1px);background-size:80px 80px}.mpd-confirm-shell{max-width:900px}.mpd-confirm-card{padding:48px 52px;border:1px solid #d4cec3;background:#fff}.mpd-confirm-icon{width:54px;height:54px;margin-bottom:26px;color:#405a49}.mpd-confirm-icon svg{width:100%;height:100%}.mpd-confirm-card h1{margin:0;color:#1e1b1d;font-size:clamp(2.8rem,4.5vw,4.6rem);line-height:.92;letter-spacing:-.055em;font-weight:900}.mpd-confirm-lead{max-width:640px;margin:18px 0 30px;color:#6a6259;font-size:.83rem;line-height:1.65}.mpd-confirm-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #d6d0c6;border-left:1px solid #d6d0c6}.mpd-confirm-data-grid>div{padding:21px 22px;border-right:1px solid #d6d0c6;border-bottom:1px solid #d6d0c6;background:#f8f5ef}.mpd-confirm-data-grid span,.mpd-confirm-data-grid strong{display:block}.mpd-confirm-data-grid span{color:#8a8176;font-size:.61rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.mpd-confirm-data-grid strong{margin-top:9px;color:#1e1b1d;font-size:1.15rem;word-break:break-all}.mpd-confirm-warning{display:grid;gap:4px;margin-top:18px;padding:15px 17px;border-left:3px solid #e0a800;background:#fff7de}.mpd-confirm-warning strong{font-size:.77rem}.mpd-confirm-warning span{color:#6c6252;font-size:.72rem;line-height:1.5}.mpd-confirm-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
@media(max-width:900px){.mpd-report-hero-layout,.mpd-report-form-intro{grid-template-columns:1fr;gap:34px}.mpd-report-hero-info{max-width:650px}.mpd-step-labels{display:none}.mpd-report-form-intro{align-items:start}.mpd-report-form-intro>p{max-width:650px}.mpd-report-form-body{padding:30px 26px 32px}}
@media(max-width:680px){.mpd-report-hero-layout{min-height:auto;padding-top:48px;padding-bottom:50px}.mpd-report-hero-copy h1{font-size:clamp(2.8rem,13vw,4rem)}.mpd-report-hero-info{padding-left:18px}.mpd-report-form-section{padding:54px 0 62px}.mpd-report-form-intro h2{font-size:2.35rem}.mpd-progress-wrap{padding:17px 12px}.mpd-step-dot{width:30px;height:30px;flex-basis:30px}.mpd-step-line{width:18px}.mpd-report-form-body{padding:25px 18px 28px}.mpd-step-heading{grid-template-columns:30px 1fr}.mpd-step-heading h2{font-size:1.45rem}.mpd-choice-grid,.mpd-form-grid,.mpd-confirm-data-grid{grid-template-columns:1fr}.mpd-choice{grid-template-columns:34px 1fr 22px;padding:18px}.mpd-form-actions{align-items:stretch;flex-direction:column-reverse}.mpd-form-btn{width:100%}.mpd-report-help{align-items:flex-start;flex-direction:column}.mpd-confirm-section{padding:54px 0 62px}.mpd-confirm-card{padding:32px 22px}.mpd-confirm-card h1{font-size:2.75rem}.mpd-confirm-actions{display:grid;grid-template-columns:1fr;width:100%}}
@media print{.site-header,.site-footer,.mpd-confirm-actions{display:none!important}.mpd-confirm-section{padding:0;background:#fff}.mpd-confirm-card{border:0;padding:20px}}

/* ==========================================================
   MPD - SEGUIMIENTO DE DENUNCIA
   ========================================================== */
.mpd-tracking-hero {
    position: relative;
    padding: 76px 0 72px;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 38%, rgba(214,167,0,.12), transparent 28%),
        linear-gradient(120deg, #171719 0%, #222125 62%, #20372f 100%);
    color: #fff;
}

.mpd-tracking-hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
    gap: 72px;
    align-items: center;
}

.mpd-tracking-hero-copy {
    max-width: 720px;
}

.mpd-tracking-hero-copy h1 {
    margin: 0;
    font-size: clamp(3.2rem, 5.2vw, 5rem);
    line-height: .91;
    letter-spacing: -.06em;
    font-weight: 900;
}

.mpd-tracking-hero-copy > p {
    max-width: 660px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.78);
    font-size: .98rem;
    line-height: 1.72;
}

.mpd-tracking-hero-info {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 18px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.045);
    backdrop-filter: blur(3px);
}

.mpd-tracking-hero-info-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    background: #d9aa00;
    color: #171719;
}

.mpd-tracking-hero-info-icon svg {
    width: 30px;
    height: 30px;
}

.mpd-tracking-hero-info span {
    display: block;
    margin-bottom: 7px;
    color: #d9aa00;
    font-size: .68rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.mpd-tracking-hero-info strong {
    display: block;
    margin-bottom: 10px;
    font-size: 1.35rem;
    line-height: 1.08;
}

.mpd-tracking-hero-info p {
    margin: 0;
    color: rgba(255,255,255,.68);
    font-size: .86rem;
    line-height: 1.62;
}

.mpd-tracking-section {
    padding: 74px 0 82px;
    background: #f3f1ec;
}

.mpd-tracking-shell {
    max-width: 1240px;
}

.mpd-tracking-login-layout {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
    gap: 66px;
    align-items: start;
}

.mpd-tracking-login-copy {
    max-width: 500px;
}

.mpd-tracking-login-copy h2 {
    margin: 0;
    color: #1e1c1d;
    font-size: clamp(2.55rem, 3.2vw, 3.7rem);
    line-height: .94;
    letter-spacing: -.05em;
    font-weight: 900;
}

.mpd-tracking-login-copy > p {
    margin: 20px 0 0;
    color: #5a554e;
    font-size: .91rem;
    line-height: 1.7;
}

.mpd-tracking-security-note {
    display: grid;
    gap: 6px;
    margin-top: 26px;
    padding: 18px 20px;
    border-left: 3px solid #d3a400;
    background: #ece8df;
}

.mpd-tracking-security-note strong {
    color: #242124;
    font-size: .86rem;
}

.mpd-tracking-security-note span {
    color: #625d55;
    font-size: .8rem;
    line-height: 1.5;
}

.mpd-tracking-login-card {
    padding: 30px;
    border: 1px solid #d5d0c5;
    background: #fff;
    box-shadow: 0 18px 50px rgba(32,27,22,.06);
}

.mpd-tracking-login-card .mpd-field + .mpd-field {
    margin-top: 18px;
}

.mpd-tracking-submit {
    width: 100%;
    justify-content: space-between;
    margin-top: 22px;
}

.mpd-case-header {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: flex-end;
    padding-bottom: 24px;
    border-bottom: 1px solid #d6d0c5;
}

.mpd-case-label {
    display: block;
    margin-bottom: 8px;
    color: #7f6100;
    font-size: .68rem;
    letter-spacing: .17em;
    text-transform: uppercase;
    font-weight: 900;
}

.mpd-case-header h2 {
    margin: 0;
    color: #1f1d1e;
    font-size: clamp(1.75rem, 2.4vw, 2.7rem);
    line-height: 1;
    letter-spacing: -.035em;
}

.mpd-case-header-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mpd-case-status,
.mpd-case-close {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    font-size: .72rem;
    font-weight: 900;
    text-decoration: none;
}

.mpd-case-status {
    background: #e4eadf;
    color: #315442;
    border: 1px solid #b8c8bb;
}

.mpd-case-close {
    background: transparent;
    color: #33302f;
    border: 1px solid #bfb8ad;
}

.mpd-case-summary-grid {
    display: grid;
    grid-template-columns: 1.25fr 1fr .8fr;
    gap: 12px;
    margin-top: 26px;
}

.mpd-case-summary-card {
    min-height: 94px;
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 18px 20px;
    border: 1px solid #d7d1c7;
    background: rgba(255,255,255,.45);
}

.mpd-case-summary-card span {
    color: #817a70;
    font-size: .67rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 800;
}

.mpd-case-summary-card strong {
    color: #242124;
    font-size: .9rem;
    line-height: 1.35;
}

.mpd-case-content-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 20px;
    margin-top: 20px;
}

.mpd-case-panel {
    padding: 28px;
    border: 1px solid #d7d1c7;
    background: #fff;
}

.mpd-case-panel-heading h3 {
    margin: 0;
    color: #211f20;
    font-size: 1.5rem;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.mpd-case-panel-heading > p {
    margin: 10px 0 0;
    color: #69635b;
    font-size: .82rem;
    line-height: 1.58;
}

.mpd-case-timeline {
    display: grid;
    gap: 0;
    margin-top: 24px;
}

.mpd-case-timeline-item {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    padding: 18px 0;
    border-top: 1px solid #e5e0d7;
}

.mpd-case-timeline-marker {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    background: #313d36;
    color: #fff;
    font-size: .68rem;
    font-weight: 900;
}

.mpd-case-timeline-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.mpd-case-timeline-top strong {
    color: #252223;
    font-size: .88rem;
}

.mpd-case-timeline-top time {
    color: #8a8378;
    font-size: .7rem;
}

.mpd-case-timeline-item p {
    margin: 7px 0 0;
    color: #625d55;
    font-size: .8rem;
    line-height: 1.55;
}

.mpd-public-thread {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 420px;
    overflow-y: auto;
    margin-top: 22px;
    padding: 4px 2px 8px;
}

.mpd-public-msg {
    max-width: 88%;
    padding: 13px 15px;
    border: 1px solid #ddd7cd;
    font-size: .8rem;
    line-height: 1.55;
}

.mpd-public-msg.denunciante {
    align-self: flex-end;
    background: #f4eedc;
    border-color: #dfd0a6;
}

.mpd-public-msg.admin {
    align-self: flex-start;
    background: #edf2ee;
    border-color: #cbd7cd;
}

.mpd-public-meta {
    margin-bottom: 5px;
    color: #81796f;
    font-size: .66rem;
    font-weight: 800;
}

.mpd-empty-thread {
    padding: 18px;
    background: #f4f2ed;
    color: #746d63;
    font-size: .8rem;
}

.mpd-new-message-alert {
    display: grid;
    gap: 4px;
    margin-top: 18px;
    padding: 14px 16px;
    background: #e7efe9;
    color: #315442;
    border-left: 3px solid #42634e;
    font-size: .78rem;
}

.mpd-message-form {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #e2ddd4;
}

.mpd-message-form .mpd-form-btn {
    margin-top: 14px;
}

.mpd-form-alert-success {
    margin-bottom: 24px;
    border-color: #b7cbbd;
    background: #e8f0ea;
    color: #315442;
}

@media (max-width: 980px) {
    .mpd-tracking-hero-layout,
    .mpd-tracking-login-layout,
    .mpd-case-content-grid {
        grid-template-columns: 1fr;
    }

    .mpd-tracking-hero-info,
    .mpd-tracking-login-copy {
        max-width: 680px;
    }

    .mpd-case-summary-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 680px) {
    .mpd-tracking-hero {
        padding: 60px 0 56px;
    }

    .mpd-tracking-hero-layout {
        gap: 34px;
    }

    .mpd-tracking-hero-copy h1 {
        font-size: clamp(2.55rem, 12vw, 3.5rem);
    }

    .mpd-tracking-section {
        padding: 56px 0 62px;
    }

    .mpd-tracking-login-card,
    .mpd-case-panel {
        padding: 20px 18px;
    }

    .mpd-case-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .mpd-case-header-actions {
        justify-content: flex-start;
    }

    .mpd-case-summary-grid {
        grid-template-columns: 1fr;
    }

    .mpd-case-timeline-top {
        flex-direction: column;
        gap: 4px;
    }

    .mpd-public-msg {
        max-width: 96%;
    }
}

