/* ARC Home FEBDB — el tipo de letra se hereda del tema; aquí solo tamaño, peso y ritmo */
.arc-hf{
  --arc-blanco:#fff;
  font-family:inherit;
  color:var(--arc-tinta);
  background:var(--arc-papel);
  line-height:1.6;
}
.arc-hf *{box-sizing:border-box}
.arc-hf h1,.arc-hf h2,.arc-hf h3{font-family:inherit;line-height:1.1;letter-spacing:-.02em;margin:0}
.arc-hf p{margin:0}
.arc-wrap{width:min(var(--arc-ancho),92vw);margin-inline:auto}
.arc-sec{padding:clamp(56px,8vw,110px) 0}
.arc-hf :focus-visible{outline:3px solid var(--arc-azul);outline-offset:3px;border-radius:6px}
.arc-num,.arc-cuota,.arc-cifra-big,.arc-sim output{font-variant-numeric:tabular-nums}

/* Hero */
.arc-hero{
  background:
    radial-gradient(120% 90% at 88% -10%,color-mix(in srgb,var(--arc-azul) 60%,transparent),transparent 60%),
    linear-gradient(180deg,color-mix(in srgb,var(--arc-tinta) 88%,#000),var(--arc-tinta));
  color:#fff;padding:clamp(48px,7vw,96px) 0 clamp(64px,9vw,120px);
}
.arc-marca{display:flex;align-items:center;gap:12px;margin-bottom:clamp(36px,6vw,68px)}
.arc-marca img{max-height:46px;width:auto}
.arc-marca b{font-size:22px;letter-spacing:-.03em}
.arc-sello{width:34px;height:34px;border-radius:9px;background:var(--arc-oro);display:grid;place-items:center;color:var(--arc-tinta);font-weight:800;font-size:15px}
.arc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,68px);align-items:center}
.arc-hero h1{font-size:clamp(34px,6vw,70px);font-weight:800;max-width:15ch;color:#fff}
.arc-hero h1 span{display:block;color:var(--arc-oro)}
.arc-bajada{margin-top:22px;max-width:46ch;color:rgba(255,255,255,.8);font-size:clamp(16px,1.5vw,19px)}
.arc-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.arc-btn{display:inline-block;padding:14px 26px;border-radius:999px;font-weight:600;text-decoration:none;border:1.5px solid transparent;transition:transform .15s,background .15s}
.arc-btn-oro{background:var(--arc-oro);color:var(--arc-tinta)}
.arc-btn-oro:hover{transform:translateY(-2px);color:var(--arc-tinta)}
.arc-btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.arc-btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.arc-btn-caja{background:var(--arc-tinta);color:#fff;align-self:flex-start;padding:12px 22px}
.arc-e-tinta .arc-btn-caja,.arc-e-azul .arc-btn-caja{background:var(--arc-oro);color:var(--arc-tinta)}

/* Simulador */
.arc-sim{background:var(--arc-blanco);color:var(--arc-tinta);border-radius:calc(var(--arc-r) + 8px);padding:clamp(22px,3vw,34px);box-shadow:0 30px 60px -30px rgba(3,12,33,.7)}
.arc-sim h2{font-size:21px;font-weight:600}
.arc-ayuda{color:var(--arc-gris);font-size:14px;margin-top:6px}
.arc-campo{margin-top:24px}
.arc-campo label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;color:var(--arc-gris)}
.arc-campo output{font-size:22px;font-weight:600;color:var(--arc-tinta)}
.arc-sim input[type=range]{width:100%;margin-top:10px;accent-color:var(--arc-azul);height:26px}
.arc-resultado{margin-top:26px;border-top:1px solid var(--arc-linea);padding-top:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.arc-resultado small{display:block;color:var(--arc-gris);font-size:14px;margin-bottom:4px}
.arc-cuota{font-size:clamp(30px,4.4vw,44px);font-weight:800;color:var(--arc-azul);line-height:1.1}
.arc-tasa{text-align:right;font-size:13.5px;color:var(--arc-gris);line-height:1.45;max-width:20ch}
.arc-tasa b{display:block;font-size:18px;color:var(--arc-tinta)}

/* Títulos de bloque */
.arc-titulo{max-width:34ch;margin-bottom:clamp(28px,4vw,50px)}
.arc-titulo h2{font-size:clamp(27px,4vw,45px);font-weight:800}
.arc-titulo p{margin-top:14px;color:var(--arc-gris)}

/* Bento */
.arc-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.arc-caja{grid-column:span var(--span,3);background:var(--arc-blanco);border:1px solid var(--arc-linea);border-radius:var(--arc-r);padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.arc-caja h3{font-size:21px;font-weight:600}
.arc-caja p{color:var(--arc-gris);font-size:15.5px;margin-top:8px}
.arc-cifra-big{font-size:clamp(40px,6vw,64px);font-weight:800;color:var(--arc-oro);line-height:1}
.arc-e-tinta{background:var(--arc-tinta);border-color:var(--arc-tinta);color:#fff;min-height:250px}
.arc-e-azul{background:linear-gradient(160deg,var(--arc-azul),color-mix(in srgb,var(--arc-azul) 60%,#000));border-color:transparent;color:#fff}
.arc-e-tinta h3,.arc-e-azul h3{color:#fff}
.arc-e-tinta p,.arc-e-azul p{color:rgba(255,255,255,.78)}
.arc-e-oro{background:var(--arc-oro);border-color:var(--arc-oro)}
.arc-e-oro p{color:color-mix(in srgb,var(--arc-tinta) 70%,var(--arc-oro))}
.arc-chips{display:flex;flex-wrap:wrap;gap:8px}
.arc-chip{border:1px solid var(--arc-linea);border-radius:999px;padding:7px 14px;font-size:14px;color:var(--arc-gris);background:#fff}
.arc-lista{list-style:none;display:grid;gap:10px;font-size:15.5px;margin:0;padding:0}
.arc-lista li{display:flex;gap:10px;color:var(--arc-gris)}
.arc-lista li::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--arc-oro);margin-top:9px;flex:none}

/* Cifras */
.arc-cifras{background:var(--arc-blanco);border-block:1px solid var(--arc-linea);padding:clamp(44px,6vw,76px) 0}
.arc-cifras-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}
.arc-num{font-size:clamp(30px,4.4vw,52px);font-weight:800;color:var(--arc-tinta);line-height:1}
.arc-cifra-item span{display:block;margin-top:8px;color:var(--arc-gris);font-size:15px;max-width:24ch}

/* Pasos */
.arc-pasos{counter-reset:arcp;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.arc-paso{counter-increment:arcp;background:var(--arc-blanco);border:1px solid var(--arc-linea);border-radius:var(--arc-r);padding:26px}
.arc-paso::before{content:counter(arcp);font-weight:800;font-size:15px;color:var(--arc-azul);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--arc-azul) 14%,#fff);margin-bottom:16px}
.arc-paso h3{font-size:19px;font-weight:600}
.arc-paso p{color:var(--arc-gris);font-size:15.5px;margin-top:8px}

/* CTA */
.arc-cta{background:var(--arc-tinta);color:#fff;border-radius:calc(var(--arc-r) + 10px);padding:clamp(32px,5vw,62px);display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.arc-cta h2{font-size:clamp(25px,3.6vw,41px);font-weight:800;max-width:17ch;color:#fff}
.arc-cta p{color:rgba(255,255,255,.78);margin-top:12px;max-width:42ch}

/* Entrada */
.arc-anim .arc-a{opacity:0;transform:translateY(14px);animation:arcSube .7s cubic-bezier(.2,.7,.3,1) forwards}
.arc-anim .arc-sim{animation-delay:.14s}
@keyframes arcSube{to{opacity:1;transform:none}}

/* Responsivo */
@media(max-width:900px){
  .arc-hero-grid{grid-template-columns:1fr}
  .arc-caja{grid-column:1/-1}
  .arc-tasa{text-align:left;max-width:none}
}
@media(max-width:600px){
  .arc-acciones .arc-btn{flex:1 1 100%;text-align:center}
  .arc-caja{padding:22px}
  .arc-cta{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .arc-anim .arc-a{animation:none;opacity:1;transform:none}
  .arc-hf *{transition:none !important}
}

/* --- Imágenes e iconos ------------------------------------------------- */
.arc-hero-img{position:relative;isolation:isolate}
.arc-hero-img::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-image:var(--arc-hero-img);background-size:cover;background-position:center;
}
.arc-hero-img::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(100deg,
    color-mix(in srgb,var(--arc-tinta) calc(var(--arc-hero-op,.72) * 100%),transparent) 0 45%,
    color-mix(in srgb,var(--arc-tinta) calc(var(--arc-hero-op,.72) * 62%),transparent) 100%);
}
.arc-ico{width:26px;height:26px;display:block}
.arc-ico-caja{
  display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;
  background:color-mix(in srgb,var(--arc-azul) 12%,#fff);color:var(--arc-azul);margin-bottom:16px;
}
.arc-e-tinta .arc-ico-caja,.arc-e-azul .arc-ico-caja{background:rgba(255,255,255,.14);color:var(--arc-oro)}
.arc-e-oro .arc-ico-caja{background:color-mix(in srgb,var(--arc-tinta) 12%,var(--arc-oro));color:var(--arc-tinta)}
.arc-caja-img{
  width:calc(100% + 52px);margin:-26px -26px 4px;height:clamp(150px,18vw,210px);
  object-fit:cover;border-radius:var(--arc-r) var(--arc-r) 0 0;display:block;
}
.arc-con-img{padding-top:0;overflow:hidden}
@media(max-width:600px){
  .arc-caja-img{width:calc(100% + 44px);margin:-22px -22px 4px}
}

/* --- Carrusel de convenios --------------------------------------------- */
.arc-sec-conv{padding-bottom:clamp(40px,6vw,72px)}
.arc-conv-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.arc-conv-nav{display:flex;gap:8px}
.arc-nav{
  width:46px;height:46px;border-radius:50%;border:1px solid var(--arc-linea);background:#fff;
  color:var(--arc-tinta);font-size:24px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s;
}
.arc-nav:hover{background:var(--arc-tinta);border-color:var(--arc-tinta);color:#fff}
.arc-nav[disabled]{opacity:.35;cursor:default}
.arc-nav[disabled]:hover{background:#fff;color:var(--arc-tinta);border-color:var(--arc-linea)}
.arc-carrusel{position:relative}
.arc-pista{
  display:flex;gap:16px;list-style:none;margin:0;
  padding:4px max(calc((100vw - var(--arc-ancho)) / 2), 4vw);
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.arc-pista::-webkit-scrollbar{display:none}
.arc-conv{flex:0 0 clamp(230px,24vw,268px);scroll-snap-align:start}
.arc-conv-in{
  display:flex;flex-direction:column;gap:12px;height:100%;
  background:#fff;border:1px solid var(--arc-linea);border-radius:var(--arc-r);
  padding:22px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s;
}
a.arc-conv-in:hover{border-color:var(--arc-azul);transform:translateY(-3px);color:inherit}
.arc-conv-logo{
  height:64px;display:flex;align-items:center;justify-content:flex-start;
}
.arc-conv-logo img{max-height:56px;max-width:100%;width:auto;object-fit:contain}
.arc-conv-logo span{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--arc-azul) 10%,#fff);color:var(--arc-azul);font-size:22px;font-weight:700;
}
.arc-conv-cat{font-size:13px;color:var(--arc-gris)}
.arc-conv h3{font-size:18px;font-weight:600;margin:0}
.arc-conv-ben{
  margin-top:auto;padding-top:12px;border-top:1px solid var(--arc-linea);
  font-size:17px;font-weight:700;color:var(--arc-azul);
}
.arc-conv-pie{margin-top:26px}
@media(max-width:600px){
  .arc-conv{flex:0 0 76vw}
  .arc-conv-nav{display:none}
}
@media(prefers-reduced-motion:reduce){.arc-pista{scroll-behavior:auto}}