/* ---------- cierre ----------
   Va de noche, como la portada, y por el mismo motivo: es la otra sección que
   se tiñe con el color de cuerpo. El ambiente cambia; el botón, nunca.
   Documento 01, punto 2.4. */
.opr-px-cierre{
  --amb-fondo:var(--p950); --amb-halo:rgba(71,83,98,.22);
  transition:background .55s cubic-bezier(.32,.72,.16,1) !important;
}
.opr-seccion.opr-px-cierre[data-cuerpo="ertzaintza"]{
  --amb-fondo:#1E0A0C; --amb-halo:rgba(107,30,25,.34);
}
.opr-seccion.opr-px-cierre[data-cuerpo="local"]{
  --amb-fondo:#1C1503; --amb-halo:rgba(119,96,13,.26);
}
.opr-seccion.opr-px-cierre{background:var(--amb-fondo) !important}

.opr-px-cierre .opr-px-ci-panel{
  position:relative !important; max-width:760px !important; margin:0 auto !important;
  padding:clamp(32px,4.4vw,56px) clamp(24px,4vw,56px) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:inset 0 0 0 1px var(--p800) !important;
  display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important;
}
.opr-px-cierre .opr-px-ci-panel::before{
  content:"" !important; position:absolute !important; left:50% !important; top:0 !important; transform:translate(-50%,-40%) !important;
  width:min(600px,96%) !important; height:280px !important; border-radius:999px !important; pointer-events:none !important;
  background:radial-gradient(ellipse at center, var(--amb-halo) 0%, rgba(18,23,28,0) 70%) !important;
  transition:background .55s cubic-bezier(.32,.72,.16,1) !important;
}
.opr-px-cierre .opr-px-ci-panel > *{position:relative !important}
.opr-px-cierre .opr-h2{color:#fff !important}
.opr-px-cierre .opr-px-ci-sub{margin-left:auto !important; margin-right:auto !important; max-width:50ch !important}

.opr-px-cierre .opr-px-ci-reloj{
  display:flex !important; gap:clamp(18px,3vw,40px) !important; margin:clamp(26px,3vw,34px) 0 clamp(24px,3vw,30px) !important;
}
.opr-px-cierre .opr-px-ci-reloj > div{display:flex !important; flex-direction:column !important; align-items:center !important; gap:2px !important}
.opr-px-cierre .opr-px-ci-reloj b{
  font-size:clamp(2rem,4.6vw,2.6rem) !important; font-weight:800 !important; line-height:1 !important; letter-spacing:-.04em !important;
  font-variant-numeric:tabular-nums !important; color:#fff !important;
}
.opr-px-cierre .opr-px-ci-reloj span{font-size:.78125rem !important; font-weight:600 !important; color:var(--p400) !important}

.opr-px-cierre .opr-px-cuerpo{display:flex !important; flex-direction:column !important; align-items:center !important; gap:10px !important; margin-bottom:18px !important}
.opr-px-cierre .opr-px-cuerpo-etq{font-size:.84375rem !important; font-weight:600 !important; color:var(--p400) !important}
.opr-px-cierre .opr-px-cuerpo-seg{max-width:100% !important; flex-wrap:wrap !important; justify-content:center !important}
.opr-px-cierre .opr-px-form{max-width:520px !important}

@media (max-width:560px){
  .opr-px-cierre .opr-px-cuerpo-seg button{padding:8px 12px !important; font-size:.875rem !important}
}