@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
html,body{margin:0;background:#0E2541}
a{color:inherit}a:hover{opacity:0.88}
button{cursor:pointer}
img{max-width:100%}
@keyframes lcSweep{to{transform:rotate(360deg)}}
@keyframes lcPing{0%{transform:scale(1);opacity:0.7}100%{transform:scale(3.2);opacity:0}}
@media (prefers-reduced-motion: reduce){[style*="animation"]{animation:none!important}}
html{scroll-padding-top:104px}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}
header{position:fixed!important;top:20px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 80px));box-sizing:border-box;z-index:40;transition:background-color .25s ease,box-shadow .25s ease}
header.lc-scrolled{background:rgba(14,37,65,0.9)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12),0 14px 34px rgba(4,14,28,0.4)!important}
.lc-menu-btn,.lc-m-only{display:none}

/* Header: menu button instead of the full menu below 1100px */
@media (max-width: 1100px){
  header{flex-wrap:nowrap!important;gap:12px!important}
  header:not(.lc-open) nav{display:none!important}
  header.lc-open nav{display:flex!important;position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;flex-direction:column;align-items:stretch!important;gap:2px!important;padding:8px;border-radius:20px;background:#0E2541;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.14),0 18px 40px rgba(4,14,28,0.5);font-size:17px!important}
  header.lc-open nav a{display:block;padding:13px 16px;border-radius:12px}
  header.lc-open nav a[aria-current]{background:rgba(57,215,255,0.10)}
  header nav a.lc-m-only{display:block;margin-top:6px;color:#39D7FF;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);border-radius:0 0 12px 12px}
  header nav a.lc-m-only + a.lc-m-only{margin-top:0;box-shadow:none;border-radius:12px}
  header > div > a{display:none!important}
  .lc-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:rgba(57,215,255,0.14);color:#39D7FF;box-shadow:inset 0 0 0 1px rgba(57,215,255,0.5)}
  .lc-menu-btn .lc-i-close,header.lc-open .lc-menu-btn .lc-i-open{display:none}
  header.lc-open .lc-menu-btn .lc-i-close{display:inline}
  #nosotros{padding-bottom:56px!important}
  #nosotros > div > div{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;margin:-96px auto 0!important;width:calc(100% - 56px)!important}
}

/* Phones */
@media (max-width: 760px){
  header{padding:8px 8px 8px 18px!important;top:12px;width:calc(100% - 40px)}
  html{scroll-padding-top:84px}
  header a{white-space:nowrap}
  div[aria-hidden="true"][style*="width: 600px; height: 600px"] > span[style*="border-radius: 50%"]{display:none!important}
  h1{font-size:40px!important}
  h2{font-size:34px!important}
  section, section > div, footer > div{padding-left:20px!important;padding-right:20px!important}
  #nosotros > div{padding:0!important}
  #nosotros > div > img{border-radius:20px!important}
  #nosotros > div > div{margin:-28px 12px 0!important;width:auto!important;grid-template-columns:1fr!important;gap:14px!important;padding:26px 22px 28px!important}
  #partners > div > div > div{flex-basis:100%!important;min-width:0!important;height:96px!important;padding:0 20px!important}
  #partners img{max-width:100%!important;height:auto!important;max-height:44px}
  #partners img[style*="max-width: 340px"]{max-height:none}
  #clientes > div:last-child{grid-template-columns:1fr 1fr!important;gap:10px!important}
  #clientes > div:last-child > div{height:72px!important;font-size:12px!important}
  #clientes > div:last-child img{max-width:110px!important;max-height:38px!important}
  [aria-label="Cifras"] > div:last-child{grid-template-columns:1fr 1fr!important;gap:40px 24px!important;padding:72px 24px!important}
  [aria-label="Cifras"] span[style*="font-size: 104px"]{font-size:56px!important}
  [aria-label="Cifras"] span[style*="font-size: 22px"]{font-size:17px!important}
  .br-dot{width:22px!important;height:22px!important;margin:-11px 0 0 -11px!important;font-size:11px!important}
  a[href^="mailto:"],a[href^="tel:"]{font-size:17px!important}
  [style*="padding: 30px 32px"]{padding:24px 22px!important}
}
