/* =====================================================================
   AR Brokers — CSS Global de SitioSimple (versión para el HTML aprobado)
   Pegar completo en: Diseño > CSS personalizado del sitio.
   Reemplazar los 3 links "ACA_LINK_DONWEB_..." (están marcados abajo).
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* ---------- 1) Variables y base ---------- */
.ar-brokers-section {
  --ink:#14202E;
  --primary:#F15F22;
  --primary-dark:#D94E15;
  --secondary:#0089CC;
  --tint-orange:#FDEDE4;
  --tint-blue:#E8F6FB;
  --bg:#FFFFFF;
  --bg-soft:#F6F7FA;
  --surface:#FFFFFF;
  --border:#E6E9EE;
  --text:#1B2430;
  --text-muted:#5B6472;
  --shadow: 0 1px 2px rgba(20,32,46,.04), 0 8px 24px rgba(20,32,46,.06);
  --shadow-lg: 0 12px 32px rgba(20,32,46,.14);
  --radius:16px;
  --pattern-soft: url("ACA_LINK_DONWEB_PATTERN_SOFT");
  --pattern: url("ACA_LINK_DONWEB_PATTERN_HERO");
  --img-hero-que-comercializamos: url("ACA_LINK_DONWEB_HERO_QUE_COMERCIALIZAMOS");
  color-scheme: light;
  background:var(--bg) var(--pattern-soft) top center/560px repeat;
  color:var(--text);
  font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  box-sizing:border-box;
  font-size:14px;
  line-height:normal;
  text-align:left;
}


/* ---------- Tipografía base: evita que la plantilla pise la fuente ---------- */
.ar-brokers-section p, .ar-brokers-section span, .ar-brokers-section a, .ar-brokers-section li, .ar-brokers-section b, .ar-brokers-section strong, .ar-brokers-section label, .ar-brokers-section small, .ar-brokers-section button { font-family:inherit; }

/* ---------- Estilos: Home ---------- */
.ar-brokers-section *, .ar-brokers-section *::before, .ar-brokers-section *::after { box-sizing:border-box; }
.ar-brokers-section h1, .ar-brokers-section h2, .ar-brokers-section h3 { font-family:'Manrope',system-ui,sans-serif; font-weight:800; color:var(--text); text-wrap:balance; line-height:1.12; margin:0; }
.ar-brokers-section p { margin:0; color:var(--text-muted); line-height:1.6; font-size:inherit; }
.ar-brokers-section a { color:inherit; }
.ar-brokers-section .wrap { max-width:1160px; margin:0 auto; padding-inline:20px; }
.ar-brokers-section img { max-width:100%; display:block; }
.ar-brokers-section [hidden] { display:none !important; }
.ar-brokers-section ::selection { background:var(--primary); color:#fff; }
.ar-brokers-section .eyebrow { display:inline-flex; align-items:center; gap:8px; font-family:'Manrope',sans-serif; font-weight:700; font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--primary); }
.ar-brokers-section .eyebrow::before { content:""; width:16px; height:2px; background:var(--primary); border-radius:2px; }
.ar-brokers-section .h1 { font-size:clamp(30px,4.4vw,46px); }
.ar-brokers-section .h2 { font-size:clamp(24px,3.2vw,32px); }
.ar-brokers-section .h3 { font-size:16.5px; }
.ar-brokers-section .lead { font-size:16.5px; color:var(--text-muted); }
.ar-brokers-section .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:'Manrope',sans-serif; font-weight:700; font-size:14.5px; padding:13px 24px; border-radius:100px; border:1px solid transparent; cursor:pointer; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; white-space:nowrap; }
.ar-brokers-section .btn:active { transform:translateY(1px); }
.ar-brokers-section .btn-primary { background:var(--primary); color:#fff; box-shadow:0 6px 18px rgba(241,95,34,.28); }
.ar-brokers-section .btn-primary:hover { background:var(--primary-dark); box-shadow:0 10px 26px rgba(241,95,34,.38); transform:translateY(-2px); }
.ar-brokers-section .btn-onDark { background:#fff; color:var(--ink); }
.ar-brokers-section .btn-onDark:hover { background:var(--tint-orange); transform:translateY(-2px); }
.ar-brokers-section .card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:26px; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.ar-brokers-section .card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:transparent; }
.ar-brokers-section .icon-box { width:42px; height:42px; border-radius:11px; background:var(--tint-blue); display:flex; align-items:center; justify-content:center; flex:none; }
.ar-brokers-section .icon-box img { width:22px; height:22px; object-fit:contain; }
.ar-brokers-section .hero-inicio { background:linear-gradient(180deg,#FBAE8B 0%, #F6AE8C 45%, #F3A87F 100%); position:relative; overflow:hidden; }
.ar-brokers-section .hero-bg-photo { position:absolute; inset:0; z-index:0; }
.ar-brokers-section .hero-bg-photo img { width:100%; height:100%; object-fit:cover; object-position:center 30%; }
.ar-brokers-section .hero-bg-tint { position:absolute; inset:0; z-index:1; background:linear-gradient(100deg, #F3A87F 0%, #F3A87F 46%, rgba(243,168,127,.86) 72%, rgba(243,168,127,.7) 100%); opacity:.82; }
.ar-brokers-section .hero-inicio::before { content:""; position:absolute; inset:0; background-image:var(--pattern); background-repeat:no-repeat; background-size:100% auto; background-position:top center; opacity:.22; mix-blend-mode:multiply; z-index:2; }
.ar-brokers-section .hero-inicio-inner { position:relative; z-index:3; padding-block:64px 56px; }
.ar-brokers-section .hero-inicio .eyebrow { color:#7A2E0B; }
.ar-brokers-section .hero-inicio .eyebrow::before { background:#7A2E0B; }
.ar-brokers-section .hero-inicio h1 { color:var(--ink); }
.ar-brokers-section .hero-inicio .lead { color:#3A2114; max-width:560px; margin-top:16px; }
.ar-brokers-section .hero-inicio .cta-row { display:flex; gap:14px; margin-top:32px; flex-wrap:wrap; }
.ar-brokers-section .stats-bar { background:var(--ink); }
.ar-brokers-section .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding-block:34px; }
.ar-brokers-section .stat b { display:block; font-family:'Manrope',sans-serif; font-weight:800; font-size:26px; color:#fff; }
.ar-brokers-section .stat span { display:block; font-size:13px; color:#9BA7B6; margin-top:4px; }
.ar-brokers-section .section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:32px; flex-wrap:wrap; }
.ar-brokers-section .section-head .h2 { margin-top:8px; }
.ar-brokers-section .section-link { font-family:'Manrope',sans-serif; font-weight:700; font-size:14px; color:var(--primary); text-decoration:none; white-space:nowrap; display:inline-flex; gap:6px; align-items:center; transition:gap .18s ease; }
.ar-brokers-section .section-link:hover { gap:10px; }
.ar-brokers-section section.block { padding-block:64px; }
.ar-brokers-section section.block.soft { background:var(--bg-soft) var(--pattern-soft) top center/560px repeat; }
.ar-brokers-section .grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ar-brokers-section .pill-row { display:flex; flex-wrap:wrap; gap:12px; }
.ar-brokers-section .pill { display:inline-flex; align-items:center; gap:8px; background:var(--tint-blue); color:var(--secondary); font-family:'Manrope',sans-serif; font-weight:700; font-size:13.5px; padding:10px 18px; border-radius:100px; }
.ar-brokers-section .marquee { background:var(--bg-soft); border-radius:20px; padding-block:30px; overflow:hidden; position:relative; }
.ar-brokers-section .marquee::before, .ar-brokers-section .marquee::after { content:""; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none; }
.ar-brokers-section .marquee::before { left:0; background:linear-gradient(90deg,var(--bg-soft),transparent); }
.ar-brokers-section .marquee::after { right:0; background:linear-gradient(270deg,var(--bg-soft),transparent); }
.ar-brokers-section .marquee-track { display:flex; align-items:center; gap:56px; width:max-content; animation:scrollX 32s linear infinite; }
.ar-brokers-section .marquee:hover .marquee-track { animation-play-state:paused; }
.ar-brokers-section .marquee-track img { height:34px; width:auto; object-fit:contain; opacity:.88; transition:opacity .2s ease; }
.ar-brokers-section .marquee-track img:hover { opacity:1; }
.ar-brokers-section .cta-band { background:var(--ink); position:relative; overflow:hidden; padding-block:64px; text-align:center; }
.ar-brokers-section .cta-band::before { content:""; position:absolute; inset:0; background-image:var(--pattern); background-repeat:no-repeat; background-size:100% auto; background-position:top center; opacity:.6; }
.ar-brokers-section .cta-band .inner { position:relative; }
.ar-brokers-section .cta-band h2 { color:#fff; font-size:clamp(22px,3vw,30px); max-width:680px; margin-inline:auto; }
.ar-brokers-section .cta-band p { color:#AEB8C4; max-width:560px; margin:14px auto 0; }
.ar-brokers-section .cta-band .btn { margin-top:26px; }
.ar-brokers-section .reveal { opacity:1; }
.ar-brokers-section .reveal { animation:riseIn .55s cubic-bezier(.22,.8,.36,1) both; }
.ar-brokers-section .reveal:nth-child(1) { animation-delay:0ms; }
.ar-brokers-section .reveal:nth-child(2) { animation-delay:70ms; }
.ar-brokers-section .reveal:nth-child(3) { animation-delay:140ms; }
.ar-brokers-section .grid-3 .card:nth-child(1) { animation:riseIn .5s ease both; animation-delay:80ms; }
.ar-brokers-section .grid-3 .card:nth-child(2) { animation:riseIn .5s ease both; animation-delay:140ms; }
.ar-brokers-section .grid-3 .card:nth-child(3) { animation:riseIn .5s ease both; animation-delay:200ms; }
.ar-brokers-section .grid-3 .card:nth-child(4) { animation:riseIn .5s ease both; animation-delay:260ms; }
.ar-brokers-section .grid-3 .card:nth-child(5) { animation:riseIn .5s ease both; animation-delay:320ms; }
.ar-brokers-section .grid-3 .card:nth-child(6) { animation:riseIn .5s ease both; animation-delay:380ms; }
.ar-brokers-section .count { font-variant-numeric:tabular-nums; }
.ar-brokers-section .u1 { margin-top:14px !important; }
.ar-brokers-section .u2 { margin-top:8px !important; }

/* ---------- Estilos: Quiénes somos ---------- */
.ar-brokers-section h1.on-dark, .ar-brokers-section h2.on-dark, .ar-brokers-section h3.on-dark { color:#fff; }
.ar-brokers-section .eyebrow.on-dark { color:#FFB088; }
.ar-brokers-section .hero-band { position:relative; background:var(--ink); overflow:hidden; padding-block:56px 60px; }
.ar-brokers-section .hero-band::before { content:""; position:absolute; inset:0; background-image:var(--pattern); background-repeat:no-repeat; background-size:100% auto; background-position:top center; opacity:.6; }
.ar-brokers-section .hero-band .wrap { position:relative; }
.ar-brokers-section .hero-band .lead { color:#B7C0CC; max-width:640px; margin-top:14px; }
.ar-brokers-section .hero-band .lead + .lead { margin-top:6px; }
.ar-brokers-section .step-num { font-family:'Manrope',sans-serif; font-weight:800; color:var(--primary); font-size:13px; }
.ar-brokers-section .flow { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:0; }
.ar-brokers-section .flow .track { display:none !important; }
/* línea punteada del circuito: se dibuja con CSS (no depende de ningún div vacío, que el editor puede agrandar) */
.ar-brokers-section .flow::before { content:""; position:absolute; top:36px; left:calc(100%/10); right:calc(100%/10 + 66px); height:2px; background:repeating-linear-gradient(90deg, var(--primary) 0 10px, transparent 10px 18px); z-index:0; pointer-events:none; }
.ar-brokers-section .flow-step { position:relative; z-index:1; padding:0 14px !important; margin:0 !important; }
.ar-brokers-section .flow-step:first-child { padding-left:0; }
.ar-brokers-section .flow-step:last-child { padding-right:0 !important; }
.ar-brokers-section .flow-icon { width:64px; height:64px; border-radius:50%; background:var(--tint-blue); border:1px solid #D7ECF6; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.ar-brokers-section .flow-icon svg { width:26px; height:26px; stroke:var(--secondary); fill:none; }
.ar-brokers-section .flow-icon.tint-orange { background:var(--tint-orange); border-color:#F7DAC9; }
.ar-brokers-section .flow-icon.tint-orange svg { stroke:var(--primary-dark); }
.ar-brokers-section .flow-step .step-num { display:block; margin-bottom:6px; letter-spacing:.04em; }
.ar-brokers-section .flow-step h3 { font-size:15.5px; margin:0 0 8px; }
.ar-brokers-section .flow-step p { font-size:13px; line-height:1.55; margin:0; }
.ar-brokers-section .flow-arrow { position:absolute; top:26px; width:18px; height:18px; min-height:0 !important; padding:0 !important; margin:0 !important; z-index:2; }
.ar-brokers-section .flow-arrow svg { width:100%; height:100%; }
.ar-brokers-section .flow-arrow-1 { left:calc(20% - 9px); }
.ar-brokers-section .flow-arrow-2 { left:calc(40% - 9px); }
.ar-brokers-section .flow-arrow-3 { left:calc(60% - 9px); }
.ar-brokers-section .flow-arrow-4 { left:calc(80% - 9px); }
.ar-brokers-section .split { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center; }
.ar-brokers-section .split img { border-radius:18px; }
.ar-brokers-section .u3 { max-width:920px !important; }
.ar-brokers-section .u4 { font-size:16.5px !important; color:var(--text) !important; }
.ar-brokers-section .u5 { font-size:16.5px !important; color:var(--text) !important; margin-top:20px !important; }
.ar-brokers-section .u6 { margin-top:52px !important; }
.ar-brokers-section .u7 { font-size:16.5px !important; color:var(--text) !important; margin-top:14px !important; }
.ar-brokers-section .u8 { margin-top:8px !important; margin-bottom:40px !important; }
.ar-brokers-section .u9 { max-width:820px !important; margin-top:14px !important; }
.ar-brokers-section .u10 { margin-top:32px !important; }
.ar-brokers-section .u11 { margin-top:8px !important; font-size:14px !important; }
.ar-brokers-section .u12 { margin-top:14px !important; font-size:15.5px !important; }

/* ---------- Estilos: Qué comercializamos ---------- */
.ar-brokers-section .hero-band.hero-photo { background-image: linear-gradient(rgba(20,32,46,.63), rgba(20,32,46,.63)), var(--img-hero-que-comercializamos); background-size: cover; background-position: center; background-repeat: no-repeat; }
.ar-brokers-section .hero-band.hero-photo::before { opacity:.25; }
.ar-brokers-section .ledger { border-top:1px solid var(--border); margin-top:8px; }
.ar-brokers-section .ledger .row { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:18px; padding:15px 4px; border-bottom:1px solid var(--border); }
.ar-brokers-section .ledger .row .ic { width:32px; height:32px; border-radius:9px; background:var(--tint-blue); display:flex; align-items:center; justify-content:center; flex:none; }
.ar-brokers-section .ledger .row .ic svg { width:17px; height:17px; stroke:var(--secondary); fill:none; }
.ar-brokers-section .ledger .row .name { font-family:'Manrope',sans-serif; font-weight:700; font-size:14.5px; color:var(--text); }
.ar-brokers-section .ledger .row .num { font-family:'Manrope',sans-serif; font-weight:800; font-size:18px; color:var(--primary-dark); text-align:right; white-space:nowrap; }
.ar-brokers-section .ledger .row .num .unit { font-family:'Inter',sans-serif; font-weight:600; font-size:11.5px; color:var(--text-muted); margin-left:6px; text-transform:none; }
.ar-brokers-section .u13 { padding-bottom:96px !important; }
.ar-brokers-section .u14 { width:17px !important; height:17px !important; object-fit:contain !important; }
.ar-brokers-section .u15 { font-size:12.5px !important; margin-top:14px !important; }

/* ---------- Estilos: Marcas ---------- */
.ar-brokers-section .tag { display:inline-flex; align-items:center; font-family:'Manrope',sans-serif; font-weight:700; font-size:10.5px; letter-spacing:.04em; text-transform:uppercase; padding:4px 10px; border-radius:100px; }
.ar-brokers-section .tag-patrimoniales { background:var(--tint-orange); color:var(--primary); }
.ar-brokers-section .tag-mascotas { background:#DBFBE5; color:#031287; }
.ar-brokers-section .tag-salud { background:#EFEAFB; color:#7C5CD6; }
.ar-brokers-section .tag-odontologia { background:#EFEAFB; color:#7C5CD6; }
.ar-brokers-section .tag-sepelio { background:var(--tint-orange); color:var(--primary); }
.ar-brokers-section .tag-vida { background:#DEF8FC; color:#057E8E; }
.ar-brokers-section .tag-grupo { background:#F9D6D8; color:#EE4852; }
.ar-brokers-section .grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.ar-brokers-section .brand-card { display:flex; flex-direction:column; gap:14px; align-items:flex-start; }
.ar-brokers-section .brand-card .brand-logo { height:34px; width:auto; max-width:150px; object-fit:contain; margin-top:2px; }
.ar-brokers-section .brand-card p { font-size:14px; }
.ar-brokers-section .step-card { position:relative; }
.ar-brokers-section .grid-3 .card:nth-child(1), .ar-brokers-section .grid-2 .card:nth-child(1) { animation:riseIn .5s ease both; animation-delay:80ms; }
.ar-brokers-section .grid-3 .card:nth-child(2), .ar-brokers-section .grid-2 .card:nth-child(2) { animation:riseIn .5s ease both; animation-delay:140ms; }
.ar-brokers-section .grid-3 .card:nth-child(3), .ar-brokers-section .grid-2 .card:nth-child(3) { animation:riseIn .5s ease both; animation-delay:200ms; }
.ar-brokers-section .grid-3 .card:nth-child(4), .ar-brokers-section .grid-2 .card:nth-child(4) { animation:riseIn .5s ease both; animation-delay:260ms; }
.ar-brokers-section .grid-3 .card:nth-child(5), .ar-brokers-section .grid-2 .card:nth-child(5) { animation:riseIn .5s ease both; animation-delay:320ms; }
.ar-brokers-section .grid-3 .card:nth-child(6), .ar-brokers-section .grid-2 .card:nth-child(6) { animation:riseIn .5s ease both; animation-delay:380ms; }
.ar-brokers-section .grid-2 .card:nth-child(7) { animation:riseIn .5s ease both; animation-delay:440ms; }
.ar-brokers-section .grid-2 .card:nth-child(8) { animation:riseIn .5s ease both; animation-delay:500ms; }
.ar-brokers-section .u16 { margin-top:2px !important; }
.ar-brokers-section .u17 { margin-top:8px !important; margin-bottom:32px !important; }

/* ---------- Estilos: Contacto ---------- */
.ar-brokers-section .contact-wrap { position:relative; }
.ar-brokers-section .contact-bg { position:absolute; inset:0; z-index:0; }
.ar-brokers-section .contact-bg img { width:100%; height:100%; object-fit:cover; object-position:center right; }
.ar-brokers-section .contact-bg::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 45%, transparent) 18%, transparent 34%); }
.ar-brokers-section .contact-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.1fr .9fr; gap:36px; padding-block:56px; }
.ar-brokers-section .form-card { background:var(--surface); border:1px solid var(--border); box-shadow:var(--shadow-lg); border-radius:20px; padding:34px; }
.ar-brokers-section .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.ar-brokers-section .field { display:flex; flex-direction:column; gap:8px; }
.ar-brokers-section .field label { font-family:'Manrope',sans-serif; font-weight:600; font-size:13px; color:var(--text); }
.ar-brokers-section .field input, .ar-brokers-section .field textarea, .ar-brokers-section .field select { border:1px solid var(--border); background:var(--bg); color:var(--text); border-radius:10px; padding:12px 14px; font-family:'Inter',sans-serif; font-size:14.5px; transition:border-color .18s ease, box-shadow .18s ease; }
.ar-brokers-section .field input:focus, .ar-brokers-section .field textarea:focus, .ar-brokers-section .field select:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 4px rgba(241,95,34,.12); }
.ar-brokers-section .field textarea { resize:vertical; min-height:110px; }
.ar-brokers-section .field select { appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6472' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; background-size:16px; padding-right:38px; cursor:pointer; }
.ar-brokers-section .field select:invalid { color:var(--text-muted); }
.ar-brokers-section .form-msg { margin-top:16px; font-size:14px; font-weight:600; color:#0F9D74; display:none; }
.ar-brokers-section .info-card { align-self:end; background:rgba(20,32,46,.82); backdrop-filter:blur(6px); border-radius:18px; padding:28px; color:#fff; }
.ar-brokers-section .info-card img { height:28px; margin-bottom:14px; }
.ar-brokers-section .info-card .tagline { color:#C4CCD6; font-size:13px; margin-bottom:18px; }
.ar-brokers-section .info-card dl { margin:0; display:grid; gap:10px; font-size:14px; }
.ar-brokers-section .info-card dt { font-family:'Manrope',sans-serif; font-weight:700; font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; color:#8C96A3; }
.ar-brokers-section .info-card dd { margin:0; color:#EAEFF4; }
.ar-brokers-section .u18 { font-size:22px !important; }
.ar-brokers-section .u19 { margin-top:22px !important; }
.ar-brokers-section .u20 { margin-bottom:6px !important; }
.ar-brokers-section .u21 { margin-top:18px !important; width:100% !important; }

/* ---------- Estilos: Pie de página (opcional) ---------- */
.ar-brokers-section footer.site-footer { position:relative; background:var(--ink); overflow:hidden; padding-block:26px; }
.ar-brokers-section footer.site-footer::before { content:""; position:absolute; inset:0; background-image:var(--pattern); background-repeat:no-repeat; background-size:100% auto; background-position:top center; opacity:.6; }
.ar-brokers-section footer.site-footer .wrap { position:relative; }
.ar-brokers-section .footer-inner { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.ar-brokers-section .footer-inner img { height:28px; margin-bottom:8px; }
.ar-brokers-section .footer-inner .tagline { color:#8C96A3; font-size:13.5px; max-width:320px; line-height:1.6; }
.ar-brokers-section .footer-contact b { display:block; color:#fff; font-family:'Manrope',sans-serif; font-size:12px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:8px; }
.ar-brokers-section .footer-contact div { color:#B7C0CC; font-size:14px; line-height:1.7; }
.ar-brokers-section .footer-label { display:block; color:#8C96A3; font-family:'Manrope',sans-serif; font-weight:700; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:2px; }
.ar-brokers-section .footer-contact .footer-gap { margin-top:8px; }

/* ---------- Estilos: Botón de WhatsApp (opcional) ---------- */
.ar-brokers-section .whatsapp-float { position:fixed; right:22px; bottom:22px; z-index:999; width:58px; height:58px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 22px rgba(0,0,0,.28); pointer-events:none; cursor:default; }

/* ---------- Animaciones ---------- */
@keyframes scrollX { from{transform:translateX(0);} to{transform:translateX(-50%);} }
@keyframes riseIn { from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }

/* ---------- Responsive y preferencias de movimiento ---------- */
@media (max-width:860px) {
  .ar-brokers-section .hero-inicio-inner { padding-block:40px; }
  .ar-brokers-section .hero-bg-tint { opacity:.9; }
}
@media (max-width:760px) {
  .ar-brokers-section .stats-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:860px) {
  .ar-brokers-section .grid-3 { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  .ar-brokers-section .grid-3 { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .ar-brokers-section .marquee-track { animation:none; }
}
@media (prefers-reduced-motion: reduce) {
  .ar-brokers-section .reveal, .ar-brokers-section .card { animation:none !important; }
}
@media (max-width:860px) {
  .ar-brokers-section .flow { grid-template-columns:repeat(2,1fr); gap:28px 18px; }
  .ar-brokers-section .flow::before, .ar-brokers-section .flow .track, .ar-brokers-section .flow-arrow { display:none !important; }
  .ar-brokers-section .flow-step { padding:0 !important; }
}
@media (max-width:600px) {
  .ar-brokers-section .flow { grid-template-columns:1fr; }
}
@media (max-width:860px) {
  .ar-brokers-section .split { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .ar-brokers-section .card { animation:none !important; }
}
@media (max-width:600px) {
  .ar-brokers-section .ledger .row { grid-template-columns:32px 1fr; grid-template-areas:"ic name" "num num"; row-gap:4px; }
  .ar-brokers-section .ledger .row .ic { grid-area:ic; }
  .ar-brokers-section .ledger .row .name { grid-area:name; }
  .ar-brokers-section .ledger .row .num { grid-area:num; text-align:left; }
}
@media (prefers-reduced-motion: reduce) {
  .ar-brokers-section .reveal { animation:none !important; }
}
@media (max-width:600px) {
  .ar-brokers-section .grid-3, .ar-brokers-section .grid-2 { grid-template-columns:1fr; }
}
@media (max-width:860px) {
  .ar-brokers-section .contact-grid { grid-template-columns:1fr; }
  .ar-brokers-section .contact-bg::after { background:linear-gradient(180deg, var(--bg) 22%, color-mix(in srgb, var(--bg) 30%, transparent) 38%, transparent 60%); }
}
@media (max-width:860px) {
  .ar-brokers-section .contact-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px) {
  .ar-brokers-section .form-row { grid-template-columns:minmax(0,1fr); }
  .ar-brokers-section .form-card { padding:24px 20px; }
}
@media (max-width:600px) {
  .ar-brokers-section .whatsapp-float { width:52px; height:52px; right:16px; bottom:16px; }
}

/* ---------- Sacar el footer propio de SitioSimple / DonWeb ----------
   Si después de pegar esto el footer sigue apareciendo, avisame el nombre
   de clase que muestra "Inspeccionar" (clic derecho sobre el footer). */
[data-ss-component="footer"],
.ss-footer,
body > footer:not(.site-footer) {
  display: none !important;
}

/* Sin espacios blancos alrededor de la sección (SitioSimple agrega padding) */
section[data-ss-component="section"]:has(> .ar-brokers-section) {
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------- Menú superior (tipografía del diseño aprobado) ----------
   Los nombres de clase del menú de SitioSimple son una suposición: si no cambia,
   clic derecho en una opción del menú > Inspeccionar y pasarme la clase. */
[data-ss-component="header"] nav a,
[data-ss-component="menu"] a,
header nav a {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #5B6472 !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
[data-ss-component="header"] nav a:hover,
[data-ss-component="menu"] a:hover,
header nav a:hover,
[data-ss-component="header"] nav a[aria-current="page"],
[data-ss-component="menu"] a[aria-current="page"],
header nav a[aria-current="page"],
header nav a.active,
header nav a.selected {
  color: #1B2430 !important;
}
header nav a[aria-current="page"],
header nav a.active,
header nav a.selected {
  box-shadow: inset 0 -2px 0 #F15F22;
}

/* ---------- Carrusel de marcas (blindado para el editor de SitioSimple) ----------
   Con las 16 imágenes (8 + 8 repetidas) el loop es continuo.
   Si el editor deja solo 8, el carrusel va y vuelve suave (sin saltos). */
.ar-brokers-section .marquee { container-type:inline-size; }
.ar-brokers-section .marquee-track { padding:0 !important; margin-inline:auto; min-height:0 !important; flex-wrap:nowrap !important; }
.ar-brokers-section .marquee-track img { flex:none !important; height:34px !important; width:auto !important; max-width:none !important; min-height:0 !important; padding:0 !important; margin:0 !important; }
.ar-brokers-section .marquee-track:not(:has(> :nth-child(9))) { animation-name:scrollPing; animation-duration:18s; animation-timing-function:ease-in-out; animation-direction:alternate; }
@keyframes scrollPing { from{transform:translateX(0);} to{transform:translateX(min(0px, calc(100cqw - 100%)));} }

/* ---------- Hero del Home: foto al 100% + filtro naranja translúcido ----------
   La foto se ve completa (opacidad 100%); el naranja de adelante es el filtro y
   es el que tiene menos opacidad. Para ver más foto, bajar el 0.6 del filtro. */
.ar-brokers-section .hero-bg-photo { padding:0 !important; margin:0 !important; min-height:0 !important; overflow:hidden; }
.ar-brokers-section .hero-bg-photo img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; min-height:0 !important; padding:0 !important; margin:0 !important; object-fit:cover !important; object-position:center 30% !important; opacity:1 !important; }
.ar-brokers-section .hero-bg-tint { padding:0 !important; margin:0 !important; min-height:0 !important; opacity:.6 !important; }
@media (max-width:860px) { .ar-brokers-section .hero-bg-tint { opacity:.75 !important; } }

/* ---------- Títulos chicos (eyebrow): un solo guión ----------
   El guión ya lo dibuja este CSS. Si el HTML trae además un guión propio
   (un <span class="ar-before"> dentro del eyebrow), se oculta para que no se duplique. */
.ar-brokers-section .eyebrow > .ar-before { display:none !important; }