/*
Theme Name: Avantsys Block
Template: twentytwentyfive
Description: Tema hijo liviano para Servicio de informatica Avantsys SpA. Construido con Gutenberg y CSS personalizado.
Version: 1.0.0
*/

/* Gutenberg spacing utility: joins consecutive sections without an empty band. */
body .av-section--flush-bottom {
  padding-bottom: 0 !important;
}
:root{
  --av-navy:#07111f;
  --av-ink:#102033;
  --av-muted:#5c6b7c;
  --av-blue:#0d63ff;
  --av-cyan:#21d4fd;
  --av-green:#14b88a;
  --av-line:#dbe7f3;
  --av-soft:#f4f8fc;
  --av-white:#ffffff;
  --av-radius:8px;
  --av-shadow:0 18px 55px rgba(7,17,31,.12);
}
body{background:#fff;color:var(--av-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;}
.wp-site-blocks{overflow:hidden;}
.av-section{padding:clamp(56px,8vw,104px) 0;}
.av-section--soft{background:var(--av-soft);}
.av-section--dark{background:var(--av-navy);color:#fff;}
.av-section--dark p,.av-section--dark .av-muted{color:rgba(255,255,255,.74);}
.av-container{width:min(1120px,calc(100vw - 40px));margin-inline:auto;}
.av-eyebrow{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--av-blue);margin:0 0 14px;}
.av-section--dark .av-eyebrow{color:var(--av-cyan);}
.av-hero{position:relative;background:radial-gradient(circle at 78% 18%,rgba(33,212,253,.22),transparent 32%),linear-gradient(135deg,#07111f 0%,#0b2444 46%,#0a5cff 100%);color:#fff;padding:clamp(72px,10vw,132px) 0 clamp(52px,8vw,88px);}
.av-hero:after{content:"";position:absolute;inset:auto -10% -160px 42%;height:340px;background:linear-gradient(135deg,rgba(33,212,253,.26),rgba(20,184,138,.16));clip-path:polygon(18% 0,100% 24%,80% 100%,0 78%);opacity:.75;}
.av-hero .av-container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:clamp(36px,7vw,76px);align-items:center;}
.av-hero h1{font-size:clamp(2.35rem,6vw,5.35rem);line-height:.95;max-width:980px;margin:0 0 24px;letter-spacing:0;font-weight:850;}
.av-hero p{font-size:clamp(1.02rem,1.6vw,1.24rem);line-height:1.7;color:rgba(255,255,255,.78);max-width:720px;}
.av-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.av-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent;}
.av-button--primary{background:var(--av-blue);color:#fff;box-shadow:0 14px 34px rgba(13,99,255,.3);}
.av-button--primary:hover{transform:translateY(-1px);background:#084fde;color:#fff;}
.av-button--light{background:#fff;color:var(--av-navy);}
.av-button--ghost{border-color:rgba(255,255,255,.35);color:#fff;}
.av-button--ghost:hover{background:rgba(255,255,255,.1);color:#fff;}
.av-visual{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--av-radius);padding:22px;box-shadow:var(--av-shadow);backdrop-filter:blur(10px);}
.av-visual-grid{display:grid;gap:12px;}
.av-signal{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);}
.av-signal strong{font-size:.94rem;}.av-signal span{font-size:.78rem;color:rgba(255,255,255,.68);}
.av-pulse{width:42px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--av-cyan),var(--av-green));box-shadow:0 0 22px rgba(33,212,253,.55);}
.av-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--av-line);border:1px solid var(--av-line);border-radius:var(--av-radius);overflow:hidden;box-shadow:0 12px 34px rgba(7,17,31,.08);}
.av-stat{background:#fff;padding:22px;}.av-stat strong{display:block;font-size:clamp(1.55rem,3vw,2.5rem);color:var(--av-navy);line-height:1;}.av-stat span{display:block;margin-top:8px;color:var(--av-muted);font-size:.92rem;}
.av-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.av-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.av-card{background:#fff;border:1px solid var(--av-line);border-radius:var(--av-radius);padding:24px;box-shadow:0 10px 28px rgba(7,17,31,.05);}
.av-card h3{margin-top:0;font-size:1.2rem;}.av-card p{color:var(--av-muted);line-height:1.65;}.av-card .av-link{font-weight:800;color:var(--av-blue);text-decoration:none;}
.av-number{width:36px;height:36px;border-radius:999px;background:#e9f1ff;color:var(--av-blue);display:inline-flex;align-items:center;justify-content:center;font-weight:850;margin-bottom:14px;}
.av-chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}.av-chip{border:1px solid var(--av-line);border-radius:999px;padding:8px 12px;background:#fff;color:var(--av-ink);font-weight:700;font-size:.9rem;}
.av-band{background:linear-gradient(135deg,#07111f,#0b3e7a);color:#fff;border-radius:var(--av-radius);padding:clamp(28px,5vw,52px);display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;}.av-band p{color:rgba(255,255,255,.75);}
.av-page-hero{background:linear-gradient(135deg,#07111f,#0b3e7a);color:#fff;padding:clamp(68px,9vw,112px) 0;}.av-page-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;margin:0 0 18px;}.av-page-hero p{max-width:760px;color:rgba(255,255,255,.76);font-size:1.12rem;line-height:1.7;}
.av-contact-box{background:#fff;border:1px solid var(--av-line);border-radius:var(--av-radius);padding:26px;box-shadow:var(--av-shadow);}
.av-muted{color:var(--av-muted);}
@media (max-width:900px){.av-hero .av-container,.av-grid-2,.av-band{grid-template-columns:1fr}.av-grid-3{grid-template-columns:1fr 1fr}.av-stats{grid-template-columns:repeat(2,1fr)}.av-band{align-items:start}.av-visual{max-width:560px}}
@media (max-width:640px){.av-container{width:min(100% - 28px,1120px)}.av-hero{padding-top:56px}.av-grid-3,.av-stats{grid-template-columns:1fr}.av-card,.av-stat{padding:20px}.av-actions{flex-direction:column}.av-button{width:100%}.av-band{padding:24px}.av-hero h1,.av-page-hero h1{word-break:normal;overflow-wrap:anywhere}}
/* Template cleanup for inherited Twenty Twenty-Five markup. */
.home main > h1:first-child,
.home .wp-block-post-title:first-child,
body.home h1.wp-block-post-title,
body.page-id-6 h1.wp-block-post-title{display:none!important;}
.home main{margin-top:0;}
.wp-block-navigation .wp-block-page-list a[href*="page_id=2"]{display:none!important;}

/* Final cleanup of inherited parent template elements. */
body.home h1.wp-block-post-title,
body.page-id-6 h1.wp-block-post-title{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
body .wp-block-page-list .wp-block-pages-list__item:has(a[href*="page_id=2"]){display:none !important;}
body footer .wp-block-navigation,
body footer .wp-block-navigation__container,
body footer .wp-block-site-title + .wp-block-group,
body footer .wp-block-site-title ~ .wp-block-group,
body footer p:has(a[href*="wordpress.org"]){display:none !important;}
body footer{background:#07111f !important;color:#fff !important;}
body footer a{color:#fff !important;}

/* Full-width homepage hero. Gutenberg wraps post content in a constrained layout, so the hero is expanded back to the viewport while its inner content remains centered. */
body.home .av-hero,
body.page-id-6 .av-hero{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
}
body.home .av-hero > .av-container,
body.page-id-6 .av-hero > .av-container{
  width:min(1120px,calc(100vw - 40px)) !important;
  max-width:1120px !important;
}
@media (max-width:640px){
  body.home .av-hero > .av-container,
  body.page-id-6 .av-hero > .av-container{width:min(100% - 28px,1120px) !important;}
}

/* Wider page rhythm: custom Avantsys sections use the full viewport while inner content gets a broader, left-led desktop measure. */
:root{--av-wide:1320px;--av-page-gutter:clamp(24px,5vw,72px);}
body .av-container{
  width:min(var(--av-wide),calc(100vw - (var(--av-page-gutter) * 2))) !important;
  max-width:var(--av-wide) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body .av-section,
body .av-section--soft,
body .av-section--dark,
body .av-page-hero,
body .av-hero{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
}
body .av-hero > .av-container,
body .av-page-hero > .av-container,
body .av-section > .av-container,
body .av-section--soft > .av-container,
body .av-section--dark > .av-container{
  width:min(var(--av-wide),calc(100vw - (var(--av-page-gutter) * 2))) !important;
  max-width:var(--av-wide) !important;
}
body .av-hero .av-container{
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr) !important;
}
body .av-hero h1{max-width:1080px !important;}
body .av-hero p{max-width:820px !important;}
body .av-section h2,
body .av-page-hero h1{max-width:980px;}
body .av-section > .av-container > p:not(.av-eyebrow),
body .av-page-hero p{max-width:860px;}
body .av-grid-3{gap:24px !important;}
body .av-grid-2{gap:28px !important;}
@media (min-width:1180px){
  body .av-card{padding:30px !important;}
  body .av-stats{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media (max-width:900px){
  :root{--av-page-gutter:clamp(16px,4vw,32px);}
  body .av-hero .av-container{grid-template-columns:1fr !important;}
}

/* Hero text composition: wider, left-led messaging instead of a centered-looking block. */
body.home .av-hero,
body.page-id-6 .av-hero{
  padding-left:0 !important;
  padding-right:0 !important;
}
body.home .av-hero > .av-container,
body.page-id-6 .av-hero > .av-container{
  --av-hero-gutter:clamp(20px,4.6vw,84px);
  width:calc(100vw - (var(--av-hero-gutter) * 2)) !important;
  max-width:1480px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr) !important;
  justify-items:start !important;
  text-align:left !important;
}
body.home .av-hero > .av-container > .wp-block-group:first-child,
body.page-id-6 .av-hero > .av-container > .wp-block-group:first-child{
  width:100% !important;
  max-width:1040px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}
body.home .av-hero h1,
body.page-id-6 .av-hero h1{
  max-width:1040px !important;
  text-align:left !important;
}
body.home .av-hero p,
body.page-id-6 .av-hero p{
  max-width:900px !important;
  text-align:left !important;
}
body.home .av-hero .av-actions,
body.page-id-6 .av-hero .av-actions{
  justify-content:flex-start !important;
}
body.home .av-visual,
body.page-id-6 .av-visual{
  width:100% !important;
  max-width:390px !important;
  justify-self:end !important;
}
@media (max-width:900px){
  body.home .av-hero > .av-container,
  body.page-id-6 .av-hero > .av-container{
    --av-hero-gutter:clamp(14px,4vw,28px);
    grid-template-columns:1fr !important;
  }
  body.home .av-hero > .av-container > .wp-block-group:first-child,
  body.page-id-6 .av-hero > .av-container > .wp-block-group:first-child,
  body.home .av-hero h1,
  body.page-id-6 .av-hero h1,
  body.home .av-hero p,
  body.page-id-6 .av-hero p{
    max-width:none !important;
  }
  body.home .av-visual,
  body.page-id-6 .av-visual{
    justify-self:start !important;
    max-width:100% !important;
  }
}

/* Reference-inspired navigation: multi-section menu with a conversion CTA. */
.av-site-header{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  background:#fff;
  border-bottom:1px solid rgba(7,17,31,.08);
  position:relative;
  z-index:20;
}
.av-header-inner{
  width:min(1320px,calc(100vw - (clamp(20px,4vw,64px) * 2))) !important;
  max-width:1320px !important;
  margin:0 auto !important;
  padding:16px 0 !important;
  gap:24px !important;
  align-items:center !important;
}
.av-site-header .wp-block-site-title{font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.15;max-width:260px;}
.av-main-nav{font-size:.95rem;font-weight:650;gap:18px !important;}
.av-main-nav a{text-decoration:none;}
.av-main-nav .wp-block-navigation-item__content{padding:8px 0;color:#17243a;}
.av-main-nav .wp-block-navigation__submenu-container{
  min-width:270px !important;
  border:1px solid rgba(7,17,31,.1) !important;
  border-radius:8px !important;
  box-shadow:0 18px 45px rgba(7,17,31,.14) !important;
  padding:10px !important;
}
.av-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  padding:10px 12px !important;
  border-radius:6px;
}
.av-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:#f4f8fc;color:#0d63ff;}
.av-main-nav .av-nav-cta > a,
.av-main-nav .av-nav-cta .wp-block-navigation-item__content{
  background:#0d63ff !important;
  color:#fff !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  box-shadow:0 10px 24px rgba(13,99,255,.22);
}
.av-main-nav .av-nav-cta > a:hover{background:#084fde !important;color:#fff !important;}
@media (max-width:1040px){
  .av-header-inner{align-items:flex-start !important;}
  .av-main-nav{width:100%;justify-content:flex-start !important;}
}
@media (max-width:720px){
  .av-header-inner{padding:14px 0 !important;}
  .av-site-header .wp-block-site-title{max-width:220px;}
}

/* Solutions section inspired by the reference site's productized-solution cards. */
.av-solutions-section{background:#f4f8fc !important;}
.av-solutions-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  margin-top:34px !important;
}
.av-solution-card{
  position:relative;
  min-height:360px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  border-radius:8px;
  padding:28px !important;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 22px 55px rgba(7,17,31,.16);
}
.av-solution-card:after{
  content:"";
  position:absolute;
  inset:auto -26% -30% 18%;
  height:190px;
  background:rgba(255,255,255,.12);
  transform:rotate(-12deg);
}
.av-solution-card > *{position:relative;z-index:1;}
.av-solution-card--blue{background:linear-gradient(145deg,#07111f,#0d63ff);}
.av-solution-card--green{background:linear-gradient(145deg,#08251d,#14b88a);}
.av-solution-card--navy{background:linear-gradient(145deg,#07111f,#123255);}
.av-solution-card--cyan{background:linear-gradient(145deg,#082035,#21d4fd);}
.av-solution-kicker{font-size:.78rem !important;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.72) !important;margin:0 0 18px !important;}
.av-solution-card h3{font-size:clamp(1.35rem,2.1vw,1.95rem);line-height:1.08;margin:0 0 18px !important;color:#fff;}
.av-solution-card p{color:rgba(255,255,255,.78) !important;line-height:1.62;}
.av-solution-meta{margin-top:auto !important;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-weight:750;color:#fff !important;}
@media (max-width:1180px){.av-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.av-solution-card{min-height:300px;}}
@media (max-width:640px){.av-solutions-grid{grid-template-columns:1fr !important;}.av-solution-card{min-height:auto;padding:24px !important;}}

/* Solutions section refinement: explicit two-column layout with a wider, left-led composition. */
body .av-solutions-section > .av-container{
  width:min(1480px,calc(100vw - (clamp(20px,4vw,72px) * 2))) !important;
  max-width:1480px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body .av-solutions-section h2{
  max-width:1080px !important;
}
body .av-solutions-section > .av-container > p:not(.av-eyebrow){
  max-width:980px !important;
}
body .av-solutions-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:28px !important;
  width:100% !important;
  max-width:none !important;
  margin-top:38px !important;
}
body .av-solution-card{
  min-height:320px !important;
  padding:34px !important;
}
body .av-solution-card h3{
  max-width:560px;
}
body .av-solution-card p:not(.av-solution-kicker):not(.av-solution-meta){
  max-width:620px;
}
body .av-solution-meta{
  margin-top:36px !important;
}
@media (min-width:1180px){
  body .av-solutions-grid{gap:32px !important;}
  body .av-solution-card{min-height:340px !important;padding:38px !important;}
}
@media (max-width:760px){
  body .av-solutions-section > .av-container{
    width:min(100% - 28px,1480px) !important;
  }
  body .av-solutions-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  body .av-solution-card{
    min-height:auto !important;
    padding:24px !important;
  }
}

/* Keep Solutions in two columns on tablet-width viewports; collapse only on narrow phones. */
@media (min-width:600px){
  body .av-solutions-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px !important;
  }
  body .av-solution-card{
    min-height:360px !important;
    padding:28px !important;
  }
  body .av-solution-card h3{
    font-size:clamp(1.12rem,2.1vw,1.55rem) !important;
  }
  body .av-solution-card p{
    font-size:.98rem;
  }
}
@media (max-width:599px){
  body .av-solutions-grid{
    grid-template-columns:1fr !important;
  }
}

/* Global width rhythm: use the wide Solutions measure across the entire site. */
:root{
  --av-wide:1480px;
  --av-page-gutter:clamp(44px,3.45vw,72px);
}
body .av-container,
body .av-header-inner,
body .av-hero > .av-container,
body .av-page-hero > .av-container,
body .av-section > .av-container,
body .av-section--soft > .av-container,
body .av-section--dark > .av-container,
body footer .av-container{
  width:min(var(--av-wide),calc(100vw - (var(--av-page-gutter) * 2))) !important;
  max-width:var(--av-wide) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body .av-hero > .av-container{
  max-width:var(--av-wide) !important;
  grid-template-columns:minmax(0,1.34fr) minmax(300px,.66fr) !important;
}
body .av-hero h1{max-width:1120px !important;}
body .av-hero p{max-width:920px !important;}
body .av-stats,
body .av-grid-3,
body .av-grid-2,
body .av-solutions-grid{
  width:100% !important;
  max-width:none !important;
}
body .av-grid-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:28px !important;}
body .av-grid-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:32px !important;}
body .av-stats{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
body .av-band{width:100% !important;}
body .wp-block-post-content > .av-band.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
body .av-card{padding:32px !important;}
body .av-site-header .wp-block-site-title{max-width:300px;}
@media (max-width:980px){
  :root{--av-page-gutter:clamp(18px,4vw,36px);}
  body .av-hero > .av-container,
  body .av-grid-2{grid-template-columns:1fr !important;}
  body .av-grid-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body .av-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:599px){
  :root{--av-page-gutter:14px;}
  body .av-grid-3,
  body .av-grid-2,
  body .av-stats,
  body .av-solutions-grid{grid-template-columns:1fr !important;}
  body .av-card{padding:22px !important;}
}

/* Normalize Solutions cards so each grid row has equal card heights. */
body .av-solutions-grid{
  align-items:stretch !important;
}
body .av-solution-card{
  height:100% !important;
  min-height:360px !important;
}
body .av-solution-card p:not(.av-solution-kicker):not(.av-solution-meta){
  line-height:1.55 !important;
}
body .av-solution-meta{
  margin-top:auto !important;
}
@media (min-width:980px){
  body .av-solution-card{min-height:380px !important;}
}
@media (max-width:599px){
  body .av-solution-card{height:auto !important;min-height:auto !important;}
}

/* Section intros should align with the wide content rhythm, not sit in a narrow centered measure. */
body .av-section > .av-container > .av-eyebrow,
body .av-section--soft > .av-container > .av-eyebrow,
body .av-section--dark > .av-container > .av-eyebrow,
body .av-solutions-section > .av-container > .av-eyebrow{
  max-width:none !important;
  margin-left:0 !important;
  text-align:left !important;
}
body .av-section > .av-container > h2,
body .av-section--soft > .av-container > h2,
body .av-section--dark > .av-container > h2,
body .av-solutions-section > .av-container > h2{
  width:100% !important;
  max-width:1280px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}
body .av-section > .av-container > p:not(.av-eyebrow),
body .av-section--soft > .av-container > p:not(.av-eyebrow),
body .av-section--dark > .av-container > p:not(.av-eyebrow),
body .av-solutions-section > .av-container > p:not(.av-eyebrow){
  width:100% !important;
  max-width:1120px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}
@media (min-width:1180px){
  body .av-section > .av-container > h2,
  body .av-section--soft > .av-container > h2,
  body .av-section--dark > .av-container > h2,
  body .av-solutions-section > .av-container > h2{
    font-size:clamp(2rem,3.2vw,3.55rem);
    line-height:1.03;
  }
  body .av-section > .av-container > p:not(.av-eyebrow),
  body .av-section--soft > .av-container > p:not(.av-eyebrow),
  body .av-section--dark > .av-container > p:not(.av-eyebrow),
  body .av-solutions-section > .av-container > p:not(.av-eyebrow){
    font-size:1.12rem;
    line-height:1.75;
  }
}

/* Post-hero trust band between the hero and process section. */
.av-posthero-section{
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%) !important;
  padding-top:clamp(34px,5vw,72px) !important;
  padding-bottom:clamp(46px,6vw,88px) !important;
}
.av-posthero-layout{
  display:grid !important;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;
  gap:clamp(28px,5vw,72px) !important;
  align-items:start !important;
}
.av-posthero-copy h2{
  max-width:660px !important;
  margin-top:0 !important;
}
.av-posthero-copy p:not(.av-eyebrow){
  max-width:620px !important;
  color:var(--av-muted) !important;
  line-height:1.75 !important;
}
.av-posthero-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
}
.av-posthero-metric{
  background:#fff;
  border:1px solid var(--av-line);
  border-radius:8px;
  padding:24px;
  min-height:190px;
  box-shadow:0 16px 38px rgba(7,17,31,.07);
}
.av-posthero-metric span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:#e9f1ff;
  color:#0d63ff;
  font-weight:850;
  margin-bottom:18px;
}
.av-posthero-metric strong{
  display:block;
  color:var(--av-navy);
  font-size:1.08rem;
  line-height:1.2;
  margin-bottom:10px;
}
.av-posthero-metric p{
  margin:0;
  color:var(--av-muted);
  line-height:1.58;
}
@media (max-width:980px){
  .av-posthero-layout{grid-template-columns:1fr !important;}
  .av-posthero-copy h2,.av-posthero-copy p:not(.av-eyebrow){max-width:none !important;}
}
@media (max-width:640px){
  .av-posthero-grid{grid-template-columns:1fr !important;}
  .av-posthero-metric{min-height:auto;padding:22px;}
}

/* Polish post-hero band and prevent full-bleed sections from creating horizontal scroll. */
html,body{overflow-x:hidden;}
.av-posthero-grid{align-items:stretch !important;}
.av-posthero-metric{
  height:100% !important;
  min-height:260px !important;
  display:flex;
  flex-direction:column;
}
.av-posthero-metric p{margin-top:auto !important;}
@media (max-width:640px){
  .av-posthero-metric{height:auto !important;min-height:auto !important;}
}

/* Reorganize Confianza operacional cards: compact, readable, and evenly aligned. */
.av-posthero-grid{
  gap:20px !important;
  align-items:stretch !important;
}
.av-posthero-metric{
  min-height:210px !important;
  height:auto !important;
  display:block !important;
  padding:26px !important;
}
.av-posthero-metric span{
  margin-bottom:16px !important;
}
.av-posthero-metric strong{
  font-size:1.16rem !important;
  margin-bottom:12px !important;
}
.av-posthero-metric p{
  margin-top:0 !important;
  font-size:1rem !important;
  line-height:1.62 !important;
  max-width:30ch;
}
@media (min-width:1180px){
  .av-posthero-layout{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr) !important;
  }
  .av-posthero-metric{min-height:220px !important;}
}
@media (max-width:640px){
  .av-posthero-metric{min-height:auto !important;}
  .av-posthero-metric p{max-width:none;}
}

/* Final organization for Confianza operacional cards. */
.av-posthero-grid{
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}
.av-posthero-grid > *,
.av-posthero-grid .av-posthero-metric{
  margin-block-start:0 !important;
  margin-top:0 !important;
}
.av-posthero-metric{
  height:240px !important;
  min-height:240px !important;
  padding:24px !important;
  display:grid !important;
  grid-template-rows:auto auto 1fr !important;
  align-content:start !important;
}
.av-posthero-metric span{
  width:36px !important;
  height:36px !important;
  margin-bottom:14px !important;
}
.av-posthero-metric strong{
  margin-bottom:10px !important;
}
.av-posthero-metric p{
  align-self:start !important;
  max-width:34ch !important;
  margin:0 !important;
}
@media (max-width:980px){
  .av-posthero-metric{height:auto !important;min-height:190px !important;}
}
@media (max-width:640px){
  .av-posthero-metric{min-height:auto !important;}
}

/* Typography match with reference: Inter for UI/body, Plus Jakarta Sans for headings. */
:root{
  --av-font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --av-font-heading:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;
}
body,
button,
input,
select,
textarea,
.wp-block-navigation,
.av-main-nav{
  font-family:var(--av-font-body) !important;
}
h1,h2,h3,h4,h5,h6,
.wp-block-heading,
.av-hero h1,
.av-page-hero h1,
.av-section h2,
.av-card h3,
.av-solution-card h3,
.av-posthero-copy h2,
.av-posthero-metric strong,
.wp-block-site-title{
  font-family:var(--av-font-heading) !important;
  letter-spacing:0 !important;
}
.av-eyebrow,
.av-solution-kicker,
.av-button,
.wp-block-button__link{
  font-family:var(--av-font-body) !important;
}

/* Reference typography scale - BWhale inspired */
body,
.editor-styles-wrapper {
  font-size: 16px !important;
  line-height: 27.2px !important;
  font-weight: 400;
}

body,
button,
input,
select,
textarea,
.wp-block-button__link,
.av-button {
  font-family: var(--av-font-body, "Inter"), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading,
.av-hero h1,
.av-section h2,
.av-page-hero h1,
.av-posthero-copy h2 {
  font-family: var(--av-font-heading, "Plus Jakarta Sans"), var(--av-font-body, "Inter"), system-ui, sans-serif !important;
  letter-spacing: 0 !important;
}

.av-main-nav,
.wp-block-navigation,
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  font-size: 16px !important;
  line-height: 27.2px !important;
  font-weight: 400 !important;
}

.av-main-nav .wp-block-navigation__responsive-container,
.av-main-nav .wp-block-navigation__container,
.av-main-nav .wp-block-page-list,
.av-main-nav .wp-block-navigation-item {
  font-size: 16px !important;
  line-height: 27.2px !important;
}

.av-hero h1 {
  font-size: clamp(42px, 4.6875vw, 60px) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.av-hero p,
.av-hero .wp-block-paragraph,
.av-section-intro p,
.av-posthero-copy p,
.av-page-hero p {
  font-size: 18px !important;
  line-height: 29.25px !important;
  font-weight: 400 !important;
}

.av-section h2,
.av-posthero-copy h2,
.av-page-hero h1,
.av-services-intro h2,
.av-solutions-intro h2,
.av-work-intro h2,
.av-trust-intro h2,
main .wp-block-group.av-section > .wp-block-group__inner-container > h2.wp-block-heading {
  font-size: clamp(30px, 2.8125vw, 36px) !important;
  line-height: 40px !important;
  font-weight: 700 !important;
}

.av-card h3,
.av-solution-card h3,
.av-posthero-metric strong,
.av-service-card h3,
.av-work-card h3,
.av-trust-card h3,
main h3.wp-block-heading {
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
}

.av-card p,
.av-solution-card p,
.av-service-card p,
.av-work-card p,
.av-trust-card p,
.av-posthero-metric p,
.av-section li,
main p:not(.av-hero p):not(.av-section-intro p):not(.av-posthero-copy p):not(.av-page-hero p) {
  font-size: 16px !important;
  line-height: 27.2px !important;
  font-weight: 400 !important;
}

.av-button,
.wp-block-button__link,
.av-main-nav .av-nav-cta a,
.wp-block-navigation .av-nav-cta .wp-block-navigation-item__content {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
}

.av-eyebrow,
.av-solution-kicker,
.av-card-kicker,
.av-posthero-kicker {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}

@media (max-width: 781px) {
  .av-hero h1 {
    font-size: clamp(38px, 11vw, 48px) !important;
    line-height: 1.02 !important;
  }

  .av-section h2,
  .av-posthero-copy h2,
  .av-page-hero h1,
  .av-services-intro h2,
  .av-solutions-intro h2,
  .av-work-intro h2,
  .av-trust-intro h2 {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .av-hero p,
  .av-section-intro p,
  .av-posthero-copy p,
  .av-page-hero p {
    font-size: 17px !important;
    line-height: 28px !important;
  }
}

/* Keep hero eyebrow on reference label scale */
.av-hero .av-eyebrow,
.av-hero p.av-eyebrow {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}

/* Hero refinement: technical depth, restrained motion and clearer conversion hierarchy. */
body.home .av-hero,
body.page-id-6 .av-hero {
  isolation: isolate;
  overflow: hidden !important;
  min-height: min(760px, calc(100svh - 88px));
  padding-top: clamp(76px, 8vw, 118px) !important;
  padding-bottom: clamp(72px, 7vw, 104px) !important;
  background:
    radial-gradient(circle at 76% 20%, rgba(33, 212, 253, .20), transparent 29%),
    radial-gradient(circle at 92% 78%, rgba(20, 184, 138, .15), transparent 28%),
    linear-gradient(125deg, #06101e 0%, #09213f 48%, #0757db 100%) !important;
}

body.home .av-hero::before,
body.page-id-6 .av-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, transparent 2%, rgba(0,0,0,.85) 48%, #000 100%);
  opacity: .75;
  animation: avHeroGrid 18s linear infinite;
}

body.home .av-hero::after,
body.page-id-6 .av-hero::after {
  z-index: -1;
  inset: auto -8vw -30vw auto;
  width: min(62vw, 920px);
  height: min(62vw, 920px);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  clip-path: none;
  background:
    radial-gradient(circle, transparent 46%, rgba(33,212,253,.10) 46.2%, transparent 46.8%),
    radial-gradient(circle, rgba(33,212,253,.12), transparent 64%);
  opacity: .9;
  animation: avHeroOrbit 16s ease-in-out infinite alternate;
}

body.home .av-hero > .av-container,
body.page-id-6 .av-hero > .av-container {
  align-items: center !important;
  gap: clamp(48px, 6vw, 96px) !important;
}

body.home .av-hero > .av-container > .wp-block-group:first-child,
body.page-id-6 .av-hero > .av-container > .wp-block-group:first-child {
  position: relative;
  z-index: 2;
}

body.home .av-hero .av-eyebrow,
body.page-id-6 .av-hero .av-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: #8deaff !important;
}

body.home .av-hero .av-eyebrow::before,
body.page-id-6 .av-hero .av-eyebrow::before {
  content: "";
  width: 30px;
  height: 2px;
  flex: 0 0 30px;
  background: linear-gradient(90deg, #21d4fd, #14b88a);
  box-shadow: 0 0 16px rgba(33,212,253,.65);
}

body.home .av-hero h1,
body.page-id-6 .av-hero h1 {
  max-width: 960px !important;
  margin-bottom: 28px !important;
  text-wrap: balance;
  text-shadow: 0 12px 44px rgba(0,0,0,.24);
}

body.home .av-hero p:not(.av-eyebrow),
body.page-id-6 .av-hero p:not(.av-eyebrow) {
  max-width: 790px !important;
  color: rgba(239,247,255,.82) !important;
}

body.home .av-hero .av-actions,
body.page-id-6 .av-hero .av-actions {
  gap: 14px;
  margin-top: 34px;
}

body.home .av-hero .wp-block-button__link,
body.page-id-6 .av-hero .wp-block-button__link {
  min-height: 50px;
  padding: 14px 24px;
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease;
}

body.home .av-hero .av-button--primary .wp-block-button__link,
body.page-id-6 .av-hero .av-button--primary .wp-block-button__link {
  background: linear-gradient(135deg, #1473ff, #0754dc);
  box-shadow: 0 14px 34px rgba(0,72,220,.38), inset 0 1px 0 rgba(255,255,255,.22);
}

body.home .av-hero .wp-block-button__link:hover,
body.page-id-6 .av-hero .wp-block-button__link:hover {
  transform: translateY(-2px);
}

body.home .av-visual,
body.page-id-6 .av-visual {
  position: relative;
  box-sizing: border-box;
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  padding: 26px !important;
  border-color: rgba(255,255,255,.22) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.055)) !important;
  box-shadow: 0 28px 80px rgba(0,10,30,.34), inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter: blur(18px) saturate(120%);
  transform: perspective(1000px) rotateY(-2deg) rotateX(1deg);
  animation: avHeroPanelIn .8s cubic-bezier(.2,.8,.2,1) .2s both, avHeroFloat 6s ease-in-out 1s infinite;
}

body.home .av-visual::before,
body.page-id-6 .av-visual::before {
  content: "";
  display: block;
  width: 52px;
  height: 6px;
  margin: 0 0 22px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 3px 3px, #21d4fd 0 3px, transparent 3.5px),
    radial-gradient(circle at 23px 3px, #14b88a 0 3px, transparent 3.5px),
    radial-gradient(circle at 43px 3px, rgba(255,255,255,.62) 0 3px, transparent 3.5px);
}

body.home .av-signal,
body.page-id-6 .av-signal {
  position: relative;
  min-height: 88px;
  padding: 18px 18px 18px 20px;
  overflow: hidden;
  background: linear-gradient(110deg, rgba(255,255,255,.12), rgba(255,255,255,.065));
  border-color: rgba(255,255,255,.15);
  box-shadow: inset 3px 0 0 rgba(33,212,253,.75);
  transition: transform .3s ease, background-color .3s ease, border-color .3s ease;
  animation: avSignalIn .65s cubic-bezier(.2,.8,.2,1) both;
}

body.home .av-signal:nth-child(2),
body.page-id-6 .av-signal:nth-child(2) { animation-delay: .12s; }
body.home .av-signal:nth-child(3),
body.page-id-6 .av-signal:nth-child(3) { animation-delay: .24s; }

body.home .av-signal:hover,
body.page-id-6 .av-signal:hover {
  transform: translateX(-5px);
  background: rgba(255,255,255,.15);
  border-color: rgba(141,234,255,.38);
}

body.home .av-signal strong,
body.page-id-6 .av-signal strong {
  display: block;
  margin-bottom: 4px;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
}

body.home .av-signal span,
body.page-id-6 .av-signal span {
  display: block;
  color: rgba(235,246,255,.68);
  font-size: 12px;
  line-height: 19px;
}

body.home .av-pulse,
body.page-id-6 .av-pulse {
  position: relative;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: #52e4ff;
  box-shadow: 0 0 20px rgba(33,212,253,.9);
}

body.home .av-pulse::after,
body.page-id-6 .av-pulse::after {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(82,228,255,.55);
  border-radius: inherit;
  animation: avPulseRing 2.2s ease-out infinite;
}

@keyframes avHeroGrid {
  to { background-position: 72px 36px, 36px 72px; }
}

@keyframes avHeroOrbit {
  from { transform: translate3d(0,0,0) scale(.96); }
  to { transform: translate3d(-3vw,-2vw,0) scale(1.04); }
}

@keyframes avHeroPanelIn {
  from { opacity: 0; transform: perspective(1000px) translate3d(32px,18px,0) rotateY(-5deg); }
  to { opacity: 1; transform: perspective(1000px) translate3d(0,0,0) rotateY(-2deg) rotateX(1deg); }
}

@keyframes avHeroFloat {
  0%,100% { transform: perspective(1000px) translate3d(0,0,0) rotateY(-2deg) rotateX(1deg); }
  50% { transform: perspective(1000px) translate3d(0,-9px,0) rotateY(-1deg) rotateX(0); }
}

@keyframes avSignalIn {
  from { opacity: 0; transform: translate3d(20px,0,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}

@keyframes avPulseRing {
  0% { opacity: .9; transform: scale(.55); }
  80%,100% { opacity: 0; transform: scale(1.35); }
}

@media (max-width: 980px) {
  body.home .av-hero,
  body.page-id-6 .av-hero {
    min-height: 0;
    padding-top: 68px !important;
    padding-bottom: 72px !important;
  }
  body.home .av-hero > .av-container,
  body.page-id-6 .av-hero > .av-container {
    gap: 48px !important;
  }
  body.home .av-visual,
  body.page-id-6 .av-visual {
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 620px !important;
    transform: none;
    animation: avSignalIn .65s cubic-bezier(.2,.8,.2,1) .18s both;
  }
}

@media (max-width: 599px) {
  body.home .av-hero,
  body.page-id-6 .av-hero {
    padding-top: 48px !important;
    padding-bottom: 56px !important;
  }
  body.home .av-hero::before,
  body.page-id-6 .av-hero::before {
    background-size: 52px 52px;
  }
  body.home .av-hero .av-eyebrow,
  body.page-id-6 .av-hero .av-eyebrow {
    align-items: flex-start;
    margin-bottom: 18px;
  }
  body.home .av-hero h1,
  body.page-id-6 .av-hero h1 {
    margin-bottom: 22px !important;
  }
  body.home .av-hero .av-actions,
  body.page-id-6 .av-hero .av-actions {
    margin-top: 28px;
  }
  body.home .av-hero > .av-container,
  body.page-id-6 .av-hero > .av-container {
    gap: 38px !important;
  }
  body.home .av-visual,
  body.page-id-6 .av-visual {
    padding: 18px !important;
  }
  body.home .av-signal,
  body.page-id-6 .av-signal {
    min-height: 76px;
    padding: 14px 14px 14px 16px;
  }
}

/* Keep full-width page sections flush with one another. Gutenberg adds the
   global block gap as a top margin to these direct children by default. */
.wp-site-blocks > * + *,
.wp-block-post-content > * + * {
  margin-block-start: 0 !important;
}

/* Native Gutenberg image used as the integrated-services hero visual. */
body.home .av-hero-media,
body.page-id-6 .av-hero-media {
  position: relative;
  align-self: center;
  justify-self: end;
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  margin: 0 !important;
  filter: drop-shadow(0 28px 36px rgba(0, 18, 52, .34));
  transform-origin: center;
  animation: avHeroArtIn .8s cubic-bezier(.2,.8,.2,1) .18s both,
             avHeroArtFloat 7s ease-in-out 1s infinite;
}

body.home .av-hero-media img,
body.page-id-6 .av-hero-media img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: 560px;
  object-fit: contain;
}

@keyframes avHeroArtIn {
  from { opacity: 0; transform: translate3d(24px, 18px, 0) scale(.96); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes avHeroArtFloat {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -8px, 0); }
}

@media (max-width: 980px) {
  body.home .av-hero-media,
  body.page-id-6 .av-hero-media {
    justify-self: center;
    width: min(100%, 500px) !important;
  }
}

@media (max-width: 599px) {
  body.home .av-hero-media,
  body.page-id-6 .av-hero-media {
    width: min(100%, 390px) !important;
    filter: drop-shadow(0 20px 26px rgba(0, 18, 52, .3));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home .av-hero::before,
  body.page-id-6 .av-hero::before,
  body.home .av-hero::after,
  body.page-id-6 .av-hero::after,
  body.home .av-visual,
  body.page-id-6 .av-visual,
  body.home .av-signal,
  body.page-id-6 .av-signal,
  body.home .av-hero-media,
  body.page-id-6 .av-hero-media,
  body.home .av-pulse::after,
  body.page-id-6 .av-pulse::after {
    animation: none !important;
  }
  body.home .av-hero .wp-block-button__link,
  body.page-id-6 .av-hero .wp-block-button__link,
  body.home .av-signal,
  body.page-id-6 .av-signal {
    transition: none !important;
  }
}

/* Footer navigation: clean, current destinations with accessible interaction states. */
footer .av-container > .wp-block-columns {
  grid-template-columns: minmax(260px, 1.35fr) minmax(180px, 0.65fr) minmax(240px, 0.9fr);
  gap: clamp(40px, 6vw, 96px) !important;
}

footer .av-footer-links h3 {
  margin: 0 0 18px !important;
  font-size: 1rem;
  line-height: 1.3;
}

footer .av-footer-list {
  display: grid;
  gap: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

footer .av-footer-list li {
  margin: 0 !important;
}

footer .av-footer-list a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  color: rgba(255, 255, 255, 0.76) !important;
  text-decoration: none;
  transition: color 160ms ease, transform 160ms ease;
}

footer .av-footer-list a:hover {
  color: #7dd3fc !important;
  transform: translateX(3px);
}

footer .av-footer-list a:focus-visible {
  color: #fff !important;
  outline: 2px solid #7dd3fc;
  outline-offset: 4px;
}

footer .av-container > p.has-small-font-size {
  color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 781px) {
  footer .av-container > .wp-block-columns {
    grid-template-columns: 1fr 1fr;
  }

  footer .av-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  footer .av-container > .wp-block-columns {
    grid-template-columns: 1fr;
  }

  footer .av-footer-brand {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  footer .av-footer-list a {
    transition: none;
  }

  footer .av-footer-list a:hover {
    transform: none;
  }
}

/* Footer columns use the full content width while preserving readable text measure. */
footer .av-container > .wp-block-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1.6fr) minmax(150px, .48fr) minmax(210px, .68fr);
  gap: clamp(32px, 5vw, 72px) !important;
  width: 100% !important;
  align-items: start;
}
footer .av-footer-brand { width: 100% !important; }
footer .av-footer-brand > p {
  width: 100% !important;
  max-width: 620px !important;
  margin-right: 0 !important;
}
 @media (max-width: 781px) {
  footer .av-container > .wp-block-columns {
    grid-template-columns: 1fr;
    gap: 32px !important;
  }
  footer .av-footer-brand > p { max-width: none !important; }
}

/* Responsive Gutenberg site logo. */
.av-footer-logo {
  display: block;
  width: 190px !important;
  max-width: 48vw;
  margin: 0 0 24px !important;
  padding: 0;
  background: transparent;
}

.av-footer-logo a {
  display: block;
  line-height: 0;
}

.av-footer-logo img,
.av-footer-logo .custom-logo {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: contain;
  object-position: left center;
}

.av-site-logo {
  flex: 0 1 240px;
  margin: 0 !important;
}

.av-site-logo a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
}

.av-site-logo img,
.av-site-logo .custom-logo {
  display: block;
  width: min(240px, 24vw) !important;
  height: auto !important;
  max-height: 52px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 1040px) {
  .av-site-logo {
    flex-basis: 210px;
  }

  .av-site-logo img,
  .av-site-logo .custom-logo {
    width: 210px !important;
  }
}

@media (max-width: 599px) {
  .av-footer-logo {
    width: 160px !important;
    max-width: 58vw;
    margin-bottom: 20px !important;
  }

  .av-site-logo {
    flex-basis: 190px;
  }

  .av-site-logo a {
    min-height: 44px;
  }

  .av-site-logo img,
  .av-site-logo .custom-logo {
    width: 190px !important;
    max-height: 40px;
  }
}

/* Footer alignment and compact closing rhythm. */
footer .av-container > .wp-block-columns {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
footer .av-section {
  padding-top: clamp(48px, 6vw, 72px) !important;
  padding-bottom: clamp(32px, 4vw, 48px) !important;
}
footer .av-container > p.has-small-font-size {
  width: 100% !important;
  max-width: none !important;
  margin-top: 28px !important;
}

/* Keep the hero supporting copy on the title alignment guide. */
body.home .av-hero p:not(.av-eyebrow),
body.page-id-6 .av-hero p:not(.av-eyebrow) {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Keep service cards aligned; Gutenberg's sibling block gap offsets cards 2-3. */
body.home .av-section .av-grid-3 > .av-card,
body.page-id-6 .av-section .av-grid-3 > .av-card {
  height: 100%;
  margin-block-start: 0 !important;
}

/* Client ecosystem diagram: Gutenberg-native content with a branded central hub. */
.av-client-diagram {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .78fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(190px, auto));
  gap: 28px clamp(48px, 5vw, 80px) !important;
  align-items: stretch;
  margin-top: clamp(40px, 5vw, 64px) !important;
}

.av-client-hub {
  position: relative;
  z-index: 2;
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  display: flex !important;
  min-height: 286px;
  padding: 36px 30px !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--av-white);
  background: var(--av-navy);
  border: 1px solid rgba(33, 212, 253, .4);
  border-top: 4px solid var(--av-cyan);
  border-radius: var(--av-radius);
  box-shadow: 0 24px 60px rgba(7, 17, 31, .2);
}

.av-client-hub::before,
.av-client-hub::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.av-client-hub::before {
  inset: 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 4px;
}

.av-client-hub::after {
  width: 8px;
  height: 8px;
  right: -5px;
  top: calc(50% - 4px);
  border-radius: 50%;
  background: var(--av-cyan);
  box-shadow: calc(-1 * (260px + clamp(48px, 5vw, 80px))) 0 0 var(--av-cyan);
}

.av-client-hub-logo {
  width: 116px !important;
  margin: 0 auto 24px !important;
}

.av-client-hub-logo img {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: contain;
}

.av-client-hub .av-hub-label {
  margin: 0 0 8px !important;
  color: var(--av-cyan);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.av-client-hub h3 {
  margin: 0 !important;
  color: var(--av-white);
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.15;
}

.av-client-hub p:last-child {
  margin: 16px 0 0 !important;
  color: #c7d7e8;
  font-size: 15px;
  line-height: 1.6;
}

.av-client-node {
  position: relative;
  z-index: 1;
  display: flex !important;
  padding: 28px 28px 28px 76px !important;
  flex-direction: column;
  justify-content: center;
  background: var(--av-white);
  border: 1px solid var(--av-line);
  border-radius: var(--av-radius);
  box-shadow: 0 14px 36px rgba(7, 17, 31, .08);
}

.av-client-node::before {
  content: "";
  position: absolute;
  top: 50%;
  width: clamp(48px, 5vw, 80px);
  height: 1px;
  background: linear-gradient(90deg, var(--av-line), var(--av-blue));
}

.av-client-node--one { grid-column: 1; grid-row: 1; }
.av-client-node--two { grid-column: 3; grid-row: 1; }
.av-client-node--three { grid-column: 1; grid-row: 2; }
.av-client-node--four { grid-column: 3; grid-row: 2; }

.av-client-node--one::before,
.av-client-node--three::before { right: calc(-1 * clamp(48px, 5vw, 80px)); }

.av-client-node--two::before,
.av-client-node--four::before {
  left: calc(-1 * clamp(48px, 5vw, 80px));
  transform: rotate(180deg);
}

.av-client-number {
  position: absolute;
  top: 28px;
  left: 28px;
  display: grid;
  width: 32px;
  height: 32px;
  margin: 0 !important;
  place-items: center;
  color: var(--av-white);
  background: var(--av-blue);
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.av-client-node h3 {
  margin: 0 0 12px !important;
  font-size: 19px;
  line-height: 1.3;
}

.av-client-node > p:last-child {
  margin: 0 !important;
  color: var(--av-muted);
  line-height: 1.65;
}

@media (max-width: 980px) {
  .av-client-diagram {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 24px !important;
  }

  .av-client-hub {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 250px;
  }

  .av-client-node,
  .av-client-node--one,
  .av-client-node--two,
  .av-client-node--three,
  .av-client-node--four {
    grid-column: auto;
    grid-row: auto;
  }

  .av-client-node::before,
  .av-client-hub::after { display: none; }
}

@media (max-width: 599px) {
  .av-client-diagram {
    grid-template-columns: 1fr;
    gap: 16px !important;
    margin-top: 32px !important;
  }

  .av-client-hub {
    grid-column: 1;
    min-height: 236px;
    padding: 32px 24px !important;
  }

  .av-client-node {
    min-height: 172px;
    padding: 28px 24px 28px 72px !important;
  }

  .av-client-number {
    left: 24px;
  }
}

/* Responsive infographic for the operational trust section. */
.av-posthero-layout.av-posthero-visual-layout {
  grid-template-columns: minmax(260px, .62fr) minmax(0, 1.38fr) !important;
  gap: clamp(32px, 4.5vw, 72px) !important;
  align-items: center !important;
}

.av-posthero-visual {
  width: 100% !important;
  margin: 0 !important;
}

.av-posthero-visual .wp-block-image {
  width: 100% !important;
  margin: 0 !important;
}

.av-posthero-visual img {
  display: block;
  width: 100% !important;
  height: auto !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.av-trust-infographic-mobile {
  display: none !important;
}

@media (max-width: 980px) {
  .av-posthero-layout.av-posthero-visual-layout {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

@media (max-width: 640px) {
  .av-trust-infographic-desktop {
    display: none !important;
  }

  .av-trust-infographic-mobile {
    display: block !important;
  }

  .av-posthero-visual img {
    border-radius: 0;
    box-shadow: none;
  }
}

/* Gutenberg list that summarizes the three operating principles. */
.av-posthero-points {
  display: grid;
  gap: 12px;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.av-posthero-points li {
  position: relative;
  margin: 0 !important;
  padding: 12px 16px 12px 42px;
  color: var(--av-ink);
  background: rgba(255, 255, 255, .78);
  border: 1px solid var(--av-line);
  border-radius: 6px;
  font-family: var(--av-font-heading);
  font-size: 15px !important;
  font-weight: 650;
  line-height: 1.4 !important;
}

.av-posthero-points li::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 3px solid var(--av-blue);
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 0 4px rgba(13, 99, 255, .1);
}

/* Quiet, aligned solution cards that continue the site's light visual rhythm. */
body .av-solutions-grid {
  align-items: stretch !important;
  grid-auto-rows: 1fr;
  gap: 22px !important;
  margin-top: 32px !important;
}

body .av-solutions-grid > .av-solution-card {
  min-height: 292px !important;
  height: 100% !important;
  margin-block-start: 0 !important;
  margin-top: 0 !important;
  padding: 30px 32px 26px !important;
  justify-content: flex-start;
  color: var(--av-ink);
  background: var(--av-white) !important;
  border: 1px solid var(--av-line);
  border-top: 3px solid var(--av-blue);
  border-radius: var(--av-radius);
  box-shadow: 0 10px 28px rgba(7, 17, 31, .055);
}

body .av-solution-card::after {
  display: none;
}

body .av-solution-card--green { border-top-color: var(--av-green); }
body .av-solution-card--navy { border-top-color: #31577f; }
body .av-solution-card--cyan { border-top-color: #159fca; }

body .av-solution-card .av-solution-kicker {
  margin: 0 0 12px !important;
  color: var(--av-blue) !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

body .av-solution-card--green .av-solution-kicker { color: #0b8062 !important; }
body .av-solution-card--navy .av-solution-kicker { color: #31577f !important; }
body .av-solution-card--cyan .av-solution-kicker { color: #087ba1 !important; }

body .av-solution-card h3 {
  max-width: none;
  margin: 0 0 14px !important;
  color: var(--av-ink) !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
}

body .av-solution-card p:not(.av-solution-kicker):not(.av-solution-meta) {
  max-width: 66ch;
  margin: 0 !important;
  color: var(--av-muted) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

body .av-solution-card .av-solution-meta {
  margin: auto 0 0 !important;
  padding-top: 16px;
  color: #36516e !important;
  border-top: 1px solid var(--av-line);
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.45 !important;
}

@media (max-width: 599px) {
  body .av-solutions-grid {
    grid-auto-rows: auto;
    gap: 16px !important;
  }

  body .av-solutions-grid > .av-solution-card {
    min-height: 268px !important;
    height: auto !important;
    padding: 26px 24px 22px !important;
  }
}

/* Technical capabilities: software-first hierarchy with supporting infrastructure. */
.av-capabilities-section .av-capabilities-intro {
  width: 100% !important;
  max-width: 980px !important;
  margin-left: 0 !important;
}

.av-capabilities-section .av-capabilities-intro > p:last-child {
  max-width: 800px;
  margin-left: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  color: #b9c9da !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.av-capabilities-primary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 20px !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 44px !important;
}

.av-capability-focus {
  position: relative;
  display: flex !important;
  min-height: 300px;
  margin-block-start: 0 !important;
  padding: 30px !important;
  flex-direction: column;
  color: var(--av-white);
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(219, 231, 243, .16);
  border-top: 3px solid var(--av-blue);
  border-radius: var(--av-radius);
}

.av-capability-focus--automation { border-top-color: var(--av-cyan); }
.av-capability-focus--integration { border-top-color: var(--av-green); }
.av-capability-focus--web { border-top-color: #3867d6; }
.av-capability-focus--bi { border-top-color: #d6a114; }
.av-capability-focus--m365 { border-top-color: #7556c5; }

.av-capability-index {
  margin: 0 0 30px !important;
  color: var(--av-cyan) !important;
  font-family: var(--av-font-heading);
  font-size: 13px !important;
  font-weight: 800;
  line-height: 1 !important;
}

.av-capability-focus h3 {
  margin: 0 0 14px !important;
  color: var(--av-white) !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
}

.av-capability-focus > p:not(.av-capability-index):not(.av-capability-tags) {
  margin: 0 !important;
  color: #c6d4e3 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.av-capability-tags {
  margin: auto 0 0 !important;
  padding-top: 20px;
  color: #9edcff !important;
  border-top: 1px solid rgba(219, 231, 243, .16);
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.5 !important;
}

.av-capabilities-support {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 38px !important;
  padding-top: 28px;
  border-top: 1px solid rgba(219, 231, 243, .16);
}

.av-capabilities-support-label {
  margin: 0 0 18px !important;
  color: #8fa5bc !important;
  font-size: 12px !important;
  font-weight: 800;
  line-height: 16px !important;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.av-capability-support-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 26px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.av-capability-support-list li {
  position: relative;
  margin: 0 !important;
  padding-left: 18px;
  color: #d2deea !important;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.5 !important;
}

.av-capability-support-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: 7px;
  height: 7px;
  background: var(--av-cyan);
  border-radius: 50%;
}

@media (max-width: 1100px) {
  .av-capabilities-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .av-capability-focus {
    min-height: 250px;
  }
}

@media (max-width: 599px) {
  .av-capabilities-primary {
    grid-template-columns: 1fr;
    gap: 16px !important;
    margin-top: 32px !important;
  }

  .av-capability-focus {
    min-height: auto;
    padding: 26px 24px !important;
  }

  .av-capability-index {
    margin-bottom: 22px !important;
  }

  .av-capability-tags {
    margin-top: 26px !important;
  }

  .av-capability-support-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* Light capabilities treatment to maintain continuity with the homepage. */
.av-capabilities-section {
  color: var(--av-ink) !important;
  background: #eef4f8 !important;
}

.av-capabilities-section .av-eyebrow {
  color: var(--av-blue) !important;
}

.av-capabilities-section h2 {
  color: var(--av-ink) !important;
}

.av-capabilities-section .av-capabilities-intro > p:last-child {
  color: var(--av-muted) !important;
}

.av-capabilities-section .av-capability-focus {
  color: var(--av-ink);
  background: var(--av-white);
  border-color: var(--av-line);
  box-shadow: 0 12px 30px rgba(7, 17, 31, .06);
}

.av-capabilities-section .av-capability-index {
  color: var(--av-blue) !important;
}

.av-capabilities-section .av-capability-focus--automation .av-capability-index {
  color: #087ba1 !important;
}

.av-capabilities-section .av-capability-focus--integration .av-capability-index {
  color: #0b8062 !important;
}

.av-capabilities-section .av-capability-focus--web .av-capability-index {
  color: #315bb7 !important;
}

.av-capabilities-section .av-capability-focus--bi .av-capability-index {
  color: #8a6410 !important;
}

.av-capabilities-section .av-capability-focus--m365 .av-capability-index {
  color: #6747b2 !important;
}

.av-capabilities-section .av-capability-focus h3 {
  color: var(--av-ink) !important;
}

.av-capabilities-section .av-capability-focus > p:not(.av-capability-index):not(.av-capability-tags) {
  color: var(--av-muted) !important;
}

.av-capabilities-section .av-capability-tags {
  color: #2864a8 !important;
  border-top-color: var(--av-line);
}

.av-capabilities-section .av-capability-focus--automation .av-capability-tags {
  color: #087ba1 !important;
}

.av-capabilities-section .av-capability-focus--integration .av-capability-tags {
  color: #0b8062 !important;
}

.av-capabilities-section .av-capability-focus--web .av-capability-tags {
  color: #315bb7 !important;
}

.av-capabilities-section .av-capability-focus--bi .av-capability-tags {
  color: #76560e !important;
}

.av-capabilities-section .av-capability-focus--m365 .av-capability-tags {
  color: #6747b2 !important;
}

.av-capabilities-section .av-capabilities-support {
  border-top-color: #cbd9e6;
}

.av-capabilities-section .av-capabilities-support-label {
  color: #667b91 !important;
}

.av-capabilities-section .av-capability-support-list li {
  color: #36516e !important;
}

/* Que hacemos: shared section hierarchy with a focused principles/visual row. */
.av-about-section > .av-container > h2 {
  max-width: 920px !important;
  margin-left: 0 !important;
}

.av-about-section > .av-container > p:not(.av-eyebrow) {
  max-width: 840px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  color: var(--av-muted) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.av-about-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, .62fr) minmax(0, 1.38fr);
  gap: clamp(36px, 5vw, 76px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 42px 0 0 !important;
  align-items: center;
}

.av-about-principles {
  width: 100% !important;
  margin: 0 !important;
}

.av-about-grid-label {
  margin: 0 0 18px !important;
  color: #667b91 !important;
  font-size: 12px !important;
  font-weight: 800;
  line-height: 16px !important;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.av-about-section .av-posthero-points {
  margin-top: 0 !important;
}

.av-about-section .av-posthero-visual {
  min-width: 0;
}

@media (max-width: 980px) {
  .av-about-grid {
    grid-template-columns: 1fr;
    gap: 32px !important;
  }
}

@media (max-width: 599px) {
  .av-about-grid {
    gap: 24px !important;
    margin-top: 32px !important;
  }
}

/* Full-width conversion band placed before the client section. */
body .av-cta-section {
  color: var(--av-white) !important;
  background: linear-gradient(120deg, #071a33 0%, #0b3568 58%, #0d63c9 100%) !important;
  padding-top: clamp(60px, 7vw, 92px) !important;
  padding-bottom: clamp(60px, 7vw, 92px) !important;
}

body .av-cta-section .av-band {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--av-white) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body .av-cta-section .av-eyebrow {
  color: #77dcff !important;
}

body .av-cta-section h2 {
  max-width: 920px !important;
  margin-top: 0 !important;
  color: var(--av-white) !important;
}

body .av-cta-section .av-band p:not(.av-eyebrow) {
  max-width: 920px !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

body .av-cta-section .av-actions {
  margin-top: 0 !important;
  justify-content: flex-end;
}

body .av-cta-section .av-button--light .wp-block-button__link {
  min-width: 210px;
  color: var(--av-navy) !important;
  background: var(--av-white) !important;
}

@media (max-width: 900px) {
  body .av-cta-section .av-actions {
    justify-content: flex-start;
    margin-top: 8px !important;
  }
}

@media (max-width: 599px) {
  body .av-cta-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  body .av-cta-section .av-button--light,
  body .av-cta-section .av-button--light .wp-block-button__link {
    width: 100%;
  }
}

/* Area Clientes hero: keep every intro element on the same left edge. */
body.page-id-26 .av-page-hero > .av-container > .av-eyebrow,
body.page-id-26 .av-page-hero > .av-container > h1,
body.page-id-26 .av-page-hero > .av-container > p:not(.av-eyebrow) {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* Contacto hero: keep every intro element on the same left edge. */
body.page-id-12 .av-page-hero > .av-container > .av-eyebrow,
body.page-id-12 .av-page-hero > .av-container > h1,
body.page-id-12 .av-page-hero > .av-container > p:not(.av-eyebrow) {
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* Keep the primary navigation visible while the page scrolls. */
body > .wp-site-blocks > header.wp-block-template-part {
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 1000;
  background: var(--av-white, #fff);
  box-shadow: 0 1px 0 rgba(9, 30, 66, 0.1);
  transition: background-color 180ms ease, box-shadow 180ms ease;
}

body > .wp-site-blocks > header.wp-block-template-part.is-scrolled {
  background: rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 8px 24px rgba(9, 30, 66, 0.1);
}

body > .wp-site-blocks > header.wp-block-template-part > .av-site-header {
  transition: background-color 180ms ease;
}

body > .wp-site-blocks > header.wp-block-template-part.is-scrolled > .av-site-header {
  background: transparent !important;
}

body > .wp-site-blocks {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

html,
body {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

@media (prefers-reduced-motion: reduce) {
  body > .wp-site-blocks > header.wp-block-template-part {
    transition: none;
  }

  body > .wp-site-blocks > header.wp-block-template-part > .av-site-header {
    transition: none;
  }
}

/* Contact Form 7: Gutenberg-aligned corporate form. */
body.page-id-12 .av-contact-form-section {
  background: #f4f8fc;
}

body.page-id-12 .av-contact-form-section .av-container > p:not(.av-eyebrow) {
  max-width: 720px;
  color: var(--av-muted);
}

.av-contact-form-section .wpcf7 {
  max-width: 920px;
  margin-top: 32px;
}

.av-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 24px;
}

.av-form-grid label {
  display: grid;
  gap: 8px;
  margin: 0;
  color: var(--av-ink);
  font-size: 0.95rem;
  font-weight: 700;
}

.av-form-grid .av-form-field--full {
  grid-column: 1 / -1;
}

.av-form-grid > p:has(> label.av-form-field--full) {
  grid-column: 1 / -1;
}

.av-form-grid input[type="text"],
.av-form-grid input[type="email"],
.av-form-grid input[type="tel"],
.av-form-grid select,
.av-form-grid textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cbd8e8;
  border-radius: 6px;
  background: #fff;
  color: var(--av-ink);
  font: inherit;
  font-weight: 400;
  line-height: 1.5;
  padding: 13px 14px;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.av-form-grid textarea {
  height: auto;
  min-height: 164px;
  resize: vertical;
}

.av-form-grid input:focus,
.av-form-grid select:focus,
.av-form-grid textarea:focus {
  border-color: var(--av-blue);
  box-shadow: 0 0 0 3px rgba(13, 99, 255, 0.14);
  outline: none;
}

.av-form-submit input[type="submit"] {
  min-height: 48px;
  border: 0;
  border-radius: 6px;
  background: var(--av-blue);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 750;
  padding: 0 24px;
}

.av-form-submit input[type="submit"]:hover {
  background: #084fc7;
}

.wpcf7-not-valid-tip {
  margin-top: 6px;
  color: #b42318;
  font-size: 0.86rem;
}

.wpcf7 form .wpcf7-response-output {
  margin: 22px 0 0;
  border-radius: 6px;
  padding: 12px 14px;
}

@media (max-width: 640px) {
  .av-form-grid {
    grid-template-columns: 1fr;
  }

  .av-form-grid > * {
    grid-column: 1 / -1;
  }