/* ASENF Comparador Lite v1.4.7 — Elementor friendly UI */
.asenf-comp{
  --bg:#fff; --fg:#0f172a; --muted:#475569; --card:#ffffff; --border:#e2e8f0;
  --stripe:#f8fafc; --primary:#2563eb; --secondary:#334155;
  max-width: 1100px; margin: 0 auto;
  font-size: 16px; line-height: 1.5;
}
@media (prefers-color-scheme: dark){
  .asenf-comp{ --bg:#0b1220; --fg:#e5e7eb; --muted:#94a3b8; --card:#0f172a; --border:#1f2937; --stripe:#111827; }
}
.asenf-comp *{ box-sizing: border-box }
.asenf-comp h2{ font-size: 1.75rem; margin: 0 0 10px }
.asenf-comp h3{ font-size: 1.25rem; margin: 18px 0 8px }
.asenf-comp p{ margin: 8px 0 }
.asenf-comp .asenf-muted{ color: var(--muted) }
.asenf-comp .asenf-card{
  background: var(--card)!important; color: var(--fg)!important;
  border:1px solid var(--border)!important; border-radius:14px;
  padding:18px; margin:16px 0;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
/* Layout: form sections */
.asenf-comp-form .asenf-card h2{ margin-bottom: 12px }
.asenf-comp-form label strong{ display:inline-block; min-width: 260px }
.asenf-comp-form input[type="text"]{ width: 360px; max-width: 100% }
.asenf-btn-primary{ background: var(--primary)!important; border-color: var(--primary)!important; padding: 10px 18px; border-radius: 10px }
.asenf-btn-secondary{ background: var(--secondary)!important; border-color: var(--secondary)!important; color:#fff!important; padding: 8px 14px; border-radius: 10px }
.asenf-comp .actions-inline{ display:flex; gap:10px; align-items:center; flex-wrap:wrap }

/* Results block */
.asenf-results h2{ font-size: 2rem; margin-bottom: 8px }
.asenf-results .summary{ display:grid; grid-template-columns: 1fr; gap:8px; margin-bottom: 8px }
.asenf-results .badge{ display:inline-block; background:var(--stripe); border:1px solid var(--border);
  padding:4px 8px; border-radius:8px; font-size:.9rem; color:var(--muted) }
.asenf-list-block > p{ display:flex; align-items:center; gap:10px; margin: 6px 0 10px }
.asenf-list-block > p strong{ font-size: 1.1rem }
.asenf-list-block .button{ margin-left:auto } /* push download button to the right when space */

/* Table */
.asenf-table-wrap{ overflow:auto; border-radius: 12px; border:1px solid var(--border) }
.asenf-table{ width:100%; border-collapse: separate; border-spacing: 0 }
.asenf-table thead th{
  background: var(--stripe); color: var(--fg); text-transform: uppercase; font-size: .85rem; letter-spacing: .02em;
  padding: 10px 12px; border-bottom:1px solid var(--border);
}
.asenf-table tbody tr{ transition: background .15s ease }
.asenf-table tbody tr:nth-child(odd){ background: var(--stripe) }
.asenf-table td{ padding: 12px; color: var(--fg); border-bottom:1px solid var(--border) }
.asenf-table tr:last-child td{ border-bottom: none }

/* Elementor specific niceties */
.elementor-widget .asenf-comp{ width:100% }
.elementor-widget .asenf-comp .button{ text-decoration: none!important }

/* Responsive */
@media (max-width: 640px){
  .asenf-comp h2{ font-size:1.5rem }
  .asenf-comp h3{ font-size:1.1rem }
  .asenf-comp-form label strong{ min-width:160px }
  .asenf-comp-form input[type="text"]{ width:100% }
}