/* «Qué hacemos»: acordeón en dos columnas */
.acc{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:28px;align-items:start}
.acc__i{background:#0C2B6B;color:#fff;border-radius:22px;box-shadow:0 8px 24px rgba(0,23,68,.06);transition:box-shadow .3s,transform .3s}
.acc__i:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,23,68,.12)}
.acc__i summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 22px;font-weight:700;font-size:19px;color:#fff}
.acc__i summary::-webkit-details-marker{display:none}
.acc__n{font-size:13px;color:#C1D72E;min-width:22px}
.acc__t{flex:1}
.acc__x{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);position:relative;flex:none;transition:background .3s,transform .35s}
.acc__x::before,.acc__x::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:#fff;border-radius:2px}
.acc__x::after{transform:rotate(90deg);transition:transform .35s}
.acc__i[open] .acc__x{background:#C1D72E}
.acc__i[open] .acc__x::after{transform:rotate(0)}
.acc__i p{margin:0;padding:0 22px 22px 60px;color:rgba(255,255,255,.78);line-height:1.55;animation:accIn .35s ease}
@keyframes accIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* Formatos: tarjetas bajas; la descripción se despliega al pasar el ratón o al tocar */
.sec--fmt .cards{gap:12px;align-items:start}
.fmt-x{min-height:0;padding:20px 22px;cursor:default;transition:transform .3s,box-shadow .3s,background .3s}
.fmt-x h3{margin:0}
.fmt-x p{max-height:0;opacity:0;overflow:hidden;margin:0;transition:max-height .45s ease,opacity .3s,margin .3s}
.fmt-x:hover,.fmt-x:focus-within,.fmt-x:focus{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,23,68,.13);outline:none}
.fmt-x:hover p,.fmt-x:focus p{max-height:120px;opacity:1;margin-top:10px}
.fmt-x .card__ic{transition:transform .35s,background .3s}
.fmt-x:hover .card__ic{transform:rotate(-8deg) scale(1.08);background:#C1D72E}
@media (hover:none){.fmt-x p{max-height:none;opacity:1;margin-top:8px}}
@media (max-width:760px){.acc{grid-template-columns:1fr}}

.acc__i[open]{background:#C1D72E;color:#001744}
.acc__i[open] summary{color:#001744}
.acc__i[open] .acc__n{color:#001744}
.acc__i[open] .acc__x{background:#001744}
.acc__i[open] .acc__x::before,.acc__i[open] .acc__x::after{background:#C1D72E}
.acc__i[open] p{color:#1d2b4f}
.acc__i:hover{box-shadow:0 14px 30px rgba(0,0,0,.35)}
/* bandas de color para cortar el blanco */
.sec--dark{background:#001744;color:#fff}
.sec--dark .head h2{color:#fff}
.sec--why{background:linear-gradient(180deg,#F3F6E1 0%,#FAFBF3 100%)}
.sec--why .card{background:#fff;transition:transform .3s,box-shadow .3s}
.sec--why .card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,23,68,.12)}
.sec--why .card__ic{background:#C1D72E;color:#001744}
/* fotos que acompañan el texto */
.ph-card{margin:0;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 20px 50px rgba(0,23,68,.18)}
.ph-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ph-card:hover img{transform:scale(1.05)}
.ph-card figcaption{position:absolute;left:16px;bottom:14px;padding:7px 12px;border-radius:999px;background:rgba(0,23,68,.78);color:#fff;font-size:13px;backdrop-filter:blur(6px)}
.ans-split{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center}
.ans-split .ph-card{aspect-ratio:16/10}
.ans-split .answer{margin:0;display:block;padding:34px 36px}
.ans-split .answer h2{margin-bottom:14px}
.fmt-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start;margin-top:28px}
.ph-card--tall{position:sticky;top:110px;aspect-ratio:4/5}
.cards--fmt{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start}
@media (max-width:900px){.ans-split,.fmt-split{grid-template-columns:1fr}.ph-card--tall{position:relative;top:0;aspect-ratio:16/10}}

/* ===== Ronda 5 ===== */
/* textura: grano fino + luces suaves, para que el color no sea plano */
.sec--tex,.hero--dark,.band--cc{position:relative;isolation:isolate}
.sec--tex::before,.hero--dark::before,.band--cc::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.55'/></svg>");opacity:.07;mix-blend-mode:overlay}
.sec--dark,.hero--dark,.band--cc{background:radial-gradient(60% 80% at 85% 10%,rgba(193,215,46,.16),transparent 60%),radial-gradient(50% 70% at 5% 95%,rgba(56,104,214,.28),transparent 65%),#001744!important}
.sec--why{background:radial-gradient(50% 90% at 100% 0%,rgba(193,215,46,.35),transparent 60%),radial-gradient(40% 70% at 0% 100%,rgba(0,23,68,.06),transparent 70%),#F4F7E4}
/* vidrio (estilo liquid glass) */
.glass,.sec--dark .acc__i:not([open]){background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 40px rgba(0,0,0,.25)}
/* cabecera azul marino */
.hero--dark{color:#fff;border-radius:0 0 40px 40px}
main:has(.hero--dark) .crumbs a,main:has(.hero--dark) .crumbs li,main:has(.hero--dark) .crumbs{color:rgba(255,255,255,.85)!important;position:relative;z-index:2}
.hero--dark h1,.hero--dark .crumbs a,.hero--dark .crumbs{color:#fff}
.hero--dark .lead{color:rgba(255,255,255,.82)}
.hero--dark figcaption{color:rgba(255,255,255,.7)}
.hero--dark .btn--lime .btn__ic{background:#001744;color:#C1D72E}
.btn--onDark{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)!important}
.btn--onDark:hover{box-shadow:inset 0 0 0 1.5px #C1D72E!important;color:#C1D72E!important}
/* ventajas: fila compacta, sin tarjetas */
.feat-row{gap:0!important;margin-top:26px}
.feat-row .card{background:none!important;box-shadow:none!important;border-radius:0;padding:6px 26px 6px 0;margin-right:26px;border-right:1px solid rgba(0,23,68,.14);display:grid;grid-template-columns:40px 1fr;gap:4px 12px;align-content:start}
.feat-row .card:last-child{border-right:0;margin-right:0}
.feat-row .card__ic{grid-row:1/3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#001744!important;color:#C1D72E!important}
.feat-row h3{font-size:18px;margin:0;align-self:center}
.feat-row p{grid-column:2;font-size:14.5px;margin:0}
.feat-row .card:hover{transform:none}
.feat-row .card:hover .card__ic{background:#C1D72E!important;color:#001744!important}
@media (max-width:900px){.feat-row{grid-template-columns:1fr 1fr!important;gap:20px 0!important}.feat-row .card{border-right:0;margin:0}}
/* formatos en lima */
.fmt-x{background:#C1D72E!important;box-shadow:none!important}
.fmt-x h3{color:#001744}
.fmt-x .card__ic{background:#001744!important;color:#C1D72E!important}
.fmt-x p{color:#1d2b4f}
.fmt-x:hover,.fmt-x:focus{background:#001744!important}
.fmt-x:hover h3,.fmt-x:focus h3{color:#fff}
.fmt-x:hover p,.fmt-x:focus p{color:rgba(255,255,255,.8)}
.fmt-x:hover .card__ic,.fmt-x:focus .card__ic{background:#C1D72E!important;color:#001744!important}
/* mapa de campañas */
.band--gal .omap{margin-bottom:clamp(28px,3.4vw,46px)}
.omap{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;align-items:start}
.omap__map{border-radius:28px;position:relative;overflow:hidden;padding:14px;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:16px 16px}
.omap__svg{aspect-ratio:1000/600}
.omap__svg svg{display:block;width:100%;height:auto}
.omap__land path{fill:rgba(255,255,255,.07);stroke:rgba(255,255,255,.22);stroke-width:.6}
.omap__land path.on{fill:rgba(193,215,46,.22);stroke:rgba(193,215,46,.6)}
.pin{cursor:pointer;outline:none}
.pin__dot{fill:#C1D72E;stroke:#001744;stroke-width:2.5;transition:r .25s}
.pin__pulse{fill:none;stroke:#C1D72E;stroke-width:2;opacity:.8;transform-box:fill-box;transform-origin:center;animation:omPulse 2.2s ease-out infinite}
.pin__lab{fill:#fff;font:600 13px/1 var(--font-body,inherit);opacity:0;transition:opacity .2s;paint-order:stroke;stroke:#001744;stroke-width:4px}
.pin:hover .pin__lab,.pin:focus .pin__lab,.pin.is-on .pin__lab{opacity:1}
.pin.is-on .pin__dot{fill:#fff}
.pin:focus-visible .pin__dot{stroke:#fff}
@keyframes omPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.omap__stats{position:absolute;left:22px;top:18px;z-index:2;margin:0;color:rgba(255,255,255,.85);font-size:14px}
.omap__stats b{color:#C1D72E;font-size:20px}
.omap__sel{position:absolute;right:18px;bottom:16px;z-index:2}
.omap__sel select{background:rgba(0,23,68,.7);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 14px;font:inherit;font-size:14px}
.omap__panel{border-radius:28px;padding:18px;align-self:stretch;contain:size;overflow:auto;color:#fff;scrollbar-width:thin}
.omap__city{font-weight:800;font-size:26px;margin:4px 4px 14px;color:#fff}
.omap__card{background:rgba(255,255,255,.06);border-radius:20px;padding:12px 12px 16px;margin-bottom:12px}
.omap__ph{border-radius:14px;overflow:hidden;aspect-ratio:16/10}
.omap__ph img{width:100%;height:100%;object-fit:cover;display:block}
.omap__th{display:flex;gap:6px;margin-top:8px}
.omap__th button{border:2px solid transparent;border-radius:8px;padding:0;width:52px;height:38px;overflow:hidden;background:none;cursor:pointer}
.omap__th button.is-on{border-color:#C1D72E}
.omap__th img{width:100%;height:100%;object-fit:cover}
.omap__kick{color:#C1D72E;font-weight:700;font-size:13px;margin:12px 4px 2px}
.omap__card h3{font-size:19px;margin:0 4px 4px;color:#fff}
.omap__card p{margin:0 4px 6px;color:rgba(255,255,255,.78);font-size:14.5px}
.omap__loc{font-size:13.5px!important;opacity:.85}
.omap__note{font-size:12.5px!important;opacity:.6}
@media (max-width:900px){.omap{grid-template-columns:1fr}.omap__panel{contain:none}.pin__lab{display:none}}
.pin__lab,.pin__pulse{pointer-events:none}
@media (min-width:901px){.omap__panel::after{content:"";position:sticky;bottom:0;display:block;height:40px;margin-top:-40px;background:linear-gradient(rgba(0,23,68,0),rgba(0,23,68,.85));pointer-events:none}}
@media (max-width:700px){.omap__map{padding:12px}.omap__stats,.omap__sel{position:static}.omap__stats{margin:2px 6px 8px}.omap__sel{display:block;margin:0 0 6px}.omap__sel select{width:100%}.pin__dot{r:16px}.pin__pulse{r:20px}}
@media (prefers-reduced-motion:reduce){.pin__pulse{animation:none;opacity:0}}