/* =====================================================================
   AUD SKIN — global reskin to match the mobile landing page aesthetic.
   Loaded AFTER the Webflow stylesheet so these rules win.
   Content & layout stay as-is; this swaps fonts, colors, and chrome.
   ===================================================================== */

/* 1) Re-point Webflow's font + brand-color variables to the new system */
:root{
  --_typography---font-styles--body:'Hanken Grotesk',system-ui,-apple-system,sans-serif;
  --_typography---headings:'Hanken Grotesk',system-ui,-apple-system,sans-serif;
  --_figma-colors---293c79:#14225E;   /* navy        */
  --_figma-colors---384995:#101C49;   /* navy hover  */
  --_figma-colors---ec1f23:#E11D2A;   /* red         */
}

/* 2) Global font + page background */
body{font-family:'Hanken Grotesk',system-ui,-apple-system,sans-serif !important;background:#F4F6FC !important;padding-bottom:88px;}
h1,h2,h3,h4,h5,h6,p,li,a,button,input,textarea,select,blockquote,
.heading-style-h1,[class*="heading-style"],[class*="text-size"],[class*="text-weight"],.button,.w-button{
  font-family:'Hanken Grotesk',system-ui,-apple-system,sans-serif !important;
}
h1,h2,h3,.heading-style-h1{letter-spacing:-.02em;font-weight:800;}

/* 3) Buttons → rounded, bold, on-brand */
.button,.w-button{border-radius:12px !important;font-weight:700 !important;letter-spacing:-.01em;}

/* ============================ CHROME ============================ */
*{-webkit-tap-highlight-color:transparent}
.bhead{position:sticky;top:0;z-index:40;background:#14225E;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.bhead img{height:42px;width:auto;display:block}
.bhead button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#fff;cursor:pointer;padding:0}
.bfoot{background:#101C49;color:#fff;padding:26px 18px 30px}
.bfoot img{height:28px;margin-bottom:16px;display:block}
.bfoot .loc{margin-bottom:13px}.bfoot .loc b{font-size:13.5px;letter-spacing:.02em}
.bfoot .loc div{font-size:12.5px;color:rgba(255,255,255,.65);margin-top:3px}
.bfoot .loc a{color:#FF8A90;font-weight:700;font-size:12.5px;text-decoration:none}
.bfoot .cr{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.5);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.bfoot .cr a{color:rgba(255,255,255,.6);text-decoration:none}
.bbar{position:fixed;left:0;right:0;bottom:0;z-index:45;max-width:1100px;margin:0 auto;padding:11px 16px calc(11px + env(safe-area-inset-bottom));background:rgba(244,246,252,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #E0E4F0}
.bbar .in{display:flex;gap:9px;max-width:520px;margin:0 auto}
.bbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#E11D2A;color:#fff;font-weight:700;font-size:15px;padding:13px 8px;border-radius:12px;text-decoration:none}
.bmenu{display:none;position:fixed;inset:0;z-index:80;max-width:460px;margin:0 auto;background:#101C49;color:#fff;flex-direction:column;animation:menuIn .26s cubic-bezier(.2,.8,.2,1)}
@keyframes menuIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
.bmenu .mh{flex:none;display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.bmenu .mh img{height:42px}.bmenu .mh button{width:42px;height:42px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.bmenu .mb{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}
.bmenu .callrow{display:flex;gap:10px}
.bmenu .callrow a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#E11D2A;color:#fff;font-weight:700;padding:13px 8px;border-radius:14px;text-decoration:none}
.bmenu .callrow a span.s{font-size:12px;opacity:.9;font-weight:600}
.bmenu nav{margin-top:18px}
.bmenu .it{border-bottom:1px solid rgba(255,255,255,.1)}
.bmenu .it>a{display:block;padding:16px 4px;font-size:18px;font-weight:700;color:#fff;text-decoration:none}
.bmenu .it>button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 4px;background:none;border:none;color:#fff;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;text-align:left}
.bmenu .bchev{transition:transform .2s ease}
.bmenu .sub{display:none;padding:2px 4px 14px}
.bmenu .sub .gt{display:block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FF5A63;padding:11px 0 5px;text-decoration:none}
.bmenu .sub a.l{display:block;padding:9px 0 9px 14px;font-size:15.5px;font-weight:500;color:rgba(255,255,255,.74);border-left:2px solid rgba(255,255,255,.12);text-decoration:none}

/* Form fields: dark, readable text on white (fixes white-on-white typing) */
.form_input, .w-input, .w-select, textarea.w-input, textarea.form_input{
  color:#0E1430 !important; background-color:#ffffff !important; border:1px solid #D8DDEC !important;
}
.form_input::placeholder, .w-input::placeholder, textarea.form_input::placeholder{ color:#8a93a8 !important; }
.form_input:focus, .w-input:focus, .w-select:focus{ border-color:#14225E !important; outline:none; }

/* ===== Inner-page desktop navigation (>=1024px) ===== */
.bdnav{display:none}
.bdnav a{color:rgba(255,255,255,.82);font-weight:600;font-size:14px;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:color .15s ease}
.bdnav a:hover{color:#fff}
.bdnav a.cta{display:inline-flex;align-items:center;gap:7px;background:#E11D2A;color:#fff;font-weight:700;padding:10px 16px;border-radius:11px;box-shadow:0 8px 20px -10px rgba(225,29,42,.6)}
.bdnav a.cta:hover{color:#fff}
.bhead a:focus-visible,.bhead button:focus-visible{outline:2px solid #FF5A63;outline-offset:2px;border-radius:6px}
@media(min-width:1024px){
  .bhead{padding-left:max(40px,calc((100% - 1180px)/2));padding-right:max(40px,calc((100% - 1180px)/2))}
  .bhead button{display:none}
  .bdnav{display:flex;align-items:center;gap:15px;margin-left:auto}
  .bbar{display:none}
}

/* language toggle (EN/ES) */
.langtog{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.34);padding:6px 10px;border-radius:9px;white-space:nowrap;text-decoration:none}
.langtog:hover{background:rgba(255,255,255,.12)}
.langtog svg{width:14px;height:14px}
.langrow{margin-top:14px}
.langrow .langtog{font-size:15px;padding:9px 14px}