/* ===== Encuestas Ciudadanas (home) ===== */

.enc-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:8px;
}
@media (max-width:980px){ .enc-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .enc-grid{ grid-template-columns:1fr; } }

/* Reset de <button> — visual heredado de .srvc.home-srv-card (main.css) */
.enc-card{
  border:none;
  background:#fff;
  font:inherit;
  text-align:left;
  cursor:pointer;
  width:100%;
}
.enc-card:focus-visible{ outline:3px solid var(--gold); outline-offset:2px; border-radius:14px; }

/* Fecha límite opcional (campo 'deadline' del catálogo) — arriba del link de la card */
.enc-deadline{
  display:block;
  margin-top:auto;
  padding-top:10px;
  font-size:.78rem;
  font-weight:700;
  color:var(--red);
}
.enc-deadline + .home-srv-link{ margin-top:2px; padding-top:0; }

/* ===== Modal ===== */
.enc-modal{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  padding:20px;
}
.enc-modal[hidden]{ display:none; }
.enc-modal-overlay{
  position:absolute; inset:0;
  background:rgba(7,24,48,.78);
  backdrop-filter:blur(6px);
}
.enc-modal-panel{
  position:relative;
  background:#fff;
  border-radius:18px;
  width:100%; max-width:760px;
  max-height:92vh; overflow-y:auto;
  box-shadow:0 30px 80px rgba(0,0,0,.35);
  animation:enc-modal-in .28s cubic-bezier(.34,1.4,.64,1);
}
@keyframes enc-modal-in{
  from{ opacity:0; transform:scale(.94) translateY(10px); }
  to{ opacity:1; transform:none; }
}
.enc-modal-close{
  position:absolute; top:14px; right:14px; z-index:2;
  width:34px; height:34px; border-radius:50%;
  background:rgba(7,24,48,.55); color:#fff; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s ease;
}
.enc-modal-close:hover{ background:var(--red); }

.enc-modal-header{ padding:26px 30px 4px; }
.enc-modal-header h3{ font-family:Montserrat,sans-serif; font-weight:800; color:var(--navy); font-size:19px; margin:0 0 6px; padding-right:34px; }
.enc-modal-header p{ font-size:13px; line-height:1.5; color:#5a6472; margin:0; }

.enc-modal-body{ padding:14px 30px 30px; }
/* El modal ya aporta el marco (borde/sombra); se aplana el chrome de .omil-wizard para no duplicar caja dentro de caja */
.enc-modal-body .omil-wizard{ padding:0; border:none; box-shadow:none; }

.enc-hint{ font-weight:400; text-transform:none; font-size:.78rem; color:var(--ow-ink-soft,#4B5B6E); }
.enc-otro-field{ margin:-8px 0 26px; max-width:420px; }

/* Checkboxes deshabilitados al alcanzar el tope (ver data-max-checked en el JS) */
.enc-checkbox-group .wpcf7-list-item label:has(input:disabled:not(:checked)){
  opacity:.45;
  cursor:not-allowed;
}

@media (prefers-reduced-motion:reduce){
  .enc-modal-panel{ animation:none !important; }
}