.pan7-replica{
--pan7-blue:#082b73;--pan7-blue-2:#0b3d91;--pan7-line:#dfe5ee;--pan7-text:#071f55;--pan7-muted:#5f6b7a;
font-family:Montserrat,Arial,sans-serif;color:var(--pan7-text);background:#fff;width:100%;max-width:100%;margin:0 auto 18px;padding:18px 22px;border:1px solid #e3e9f2;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.10);container-type:inline-size;overflow:hidden
}
.pan7-replica *{box-sizing:border-box}.pan7-replica-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:clamp(18px,4vw,48px);align-items:center;margin-bottom:18px}.pan7-replica-left,.pan7-replica-right{min-width:0}.pan7-replica-left{display:flex;align-items:center}.pan7-replica-right{display:flex;flex-direction:column;gap:12px;align-items:center}.pan7-counter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);width:100%}.pan7-counter{position:relative;min-height:96px;padding:14px 18px 12px 24px;background:#fff;border:1px solid var(--pan7-line);border-radius:7px;box-shadow:0 4px 14px rgba(15,23,42,.06);overflow:hidden}.pan7-counter:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px}.pan7-counter b{display:block;font-size:clamp(27px,3.4vw,42px);line-height:1;font-weight:400;margin:0 0 8px}.pan7-counter small{display:block;font-size:clamp(12px,1.05vw,15px);line-height:1.12;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pan7-counter em{display:block;margin-top:8px;font-size:clamp(11px,.95vw,13px);line-height:1;font-style:normal;color:#1f2937}.pan7-counter-orange:before{background:#ff6500}.pan7-counter-yellow:before{background:#f6b400}.pan7-counter-green:before{background:#17913a}.pan7-counter-orange b,.pan7-counter-orange small,.pan7-counter-orange em{color:#ff6500}.pan7-counter-yellow b,.pan7-counter-yellow small,.pan7-counter-yellow em{color:#f6a800}.pan7-counter-green b,.pan7-counter-green small,.pan7-counter-green em{color:#148b35}.pan7-counter-hitos{max-width:780px}.pan7-counter-activities .pan7-counter{min-height:86px}.pan7-gauge-box{width:100%;max-width:390px;background:#fff;border:1px solid #d9dfe8;border-radius:7px;padding:8px 12px 6px;text-align:center;box-shadow:0 2px 8px rgba(15,23,42,.15)}.pan7-gauge-box strong{display:block;font-weight:800;color:#111827;font-size:clamp(14px,1.2vw,17px);line-height:1.1;margin:0 0 4px}.pan7-gauge-arc{width:min(310px,100%);aspect-ratio:2/1;margin:0 auto;display:grid;place-items:end center;background:radial-gradient(circle at 50% 100%,#fff 0 53%,transparent 54%),conic-gradient(from 270deg at 50% 100%,#0b2e63 calc(var(--pan7-progress)*1.8deg),#d1d5db 0 180deg,transparent 0);border-radius:340px 340px 0 0}.pan7-gauge-arc span{display:block;margin-bottom:clamp(18px,3vw,28px);font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1;color:var(--pan7-blue)}.pan7-gauge-arc span em{display:block;font-style:normal;font-size:clamp(11px,1vw,14px);font-weight:500;color:#697386;line-height:1.25;margin-bottom:7px;text-transform:none}.pan7-gauge-scale{display:flex;justify-content:space-between;align-items:center;color:#4b5563;font-size:12px;margin-top:-2px}.pan7-gauge-scale em{font-style:normal}.pan7-date-row{display:flex;justify-content:center;gap:10px;width:100%;max-width:390px;margin-top:-4px;color:var(--pan7-blue);font-size:13px;line-height:1.1;font-weight:800;text-align:center}.pan7-date-row article{flex:1;min-height:44px;background:#fff;border:1px solid #dfe5ee;border-left:3px solid #00a86b;border-radius:7px;box-shadow:0 2px 7px rgba(15,23,42,.10);padding:7px 8px}.pan7-date-row article:nth-child(2){border-left-color:#ffb300}.pan7-date-row b{display:block;font-size:12px;margin-bottom:5px}.pan7-date-row small{display:block;font-size:11px;font-weight:500;color:#21345d}.pan7-table-frame{width:100%;overflow:auto;border:1px solid var(--pan7-line);border-radius:8px;background:#fff}.pan7-replica-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.2;color:var(--pan7-text)}.pan7-replica-table th{background:linear-gradient(180deg,#082b73,#0a2f79);color:#fff;text-align:center;vertical-align:middle;padding:10px 9px;font-size:12px;font-weight:800;line-height:1.12;border-right:1px solid rgba(255,255,255,.22)}.pan7-replica-table th:first-child{border-top-left-radius:7px}.pan7-replica-table th:last-child{border-right:0;border-top-right-radius:7px}.pan7-replica-table td{background:#fff;padding:11px 10px;vertical-align:top;border-right:1px solid var(--pan7-line);border-bottom:1px solid var(--pan7-line);color:#071f55}.pan7-replica-table tbody tr:nth-child(even) td{background:#fbfcfe}.pan7-replica-table td:nth-child(1){width:56px;text-align:center;font-weight:800}.pan7-replica-table td:nth-child(2){width:105px;text-align:center}.pan7-replica-table td:nth-child(3){min-width:360px}.pan7-replica-table td:nth-child(4){width:150px;text-align:center}.pan7-replica-table td:nth-child(5){width:130px;text-align:center}.pan7-replica-table td:nth-child(6){width:140px;text-align:center}.pan7-replica-table td:nth-child(7){width:115px;text-align:center}.pan7-replica-table td:nth-child(8){width:105px;text-align:center}.pan7-replica-table td:nth-child(9),.pan7-replica-table td:nth-child(10){width:140px;text-align:center}.pan7-media-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid #0b2e63;background:#fff;color:#0b2e63!important;text-decoration:none!important;font-size:12px;font-weight:800;line-height:1;box-shadow:inset 0 0 0 2px rgba(11,46,99,.05);transition:.18s ease}.pan7-media-btn:hover{background:#0b2e63;color:#fff!important}.pan7-media-btn-disabled{opacity:.62;cursor:not-allowed}.pan7-muted{color:#7a8492}.pan7-traffic{display:inline-block;width:25px;height:25px;border-radius:50%;border:2px solid currentColor;background:#fff}.pan7-traffic-orange{color:#ff6500}.pan7-traffic-yellow{color:#f6b400}.pan7-traffic-green{color:#148b35}.pan7-percent-text{display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.pan7-percent-text:after{content:"";display:inline-block;width:74px;height:8px;border-radius:999px;background:linear-gradient(90deg,#0b2e63 var(--pan7-row-progress,0%),#ecf0f5 0)}
.pan7-chart-title{text-align:center;margin:18px 0 10px;font-size:clamp(22px,2.2vw,30px);line-height:1.18;font-weight:800;color:#111827}.pan7-chart-box{max-width:100%;border:1px solid var(--pan7-line);border-radius:8px;background:#fff;overflow:hidden}.pan7-chart-legend{background:linear-gradient(180deg,#082b73,#0a2f79);color:#fff;font-weight:800;font-size:13px;padding:10px 16px}.pan7-chart-legend span{display:none}.pan7-chart-inner{display:block;min-height:0}.pan7-chart-y,.pan7-chart-axis{display:none}.pan7-chart-bars{display:block}.pan7-chart-row{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,.75fr);gap:14px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--pan7-line);margin:0}.pan7-chart-row:last-child{border-bottom:0}.pan7-chart-label{font-size:13px;line-height:1.22;color:#071f55;text-align:left;padding:0}.pan7-chart-track{height:20px;display:flex;align-items:center;gap:10px;background:transparent;position:relative;border-radius:0}.pan7-chart-track:before{content:"";height:8px;flex:1;border-radius:999px;background:#edf1f6;order:2}.pan7-chart-bar{position:absolute;left:0;top:6px;height:8px;border-radius:999px;background:#0b2e63;min-width:2px;z-index:2}.pan7-chart-orange{background:#ff6500}.pan7-chart-yellow{background:#f6b400}.pan7-chart-green{background:#148b35}.pan7-chart-track em{position:static;order:1;min-width:54px;font-style:normal;font-size:12px;color:#071f55;font-weight:600}.pan7-public-empty{font-family:Montserrat,Arial,sans-serif;padding:14px;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px}.pan7-public-wrap,.pan7-public-gauge,.pan7-public-summary,.pan7-public-table-scroll{font-family:Montserrat,Arial,sans-serif}.pan7-public-gauge,.pan7-public-summary,.pan7-public-table-scroll{display:none}
@container (max-width:860px){.pan7-replica{padding:16px 14px}.pan7-replica-top{grid-template-columns:1fr;gap:16px}.pan7-replica-left{display:block}.pan7-replica-right{align-items:center}.pan7-counter-row{gap:10px}.pan7-counter{min-height:84px;padding:12px 10px 10px 16px}.pan7-counter small{white-space:normal}.pan7-gauge-box,.pan7-date-row{max-width:420px}.pan7-replica-table{min-width:0}.pan7-replica-table thead{display:none}.pan7-replica-table,.pan7-replica-table tbody,.pan7-replica-table tr,.pan7-replica-table td{display:block;width:100%!important;min-width:0!important}.pan7-replica-table tr{padding:10px 12px;border-bottom:1px solid var(--pan7-line)}.pan7-replica-table td{border:0!important;background:#fff!important;padding:7px 0!important;text-align:left!important}.pan7-replica-table td:before{content:attr(data-label);display:block;color:#0b2e63;font-size:10px;text-transform:uppercase;font-weight:900;margin-bottom:3px}.pan7-replica-table td:nth-child(8){text-align:left!important}.pan7-traffic{width:22px;height:22px}.pan7-percent-text{justify-content:flex-start}.pan7-chart-row{grid-template-columns:1fr;gap:6px}.pan7-chart-track{max-width:100%}}
@container (max-width:520px){.pan7-replica{padding:12px 10px;border-radius:10px}.pan7-counter-row{grid-template-columns:1fr}.pan7-counter{min-height:70px}.pan7-counter b{font-size:32px}.pan7-gauge-arc{width:min(260px,100%)}.pan7-date-row{flex-direction:column}.pan7-chart-title{text-align:left;font-size:20px}.pan7-chart-legend{font-size:12px}.pan7-chart-row{padding:10px 12px}.pan7-percent-text:after{width:58px}}
@media(max-width:900px){.pan7-replica{padding:16px 14px}.pan7-replica-top{grid-template-columns:1fr;gap:16px}.pan7-counter-row{gap:10px}.pan7-counter small{white-space:normal}.pan7-replica-table{min-width:0}.pan7-replica-table thead{display:none}.pan7-replica-table,.pan7-replica-table tbody,.pan7-replica-table tr,.pan7-replica-table td{display:block;width:100%!important;min-width:0!important}.pan7-replica-table tr{padding:10px 12px;border-bottom:1px solid var(--pan7-line)}.pan7-replica-table td{border:0!important;background:#fff!important;padding:7px 0!important;text-align:left!important}.pan7-replica-table td:before{content:attr(data-label);display:block;color:#0b2e63;font-size:10px;text-transform:uppercase;font-weight:900;margin-bottom:3px}.pan7-percent-text{justify-content:flex-start}.pan7-chart-row{grid-template-columns:1fr;gap:6px}}
@media(max-width:560px){.pan7-counter-row{grid-template-columns:1fr}.pan7-gauge-arc{width:min(260px,100%)}.pan7-date-row{flex-direction:column}.pan7-chart-title{text-align:left;font-size:20px}.pan7-media-btn{width:100%}} .pan7-replica-hito{
--pan7-kpi-size:clamp(118px,13vw,158px);
--pan7-kpi-number-size:clamp(30px,3.4vw,44px);
--pan7-kpi-label-size:clamp(11px,1vw,14px);
--pan7-gauge-warning:#ffc107;
--pan7-gauge-complete:#16863a;
--pan7-surface:#fff;
--pan7-primary:#082b73;
}
.pan7-replica-hito .pan7-replica-top{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(26px,4vw,56px);padding:8px 4px 20px;align-items:center}
.pan7-replica-hito .pan7-counter-row{display:flex;justify-content:center;align-items:center;gap:clamp(14px,2.2vw,30px);flex-wrap:wrap}
.pan7-replica-hito .pan7-counter{
appearance:none;-webkit-appearance:none;width:var(--pan7-kpi-size);height:var(--pan7-kpi-size);min-height:0;padding:18px 12px;
border:2px solid currentColor;border-radius:50%;background:var(--pan7-surface);box-shadow:none;cursor:pointer;
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:inherit;
transition:transform .18s ease,box-shadow .18s ease;
}
.pan7-replica-hito .pan7-counter:before{display:none}
.pan7-replica-hito .pan7-counter:hover{transform:scale(1.045);box-shadow:0 10px 24px rgba(8,43,115,.12)}
.pan7-replica-hito .pan7-counter:focus-visible{outline:3px solid rgba(8,43,115,.25);outline-offset:4px}
.pan7-replica-hito .pan7-counter.is-active,.pan7-replica-hito .pan7-counter[aria-pressed="true"]{background:#fff;box-shadow:none}
.pan7-replica-hito .pan7-counter-orange,.pan7-replica-hito .pan7-counter-orange.is-active,.pan7-replica-hito .pan7-counter-orange[aria-pressed="true"]{color:#ff6500;background:#fff}
.pan7-replica-hito .pan7-counter-yellow,.pan7-replica-hito .pan7-counter-yellow.is-active,.pan7-replica-hito .pan7-counter-yellow[aria-pressed="true"]{color:#ffc107;background:#fff}
.pan7-replica-hito .pan7-counter-green,.pan7-replica-hito .pan7-counter-green.is-active,.pan7-replica-hito .pan7-counter-green[aria-pressed="true"]{color:#16863a;background:#fff}
.pan7-replica-hito .pan7-counter b{order:1;font-size:var(--pan7-kpi-number-size);font-weight:800;line-height:1;margin:0 0 8px;color:inherit}
.pan7-replica-hito .pan7-counter small{order:2;max-width:110px;font-size:var(--pan7-kpi-label-size);line-height:1.18;font-weight:800;white-space:normal;overflow:visible;text-overflow:clip;color:inherit}
.pan7-replica-hito .pan7-counter em{order:3;margin-top:7px;font-size:10px;line-height:1.1;font-weight:600;color:inherit;opacity:.78}
.pan7-replica-hito .pan7-gauge-box{max-width:420px;border:0;border-radius:0;padding:4px 12px 0;box-shadow:none;background:transparent}
.pan7-replica-hito .pan7-gauge-box strong{font-size:clamp(13px,1.15vw,16px);letter-spacing:.025em;color:var(--pan7-primary);margin-bottom:9px}
.pan7-replica-hito .pan7-gauge-arc{width:min(320px,100%);background:radial-gradient(circle at 50% 100%,#fff 0 53%,transparent 54%),conic-gradient(from 270deg at 50% 100%,var(--pan7-gauge-color) calc(var(--pan7-progress)*1.8deg),#e5e9ef 0 180deg,transparent 0)}
.pan7-replica-hito .pan7-gauge-progress{--pan7-gauge-color:var(--pan7-gauge-warning)}
.pan7-replica-hito .pan7-gauge-complete{--pan7-gauge-color:var(--pan7-gauge-complete)}
.pan7-replica-hito .pan7-gauge-arc span{color:#111827;font-weight:800}
.pan7-replica-hito .pan7-gauge-scale{color:#748094;font-size:11px}
.pan7-replica-hito .pan7-date-row{max-width:420px;margin-top:2px;gap:28px;border-top:1px solid #e5eaf1;padding-top:12px}
.pan7-replica-hito .pan7-date-row article{min-height:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.pan7-replica-hito .pan7-date-row article:nth-child(2){border:0}
.pan7-replica-hito .pan7-date-row b{font-size:10px;line-height:1.2;letter-spacing:.055em;text-transform:uppercase;color:#68748a;margin-bottom:4px}
.pan7-replica-hito .pan7-date-row small{font-size:12px;line-height:1.2;font-weight:700;color:var(--pan7-primary)}
.pan7-replica-hito .pan7-replica-table tbody tr[hidden]{display:none!important}
@container (max-width:860px){.pan7-replica-hito .pan7-replica-top{grid-template-columns:1fr}.pan7-replica-hito .pan7-counter-row{justify-content:center}.pan7-replica-hito .pan7-replica-right{margin-top:4px}}
@container (max-width:520px){.pan7-replica-hito{--pan7-kpi-size:102px;--pan7-kpi-number-size:28px;--pan7-kpi-label-size:10px}.pan7-replica-hito .pan7-counter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pan7-replica-hito .pan7-counter{width:100%;height:auto;aspect-ratio:1/1;padding:10px 5px}.pan7-replica-hito .pan7-counter em{display:none}.pan7-replica-hito .pan7-date-row{flex-direction:row;gap:12px}.pan7-replica-hito .pan7-gauge-box{padding-left:0;padding-right:0}}
@media(max-width:520px){.pan7-replica-hito{--pan7-kpi-size:102px;--pan7-kpi-number-size:28px;--pan7-kpi-label-size:10px}.pan7-replica-hito .pan7-counter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pan7-replica-hito .pan7-counter{width:100%;height:auto;aspect-ratio:1/1;padding:10px 5px}.pan7-replica-hito .pan7-counter em{display:none}.pan7-replica-hito .pan7-date-row{flex-direction:row;gap:12px}} .pan7-replica-hito{
--pan7-table-header:#082b73;
--pan7-table-header-2:#0b3d91;
--pan7-table-border:#d8e0ec;
--pan7-table-hover:#f4f8fd;
--pan7-progress-blue:#0b3d91;
--pan7-progress-track:#e7edf5;
--pan7-orange:#ff6500;
--pan7-yellow:#ffc107;
--pan7-green:#16863a;
}
.pan7-replica-hito .pan7-table-frame{
border:1px solid var(--pan7-table-border);border-radius:12px;box-shadow:0 6px 20px rgba(8,43,115,.07);overflow:auto
}
.pan7-replica-hito .pan7-replica-table{font-size:12px;line-height:1.35;background:#fff}
.pan7-replica-hito .pan7-replica-table th{
position:sticky;top:0;z-index:2;background:linear-gradient(135deg,var(--pan7-table-header),var(--pan7-table-header-2));
padding:13px 10px;font-size:11px;line-height:1.2;letter-spacing:.01em;border-color:rgba(255,255,255,.18)
}
.pan7-replica-hito .pan7-replica-table td{padding:14px 11px;border-color:var(--pan7-table-border);vertical-align:middle}
.pan7-replica-hito .pan7-replica-table tbody tr{transition:background-color .16s ease}
.pan7-replica-hito .pan7-replica-table tbody tr:hover td{background:var(--pan7-table-hover)}
.pan7-replica-hito .pan7-replica-table td:nth-child(1){font-size:12px;color:var(--pan7-table-header)}
.pan7-replica-hito .pan7-replica-table td:nth-child(3){line-height:1.5}
.pan7-replica-hito .pan7-media-btn{
display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border:0;border-radius:8px;
color:#fff!important;background:linear-gradient(135deg,#0b3d91,#082b73);box-shadow:0 5px 12px rgba(8,43,115,.20);
font-size:11px;font-weight:800;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease
}
.pan7-replica-hito .pan7-media-btn svg{width:15px;height:15px;flex:0 0 auto;transition:transform .16s ease}
.pan7-replica-hito .pan7-media-btn:hover{color:#fff!important;transform:translateY(-1px);box-shadow:0 8px 16px rgba(8,43,115,.27);filter:brightness(1.06)}
.pan7-replica-hito .pan7-media-btn:hover svg{transform:translateX(2px)}
.pan7-replica-hito .pan7-media-btn:focus-visible{outline:3px solid rgba(255,193,7,.55);outline-offset:3px}
.pan7-replica-hito .pan7-traffic{width:24px;height:24px;border:0;box-shadow:0 0 0 4px rgba(8,43,115,.06)}
.pan7-replica-hito .pan7-traffic-orange{background:var(--pan7-orange);color:var(--pan7-orange)}
.pan7-replica-hito .pan7-traffic-yellow{background:var(--pan7-yellow);color:var(--pan7-yellow)}
.pan7-replica-hito .pan7-traffic-green{background:var(--pan7-green);color:var(--pan7-green)}
.pan7-replica-hito .pan7-progress-cell{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:118px}
.pan7-replica-hito .pan7-progress-cell strong{font-size:15px;line-height:1;color:#111827;font-weight:800}
.pan7-replica-hito .pan7-progress-track{display:block;width:100%;max-width:92px;height:8px;border-radius:999px;background:var(--pan7-progress-track);overflow:hidden}
.pan7-replica-hito .pan7-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--pan7-progress-blue);transition:width .35s ease}
.pan7-replica-hito .pan7-progress-cell small{display:block;max-width:130px;color:#6b7280;font-size:9px;line-height:1.25;text-align:center;font-weight:600}
@container (max-width:860px){
.pan7-replica-hito .pan7-replica-table tr{border:1px solid var(--pan7-table-border);border-radius:10px;margin-bottom:12px;box-shadow:0 4px 12px rgba(8,43,115,.05)}
.pan7-replica-hito .pan7-replica-table td{padding:8px 0!important}
.pan7-replica-hito .pan7-progress-cell{align-items:flex-start;min-width:0}
.pan7-replica-hito .pan7-progress-track{max-width:220px}
.pan7-replica-hito .pan7-progress-cell small{text-align:left;max-width:none}
}
@media(max-width:900px){
.pan7-replica-hito .pan7-replica-table tr{border:1px solid var(--pan7-table-border);border-radius:10px;margin-bottom:12px;box-shadow:0 4px 12px rgba(8,43,115,.05)}
.pan7-replica-hito .pan7-progress-cell{align-items:flex-start;min-width:0}
.pan7-replica-hito .pan7-progress-track{max-width:220px}
.pan7-replica-hito .pan7-progress-cell small{text-align:left;max-width:none}
} .pan7-replica-hito .pan7-replica-table th:first-child,
.pan7-replica-hito .pan7-replica-table td:first-child{width:145px;min-width:145px;white-space:nowrap}
.pan7-replica-hito .pan7-progress-track.is-complete i{background:var(--pan7-green)}
.pan7-replica-hito .pan7-evidence-date{display:inline-block;font-size:11px;line-height:1.35;color:#071f55}
.pan7-replica-hito .pan7-evidence-dates{font-size:11px;color:#071f55;text-align:left}
.pan7-replica-hito .pan7-evidence-dates summary{cursor:pointer;color:var(--pan7-progress-blue);font-weight:800;white-space:nowrap}
.pan7-replica-hito .pan7-evidence-dates ul{margin:8px 0 0;padding:0 0 0 17px}
.pan7-replica-hito .pan7-evidence-dates li{margin:3px 0;line-height:1.35}
@container (max-width:860px){.pan7-replica-hito .pan7-replica-table th:first-child,.pan7-replica-hito .pan7-replica-table td:first-child{width:100%;min-width:0;white-space:normal}}
@media(max-width:900px){.pan7-replica-hito .pan7-replica-table th:first-child,.pan7-replica-hito .pan7-replica-table td:first-child{width:100%;min-width:0;white-space:normal}} .pan7-replica-hito{font-size:var(--pan7-font-base,12px)}
.pan7-replica-hito .pan7-replica-table{font-size:var(--pan7-table-body-size,12px)}
.pan7-replica-hito .pan7-replica-table th{font-size:var(--pan7-table-head-size,11px)}
.pan7-replica-hito .pan7-counter b{font-size:var(--pan7-kpi-number-size,44px)}
.pan7-replica-hito .pan7-counter small{font-size:var(--pan7-kpi-label-size,14px)}
.pan7-replica-hito .pan7-counter em{font-size:var(--pan7-kpi-range-size,10px)}
.pan7-replica-hito .pan7-gauge-arc span{font-size:var(--pan7-gauge-percent-size,36px)}
.pan7-replica-hito .pan7-hito-table-title{margin:2px 0 12px;text-align:left;color:#082b73;font-size:clamp(17px,1.6vw,22px);line-height:1.25;font-weight:800}
.pan7-replica-hito .pan7-replica-table .pan7-col-code{width:145px;min-width:145px;white-space:nowrap;text-align:center;font-weight:800}
.pan7-replica-hito .pan7-replica-table .pan7-col-responsible{width:125px;text-align:center}
.pan7-replica-hito .pan7-replica-table .pan7-col-description{min-width:360px;line-height:1.5}
.pan7-replica-hito .pan7-replica-table .pan7-col-period{width:150px;text-align:center}
.pan7-replica-hito .pan7-replica-table .pan7-col-media{width:140px;text-align:center}
.pan7-replica-hito .pan7-replica-table .pan7-col-dates{width:160px;text-align:center}
.pan7-replica-hito .pan7-replica-table .pan7-col-status{width:125px;text-align:center}
.pan7-replica-hito .pan7-replica-table .pan7-col-traffic{width:110px;text-align:center}
.pan7-replica-hito .pan7-replica-table .pan7-col-programmed,.pan7-replica-hito .pan7-replica-table .pan7-col-progress{width:145px;text-align:center}
@container (max-width:860px){.pan7-replica-hito .pan7-replica-table .pan7-col-code,.pan7-replica-hito .pan7-replica-table .pan7-col-responsible,.pan7-replica-hito .pan7-replica-table .pan7-col-description,.pan7-replica-hito .pan7-replica-table .pan7-col-period,.pan7-replica-hito .pan7-replica-table .pan7-col-media,.pan7-replica-hito .pan7-replica-table .pan7-col-dates,.pan7-replica-hito .pan7-replica-table .pan7-col-status,.pan7-replica-hito .pan7-replica-table .pan7-col-traffic,.pan7-replica-hito .pan7-replica-table .pan7-col-programmed,.pan7-replica-hito .pan7-replica-table .pan7-col-progress{width:100%;min-width:0;white-space:normal;text-align:left}} .pan7-replica-hito .pan7-counter-blue,
.pan7-replica-hito .pan7-counter-blue.is-active,
.pan7-replica-hito .pan7-counter-blue[aria-pressed="true"]{color:#082b73;background:#fff}
.pan7-replica-hito .pan7-counter-row{gap:clamp(10px,1.5vw,22px)}
.pan7-replica-hito .pan7-traffic-orange{background:var(--pan7-orange);color:var(--pan7-orange)}
@container (max-width:620px){.pan7-replica-hito .pan7-counter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pan7-replica-hito .pan7-counter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}} .pan7-replica-hito .pan7-traffic-gray{background:#9ca3af;color:#9ca3af} .pan7-replica-hito .pan7-counter-blue,.pan7-replica-hito .pan7-counter-blue.is-active,.pan7-replica-hito .pan7-counter-blue[aria-pressed="true"]{color:var(--pan7-indicator-total,#082b73);border-color:var(--pan7-indicator-total,#082b73)}
.pan7-replica-hito .pan7-counter-orange,.pan7-replica-hito .pan7-counter-orange.is-active,.pan7-replica-hito .pan7-counter-orange[aria-pressed="true"]{color:var(--pan7-indicator-started,#ff6500);border-color:var(--pan7-indicator-started,#ff6500)}
.pan7-replica-hito .pan7-counter-yellow,.pan7-replica-hito .pan7-counter-yellow.is-active,.pan7-replica-hito .pan7-counter-yellow[aria-pressed="true"]{color:var(--pan7-indicator-process,#ffc107);border-color:var(--pan7-indicator-process,#ffc107)}
.pan7-replica-hito .pan7-counter-green,.pan7-replica-hito .pan7-counter-green.is-active,.pan7-replica-hito .pan7-counter-green[aria-pressed="true"]{color:var(--pan7-indicator-complete,#16863a);border-color:var(--pan7-indicator-complete,#16863a)}
.pan7-replica-hito .pan7-counter-blue b,.pan7-replica-hito .pan7-counter-blue small,.pan7-replica-hito .pan7-counter-blue em{color:var(--pan7-indicator-total,#082b73)}
.pan7-replica-hito .pan7-counter-orange b,.pan7-replica-hito .pan7-counter-orange small,.pan7-replica-hito .pan7-counter-orange em{color:var(--pan7-indicator-started,#ff6500)}
.pan7-replica-hito .pan7-counter-yellow b,.pan7-replica-hito .pan7-counter-yellow small,.pan7-replica-hito .pan7-counter-yellow em{color:var(--pan7-indicator-process,#ffc107)}
.pan7-replica-hito .pan7-counter-green b,.pan7-replica-hito .pan7-counter-green small,.pan7-replica-hito .pan7-counter-green em{color:var(--pan7-indicator-complete,#16863a)}
.pan7-replica-hito .pan7-replica-table th{background:var(--pan7-table-header,#082b73)}
.pan7-replica-hito .pan7-media-btn{background:var(--pan7-button-color,#082b73)}
.pan7-replica-hito .pan7-gauge-arc span em{font-size:var(--pan7-gauge-label-size,14px)} .pan7-replica-compromiso{
--pan7-orange:#ff6500;--pan7-yellow:#ffc107;--pan7-green:#16863a;--pan7-gray:#9ca3af;
font-size:var(--pan7-font-base,12px)
}
.pan7-replica-compromiso .pan7-replica-top-commitment{grid-template-columns:minmax(0,1.6fr) minmax(320px,.75fr);align-items:center}
.pan7-replica-compromiso .pan7-counter-row{grid-template-columns:repeat(4,minmax(120px,1fr));gap:clamp(10px,1.5vw,22px)}
.pan7-replica-compromiso .pan7-counter{
appearance:none;width:100%;aspect-ratio:1/1;min-height:0;padding:18px 12px;border:2px solid currentColor;border-radius:50%;background:#fff;
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:none;cursor:pointer;overflow:hidden;
transition:transform .18s ease,box-shadow .18s ease
}
.pan7-replica-compromiso .pan7-counter:before{display:none}
.pan7-replica-compromiso .pan7-counter:hover{transform:scale(1.035);box-shadow:0 10px 24px rgba(8,43,115,.10)}
.pan7-replica-compromiso .pan7-counter:focus-visible{outline:3px solid rgba(8,43,115,.22);outline-offset:4px}
.pan7-replica-compromiso .pan7-counter b{font-size:var(--pan7-kpi-number-size,44px);line-height:1;font-weight:800;margin:0 0 8px}
.pan7-replica-compromiso .pan7-counter small{font-size:var(--pan7-kpi-label-size,14px);line-height:1.12;font-weight:800;white-space:normal;overflow:visible}
.pan7-replica-compromiso .pan7-counter em{font-size:var(--pan7-kpi-range-size,10px);line-height:1.2;font-style:normal;margin-top:8px}
.pan7-replica-compromiso .pan7-counter-blue,.pan7-replica-compromiso .pan7-counter-blue[aria-pressed="true"]{color:var(--pan7-indicator-total,#082b73);border-color:var(--pan7-indicator-total,#082b73);background:#fff}
.pan7-replica-compromiso .pan7-counter-orange,.pan7-replica-compromiso .pan7-counter-orange[aria-pressed="true"]{color:var(--pan7-indicator-started,#ff6500);border-color:var(--pan7-indicator-started,#ff6500);background:#fff}
.pan7-replica-compromiso .pan7-counter-yellow,.pan7-replica-compromiso .pan7-counter-yellow[aria-pressed="true"]{color:var(--pan7-indicator-process,#ffc107);border-color:var(--pan7-indicator-process,#ffc107);background:#fff}
.pan7-replica-compromiso .pan7-counter-green,.pan7-replica-compromiso .pan7-counter-green[aria-pressed="true"]{color:var(--pan7-indicator-complete,#16863a);border-color:var(--pan7-indicator-complete,#16863a);background:#fff}
.pan7-replica-compromiso .pan7-counter b,.pan7-replica-compromiso .pan7-counter small,.pan7-replica-compromiso .pan7-counter em{color:currentColor}
.pan7-replica-compromiso .pan7-gauge-box{max-width:430px;border:0;box-shadow:none;padding:0 10px 4px}
.pan7-replica-compromiso .pan7-gauge-box strong{color:#082b73;font-size:clamp(16px,1.4vw,20px);text-transform:uppercase}
.pan7-replica-compromiso .pan7-gauge-arc{width:min(360px,100%);background:radial-gradient(circle at 50% 100%,#fff 0 53%,transparent 54%),conic-gradient(from 270deg at 50% 100%,var(--pan7-gauge-warning,#ffc107) calc(var(--pan7-progress)*1.8deg),#e5eaf1 0 180deg,transparent 0)}
.pan7-replica-compromiso .pan7-gauge-complete .pan7-gauge-arc{background:radial-gradient(circle at 50% 100%,#fff 0 53%,transparent 54%),conic-gradient(from 270deg at 50% 100%,var(--pan7-gauge-complete,#16863a) calc(var(--pan7-progress)*1.8deg),#e5eaf1 0 180deg,transparent 0)}
.pan7-replica-compromiso .pan7-gauge-arc span{color:#111827;font-size:var(--pan7-gauge-percent-size,36px)}
.pan7-replica-compromiso .pan7-gauge-arc span em{font-size:var(--pan7-gauge-label-size,14px)}
.pan7-replica-compromiso .pan7-commitment-dates{max-width:430px;margin-top:0;border-top:1px solid #dfe5ee;padding-top:10px}
.pan7-replica-compromiso .pan7-commitment-dates article{border:0;border-radius:0;box-shadow:none;background:transparent;padding:4px 8px;min-height:0}
.pan7-replica-compromiso .pan7-commitment-dates article:nth-child(2){border:0}
.pan7-replica-compromiso .pan7-chart-title{color:#082b73;margin-top:24px}
.pan7-replica-compromiso .pan7-chart-box{border-radius:10px;box-shadow:0 6px 18px rgba(8,43,115,.06)}
.pan7-replica-compromiso .pan7-chart-legend{background:#082b73}
.pan7-replica-compromiso .pan7-chart-row{grid-template-columns:minmax(300px,1.25fr) minmax(230px,.75fr);padding:13px 16px}
.pan7-replica-compromiso .pan7-chart-label{display:flex;gap:10px;align-items:flex-start}
.pan7-replica-compromiso .pan7-chart-label strong{flex:0 0 auto;color:#082b73;font-size:12px;line-height:1.35}
.pan7-replica-compromiso .pan7-chart-label span{font-size:13px;line-height:1.35;color:#071f55}
.pan7-replica-compromiso .pan7-chart-track{height:22px}
.pan7-replica-compromiso .pan7-chart-track:before{height:9px}
.pan7-replica-compromiso .pan7-chart-bar{top:6px;height:9px;min-width:0}
.pan7-replica-compromiso .pan7-chart-gray{background:var(--pan7-gray,#9ca3af)}
.pan7-replica-compromiso .pan7-chart-orange{background:var(--pan7-indicator-started,#ff6500)}
.pan7-replica-compromiso .pan7-chart-yellow{background:var(--pan7-indicator-process,#ffc107)}
.pan7-replica-compromiso .pan7-chart-green{background:var(--pan7-indicator-complete,#16863a)}
.pan7-replica-compromiso .pan7-chart-row[hidden]{display:none!important}
@container (max-width:980px){
.pan7-replica-compromiso .pan7-replica-top-commitment{grid-template-columns:1fr}
.pan7-replica-compromiso .pan7-counter-row{max-width:760px;margin:0 auto}
}
@container (max-width:680px){
.pan7-replica-compromiso .pan7-counter-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.pan7-replica-compromiso .pan7-counter{max-width:180px;justify-self:center}
.pan7-replica-compromiso .pan7-chart-row{grid-template-columns:1fr;gap:8px}
}
@media(max-width:980px){
.pan7-replica-compromiso .pan7-replica-top-commitment{grid-template-columns:1fr}
.pan7-replica-compromiso .pan7-counter-row{max-width:760px;margin:0 auto}
}
@media(max-width:680px){
.pan7-replica-compromiso .pan7-counter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pan7-replica-compromiso .pan7-counter{max-width:180px;justify-self:center}
.pan7-replica-compromiso .pan7-chart-row{grid-template-columns:1fr;gap:8px}
} .pan7-replica-compromiso .pan7-commitment-chart{
width:100%;padding:18px 20px 20px;border:1px solid var(--pan7-line);border-radius:12px;background:#fff;
box-shadow:0 6px 18px rgba(8,43,115,.06)
}
.pan7-replica-compromiso .pan7-commitment-legend{
display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #e7ebf1
}
.pan7-replica-compromiso .pan7-legend-item{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#39465f}
.pan7-replica-compromiso .pan7-legend-item i{display:inline-block;width:15px;height:15px;border-radius:4px;background:#9ca3af}
.pan7-replica-compromiso .pan7-legend-item i.pan7-chart-gray{background:var(--pan7-gray,#9ca3af)}
.pan7-replica-compromiso .pan7-legend-item i.pan7-chart-orange{background:var(--pan7-indicator-started,#ff6500)}
.pan7-replica-compromiso .pan7-legend-item i.pan7-chart-yellow{background:var(--pan7-indicator-process,#ffc107)}
.pan7-replica-compromiso .pan7-legend-item i.pan7-chart-green{background:var(--pan7-indicator-complete,#16863a)}
.pan7-replica-compromiso .pan7-bar-chart{position:relative;padding-top:26px}
.pan7-replica-compromiso .pan7-bar-chart-scale{
position:absolute;top:0;left:min(42%,420px);right:0;display:flex;justify-content:space-between;color:#7a8492;font-size:10px;font-weight:600
}
.pan7-replica-compromiso .pan7-chart-bars{display:grid;gap:12px}
.pan7-replica-compromiso .pan7-chart-row{
display:grid;grid-template-columns:minmax(280px,42%) 72px minmax(220px,1fr);gap:14px;align-items:center;
padding:0;border:0;background:transparent
}
.pan7-replica-compromiso .pan7-chart-label{display:block;min-width:0}
.pan7-replica-compromiso .pan7-chart-label strong{display:block;margin-bottom:3px;color:#082b73;font-size:12px;font-weight:800;line-height:1.2;text-transform:uppercase}
.pan7-replica-compromiso .pan7-chart-label span{display:block;color:#071f55;font-size:13px;line-height:1.3}
.pan7-replica-compromiso .pan7-chart-value{position:relative;z-index:3;text-align:right;color:#071f55;font-size:12px;font-weight:800;white-space:nowrap}
.pan7-replica-compromiso .pan7-chart-track{
position:relative;height:14px;display:block;overflow:hidden;border-radius:999px;background:
linear-gradient(to right,transparent 24.7%,rgba(8,43,115,.10) 25%,transparent 25.3%,transparent 49.7%,rgba(8,43,115,.10) 50%,transparent 50.3%,transparent 74.7%,rgba(8,43,115,.10) 75%,transparent 75.3%),
#edf1f6
}
.pan7-replica-compromiso .pan7-chart-track:before{display:none}
.pan7-replica-compromiso .pan7-chart-bar{position:absolute;inset:0 auto 0 0;height:100%;min-width:0;border-radius:999px;z-index:1}
.pan7-replica-compromiso .pan7-chart-row[hidden]{display:none!important}
@container (max-width:780px){
.pan7-replica-compromiso .pan7-bar-chart-scale{display:none}
.pan7-replica-compromiso .pan7-chart-row{grid-template-columns:1fr auto;gap:7px 12px}
.pan7-replica-compromiso .pan7-chart-label{grid-column:1/2}
.pan7-replica-compromiso .pan7-chart-value{grid-column:2/3;grid-row:1;text-align:right}
.pan7-replica-compromiso .pan7-chart-track{grid-column:1/3;height:12px}
}
@media(max-width:780px){
.pan7-replica-compromiso .pan7-bar-chart-scale{display:none}
.pan7-replica-compromiso .pan7-chart-row{grid-template-columns:1fr auto;gap:7px 12px}
.pan7-replica-compromiso .pan7-chart-label{grid-column:1/2}
.pan7-replica-compromiso .pan7-chart-value{grid-column:2/3;grid-row:1;text-align:right}
.pan7-replica-compromiso .pan7-chart-track{grid-column:1/3;height:12px}
} .pan7-replica-compromiso .pan7-commitment-dates{
width:100%;max-width:430px;margin-top:2px;gap:28px;border-top:1px solid #e5eaf1;padding-top:12px
}
.pan7-replica-compromiso .pan7-commitment-dates article{
flex:1;min-height:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none
}
.pan7-replica-compromiso .pan7-commitment-dates article:nth-child(2){border:0}
.pan7-replica-compromiso .pan7-commitment-dates b{
display:block;margin-bottom:4px;color:#68748a;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.055em;text-transform:uppercase
}
.pan7-replica-compromiso .pan7-commitment-dates small{
display:block;color:var(--pan7-blue,#082b73);font-size:12px;line-height:1.2;font-weight:700
}
.pan7-replica-compromiso .pan7-bar-chart{padding-top:0}
.pan7-replica-compromiso .pan7-bar-chart-scale{display:none!important}
@container (max-width:520px){
.pan7-replica-compromiso .pan7-commitment-dates{flex-direction:row;gap:12px}
}
@media(max-width:520px){
.pan7-replica-compromiso .pan7-commitment-dates{flex-direction:row;gap:12px}
} .pan7-replica-compromiso .pan7-chart-row{
border-bottom:1px solid rgba(8,43,115,.14)
}
.pan7-replica-compromiso .pan7-chart-row:last-child{border-bottom:0}
.pan7-replica-compromiso .pan7-hito-description{
display:inline;color:#071f55;font-size:13px;line-height:1.35
}
.pan7-replica-compromiso .pan7-hito-description-preview,
.pan7-replica-compromiso .pan7-hito-description-full{
color:#071f55;font-size:13px;line-height:1.35
}
.pan7-replica-compromiso .pan7-hito-description-toggle{
appearance:none;-webkit-appearance:none;display:inline;margin:0 0 0 4px;padding:0;border:0;background:transparent;
color:#111827;font:inherit;font-weight:700;line-height:inherit;cursor:pointer;text-transform:none;letter-spacing:0
}
.pan7-replica-compromiso .pan7-hito-description-toggle:hover,
.pan7-replica-compromiso .pan7-hito-description-toggle:focus{color:#082b73;background:transparent}
.pan7-replica-compromiso .pan7-hito-description-toggle:focus-visible{
outline:2px solid rgba(8,43,115,.35);outline-offset:2px;border-radius:2px
} .pan7-replica-compromiso .pan7-hito-description-full{
display:none!important;
}
.pan7-replica-compromiso .pan7-hito-description.is-expanded .pan7-hito-description-preview{
display:none!important;
}
.pan7-replica-compromiso .pan7-hito-description.is-expanded .pan7-hito-description-full{
display:inline!important;
}
.pan7-replica-compromiso .pan7-hito-description:not(.is-expanded) .pan7-hito-description-preview{
display:inline!important;
} .pan7-replica-compromiso .pan7-chart-title{font-size:var(--pan7-commitment-title-size,28px)}
.pan7-replica-compromiso .pan7-chart-label strong{font-size:var(--pan7-commitment-label-size,13px)}
.pan7-replica-compromiso .pan7-chart-label>span,
.pan7-replica-compromiso .pan7-hito-description,
.pan7-replica-compromiso .pan7-hito-description-preview,
.pan7-replica-compromiso .pan7-hito-description-full{font-size:var(--pan7-commitment-description-size,13px)}
.pan7-replica-compromiso .pan7-chart-value{font-size:var(--pan7-commitment-percent-size,13px)}
.pan7-replica-compromiso .pan7-chart-track{height:var(--pan7-commitment-bar-height,10px)}
.pan7-replica-compromiso .pan7-chart-row{border-bottom-color:var(--pan7-commitment-divider,#dbe3ef)} .pan7-general-summary{font-family:Montserrat,Arial,sans-serif;color:#071f55;background:#fff;border:1px solid #dce5f0;border-radius:14px;padding:16px 18px;box-sizing:border-box;box-shadow:0 5px 16px rgba(8,43,115,.06)}
.pan7-general-overview{display:grid;grid-template-columns:minmax(235px,.8fr) minmax(500px,1.7fr);gap:22px;align-items:center}
.pan7-general-main{min-width:0}
.pan7-general-eyebrow{display:block;color:var(--pan7-general-primary);font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;margin-bottom:3px}
.pan7-general-percent{display:inline-block;color:#071f55;font-size:38px;line-height:1;font-weight:800;margin-right:8px}
.pan7-general-label{display:inline;color:#526078;font-size:12px;font-weight:600}
.pan7-general-track,.pan7-general-mini-track{overflow:hidden;background:var(--pan7-general-track);border-radius:999px}
.pan7-general-track{height:9px;margin-top:10px;max-width:430px}
.pan7-general-track span,.pan7-general-mini-track span{display:block;height:100%;border-radius:inherit;transition:width .6s ease}
.pan7-general-bar-progress{background:var(--pan7-general-primary)}
.pan7-general-bar-complete{background:var(--pan7-general-complete)}
.pan7-general-indicators{display:grid;grid-template-columns:repeat(4,minmax(86px,1fr));gap:12px;justify-items:center}
.pan7-general-kpi{width:96px;height:96px;min-height:0;border:2px solid currentColor;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7px;box-sizing:border-box;background:#fff;transition:transform .18s ease}
.pan7-general-kpi:hover{transform:scale(1.035)}
.pan7-general-kpi b{font-size:27px;line-height:1;font-weight:800}.pan7-general-kpi span{max-width:80px;margin-top:5px;font-size:10px;line-height:1.15;font-weight:800}
.pan7-general-kpi-total{color:var(--pan7-general-primary)}.pan7-general-kpi-started{color:var(--pan7-general-started)}.pan7-general-kpi-process{color:var(--pan7-general-process)}.pan7-general-kpi-complete{color:var(--pan7-general-complete)}
.pan7-general-commitments{margin-top:14px;padding-top:12px;border-top:1px solid #e4eaf2}.pan7-general-commitments h3{margin:0 0 9px;color:#071f55;font-size:14px}
.pan7-general-commitment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pan7-general-commitment{border:1px solid #dbe4ef;border-radius:8px;padding:9px 10px;background:#fbfcfe;min-width:0}
.pan7-general-commitment-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pan7-general-commitment-head span{font-size:9px;font-weight:800;text-transform:uppercase;color:#5c6880}.pan7-general-commitment-head b{font-size:12px;color:#071f55}
.pan7-general-commitment p{min-height:28px;margin:5px 0 7px;font-size:10px;line-height:1.25;color:#071f55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pan7-general-mini-track{height:5px}.pan7-status-sin-avance .pan7-general-mini-track span{background:#9ba7b7}.pan7-status-iniciada .pan7-general-mini-track span{background:var(--pan7-general-started)}.pan7-status-proceso .pan7-general-mini-track span{background:var(--pan7-general-process)}.pan7-status-completada .pan7-general-mini-track span{background:var(--pan7-general-complete)}
@media(max-width:980px){.pan7-general-overview{grid-template-columns:1fr;gap:14px}.pan7-general-main{text-align:center}.pan7-general-track{margin-left:auto;margin-right:auto}.pan7-general-indicators{grid-template-columns:repeat(4,minmax(78px,1fr))}.pan7-general-commitment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pan7-general-summary{padding:13px 11px;border-radius:11px}.pan7-general-percent{font-size:34px}.pan7-general-label{display:block;margin-top:3px}.pan7-general-indicators{grid-template-columns:repeat(4,minmax(65px,1fr));gap:6px}.pan7-general-kpi{width:72px;height:72px;padding:5px}.pan7-general-kpi b{font-size:22px}.pan7-general-kpi span{font-size:8px;max-width:62px;margin-top:3px}.pan7-general-commitment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pan7-general-commitment{padding:8px}.pan7-general-commitment p{min-height:25px;font-size:9px}} .pan7-replica-compromiso .pan7-chart-row{
grid-template-columns:minmax(82px,.22fr) minmax(280px,1.05fr) minmax(58px,.16fr) minmax(260px,.95fr);
gap:14px;
}
.pan7-replica-compromiso .pan7-chart-responsible{
align-self:start;
padding-top:1px;
color:#082b73;
font-size:var(--pan7-commitment-label-size,13px);
font-weight:800;
line-height:1.3;
text-align:left;
overflow-wrap:anywhere;
}
@container (max-width:860px){
.pan7-replica-compromiso .pan7-chart-row{grid-template-columns:minmax(76px,.25fr) minmax(0,1fr) auto;gap:7px 12px}
.pan7-replica-compromiso .pan7-chart-responsible{grid-column:1/2;grid-row:1/3}
.pan7-replica-compromiso .pan7-chart-label{grid-column:2/3;grid-row:1}
.pan7-replica-compromiso .pan7-chart-value{grid-column:3/4;grid-row:1}
.pan7-replica-compromiso .pan7-chart-track{grid-column:2/4;grid-row:2}
}
@container (max-width:560px){
.pan7-replica-compromiso .pan7-chart-row{grid-template-columns:1fr auto;gap:6px 10px}
.pan7-replica-compromiso .pan7-chart-responsible{grid-column:1/2;grid-row:1;font-size:11px;text-transform:uppercase}
.pan7-replica-compromiso .pan7-chart-label{grid-column:1/3;grid-row:2}
.pan7-replica-compromiso .pan7-chart-value{grid-column:2/3;grid-row:1}
.pan7-replica-compromiso .pan7-chart-track{grid-column:1/3;grid-row:3}
}
@media(max-width:860px){
.pan7-replica-compromiso .pan7-chart-row{grid-template-columns:minmax(76px,.25fr) minmax(0,1fr) auto;gap:7px 12px}
.pan7-replica-compromiso .pan7-chart-responsible{grid-column:1/2;grid-row:1/3}
.pan7-replica-compromiso .pan7-chart-label{grid-column:2/3;grid-row:1}
.pan7-replica-compromiso .pan7-chart-value{grid-column:3/4;grid-row:1}
.pan7-replica-compromiso .pan7-chart-track{grid-column:2/4;grid-row:2}
}
@media(max-width:560px){
.pan7-replica-compromiso .pan7-chart-row{grid-template-columns:1fr auto;gap:6px 10px}
.pan7-replica-compromiso .pan7-chart-responsible{grid-column:1/2;grid-row:1;font-size:11px;text-transform:uppercase}
.pan7-replica-compromiso .pan7-chart-label{grid-column:1/3;grid-row:2}
.pan7-replica-compromiso .pan7-chart-value{grid-column:2/3;grid-row:1}
.pan7-replica-compromiso .pan7-chart-track{grid-column:1/3;grid-row:3}
} .pan7-general-summary.pan7-general-donuts{
padding:14px 16px;
overflow:hidden;
}
.pan7-donut-row{
display:flex;
align-items:stretch;
gap:14px;
width:100%;
overflow-x:auto;
padding:2px 2px 8px;
scrollbar-width:thin;
-webkit-overflow-scrolling:touch;
}
.pan7-donut-item{
flex:1 0 112px;
min-width:112px;
max-width:160px;
display:grid;
grid-template-rows:54px var(--pan7-main-donut-size,132px) 30px;
align-items:center;
text-align:center;
color:#071f55;
}
.pan7-donut-item.pan7-donut-general{
flex:1.25 0 170px;
min-width:170px;
max-width:205px;
padding:8px 16px 8px 6px;
border-right:1px solid #dce5f0;
border-radius:14px;
background:linear-gradient(145deg,rgba(8,43,115,.055),rgba(8,43,115,.015));
}
.pan7-donut-item h3{
height:54px;
margin:0;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
color:#071f55;
font-size:11px;
line-height:1.15;
font-weight:800;
text-transform:none;
}
.pan7-donut-general h3{
font-size:12px;
text-transform:uppercase;
letter-spacing:.025em;
}
.pan7-donut-stage{
height:var(--pan7-main-donut-size,132px);
display:flex;
align-items:center;
justify-content:center;
}
.pan7-donut{
--pan7-ring-color:#9ba7b7;
position:relative;
width:var(--pan7-secondary-donut-size,94px);
height:var(--pan7-secondary-donut-size,94px);
flex:0 0 auto;
border-radius:50%;
background:conic-gradient(var(--pan7-ring-color) calc(var(--pan7-progress) * 1%), var(--pan7-general-track) 0);
display:grid;
place-items:center;
transition:transform .18s ease;
}
.pan7-donut::after{
content:"";
position:absolute;
inset:min(var(--pan7-ring-width,14px), 30%);
border-radius:50%;
background:#fff;
}
.pan7-donut span{
position:relative;
z-index:1;
color:#071f55;
font-size:clamp(14px,calc(var(--pan7-secondary-donut-size,94px) * .19),24px);
line-height:1;
font-weight:800;
}
.pan7-donut-general .pan7-donut{
width:var(--pan7-main-donut-size,132px);
height:var(--pan7-main-donut-size,132px);
box-shadow:0 10px 24px rgba(8,43,115,.15),0 0 0 5px rgba(8,43,115,.045);
}
.pan7-donut-general .pan7-donut span{
font-size:clamp(20px,calc(var(--pan7-main-donut-size,132px) * .22),34px);
}
.pan7-donut-item:hover .pan7-donut{transform:scale(1.035)}
.pan7-donut-item p{
height:30px;
margin:0;
display:flex;
align-items:flex-start;
justify-content:center;
color:#56637a;
font-size:10px;
line-height:1.2;
font-weight:700;
}
.pan7-general-status-spacer{visibility:hidden}
.pan7-status-sin-avance .pan7-donut{--pan7-ring-color:#9ba7b7}
.pan7-status-iniciada .pan7-donut{--pan7-ring-color:var(--pan7-general-started)}
.pan7-status-proceso .pan7-donut{--pan7-ring-color:var(--pan7-general-process)}
.pan7-status-completada .pan7-donut{--pan7-ring-color:var(--pan7-general-complete)}
.pan7-status-iniciada p{color:var(--pan7-general-started)}
.pan7-status-proceso p{color:#9a7600}
.pan7-status-completada p{color:var(--pan7-general-complete)}
@media(max-width:900px){
.pan7-donut-row{gap:10px}
.pan7-donut-item{flex-basis:104px;min-width:104px}
.pan7-donut-item.pan7-donut-general{flex-basis:150px;min-width:150px}
}
@media(max-width:620px){
.pan7-general-summary.pan7-general-donuts{padding:10px 8px}
.pan7-donut-row{gap:8px}
.pan7-donut-item{flex-basis:96px;min-width:96px;grid-template-rows:46px var(--pan7-main-donut-size,132px) 26px}
.pan7-donut-item.pan7-donut-general{flex-basis:136px;min-width:136px;padding-right:8px}
.pan7-donut-item h3{height:46px;font-size:9px}
.pan7-donut-general h3{font-size:10px}
.pan7-donut-item p{height:26px;font-size:8px}
} .pan7-donut[data-pan7-donut]{
will-change:background;
}
.pan7-donut[data-pan7-donut].pan7-donut-animated{
animation:pan7-donut-settle .34s ease-out both;
}
@keyframes pan7-donut-settle{
0%{transform:scale(.97)}
68%{transform:scale(1.018)}
100%{transform:scale(1)}
}
@media(max-width:620px){
.pan7-general-summary.pan7-general-donuts{
padding:12px 10px;
overflow:visible;
}
.pan7-donut-row{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px 10px;
width:100%;
overflow:visible;
padding:0;
}
.pan7-donut-item,
.pan7-donut-item.pan7-donut-general{
min-width:0;
max-width:none;
width:100%;
padding:0;
border-right:0;
background:transparent;
grid-template-rows:44px auto 26px;
}
.pan7-donut-item.pan7-donut-general{
grid-column:1/-1;
width:min(100%,260px);
justify-self:center;
padding:12px 12px 10px;
border:1px solid #e1e8f1;
border-radius:16px;
background:linear-gradient(145deg,rgba(8,43,115,.065),rgba(8,43,115,.015));
}
.pan7-donut-item h3{
height:44px;
padding:0 4px;
font-size:10px;
line-height:1.15;
}
.pan7-donut-general h3{font-size:11px}
.pan7-donut-stage{
height:auto;
min-height:92px;
}
.pan7-donut{
width:min(var(--pan7-secondary-donut-size,94px),88px);
height:min(var(--pan7-secondary-donut-size,94px),88px);
}
.pan7-donut-general .pan7-donut{
width:min(var(--pan7-main-donut-size,132px),126px);
height:min(var(--pan7-main-donut-size,132px),126px);
}
.pan7-donut span{
font-size:clamp(14px,5.2vw,21px);
}
.pan7-donut-general .pan7-donut span{
font-size:clamp(22px,8vw,32px);
}
.pan7-donut-item p{
height:26px;
font-size:9px;
align-items:center;
}
}
@media(prefers-reduced-motion:reduce){
.pan7-donut[data-pan7-donut],
.pan7-donut[data-pan7-donut].pan7-donut-animated{
animation:none!important;
transition:none!important;
}
} .pan7-replica-hito .pan7-counter{width:var(--pan7-hito-indicator-size,178px);max-width:var(--pan7-hito-indicator-size,178px);flex:0 0 var(--pan7-hito-indicator-size,178px)}
.pan7-replica-hito .pan7-gauge-box,.pan7-replica-hito .pan7-date-row{max-width:var(--pan7-hito-gauge-width,420px)}
.pan7-replica-hito .pan7-gauge-arc{width:min(calc(var(--pan7-hito-gauge-width,420px) - 32px),100%)}
.pan7-replica-hito.pan7-table-fit-enabled .pan7-table-frame{overflow-x:hidden}
.pan7-replica-hito.pan7-table-fit-enabled .pan7-replica-table{min-width:0;table-layout:fixed;width:100%}
.pan7-replica-hito.pan7-table-fit-enabled .pan7-replica-table th,.pan7-replica-hito.pan7-table-fit-enabled .pan7-replica-table td{min-width:0!important;width:auto!important;white-space:normal!important;overflow-wrap:anywhere;padding-left:7px;padding-right:7px}
.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-code{width:10%!important}.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-responsible{width:9%!important}.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-description{width:25%!important}.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-period{width:11%!important}.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-media{width:10%!important}.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-dates{width:11%!important}.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-status{width:9%!important}.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-traffic{width:8%!important}.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-programmed{width:9%!important}.pan7-replica-hito.pan7-table-fit-enabled .pan7-col-progress{width:10%!important}
@container (max-width:860px){.pan7-replica-hito .pan7-replica-table tr{display:flex!important;flex-direction:column}.pan7-replica-hito .pan7-replica-table td{order:var(--pan7-mobile-order,20)}.pan7-replica-hito .pan7-counter{width:min(var(--pan7-hito-indicator-size,178px),calc(50vw - 32px));max-width:min(var(--pan7-hito-indicator-size,178px),calc(50vw - 32px));flex-basis:min(var(--pan7-hito-indicator-size,178px),calc(50vw - 32px))}}
@media(max-width:900px){.pan7-replica-hito .pan7-replica-table tr{display:flex!important;flex-direction:column}.pan7-replica-hito .pan7-replica-table td{order:var(--pan7-mobile-order,20)}}
@media(max-width:560px){.pan7-replica-hito .pan7-counter{width:min(var(--pan7-hito-indicator-size,178px),calc(50vw - 24px));max-width:min(var(--pan7-hito-indicator-size,178px),calc(50vw - 24px));flex-basis:min(var(--pan7-hito-indicator-size,178px),calc(50vw - 24px))}.pan7-replica-hito .pan7-gauge-box,.pan7-replica-hito .pan7-date-row{max-width:100%}} @container (max-width:860px){
.pan7-replica-hito .pan7-replica-table tbody{display:block;padding:2px}
.pan7-replica-hito .pan7-replica-table tr{
position:relative;
border:1px solid var(--pan7-table-border);
border-left:6px solid var(--pan7-mobile-card-accent,#0d6efd);
border-radius:14px;
margin:0 0 14px;
padding:14px 14px 14px 18px;
overflow:hidden;
box-shadow:0 5px 16px rgba(8,43,115,.07)
}
.pan7-replica-hito .pan7-counter-row{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:14px 10px!important;
align-items:start;
justify-items:center
}
.pan7-replica-hito .pan7-counter{
width:min(100%,160px)!important;
max-width:160px!important;
min-width:0!important;
flex:0 1 auto!important;
aspect-ratio:1/1;
height:auto!important;
min-height:0!important;
padding:12px 8px!important;
justify-self:center
}
.pan7-replica-hito .pan7-counter b{font-size:clamp(30px,10vw,var(--pan7-kpi-number-size,44px))!important}
.pan7-replica-hito .pan7-counter small{font-size:clamp(11px,3.6vw,var(--pan7-kpi-label-size,14px))!important;line-height:1.08}
.pan7-replica-hito .pan7-counter em{font-size:clamp(8px,2.8vw,var(--pan7-kpi-range-size,10px))!important}
}
@media(max-width:900px){
.pan7-replica-hito .pan7-replica-table tbody{display:block;padding:2px}
.pan7-replica-hito .pan7-replica-table tr{
position:relative;
border-left:6px solid var(--pan7-mobile-card-accent,#0d6efd)!important;
border-radius:14px;
margin:0 0 14px;
padding:14px 14px 14px 18px;
overflow:hidden
}
.pan7-replica-hito .pan7-counter-row{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:14px 10px!important;
justify-items:center
}
.pan7-replica-hito .pan7-counter{
width:min(100%,160px)!important;
max-width:160px!important;
min-width:0!important;
flex:0 1 auto!important;
aspect-ratio:1/1;
height:auto!important;
min-height:0!important
}
}
@media(max-width:380px){
.pan7-replica-hito .pan7-counter-row{gap:10px 6px!important}
.pan7-replica-hito .pan7-counter{max-width:142px!important;padding:10px 6px!important}
}