:root{ --bg:#0b1020; --card:#ffffff; --muted:#64748b; --text:#0f172a; --primary:#0ea5e9; --primary-600:#0284c7; --danger:#dc2626; --radius:16px; }
.iacr-pro .iacr-form-title{font-size:1.35rem;margin:0 0 .75rem 0}
.iacr-card{max-width:920px;margin:0 auto;border:1px solid #e5e7eb;border-radius:var(--radius);background:var(--card);padding:1rem;box-shadow:0 6px 24px rgba(2,6,23,.06)}
.iacr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.field label{display:block;font-weight:600;color:var(--text);margin-bottom:6px}
.field input[type=text],.field input[type=url],.field input[type=email],.field input[type=tel],.field textarea,.field select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:.7rem .85rem;font-size:.95rem;transition:border .15s, box-shadow .15s;background:#fff}
.field textarea{min-height:110px}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.field .file-input{display:block;border:1px dashed #cbd5e1;padding:1rem;border-radius:12px;background:#f8fafc}
.small{color:var(--muted);font-size:.85rem}
.actions{margin-top:.5rem}
.btn-primary{appearance:none;border:0;border-radius:9999px;padding:.7rem 1.2rem;background:linear-gradient(180deg,var(--primary),var(--primary-600));color:#fff;font-weight:600;cursor:pointer;box-shadow:0 8px 30px rgba(14,165,233,.35)}
.btn-primary:hover{filter:brightness(.98)}
.iacr-alert{margin:0 0 .8rem 0;padding:.7rem .9rem;border-radius:12px;border:1px solid transparent}
.iacr-alert.success{background:#ecfeff;border-color:#a5f3fc}
.iacr-alert.error{background:#fee2e2;border-color:#fecaca}
.counter{color:var(--muted);font-size:.85rem;margin-top:.25rem;text-align:right}
.iacr-gallery-inline{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:640px){ .iacr-gallery-inline{grid-template-columns:repeat(2,1fr)} }


/* --- Reset anti-ruido dentro del formulario (quita barras/ornamentos del theme) --- */
.iacr-card *::before,
.iacr-card *::after { content: none !important; }
.iacr-card blockquote,
.iacr-card q { border: 0 !important; padding: 0 !important; background: transparent !important; }
.iacr-card .field,
.iacr-card .field * { box-shadow: none; background-clip: padding-box; }
.iacr-card { background-clip: padding-box; }


/* --- Reset reforzado anti-ornamentos del theme dentro del formulario --- */
.iacr-card :is(p, div, label, span, input, textarea, select, small, ul, li, h1, h2, h3, h4, h5, h6)::before,
.iacr-card :is(p, div, label, span, input, textarea, select, small, ul, li, h1, h2, h3, h4, h5, h6)::after {
  content: none !important;
  display: none !important;
}
/* Algunos themes insertan bordes laterales con pseudo-elementos o background-images */
.iacr-card :is(p, div, label, span){ 
  background-image: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
/* Quitamos margen lateral que suelen dejar esos pseudo-elementos */
.iacr-card :is(p, div){ margin-left: 0 !important; margin-right: 0 !important; }


/* --- Hard kill de columnas/bordes que inyecta el theme --- */
.iacr-card, .iacr-card * {
  -webkit-appearance: none;
  appearance: none;
  column-count: initial !important;
  column-gap: normal !important;
  column-rule: initial !important;
  background-image: none !important;
  border-image: initial !important;
}
.iacr-grid { columns: auto !important; column-gap: normal !important; }
.iacr-grid > * { break-inside: avoid; }

/* Inputs/areas: forzar fondo liso y sin adornos laterales */
.iacr-card input[type=text],
.iacr-card input[type=url],
.iacr-card input[type=email],
.iacr-card input[type=tel],
.iacr-card textarea,
.iacr-card select {
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}

/* Eliminar pseudo-elementos agresivos del theme en cualquier nivel */
.iacr-card *::before,
.iacr-card *::after {
  content: none !important;
  display: none !important;
}


/* ===== Fix específico para theme JANNAH =====
   Evita columnas y reglas verticales de .entry-content alrededor del shortcode */
.entry-content .iacr-card {
  -webkit-column-count: 1 !important;
  column-count: 1 !important;
  -webkit-column-gap: normal !important;
  column-gap: normal !important;
  -webkit-column-rule: initial !important;
  column-rule: initial !important;
  -webkit-column-span: all !important;
  column-span: all !important;
}
/* Jannah suele añadir pseudo-elementos separadores al contenido */
.entry-content .iacr-card::before,
.entry-content .iacr-card::after,
.entry-content .iacr-card *::before,
.entry-content .iacr-card *::after {
  content: none !important;
  display: none !important;
}
/* En algunos layouts, los inputs quedan “tocados” por reglas laterales: anulamos */
.entry-content .iacr-card input,
.entry-content .iacr-card textarea,
.entry-content .iacr-card select {
  background-image: none !important;
  border-image: initial !important;
}


/* === Modo aislamiento total para borrar barras de Jannah u otros themes === */
.entry-content .iacr-card, .tie-post .iacr-card, .tie-content .iacr-card { 
  -webkit-columns: auto !important; columns: auto !important;
  -webkit-column-count: 1 !important; column-count: 1 !important;
  -webkit-column-rule: initial !important; column-rule: initial !important;
}
.iacr-card, .iacr-card * {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Reaplicamos SOLO nuestros estilos esenciales para inputs */
.iacr-card .field input[type=text],
.iacr-card .field input[type=url],
.iacr-card .field input[type=email],
.iacr-card .field input[type=tel],
.iacr-card .field textarea,
.iacr-card .field select {
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: .7rem .85rem !important;
}
.iacr-card .btn-primary {
  border: 0 !important;
  box-shadow: 0 8px 30px rgba(14,165,233,.35) !important;
}


/* === Restauración de estilos esenciales tras el aislamiento === */
/* Botón primario visible (evita que quede blanco) */
.iacr-card .btn-primary {
  background: linear-gradient(180deg, var(--primary), var(--primary-600)) !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  padding: .7rem 1.2rem !important;
}
.iacr-card .btn-primary:hover{ filter: brightness(.98) !important; }

/* Switch de consentimiento (re-habilitamos su pseudo-elemento) */
.iacr-card .field.consent .switch{display:flex;align-items:center;gap:.6rem;cursor:pointer}
.iacr-card .field.consent .switch input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.iacr-card .field.consent .switch .slider{
  width:42px;height:26px;border-radius:999px;background:#e2e8f0;position:relative;transition:all .2s !important;
  box-shadow: inset 0 0 0 1px #cbd5e1;
}
.iacr-card .field.consent .switch .slider::after{
  content:"" !important; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:999px;
  background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.15); transition:all .2s !important; display:block !important;
}
.iacr-card .field.consent .switch input:checked + .slider{ background: var(--primary) !important; }
.iacr-card .field.consent .switch input:checked + .slider::after{ left:19px !important; }
.iacr-card .field.consent .label{ color: var(--text) !important; font-weight:600; }