.curia-contact-scope {
  --brand: #69ccd0;
  --brand2: #228488;
  --ink: #2a6666;
  --muted: #6b7280;
  --bd: #e5e7eb;
  --soft: #f2f2fa;
  --card: #fff;
  --shadow: 0 8px 24px rgba(34, 132, 136, 0.06), 0 2px 6px rgba(0, 0, 0, 0.04);
}
.curia-contact-scope [id] {
  scroll-margin-top: var(--header-offset, 96px);
}
/* breadcrumb */
.curia-contact-scope .breadcrumb {
  margin: 6px 0 8px;
}
.curia-contact-scope .breadcrumb ol {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 12px;
  margin: 0;
}
.curia-contact-scope .breadcrumb li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  font-weight: 600;
}
.curia-contact-scope .breadcrumb li + li::before {
  content: "›";
  color: var(--brand2);
  opacity: 0.75;
}
.curia-contact-scope .breadcrumb a {
  color: var(--ink);
  text-decoration: none;
}
.curia-contact-scope .breadcrumb a:hover {
  text-decoration: underline;
}
/* hero */
.curia-contact-scope .hero h1 {
  margin: 0.2rem 0 0.6rem;
}
.curia-contact-scope .lead {
  color: #1b1f23;
  opacity: 0.9;
  max-width: 60ch;
}
.curia-contact-scope .cta-row {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.curia-contact-scope .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  border: 1px solid var(--bd);
  text-decoration: none;
  box-shadow: var(--shadow);
  font-weight: 700;
}
.curia-contact-scope .btn-primary {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.curia-contact-scope .btn-primary:hover {
  background: var(--brand2);
  border-color: var(--brand2);
}
.curia-contact-scope .btn-outline {
  background: #fff;
  color: var(--ink);
}
.curia-contact-scope .btn-outline:hover {
  border-color: #d1d5db;
}
/* layout */
.curia-contact-scope .grid-two {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: clamp(16px, 3vw, 32px);
}
@media (max-width: 900px) {
  .curia-contact-scope .grid-two {
    grid-template-columns: 1fr;
  }
}
.curia-contact-scope .block {
  margin-top: 18px;
}
/* tarjetas y listas */
.curia-contact-scope .cards {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.curia-contact-scope .card {
  background: var(--card);
  border: 1px solid var(--bd);
  border-radius: 12px;
  padding: 14px;
  box-shadow: var(--shadow);
}
.curia-contact-scope .card h3 {
  margin: 0.2rem 0 0.4rem;
  color: var(--ink);
  font-size: 1.05rem;
}
.curia-contact-scope .check-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.curia-contact-scope .check-list li {
  background: #fff;
  border: 1px dashed var(--bd);
  border-radius: 10px;
  padding: 8px 10px;
}
.curia-contact-scope .muted {
  color: var(--muted);
}
.curia-contact-scope .small {
  font-size: 0.92rem;
}
/* mapa */
.curia-contact-scope .map-lite {
  background: var(--soft);
  border: 1px solid var(--bd);
  border-radius: 16px;
  padding: 16px;
  box-shadow: var(--shadow);
}
.curia-contact-scope .map-cta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
/* wrapper del SHORTCODE: lo estiliza como el resto sin tocar el contenido del plugin */
.curia-contact-scope .contact-form-wrap {
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 16px;
  padding: 16px;
  box-shadow: var(--shadow);
}
/* suaviza cualquier fondo/borde agresivo que traiga el shortcode dentro */
.curia-contact-scope .contact-form-wrap .has-background,
[class*="curia-form-pro"] [style*="background"] {
  background: #fff !important;
}
.curia-contact-scope .contact-form-wrap input,
.curia-contact-scope .contact-form-wrap select,
.curia-contact-scope .contact-form-wrap textarea {
  font: inherit;
  color: #1b1f23;
}
/* botón enviar del shortcode (si usa input[type=submit] o button) */
.curia-contact-scope .contact-form-wrap button,
.curia-contact-scope .contact-form-wrap input[type="submit"] {
  background: var(--brand) !important;
  border: 1px solid var(--brand) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 0.75rem 1.1rem !important;
  box-shadow: var(--shadow) !important;
  cursor: pointer;
}
.curia-contact-scope .contact-form-wrap button:hover,
.curia-contact-scope .contact-form-wrap input[type="submit"]:hover {
  background: var(--brand2) !important;
  border-color: var(--brand2) !important;
}
/* === Curia · Contacto (refuerzos mínimos) === */
.curia-contact-scope .cta-row {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.curia-contact-scope .contact-form-wrap {
  /* wrapper visual del shortcode */
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 16px;
  padding: 16px;
  box-shadow: var(--shadow);
}
/* si el shortcode trae un botón de enviar, que tenga estilo corporativo sin tocar lógica del plugin */
.curia-contact-scope .contact-form-wrap button,
.curia-contact-scope .contact-form-wrap input[type="submit"] {
  background: var(--brand) !important;
  border: 1px solid var(--brand) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 0.75rem 1.1rem !important;
  box-shadow: var(--shadow) !important;
  cursor: pointer;
}
.curia-contact-scope .contact-form-wrap button:hover,
.curia-contact-scope .contact-form-wrap input[type="submit"]:hover {
  background: var(--brand2) !important;
  border-color: var(--brand2) !important;
}