/* Header navigation icons — V43
   Compact SVG icons with a spring motion on hover/focus. */

.site-header .nav-links > a{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.site-header .nav-icon-wrap,
.site-header .quote-icon-wrap{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:19px;
  height:19px;
  border-radius:7px;
  color:#557180;
  background:rgba(34,120,181,0);
  transform:translateZ(0);
  transform-origin:50% 65%;
  transition:color .22s ease,background-color .22s ease,box-shadow .22s ease;
  will-change:transform;
}

.site-header .nav-icon,
.site-header .quote-icon{
  display:block;
  width:13px;
  height:13px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.site-header .nav-links > a:hover .nav-icon-wrap,
.site-header .nav-links > a:focus-visible .nav-icon-wrap,
.site-header .nav-links > a.active .nav-icon-wrap{
  color:#195E91;
  background:rgba(34,120,181,.09);
}

.site-header .nav-links > a:hover .nav-icon-wrap,
.site-header .nav-links > a:focus-visible .nav-icon-wrap{
  box-shadow:0 5px 14px rgba(34,120,181,.13);
  animation:contafaq-nav-icon-spring .58s cubic-bezier(.2,.82,.25,1);
}

@keyframes contafaq-nav-icon-spring{
  0%{transform:translateY(0) scale(1) rotate(0deg)}
  30%{transform:translateY(-4px) scale(1.19) rotate(var(--icon-tilt,8deg))}
  52%{transform:translateY(1px) scale(.96) rotate(-4deg)}
  72%{transform:translateY(-1.5px) scale(1.07) rotate(2deg)}
  100%{transform:translateY(0) scale(1) rotate(0deg)}
}

.site-header .nav-icon-wrap[data-nav-icon="inicio"]{--icon-tilt:-8deg}
.site-header .nav-icon-wrap[data-nav-icon="nosotros"]{--icon-tilt:9deg}
.site-header .nav-icon-wrap[data-nav-icon="equipo"]{--icon-tilt:-11deg}
.site-header .nav-icon-wrap[data-nav-icon="industrias"]{--icon-tilt:10deg}
.site-header .nav-icon-wrap[data-nav-icon="beneficios"]{--icon-tilt:-8deg}
.site-header .nav-icon-wrap[data-nav-icon="planes"]{--icon-tilt:8deg}
.site-header .nav-icon-wrap[data-nav-icon="faq"]{--icon-tilt:-10deg}
.site-header .nav-icon-wrap[data-nav-icon="testimonios"]{--icon-tilt:9deg}
.site-header .nav-icon-wrap[data-nav-icon="contacto"]{--icon-tilt:-7deg}

.site-header .header-actions .btn-quote{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.site-header .header-actions .btn-quote .quote-icon-wrap{
  width:20px;
  height:20px;
  color:inherit;
  background:rgba(255,255,255,.36);
}

.site-header .header-actions .btn-quote:hover .quote-icon-wrap,
.site-header .header-actions .btn-quote:focus-visible .quote-icon-wrap{
  animation:contafaq-quote-arrow .62s cubic-bezier(.18,.82,.22,1);
}

@keyframes contafaq-quote-arrow{
  0%{transform:translate(0,0) scale(1)}
  34%{transform:translate(4px,-3px) scale(1.17)}
  52%{transform:translate(-1px,1px) scale(.96)}
  75%{transform:translate(2px,-1px) scale(1.06)}
  100%{transform:translate(0,0) scale(1)}
}

/* Keep the nine-item desktop navigation compact after adding icons. */
@media (min-width:901px) and (max-width:1280px){
  .site-header .nav-links{gap:9px!important;font-size:.72rem!important}
  .site-header .nav-links > a{gap:3px}
  .site-header .nav-icon-wrap{width:17px;height:17px;border-radius:6px}
  .site-header .nav-icon{width:12px;height:12px}
  .site-header .header-actions .btn-quote{padding-inline:14px!important}
}

/* The mobile menu already has generous vertical spacing: make the icons clearer there. */
@media (max-width:900px){
  .site-header .nav-links > a{gap:10px!important}
  .site-header .nav-links > a .nav-icon-wrap{
    width:28px;
    height:28px;
    border-radius:9px;
    color:#35677f;
    background:rgba(34,120,181,.075);
  }
  .site-header .nav-links > a .nav-icon{width:16px;height:16px}
}

@media (prefers-reduced-motion:reduce){
  .site-header .nav-links > a:hover .nav-icon-wrap,
  .site-header .nav-links > a:focus-visible .nav-icon-wrap,
  .site-header .header-actions .btn-quote:hover .quote-icon-wrap,
  .site-header .header-actions .btn-quote:focus-visible .quote-icon-wrap{
    animation:none!important;
  }
}


/* V44 — cleaner quotation CTA on inner pages.
   The button stays on one line and behaves like a compact premium pill instead of a tall block. */
body.cinematic-inner .site-header .header-actions{
  flex:0 0 auto;
  min-width:max-content;
}
body.cinematic-inner .site-header .header-actions .btn-quote{
  min-height:44px!important;
  height:44px;
  width:auto!important;
  min-width:0!important;
  padding:0 8px 0 17px!important;
  gap:11px!important;
  border:1px solid rgba(34,120,181,.24)!important;
  border-radius:999px!important;
  background:rgba(239,247,252,.94)!important;
  color:#184f73!important;
  box-shadow:0 7px 20px rgba(24,79,115,.08)!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  position:relative;
  isolation:isolate;
  transform:translateZ(0);
  overflow:hidden;
  transition:background .26s ease,color .26s ease,border-color .26s ease,box-shadow .26s ease,transform .26s ease!important;
}
body.cinematic-inner .site-header .header-actions .btn-quote::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(105deg,#166ca5,#2278b5 58%,#2f8bc6);
  transform:translateX(-103%);
  transition:transform .34s cubic-bezier(.22,.75,.2,1);
}
body.cinematic-inner .site-header .header-actions .btn-quote .quote-icon-wrap{
  width:29px!important;
  height:29px!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#2278b5!important;
  box-shadow:0 5px 13px rgba(34,120,181,.22)!important;
  transition:background .25s ease,color .25s ease,transform .25s ease!important;
}
body.cinematic-inner .site-header .header-actions .btn-quote .quote-icon{
  width:14px!important;
  height:14px!important;
}
body.cinematic-inner .site-header .header-actions .btn-quote:hover,
body.cinematic-inner .site-header .header-actions .btn-quote:focus-visible{
  background:#2278b5!important;
  color:#fff!important;
  border-color:#2278b5!important;
  box-shadow:0 12px 28px rgba(34,120,181,.22)!important;
  transform:translateY(-2px)!important;
}
body.cinematic-inner .site-header .header-actions .btn-quote:hover::before,
body.cinematic-inner .site-header .header-actions .btn-quote:focus-visible::before{
  transform:translateX(0);
}
body.cinematic-inner .site-header .header-actions .btn-quote:hover .quote-icon-wrap,
body.cinematic-inner .site-header .header-actions .btn-quote:focus-visible .quote-icon-wrap{
  background:#fff!important;
  color:#2278b5!important;
}

/* Do not allow the desktop navigation to squeeze the CTA into two lines. */
@media (min-width:901px){
  body.cinematic-inner .site-header .navbar{gap:18px!important}
  body.cinematic-inner .site-header .nav-links{min-width:0;flex:1 1 auto;justify-content:center}
  body.cinematic-inner .site-header .brand{flex:0 0 auto}
  body.cinematic-inner .site-header .brand img{max-width:176px}
}
@media (min-width:901px) and (max-width:1180px){
  body.cinematic-inner .site-header .nav-links{gap:7px!important;font-size:.68rem!important;letter-spacing:.015em!important}
  body.cinematic-inner .site-header .nav-links > a{gap:2px!important}
  body.cinematic-inner .site-header .nav-icon-wrap{width:16px;height:16px}
  body.cinematic-inner .site-header .header-actions .btn-quote{padding-left:13px!important;font-size:.74rem!important}
}