/* ==========================================================================
   Argus (Antifraude) – estilos locales
   ========================================================================== */

/* ---------------------------- Hero -------------------------------------- */
.hero--antifraude .argus-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.hero--antifraude .argus-logo img {
  max-width: 140px;
  height: auto;
  border-radius: 50%;
  border: 2px solid #e6ecf3;
  box-shadow: 0 6px 18px rgba(46,74,117,.08);
  background: #fff;
  padding: 6px;
}
.hero--antifraude{
  background:
    radial-gradient(600px 400px at 90% -10%, color-mix(in oklab, var(--primary, #2563eb), #ffffff 90%) 10%, transparent 60%),
    linear-gradient(180deg, #f6f9fc, #ffffff);
  border: 1px solid #e6ecf3;
  border-radius: 16px;
  padding: clamp(18px, 4vw, 28px);
  box-shadow: 0 10px 30px rgba(46,74,117,.06);
  margin-top: 10px;
  text-align: center;
}
.hero--antifraude h1{ letter-spacing:-0.015em; color:#23324a; }
.hero--antifraude p{ margin:.35rem 0 0; color:#46566f; max-width:76ch; margin-left:auto; margin-right:auto; }

/* -------------------------- Tipografía local ---------------------------- */
.prose p{ color:#46566f; }
.prose h2, .prose h3, .version-sub{ color:#23324a; }
.prose ul li{ color:#2f3a4f; }

/* ------------------------------ Cards ----------------------------------- */
.card{
  background: linear-gradient(180deg, #ffffff, #f9fbff);
  border: 1px solid #e6ecf3;
  border-radius: 14px;
  padding: 12px;
  box-shadow: 0 10px 30px rgba(46,74,117,.08);
}
.card figcaption{ color:#6f7d95; }

/* ------------------------- Version rows -------------------------- */
.argus-section{ margin-top:1rem; }
.version-row{
  display:grid;
  grid-template-columns: 1fr minmax(360px, 560px);
  gap:1rem;
  align-items:start;
  margin:0 0 1.25rem 0;
}
.version-media img{
  width:100%;
  height:auto;
  display:block;
  border-radius:10px;
}

/* ------------------------- Version cards -------------------------------- */
.version-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:.75rem;
  padding:1rem;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.version-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  border-color:#d1d5db;
}
.version-card--eds{
  border-color:#c7d2fe;
  background:linear-gradient(180deg, #ffffff 0%, #fafbff 100%);
}
.version-title{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:0 0 .4rem 0;
  font-size:1.05rem;
  line-height:1.25;
}
.version-chip{
  font-size:.75rem;
  font-weight:700;
  line-height:1;
  color:#374151;
  background:#eef2ff;
  border:1px solid #e5e7eb;
  padding:.25rem .4rem;
  border-radius:.5rem;
}
.version-chip--eds{ color:#1d4ed8; background:#e0e7ff; border-color:#c7d2fe; }
.version-desc{ margin:.25rem 0 .8rem 0; color:#4b5563; }

/* --------------------------- Respuesta list ----------------------------- */
.version-sub{ margin:.2rem 0 .4rem 0; font-size:.95rem; }
.resp-list{ margin:0; padding-left:1.1rem; color:#374151; }
.resp-list li{ margin:.25rem 0; }

/* ------------------------- Así te ayudamos ------------------------------ */
.argus-help {
  background: linear-gradient(180deg, #fff, #f9fbff);
  border: 1px solid #e6ecf3;
  border-radius: 16px;
  padding: 24px 18px;
  box-shadow: 0 10px 30px rgba(46,74,117,.06);
  text-align: center;
}
.argus-help h2 {
  color: #23324a;
  margin-bottom: 12px;
}
.argus-help p {
  color: #46566f;
  max-width: 70ch;
  margin: 0 auto 20px auto;
}
.argus-help-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
.argus-help-cards .card {
  padding: 18px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.argus-help-cards .card h3 {
  color: #23324a;
  margin: 0;
}
.argus-help-cards .card p {
  color: #46566f;
  margin: 0;
}
.argus-help-cards .icon {
  color: var(--primary, #2563eb);
  margin-bottom: 4px;
}

/* Pirámide: 3 arriba, 2 abajo centrados */
.argus-help-cards .card:nth-child(-n+3) { grid-row: 1; }
.argus-help-cards .card:nth-child(4) { grid-row: 2; grid-column: 1 / 2; }
.argus-help-cards .card:nth-child(5) { grid-row: 2; grid-column: 3 / 4; }

/* ------------------------------- CTA ------------------------------------ */
.antifraude-cta{
  background: linear-gradient(180deg, #fff, #f6f9ff);
  border: 1px solid #e6ecf3;
  border-radius: 16px;
  padding: 18px 16px;
  box-shadow: 0 10px 26px rgba(46,74,117,.06);
  text-align: center;
}
.antifraude-cta h2{ color:#23324a; }
.antifraude-cta .actions{ justify-content:center; gap:10px; }

/* ----------------------------- Botones ---------------------------------- */
.btn.btn-primary{
  background: var(--primary, #2563eb);
  border-color: color-mix(in oklab, var(--primary, #2563eb), #0B1220 10%);
  box-shadow: 0 12px 24px rgba(37,99,235,.15);
}
.btn.btn-primary:hover{ background: var(--primary-600, #1D4ED8); text-decoration:none; }
.btn.btn-secondary{ background:#f8fbff; border-color:#dce5f3; }
.btn.btn-secondary:hover{ border-color:var(--primary, #2563eb); color:var(--primary, #2563eb); text-decoration:none; }

/* ----------------------------- Responsive --------------------------------*/
@media (max-width: 900px){
  .version-row{ grid-template-columns: 1fr; }
  .version-media{ order: 2; }
}
@media (max-width: 720px){
  .argus-help-cards { grid-template-columns: 1fr; }
  .argus-help-cards .card:nth-child(4),
  .argus-help-cards .card:nth-child(5) {
    grid-column: auto;
    grid-row: auto;
  }
}