/* /jdserver/2026/modules/wikimeteo/pages/contacto.css */

.wm-contact{ padding: 18px; }

.wm-contact__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight: 760;
  font-size: .85rem;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.28);
  background: rgba(255,255,255,0.04);
  margin-bottom: 10px;
}

.wm-contact__grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 16px;
  margin-top: 14px;
}

.wm-contact__panel,
.wm-contact__form{
  border:1px solid rgba(148,163,184,0.25);
  background: rgba(255,255,255,0.04);
  border-radius:18px;
  padding:16px;
}

.wm-contact__panel + .wm-contact__panel{ margin-top: 12px; }

.wm-contact__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

/* Form (reusa estilo participa) */
.wm-formhead{
  padding: 2px 2px 12px;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(148,163,184,0.16);
}
.wm-formhead__t{
  font-weight:800;
  font-size: 1.05rem;
  margin-bottom: 4px;
}

.wm-field{ margin-bottom: 14px; }
.wm-label{ display:block; font-weight:600; margin-bottom:6px; }
.wm-help{ margin-top:6px; opacity:0.8; font-size:0.92rem; }

.wm-textarea{ width:100%; min-height:120px; resize:vertical; }
.wm-textarea--big{ min-height: 260px; }

.wm-consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:10px 0 6px;
  font-size:0.95rem;
}

.wm-actions{
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  margin-top:14px;
}

.wm-footnote{
  margin-top: 10px;
  font-size: 0.92rem;
  opacity: 0.8;
  border-top: 1px solid rgba(148,163,184,0.14);
  padding-top: 10px;
}

/* Honeypot */
.wm-hp{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}

/* Flash (mismo look que participa) */
.wm-flashbar{
  border-radius: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(148,163,184,0.28);
  background: rgba(255,255,255,0.05);
  margin: 10px 0 14px;
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.wm-flashbar__icon{
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  border: 1px solid rgba(148,163,184,0.25);
  background: rgba(255,255,255,0.06);
}
.wm-flashbar__title{ font-weight: 700; margin: 0 0 4px; }
.wm-flashbar__text{ margin: 0; opacity: 0.9; }
.wm-flashbar__meta{ margin-top: 6px; font-size: 0.9rem; opacity: 0.75; }

.wm-flashbar--ok{
  border-color: rgba(34,197,94,0.45);
  background: rgba(34,197,94,0.10);
}
.wm-flashbar--ok .wm-flashbar__icon{ border-color: rgba(34,197,94,0.50); }

.wm-flashbar--err{
  border-color: rgba(248,113,113,0.55);
  background: rgba(248,113,113,0.10);
}
.wm-flashbar--err .wm-flashbar__icon{ border-color: rgba(248,113,113,0.55); }

/* Responsive */
@media (max-width: 900px){
  .wm-contact__grid{ grid-template-columns: 1fr; }
  .wm-actions{ flex-direction:column; align-items:stretch; }
  .wm-actions .wm-btn{ width:100%; justify-content:center; }
}