.elementor-681 .elementor-element.elementor-element-9f43354{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');


/* =========================================================
   BASE
   ========================================================= */

html,
body{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  background:#070B10!important;
}


.symbolic-site{

  --bg:#090D12;
  --bg-soft:#0F151D;
  --card:#121A24;
  --line:rgba(255,255,255,.08);
  --text:#F3F6FA;
  --muted:#9AA6B4;
  --blue:#3D8BFF;
  --cyan:#38D6E7;
  --silver:#C4CBD5;
  --silver-soft:#8E99A8;

  position:relative;

  width:100%;
  max-width:100%;

  margin:0;

  background:#090D12;

  color:var(--text);

  font-family:
    Inter,
    Arial,
    sans-serif;

  font-size:16px;

  line-height:1.6;

  overflow:hidden;

}


.symbolic-site *{
  box-sizing:border-box;
}


.symbolic-site a{
  color:inherit;
  text-decoration:none;
}


.symbolic-site h1,
.symbolic-site h2,
.symbolic-site h3,
.symbolic-site p{
  margin-top:0;
}


.symbolic-site section[id]{
  scroll-margin-top:30px;
}


.symbolic-wrap{

  width:min(
    1360px,
    calc(100% - 64px)
  );

  max-width:100%;

  margin:0 auto;

}


/* =========================================================
   LATERAIS / IDENTIDADE VISUAL
   ========================================================= */

.symbolic-side-decor{
  display:none;
}


@media(min-width:1480px){


  .symbolic-side-decor{

    position:fixed;

    top:0;
    bottom:0;

    width:245px;

    display:block;

    overflow:hidden;

    pointer-events:none;

    z-index:9;

    opacity:.82;

  }


  .symbolic-side-decor--left{
    left:0;
  }


  .symbolic-side-decor--right{

    right:0;

    transform:
      scaleX(-1);

  }


  .symbolic-side-glow--blue{

    position:absolute;

    left:-100px;
    top:16%;

    width:360px;
    height:570px;

    border-radius:50%;

    background:

      radial-gradient(
        ellipse,
        rgba(61,139,255,.17) 0%,
        rgba(56,214,231,.065) 35%,
        transparent 72%
      );

    filter:
      blur(27px);

    animation:
      symbolicSideGlow
      9s ease-in-out infinite;

  }


  .symbolic-side-glow--silver{

    position:absolute;

    left:52px;
    top:54%;

    width:160px;
    height:330px;

    background:

      radial-gradient(
        ellipse,
        rgba(196,203,213,.12),
        transparent 72%
      );

    filter:
      blur(27px);

    opacity:.55;

    animation:
      symbolicSilverGlow
      11s ease-in-out infinite;

  }


  .symbolic-side-line{

    position:absolute;

    width:1px;

    display:block;

    background:

      linear-gradient(
        180deg,
        transparent,
        rgba(56,214,231,.34),
        rgba(196,203,213,.24),
        rgba(61,139,255,.20),
        transparent
      );

  }


  .symbolic-side-line--1{

    left:47px;
    top:7%;

    height:250px;

  }


  .symbolic-side-line--2{

    left:108px;
    top:37%;

    height:190px;

    opacity:.58;

  }


  .symbolic-side-line--3{

    left:176px;
    top:53%;

    height:310px;

    opacity:.46;

  }


  .symbolic-side-line--4{

    left:218px;
    top:19%;

    height:145px;

    opacity:.27;

  }


  .symbolic-side-orbit{

    position:absolute;

    display:block;

    border-radius:50%;

  }


  .symbolic-side-orbit--1{

    left:-83px;
    top:31%;

    width:205px;
    height:205px;

    border:
      1px solid
      rgba(61,139,255,.11);

    animation:
      symbolicSideOrbit
      20s linear infinite;

  }


  .symbolic-side-orbit--1:after{

    content:"";

    position:absolute;

    width:5px;
    height:5px;

    top:29px;
    right:29px;

    background:#38D6E7;

    box-shadow:
      0 0 12px
      rgba(56,214,231,.8);

  }


  .symbolic-side-orbit--2{

    left:120px;
    top:73%;

    width:105px;
    height:105px;

    border:
      1px solid
      rgba(196,203,213,.14);

    animation:
      symbolicSideOrbit
      14s linear infinite reverse;

  }


  .symbolic-side-square{

    position:absolute;

    display:block;

    animation:
      symbolicSideFloat
      7s ease-in-out infinite;

  }


  .symbolic-side-square--1{

    left:122px;
    top:26%;

    width:8px;
    height:8px;

    background:#3D8BFF;

    box-shadow:
      0 0 15px
      rgba(61,139,255,.5);

  }


  .symbolic-side-square--2{

    left:35px;
    top:67%;

    width:5px;
    height:5px;

    background:#38D6E7;

    box-shadow:
      0 0 12px
      rgba(56,214,231,.55);

    animation-delay:2s;

  }


  .symbolic-side-square--3{

    left:204px;
    top:86%;

    width:6px;
    height:6px;

    background:#C4CBD5;

    box-shadow:
      0 0 12px
      rgba(196,203,213,.45);

    animation-delay:3s;

  }


  .symbolic-side-dot{

    position:absolute;

    width:4px;
    height:4px;

    border-radius:50%;

    animation:
      symbolicSideDot
      5s ease-in-out infinite;

  }


  .symbolic-side-dot--1{

    left:149px;
    top:45%;

    background:#38D6E7;

    box-shadow:
      0 0 13px
      rgba(56,214,231,.75);

  }


  .symbolic-side-dot--2{

    left:74px;
    top:84%;

    background:#3D8BFF;

    box-shadow:
      0 0 13px
      rgba(61,139,255,.7);

    animation-delay:1.6s;

  }


  .symbolic-side-dot--3{

    left:204px;
    top:15%;

    background:#D8DEE6;

    box-shadow:
      0 0 12px
      rgba(216,222,230,.65);

    animation-delay:.8s;

  }


  /* GLIFOS */

  .symbolic-glyph-block{

    position:absolute;

    display:flex;

    align-items:center;

    gap:13px;

  }


  .symbolic-glyph-block--a{

    left:18px;
    top:47%;

    transform:
      rotate(-90deg)
      translateX(-50%);

    transform-origin:
      left center;

  }


  .symbolic-glyph-block--b{

    left:92px;
    top:78%;

    transform:
      rotate(-90deg);

    transform-origin:
      left center;

  }


  .symbolic-glyph-code{

    display:flex;

    align-items:center;

    gap:9px;

    white-space:nowrap;

  }


  .symbolic-glyph-code span{

    color:
      rgba(154,181,196,.26);

    font-size:14px;

    line-height:1;

    text-shadow:none;

    animation:
      symbolicGlyphIdle
      7s ease-in-out infinite;

  }


  .symbolic-glyph-code span:nth-child(2){

    color:
      rgba(56,214,231,.44);

    animation:
      symbolicGlyphNeon
      5.6s ease-in-out infinite;

  }


  .symbolic-glyph-code span:nth-child(4){

    color:
      rgba(196,203,213,.38);

    animation:
      symbolicGlyphSilver
      7.4s ease-in-out infinite 1.7s;

  }


  .symbolic-glyph-code span:nth-child(6){

    color:
      rgba(61,139,255,.38);

    animation:
      symbolicGlyphBlue
      8.2s ease-in-out infinite 2.8s;

  }


  .symbolic-glyph-bars{

    display:flex;

    align-items:center;

    gap:3px;

  }


  .symbolic-glyph-bars i{

    display:block;

    width:2px;
    height:13px;

    background:
      rgba(56,214,231,.24);

  }


  .symbolic-glyph-bars i:nth-child(2){

    height:19px;

    background:
      rgba(196,203,213,.28);

  }


  .symbolic-glyph-block small{

    color:
      rgba(116,138,153,.32);

    font-size:7px;

    letter-spacing:.23em;

    white-space:nowrap;

  }


  .symbolic-glyph-column{

    position:absolute;

    right:18px;
    top:34%;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:13px;

  }


  .symbolic-glyph-column:before{

    content:"";

    width:1px;
    height:78px;

    margin-bottom:8px;

    background:

      linear-gradient(
        transparent,
        rgba(56,214,231,.3)
      );

  }


  .symbolic-glyph-column:after{

    content:"";

    width:1px;
    height:54px;

    margin-top:8px;

    background:

      linear-gradient(
        rgba(196,203,213,.24),
        transparent
      );

  }


  .symbolic-glyph-column span{

    color:
      rgba(148,164,176,.21);

    font-size:12px;

    line-height:1;

  }


  .symbolic-glyph-column span:nth-child(2){

    animation:
      symbolicGlyphNeon
      6.5s ease-in-out infinite 2s;

  }


  .symbolic-glyph-column span:nth-child(5){

    animation:
      symbolicGlyphSilver
      8s ease-in-out infinite 1s;

  }


  .symbolic-glyph-column span:nth-child(7){

    animation:
      symbolicGlyphBlue
      6.8s ease-in-out infinite 3s;

  }


}


/* =========================================================
   HEADER
   ========================================================= */

.symbolic-header{

  position:relative;

  z-index:30;

  background:
    rgba(9,13,18,.94);

  border-bottom:
    1px solid
    var(--line);

  backdrop-filter:
    blur(18px);

}


.symbolic-header-inner{

  height:78px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:28px;

}


.symbolic-brand{

  display:flex;

  align-items:center;

  gap:13px;

  flex-shrink:0;

}


.symbolic-brand-mark{

  width:34px;
  height:34px;

  display:grid;

  place-items:center;

  transform:
    rotate(45deg);

  border:
    1px solid
    rgba(56,214,231,.5);

  background:

    linear-gradient(
      135deg,
      rgba(61,139,255,.16),
      rgba(56,214,231,.04)
    );

}


.symbolic-brand-mark span{

  width:11px;
  height:11px;

  background:

    linear-gradient(
      135deg,
      var(--blue),
      var(--cyan)
    );

}


.symbolic-brand-text{

  display:flex;

  flex-direction:column;

  line-height:1.05;

}


.symbolic-brand-text strong{

  font-size:17px;

  font-weight:700;

  letter-spacing:-.03em;

}


.symbolic-brand-text small{

  margin-top:5px;

  color:#758291;

  font-size:9px;

  font-weight:600;

  text-transform:uppercase;

  letter-spacing:.19em;

}


.symbolic-menu{

  display:flex;

  align-items:center;

  gap:30px;

  margin-left:auto;

}


.symbolic-menu a{

  color:#A5AFBA;

  font-size:13px;

  font-weight:500;

  transition:.2s;

}


.symbolic-menu a:hover{
  color:#fff;
}


/* =========================================================
   IDIOMAS
   ========================================================= */

.symbolic-language{

  position:relative;

  flex-shrink:0;

}


.symbolic-language summary{

  min-height:38px;

  display:flex;

  align-items:center;

  gap:8px;

  padding:
    8px 11px;

  color:#AAB4BF;

  border:
    1px solid
    rgba(255,255,255,.09);

  background:
    rgba(255,255,255,.025);

  font-size:10px;

  font-weight:600;

  letter-spacing:.04em;

  cursor:pointer;

  list-style:none;

  user-select:none;

  transition:

    color .2s ease,

    border-color .2s ease,

    background .2s ease;

}


.symbolic-language summary::-webkit-details-marker{
  display:none;
}


.symbolic-language summary:hover{

  color:#fff;

  border-color:
    rgba(56,214,231,.28);

  background:
    rgba(56,214,231,.035);

}


.symbolic-language-globe{

  color:var(--cyan);

  font-size:14px;

  line-height:1;

}


.symbolic-language summary i{

  width:6px;
  height:6px;

  margin-left:1px;

  border-right:
    1px solid
    #778391;

  border-bottom:
    1px solid
    #778391;

  transform:
    translateY(-2px)
    rotate(45deg);

  transition:
    transform .2s ease;

}


.symbolic-language[open] summary i{

  transform:
    translateY(2px)
    rotate(225deg);

}


.symbolic-language-menu{

  position:absolute;

  right:0;
  top:calc(100% + 10px);

  width:170px;

  padding:6px;

  background:
    rgba(13,20,28,.98);

  border:
    1px solid
    rgba(255,255,255,.1);

  box-shadow:
    0 20px 45px
    rgba(0,0,0,.38);

  backdrop-filter:
    blur(18px);

  z-index:100;

}


.symbolic-language-menu:before{

  content:"";

  position:absolute;

  top:-1px;
  left:12px;
  right:12px;

  height:1px;

  background:

    linear-gradient(
      90deg,
      transparent,
      rgba(56,214,231,.65),
      transparent
    );

}


.symbolic-language-menu a{

  display:grid;

  grid-template-columns:
    42px 1fr;

  align-items:center;

  gap:8px;

  padding:
    10px 9px;

  transition:
    background .2s ease;

}


.symbolic-language-menu a:hover{

  background:
    rgba(255,255,255,.04);

}


.symbolic-language-menu strong{

  color:#E8EDF3;

  font-size:10px;

  letter-spacing:.05em;

}


.symbolic-language-menu span{

  color:#788593;

  font-size:10px;

}


.symbolic-language-menu .is-active{

  background:
    rgba(56,214,231,.035);

}


.symbolic-language-menu .is-active strong{

  color:var(--cyan);

}


.symbolic-language-menu .is-disabled{

  opacity:.55;

  cursor:default;

}


.symbolic-header-button{

  flex-shrink:0;

  padding:
    11px 18px;

  border:
    1px solid
    rgba(61,139,255,.7);

  color:#fff;

  background:
    rgba(61,139,255,.1);

  font-size:12px;

  font-weight:600;

  transition:.2s;

}


.symbolic-header-button:hover{
  background:var(--blue);
}


/* =========================================================
   HERO
   ========================================================= */

.symbolic-hero{

  position:relative;

  overflow:hidden;

  background:

    radial-gradient(
      circle at 78% 43%,
      rgba(61,139,255,.11),
      transparent 25%
    ),

    radial-gradient(
      circle at 29% 18%,
      rgba(56,214,231,.045),
      transparent 19%
    ),

    linear-gradient(
      180deg,
      #081019 0%,
      #090D12 100%
    );

}


.symbolic-hero:after{

  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:0;

  height:190px;

  pointer-events:none;

  background:

    linear-gradient(
      180deg,
      transparent,
      rgba(3,9,15,.25)
    );

}


.symbolic-hero-grid{

  position:absolute;

  inset:0;

  opacity:.33;

  background-image:

    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size:
    68px 68px;

  mask-image:

    linear-gradient(
      90deg,
      transparent,
      #000 14%,
      #000 86%,
      transparent
    );

  animation:
    symbolicGridFloat
    16s linear infinite;

}


.symbolic-hero-glow{

  position:absolute;

  right:8%;
  top:18%;

  width:620px;
  height:620px;

  max-width:80vw;
  max-height:80vw;

  border-radius:50%;

  background:

    radial-gradient(
      circle,
      rgba(56,214,231,.075),
      transparent 62%
    );

  filter:
    blur(22px);

  pointer-events:none;

}


.symbolic-hero-silver{

  position:absolute;

  left:8%;
  top:14%;

  width:340px;
  height:340px;

  background:

    radial-gradient(
      circle,
      rgba(196,203,213,.055),
      transparent 70%
    );

  filter:
    blur(30px);

  pointer-events:none;

}


.symbolic-hero-inner{

  position:relative;

  z-index:12;

  min-height:630px;

  display:grid;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(420px,.92fr);

  align-items:center;

  gap:105px;

  padding:
    82px 0 68px;

}


.symbolic-hero-copy{

  position:relative;

  z-index:3;

}


.symbolic-hero-copy > *{

  opacity:0;

  transform:
    translateY(20px);

  animation:
    symbolicRevealUp
    .8s ease forwards;

}


.symbolic-hero-copy .symbolic-label{
  animation-delay:.08s;
}


.symbolic-hero-copy h1{
  animation-delay:.18s;
}


.symbolic-hero-copy .symbolic-hero-description{
  animation-delay:.28s;
}


.symbolic-hero-copy .symbolic-hero-actions{
  animation-delay:.38s;
}


.symbolic-hero-copy .symbolic-hero-tags{
  animation-delay:.48s;
}


.symbolic-label,
.symbolic-eyebrow{

  display:block;

  margin-bottom:18px;

  color:var(--cyan);

  font-size:10px;

  font-weight:700;

  text-transform:uppercase;

  letter-spacing:.22em;

}


.symbolic-label{

  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:22px;

}


.symbolic-label span{

  width:26px;
  height:1px;

  background:var(--cyan);

  box-shadow:
    0 0 14px
    rgba(56,214,231,.6);

}


.symbolic-hero h1{

  max-width:840px;

  margin-bottom:22px;

  font-size:
    clamp(
      50px,
      4.35vw,
      73px
    );

  line-height:1.02;

  letter-spacing:-.058em;

  font-weight:600;

}


.symbolic-hero h1 span{

  display:block;

  color:#A4AFBA;

}


.symbolic-hero-description{

  max-width:650px;

  margin-bottom:30px;

  color:#AAB4BF;

  font-size:18px;

  line-height:1.75;

}


.symbolic-hero-actions{

  display:flex;

  flex-wrap:wrap;

  gap:12px;

  margin-bottom:24px;

}


.symbolic-btn{

  min-height:48px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:
    12px 22px;

  font-size:13px;

  font-weight:600;

  transition:.2s;

}


.symbolic-btn-primary{

  background:var(--blue);

  border:
    1px solid
    var(--blue);

  color:#fff;

}


.symbolic-btn-primary:hover{
  background:#579BFF;
}


.symbolic-btn-secondary{

  background:transparent;

  border:
    1px solid
    rgba(255,255,255,.18);

  color:#fff;

}


.symbolic-btn-secondary:hover{

  border-color:
    rgba(255,255,255,.4);

}


.symbolic-hero-tags{

  display:flex;

  flex-wrap:wrap;

  gap:10px;

}


.symbolic-hero-tags span{

  padding:
    10px 14px;

  border:
    1px solid
    rgba(255,255,255,.08);

  background:
    rgba(255,255,255,.03);

  color:#96A2AE;

  font-size:11px;

  font-weight:500;

  backdrop-filter:
    blur(8px);

}


/* =========================================================
   RADAR
   ========================================================= */

.symbolic-hero-art{

  position:relative;

  min-height:430px;

  display:grid;

  place-items:center;

  overflow:hidden;

}


.symbolic-signal-stage{

  position:relative;

  width:450px;
  height:450px;

  max-width:100%;

  display:grid;

  place-items:center;

  isolation:isolate;

}


.symbolic-signal-corner{

  position:absolute;

  width:72px;
  height:72px;

  z-index:4;

}


.symbolic-signal-corner--tl{

  top:18px;
  left:18px;

  border-left:
    1px solid
    rgba(56,214,231,.55);

  border-top:
    1px solid
    rgba(56,214,231,.55);

}


.symbolic-signal-corner--br{

  right:18px;
  bottom:18px;

  border-right:
    1px solid
    rgba(61,139,255,.55);

  border-bottom:
    1px solid
    rgba(61,139,255,.55);

}


.symbolic-scan-ring{

  position:absolute;

  border-radius:50%;

  border:
    1px solid
    rgba(61,139,255,.24);

  animation:
    symbolicRingPulse
    4.8s ease-in-out infinite;

}


.symbolic-scan-ring--1{

  width:110px;
  height:110px;

}


.symbolic-scan-ring--2{

  width:210px;
  height:210px;

  animation-delay:.35s;

}


.symbolic-scan-ring--3{

  width:330px;
  height:330px;

  animation-delay:.7s;

}


.symbolic-radar-beam{

  position:absolute;

  width:330px;
  height:330px;

  border-radius:50%;

  z-index:1;

  pointer-events:none;

  background:

    conic-gradient(
      from 0deg,
      rgba(56,214,231,0) 0deg,
      rgba(56,214,231,0) 318deg,
      rgba(56,214,231,.06) 334deg,
      rgba(56,214,231,.20) 346deg,
      rgba(56,214,231,.62) 360deg
    );

  -webkit-mask:

    radial-gradient(
      circle,
      transparent 0 104px,
      #000 106px 167px,
      transparent 169px
    );

  mask:

    radial-gradient(
      circle,
      transparent 0 104px,
      #000 106px 167px,
      transparent 169px
    );

  filter:
    blur(.5px);

  mix-blend-mode:screen;

  animation:
    symbolicSweep
    4.2s linear infinite;

}


.symbolic-radar-beam--soft{

  width:210px;
  height:210px;

  opacity:.48;

  background:

    conic-gradient(
      from 0deg,
      rgba(61,139,255,0) 0deg,
      rgba(61,139,255,0) 320deg,
      rgba(61,139,255,.05) 338deg,
      rgba(61,139,255,.18) 350deg,
      rgba(61,139,255,.55) 360deg
    );

  -webkit-mask:

    radial-gradient(
      circle,
      transparent 0 52px,
      #000 54px 106px,
      transparent 108px
    );

  mask:

    radial-gradient(
      circle,
      transparent 0 52px,
      #000 54px 106px,
      transparent 108px
    );

  animation-duration:6.4s;

  animation-direction:reverse;

}


.symbolic-center-mark{

  position:relative;

  width:96px;
  height:96px;

  display:grid;

  place-items:center;

  z-index:3;

  animation:
    symbolicCenterFloat
    4.2s ease-in-out infinite;

}


.symbolic-center-mark__diamond{

  position:absolute;

  display:block;

  transform:
    rotate(45deg);

}


.symbolic-center-mark__diamond--lg{

  width:88px;
  height:88px;

  border:
    1px solid
    rgba(56,214,231,.48);

  background:

    linear-gradient(
      135deg,
      rgba(56,214,231,.05),
      rgba(61,139,255,.05)
    );

  box-shadow:
    0 0 34px
    rgba(56,214,231,.08);

  animation:
    symbolicDiamondSpin
    14s linear infinite;

}


.symbolic-center-mark__diamond--sm{

  width:44px;
  height:44px;

  border:
    1px solid
    rgba(196,203,213,.46);

  background:
    rgba(196,203,213,.05);

  animation:
    symbolicDiamondSpin
    9s linear infinite reverse;

}


.symbolic-center-mark__node{

  position:absolute;

  width:14px;
  height:14px;

  border-radius:50%;

  background:

    linear-gradient(
      135deg,
      #38D6E7,
      #3D8BFF
    );

  box-shadow:

    0 0 18px
    rgba(56,214,231,.8),

    0 0 34px
    rgba(61,139,255,.4);

  animation:
    symbolicCoreBlink
    2.8s ease-in-out infinite;

}


.symbolic-signal-node{

  position:absolute;

  width:8px;
  height:8px;

  z-index:3;

  box-shadow:
    0 0 18px
    currentColor;

  animation:
    symbolicNodeBlink
    2.8s ease-in-out infinite;

}


.symbolic-signal-node--a{

  top:82px;
  right:44px;

  background:#38D6E7;

  color:#38D6E7;

}


.symbolic-signal-node--b{

  top:206px;
  right:8px;

  background:#3D8BFF;

  color:#3D8BFF;

  animation-delay:.8s;

}


.symbolic-signal-node--c{

  bottom:72px;
  left:52px;

  background:#C4CBD5;

  color:#C4CBD5;

  animation-delay:1.4s;

}


.symbolic-stage-status{

  position:absolute;

  left:44px;
  bottom:28px;

  display:flex;

  align-items:center;

  gap:8px;

  z-index:5;

  color:#9AA6B4;

  font-size:10px;

  font-weight:500;

  letter-spacing:.08em;

  text-transform:uppercase;

}


.symbolic-stage-status__dot{

  width:7px;
  height:7px;

  border-radius:50%;

  background:#49DB8C;

  animation:
    symbolicStatusPulse
    1.8s ease-in-out infinite;

}


/* =========================================================
   HERO BOTTOM
   ========================================================= */

.symbolic-hero-bottom{

  position:relative;

  z-index:12;

  min-height:84px;

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:30px;

  border-top:
    1px solid
    var(--line);

  color:#6F7B88;

  font-size:10px;

  text-transform:uppercase;

  letter-spacing:.14em;

}


.symbolic-hero-points{

  display:flex;

  gap:52px;

}


.symbolic-hero-points span{

  position:relative;

  color:#A0ABB7;

}


.symbolic-hero-points span:before{

  content:"";

  position:absolute;

  left:-15px;
  top:50%;

  width:5px;
  height:5px;

  background:var(--blue);

  transform:
    translateY(-50%)
    rotate(45deg);

}


/* =========================================================
   SEÇÕES
   ========================================================= */

.symbolic-section{

  position:relative;

  padding:
    105px 0;

  overflow:hidden;

}


.symbolic-section-atmosphere{

  position:absolute;

  inset:0;

  pointer-events:none;

  background:

    radial-gradient(
      circle at 4% 35%,
      rgba(61,139,255,.055),
      transparent 20%
    ),

    radial-gradient(
      circle at 96% 68%,
      rgba(56,214,231,.04),
      transparent 19%
    ),

    radial-gradient(
      circle at 70% 14%,
      rgba(196,203,213,.025),
      transparent 18%
    );

}


.symbolic-heading{

  display:grid;

  grid-template-columns:
    minmax(0,1.25fr)
    minmax(300px,.75fr);

  align-items:end;

  gap:80px;

  margin-bottom:48px;

}


.symbolic-heading h2,
.symbolic-solutions-title h2,
.symbolic-about-copy h2{

  margin:0;

  font-size:
    clamp(
      36px,
      3.5vw,
      49px
    );

  line-height:1.1;

  letter-spacing:-.045em;

  font-weight:600;

}


.symbolic-heading > p{

  margin:0;

  color:var(--muted);

  font-size:14px;

}


/* =========================================================
   SERVIÇOS
   ========================================================= */

.symbolic-services{

  background:

    linear-gradient(
      180deg,
      #0E151D,
      #0D141C
    );

}


.symbolic-services .symbolic-wrap{

  position:relative;

  z-index:2;

}


.symbolic-service-grid{

  display:grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap:15px;

}


.symbolic-card{

  position:relative;

  min-height:330px;

  display:flex;

  flex-direction:column;

  padding:32px;

  border:
    1px solid
    var(--line);

  background:

    linear-gradient(
      145deg,
      rgba(18,27,38,.96),
      rgba(14,22,31,.95)
    );

  transition:

    transform .25s ease,

    border-color .25s ease,

    box-shadow .25s ease,

    background .25s ease;

}


.symbolic-card:before{

  content:"";

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:1px;

  opacity:0;

  background:

    linear-gradient(
      90deg,
      transparent,
      rgba(56,214,231,.7),
      rgba(196,203,213,.38),
      transparent
    );

  transition:
    opacity .25s ease;

}


.symbolic-card:hover{

  border-color:
    rgba(61,139,255,.42);

  transform:
    translateY(-4px);

  background:

    linear-gradient(
      145deg,
      rgba(20,31,44,.98),
      rgba(14,22,31,.96)
    );

  box-shadow:
    0 22px 50px
    rgba(0,0,0,.18);

}


.symbolic-card:hover:before{
  opacity:1;
}


.symbolic-card-number{

  position:absolute;

  right:27px;
  top:25px;

  color:#53606D;

  font-size:11px;

  letter-spacing:.13em;

}


/* =========================================================
   ÍCONES DOS SERVIÇOS
   TODOS NO MESMO PADRÃO DA SYMBOLIC
   ========================================================= */

.symbolic-card-icon{

  width:46px;
  height:46px;

  display:grid;

  place-items:center;

  margin-bottom:35px;

  border:
    1px solid
    rgba(56,214,231,.28);

  background:
    rgba(56,214,231,.035);

  color:var(--cyan);

  box-shadow:
    inset 0 0 14px
    rgba(56,214,231,.015);

  transition:

    color .25s ease,

    border-color .25s ease,

    background .25s ease,

    box-shadow .25s ease,

    transform .25s ease;

}


.symbolic-card-icon svg{

  width:22px;
  height:22px;

  overflow:visible;

  fill:none;

  stroke:currentColor;

  stroke-width:1.35;

  stroke-linecap:round;

  stroke-linejoin:round;

}


.symbolic-card-icon svg circle:not([r=".55"]){
  fill:none;
}


.symbolic-card-icon svg circle[r=".55"]{

  fill:currentColor;

  stroke:none;

}


/* TODOS, INCLUSIVE 05 E 06 */

.symbolic-card--digital
.symbolic-card-icon{

  color:var(--cyan);

  border-color:
    rgba(56,214,231,.28);

  background:
    rgba(56,214,231,.035);

}


.symbolic-card:hover
.symbolic-card-icon,

.symbolic-card--digital:hover
.symbolic-card-icon{

  color:#63EDF7;

  transform:
    translateY(-2px);

  border-color:
    rgba(56,214,231,.58);

  background:
    rgba(56,214,231,.065);

  box-shadow:

    0 0 18px
    rgba(56,214,231,.10),

    inset 0 0 18px
    rgba(56,214,231,.035);

}


.symbolic-card h3{

  margin-bottom:13px;

  font-size:19px;

  line-height:1.3;

  font-weight:600;

}


.symbolic-card p{

  margin-bottom:25px;

  color:#909CAA;

  font-size:13px;

  line-height:1.7;

}


.symbolic-card a{

  margin-top:auto;

  color:var(--cyan);

  font-size:10px;

  font-weight:600;

  text-transform:uppercase;

  letter-spacing:.09em;

}


/* =========================================================
   SOLUÇÕES
   ========================================================= */

.symbolic-solutions{

  background:

    linear-gradient(
      180deg,
      #090D12,
      #080D12
    );

}


.symbolic-solutions-grid{

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:110px;

}


.symbolic-solutions-title h2 span{

  display:block;

  margin-top:8px;

  color:#929EAA;

}


.symbolic-solution-list article{

  display:grid;

  grid-template-columns:
    52px 1fr;

  gap:22px;

  padding:
    28px 0;

  border-top:
    1px solid
    var(--line);

}


.symbolic-solution-list article:last-child{

  border-bottom:
    1px solid
    var(--line);

}


.symbolic-solution-list article > span{

  color:var(--blue);

  font-size:10px;

  font-weight:700;

  letter-spacing:.15em;

}


.symbolic-solution-list h3{

  margin-bottom:8px;

  font-size:19px;

  font-weight:600;

}


.symbolic-solution-list p{

  margin:0;

  color:#8F9AA7;

  font-size:14px;

}


/* =========================================================
   TECNOLOGIAS
   ========================================================= */

.symbolic-tech{

  position:relative;

  padding:
    92px 0;

  background:

    radial-gradient(
      circle at 50% 0%,
      rgba(61,139,255,.055),
      transparent 35%
    ),

    linear-gradient(
      180deg,
      #0F151D,
      #0D141C
    );

  border-top:
    1px solid
    var(--line);

  border-bottom:
    1px solid
    var(--line);

}


.symbolic-tech-heading{

  display:grid;

  grid-template-columns:
    minmax(0,1.1fr)
    minmax(280px,.65fr);

  align-items:end;

  gap:80px;

  margin-bottom:42px;

}


.symbolic-tech-heading h2{

  max-width:690px;

  margin:0;

  font-size:
    clamp(
      32px,
      3vw,
      43px
    );

  line-height:1.13;

  letter-spacing:-.04em;

  font-weight:600;

}


.symbolic-tech-heading > p{

  margin:0;

  color:#84909D;

  font-size:13px;

  line-height:1.75;

}


.symbolic-tech-grid{

  display:grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap:12px;

}


.symbolic-tech-card{

  position:relative;

  min-height:152px;

  display:flex;

  align-items:center;

  gap:17px;

  padding:23px;

  border:
    1px solid
    rgba(255,255,255,.075);

  background:
    rgba(17,25,35,.78);

  overflow:hidden;

  animation:
    symbolicTechBreath
    7s ease-in-out infinite;

  transition:

    transform .25s ease,

    border-color .25s ease,

    background .25s ease,

    box-shadow .25s ease;

}


.symbolic-tech-card:before{

  content:"";

  position:absolute;

  left:0;
  top:0;

  width:100%;
  height:1px;

  opacity:0;

  background:

    linear-gradient(
      90deg,
      transparent,
      rgba(56,214,231,.85),
      rgba(196,203,213,.55),
      transparent
    );

  transition:
    opacity .25s ease;

}


.symbolic-tech-card:hover{

  transform:
    translateY(-4px);

  border-color:
    rgba(61,139,255,.35);

  background:#121C27;

  box-shadow:
    0 18px 45px
    rgba(0,0,0,.18);

}


.symbolic-tech-card:hover:before{
  opacity:1;
}


.symbolic-tech-logo{

  width:54px;
  height:54px;

  flex:
    0 0 54px;

  display:grid;

  place-items:center;

  border:
    1px solid
    rgba(255,255,255,.08);

  background:
    rgba(255,255,255,.025);

  transition:

    transform .3s ease,

    border-color .3s ease,

    background .3s ease,

    box-shadow .3s ease;

}


.symbolic-tech-logo img{

  width:29px;
  height:29px;

  object-fit:contain;

  filter:
    grayscale(1)
    brightness(1.45);

  opacity:.72;

  transition:

    filter .3s ease,

    opacity .3s ease,

    transform .3s ease;

}


.symbolic-logo-svg{

  width:30px;
  height:30px;

  color:#A9B5C1;

  fill:currentColor;

  opacity:.72;

  filter:
    grayscale(1);

  transition:

    opacity .3s ease,

    color .3s ease,

    transform .3s ease,

    filter .3s ease;

}


.symbolic-tech-card:hover
.symbolic-tech-logo{

  transform:
    translateY(-2px);

  border-color:
    rgba(56,214,231,.27);

  background:
    rgba(56,214,231,.035);

}


.symbolic-tech-card:hover
.symbolic-tech-logo img{

  filter:none;

  opacity:1;

  transform:
    scale(1.08);

}


.symbolic-tech-card:hover
.symbolic-logo-svg{

  opacity:1;

  filter:none;

  transform:
    scale(1.08);

}


/* MICROSOFT */

.symbolic-ms-logo rect{

  fill:#A9B5C1;

  transition:
    fill .3s ease;

}


.symbolic-tech-microsoft:hover
.symbolic-ms-logo rect:nth-child(1){
  fill:#F25022;
}


.symbolic-tech-microsoft:hover
.symbolic-ms-logo rect:nth-child(2){
  fill:#7FBA00;
}


.symbolic-tech-microsoft:hover
.symbolic-ms-logo rect:nth-child(3){
  fill:#00A4EF;
}


.symbolic-tech-microsoft:hover
.symbolic-ms-logo rect:nth-child(4){
  fill:#FFB900;
}


/* WINDOWS */

.symbolic-windows-logo{
  color:#A9B5C1;
}


.symbolic-tech-windows:hover
.symbolic-windows-logo{
  color:#00A4EF;
}


/* AWS */

.symbolic-aws-logo{

  width:42px;
  height:30px;

  overflow:visible;

}


.symbolic-aws-text{

  fill:#A9B5C1;

  font-family:
    Arial,
    sans-serif;

  font-size:22px;

  font-weight:700;

  transition:
    fill .3s ease;

}


.symbolic-aws-smile,
.symbolic-aws-arrow{

  stroke:#A9B5C1;

  stroke-width:2.7;

  transition:
    stroke .3s ease;

}


.symbolic-tech-aws:hover
.symbolic-aws-text{
  fill:#FFFFFF;
}


.symbolic-tech-aws:hover
.symbolic-aws-smile,

.symbolic-tech-aws:hover
.symbolic-aws-arrow{
  stroke:#FF9900;
}


/* FALLBACK */

.symbolic-tech-logo--fallback{

  color:#A9B5C1;

  font-size:17px;

  font-weight:700;

  letter-spacing:-.04em;

}


.symbolic-tech-card:hover
.symbolic-tech-logo--fallback{
  color:var(--cyan);
}


.symbolic-zabbix-mark{

  font-size:12px;

  letter-spacing:.02em;

}


.symbolic-tech-zabbix:hover
.symbolic-tech-logo--fallback{
  color:#D40000;
}


.symbolic-tech-info{

  min-width:0;

  display:flex;

  flex-direction:column;

  gap:4px;

}


.symbolic-tech-info strong{

  color:#EAF0F5;

  font-size:14px;

  font-weight:600;

  letter-spacing:-.015em;

}


.symbolic-tech-info span{

  color:#697684;

  font-size:10px;

  line-height:1.4;

}


.symbolic-tech-card:nth-child(2){
  animation-delay:.3s;
}

.symbolic-tech-card:nth-child(3){
  animation-delay:.6s;
}

.symbolic-tech-card:nth-child(4){
  animation-delay:.9s;
}

.symbolic-tech-card:nth-child(5){
  animation-delay:1.2s;
}

.symbolic-tech-card:nth-child(6){
  animation-delay:1.5s;
}

.symbolic-tech-card:nth-child(7){
  animation-delay:1.8s;
}

.symbolic-tech-card:nth-child(8){
  animation-delay:2.1s;
}

.symbolic-tech-card:nth-child(9){
  animation-delay:2.4s;
}

.symbolic-tech-card:nth-child(10){
  animation-delay:2.7s;
}

.symbolic-tech-card:nth-child(11){
  animation-delay:3s;
}

.symbolic-tech-card:nth-child(12){
  animation-delay:3.3s;
}




/* =========================================================
   LINKS DOS CARDS DE TECNOLOGIA
   ========================================================= */

.symbolic-tech-card[href]{
  cursor:pointer;
}


.symbolic-tech-card[href]:focus-visible{

  outline:
    1px solid
    var(--cyan);

  outline-offset:3px;

}


/* =========================================================
   SOBRE
   ========================================================= */

.symbolic-about{

  background:

    radial-gradient(
      circle at 7% 50%,
      rgba(61,139,255,.045),
      transparent 20%
    ),

    #090D12;

}


.symbolic-about-grid{

  display:grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap:100px;

  align-items:center;

}


.symbolic-about-mark{

  min-height:370px;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  gap:38px;

  border:
    1px solid
    var(--line);

  background:

    linear-gradient(
      135deg,
      rgba(61,139,255,.07),
      rgba(56,214,231,.015)
    );

}


.symbolic-about-symbol{

  width:170px;
  height:170px;

  display:grid;

  place-items:center;

  border:
    1px solid
    rgba(56,214,231,.35);

  border-radius:50%;

  color:transparent;

  font-size:75px;

  font-weight:600;

  -webkit-text-stroke:
    1px
    rgba(255,255,255,.72);

  box-shadow:

    0 0 0 32px
    rgba(61,139,255,.035),

    0 0 0 64px
    rgba(61,139,255,.018);

}


.symbolic-about-mark > span{

  color:#64717E;

  font-size:9px;

  letter-spacing:.18em;

}


.symbolic-about-copy h2{
  margin-bottom:26px;
}


.symbolic-about-copy p{

  color:#929EAA;

  font-size:15px;

}


/* =========================================================
   CONTATO
   ========================================================= */

.symbolic-contact{

  padding:
    0 0 100px;

  background:#090D12;

  overflow:hidden;

}


.symbolic-contact-box{

  position:relative;

  display:grid;

  grid-template-columns:
    1fr auto;

  align-items:center;

  gap:65px;

  padding:
    56px 60px;

  background:

    linear-gradient(
      115deg,
      #1754AA,
      #286CCB 55%,
      #317FE9
    );

  overflow:hidden;

}


.symbolic-contact-box:after{

  content:"";

  position:absolute;

  right:-120px;
  top:-220px;

  width:450px;
  height:450px;

  max-width:70vw;
  max-height:70vw;

  border:
    1px solid
    rgba(255,255,255,.16);

  border-radius:50%;

  box-shadow:

    0 0 0 65px
    rgba(255,255,255,.025),

    0 0 0 130px
    rgba(255,255,255,.018);

}


.symbolic-contact-label{

  display:block;

  margin-bottom:12px;

  color:#D9F9FF;

  font-size:10px;

  font-weight:700;

  letter-spacing:.19em;

}


.symbolic-contact h2{

  position:relative;

  z-index:2;

  max-width:760px;

  margin-bottom:12px;

  font-size:38px;

  line-height:1.15;

  letter-spacing:-.04em;

  font-weight:600;

}


.symbolic-contact p{

  position:relative;

  z-index:2;

  margin:0;

  color:
    rgba(255,255,255,.76);

}


.symbolic-contact-button{

  position:relative;

  z-index:2;

  padding:
    15px 21px;

  background:#fff;

  color:#173863!important;

  font-size:12px;

  font-weight:700;

  white-space:nowrap;

  transition:

    transform .2s ease,

    box-shadow .2s ease;

}


.symbolic-contact-button:hover{

  transform:
    translateY(-2px);

  box-shadow:
    0 12px 30px
    rgba(0,0,0,.16);

}


/* =========================================================
   FOOTER
   ========================================================= */

.symbolic-footer{

  padding:
    52px 0 24px;

  border-top:
    1px solid
    var(--line);

  background:#070A0E;

  overflow:hidden;

}


.symbolic-footer-top{

  display:flex;

  justify-content:space-between;

  align-items:flex-start;

  gap:40px;

  padding-bottom:44px;

}


.symbolic-footer nav{

  display:flex;

  flex-wrap:wrap;

  gap:28px;

}


.symbolic-footer nav a{

  color:#8B96A2;

  font-size:12px;

  transition:.2s;

}


.symbolic-footer nav a:hover{
  color:#fff;
}


.symbolic-footer-bottom{

  display:flex;

  justify-content:space-between;

  gap:25px;

  padding-top:20px;

  border-top:
    1px solid
    var(--line);

  color:#596572;

  font-size:10px;

}


.symbolic-footer-bottom a{
  color:#828D99;
}


/* =========================================================
   DADOS DA EMPRESA NO FOOTER
   ========================================================= */

.symbolic-footer-brand-block{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
}

.symbolic-footer-company{
  display:flex;
  flex-direction:column;
  gap:3px;
  color:#66727F;
  font-size:10px;
  line-height:1.7;
}

.symbolic-footer-company strong{
  margin-bottom:2px;
  color:#A9B3BE;
  font-size:11px;
  font-weight:600;
}

.symbolic-footer-company span{
  display:block;
}


/* =========================================================
   POPUP
   ========================================================= */

.dialog-close-button,
.dialog-lightbox-close-button{

  width:42px!important;
  height:42px!important;

  display:grid!important;

  place-items:center!important;

  top:14px!important;
  right:14px!important;

  opacity:1!important;

  color:#F3F6FA!important;

  background:
    rgba(15,21,29,.96)!important;

  border:
    1px solid
    rgba(255,255,255,.18)!important;

  border-radius:4px!important;

  box-shadow:
    0 8px 28px
    rgba(0,0,0,.35)!important;

}


.dialog-close-button:hover,
.dialog-lightbox-close-button:hover{

  background:#1A2532!important;

  border-color:
    rgba(56,214,231,.65)!important;

}


.dialog-close-button i,
.dialog-lightbox-close-button i{

  color:#F3F6FA!important;

  font-size:20px!important;

  opacity:1!important;

}


.dialog-close-button svg,
.dialog-lightbox-close-button svg{

  width:20px!important;
  height:20px!important;

  fill:#F3F6FA!important;

  color:#F3F6FA!important;

  opacity:1!important;

}


/* =========================================================
   ANIMAÇÕES LATERAIS
   ========================================================= */

@keyframes symbolicSideGlow{

  0%,
  100%{

    opacity:.62;

    transform:
      translateY(0)
      scale(1);

  }

  50%{

    opacity:1;

    transform:
      translateY(-18px)
      scale(1.07);

  }

}


@keyframes symbolicSilverGlow{

  0%,
  100%{

    opacity:.3;

    transform:
      translateY(0);

  }

  50%{

    opacity:.65;

    transform:
      translateY(20px);

  }

}


@keyframes symbolicSideOrbit{

  from{
    transform:rotate(0deg);
  }

  to{
    transform:rotate(360deg);
  }

}


@keyframes symbolicSideFloat{

  0%,
  100%{

    transform:
      translateY(0)
      rotate(0deg);

    opacity:.38;

  }

  50%{

    transform:
      translateY(-24px)
      rotate(45deg);

    opacity:.9;

  }

}


@keyframes symbolicSideDot{

  0%,
  100%{

    opacity:.22;

    transform:
      scale(.8);

  }

  50%{

    opacity:1;

    transform:
      scale(1.45);

  }

}


@keyframes symbolicGlyphIdle{

  0%,
  100%{
    opacity:.3;
  }

  50%{
    opacity:.52;
  }

}


@keyframes symbolicGlyphNeon{

  0%,
  17%,
  35%,
  100%{

    color:
      rgba(56,214,231,.24);

    opacity:.4;

    text-shadow:none;

  }

  21%,
  29%{

    color:
      rgba(99,237,247,.9);

    opacity:1;

    text-shadow:

      0 0 5px
      rgba(56,214,231,.72),

      0 0 13px
      rgba(56,214,231,.35);

  }

}


@keyframes symbolicGlyphSilver{

  0%,
  55%,
  77%,
  100%{

    color:
      rgba(196,203,213,.2);

    opacity:.4;

    text-shadow:none;

  }

  61%,
  69%{

    color:
      rgba(238,242,247,.87);

    opacity:.92;

    text-shadow:

      0 0 5px
      rgba(232,237,244,.4),

      0 0 11px
      rgba(196,203,213,.18);

  }

}


@keyframes symbolicGlyphBlue{

  0%,
  28%,
  47%,
  100%{

    color:
      rgba(61,139,255,.22);

    opacity:.35;

    text-shadow:none;

  }

  32%,
  40%{

    color:
      rgba(97,160,255,.88);

    opacity:.95;

    text-shadow:

      0 0 5px
      rgba(61,139,255,.65),

      0 0 13px
      rgba(61,139,255,.25);

  }

}


/* =========================================================
   ANIMAÇÕES GERAIS
   ========================================================= */

@keyframes symbolicSweep{

  from{
    transform:rotate(0deg);
  }

  to{
    transform:rotate(360deg);
  }

}


@keyframes symbolicGridFloat{

  0%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(10px);
  }

  100%{
    transform:translateY(0);
  }

}


@keyframes symbolicRevealUp{

  from{

    opacity:0;

    transform:
      translateY(20px);

  }

  to{

    opacity:1;

    transform:
      translateY(0);

  }

}


@keyframes symbolicRingPulse{

  0%,
  100%{

    opacity:.62;

    transform:
      scale(1);

  }

  50%{

    opacity:1;

    transform:
      scale(1.018);

  }

}


@keyframes symbolicCenterFloat{

  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-5px);
  }

}


@keyframes symbolicDiamondSpin{

  from{
    transform:rotate(45deg);
  }

  to{
    transform:rotate(405deg);
  }

}


@keyframes symbolicCoreBlink{

  0%,
  100%{

    transform:scale(1);

    opacity:1;

  }

  50%{

    transform:scale(1.18);

    opacity:.9;

  }

}


@keyframes symbolicNodeBlink{

  0%,
  100%{

    transform:scale(1);

    opacity:.45;

  }

  50%{

    transform:scale(1.25);

    opacity:1;

  }

}


@keyframes symbolicStatusPulse{

  0%,
  100%{

    transform:scale(1);

    box-shadow:
      0 0 0 0
      rgba(73,219,140,.45);

  }

  50%{

    transform:scale(1.1);

    box-shadow:
      0 0 0 8px
      rgba(73,219,140,0);

  }

}


@keyframes symbolicTechBreath{

  0%,
  100%{

    box-shadow:
      inset 0 0 0
      rgba(61,139,255,0);

  }

  50%{

    box-shadow:
      inset 0 0 30px
      rgba(61,139,255,.012);

  }

}


/* =========================================================
   DESKTOP MENOR
   ========================================================= */

@media(max-width:1100px){


  .symbolic-service-grid{

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

  }


}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:960px){


  .symbolic-wrap{

    width:min(
      1180px,
      calc(100% - 48px)
    );

  }


  .symbolic-menu{
    display:none;
  }


  .symbolic-language{
    margin-left:auto;
  }


  .symbolic-hero-inner{

    grid-template-columns:1fr;

    gap:26px;

    min-height:auto;

    padding:
      70px 0 50px;

  }


  .symbolic-hero-art{
    min-height:330px;
  }


  .symbolic-signal-stage{

    width:340px;
    height:340px;

  }


  .symbolic-scan-ring--1{

    width:90px;
    height:90px;

  }


  .symbolic-scan-ring--2{

    width:170px;
    height:170px;

  }


  .symbolic-scan-ring--3{

    width:270px;
    height:270px;

  }


  .symbolic-radar-beam{

    width:270px;
    height:270px;

    -webkit-mask:

      radial-gradient(
        circle,
        transparent 0 82px,
        #000 84px 137px,
        transparent 139px
      );

    mask:

      radial-gradient(
        circle,
        transparent 0 82px,
        #000 84px 137px,
        transparent 139px
      );

  }


  .symbolic-radar-beam--soft{

    width:170px;
    height:170px;

    -webkit-mask:

      radial-gradient(
        circle,
        transparent 0 42px,
        #000 44px 86px,
        transparent 88px
      );

    mask:

      radial-gradient(
        circle,
        transparent 0 42px,
        #000 44px 86px,
        transparent 88px
      );

  }


  .symbolic-heading,
  .symbolic-solutions-grid,
  .symbolic-about-grid{

    grid-template-columns:1fr;

    gap:46px;

  }


  .symbolic-tech-heading{

    grid-template-columns:1fr;

    gap:20px;

  }


  .symbolic-tech-grid{

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );

  }


  .symbolic-contact-box{

    grid-template-columns:1fr;

    gap:30px;

  }


  .symbolic-contact-button{
    justify-self:start;
  }


  .symbolic-hero-bottom{

    flex-direction:column;

    align-items:flex-start;

    padding:
      22px 0;

  }


}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:680px){


  .symbolic-wrap{

    width:
      calc(
        100% - 32px
      );

  }


  .symbolic-header-inner{

    height:68px;

    gap:12px;

  }


  .symbolic-header-button{
    display:none;
  }


  .symbolic-brand-text strong{
    font-size:15px;
  }


  .symbolic-language summary{

    min-height:36px;

    padding:
      7px 9px;

  }


  .symbolic-language-globe{
    display:none;
  }


  .symbolic-language-menu{

    width:160px;

    right:0;

  }


  .symbolic-hero h1{
    font-size:42px;
  }


  .symbolic-hero-description{
    font-size:15px;
  }


  .symbolic-hero-actions{
    display:grid;
  }


  .symbolic-btn{
    width:100%;
  }


  .symbolic-hero-tags{
    gap:8px;
  }


  .symbolic-hero-tags span{

    padding:
      9px 12px;

    font-size:10px;

  }


  .symbolic-hero-art{
    min-height:280px;
  }


  .symbolic-signal-stage{

    width:280px;
    height:280px;

  }


  .symbolic-stage-status{

    left:22px;
    bottom:18px;

    max-width:200px;

  }


  .symbolic-hero-points{

    gap:28px;

    flex-wrap:wrap;

  }


  .symbolic-section{

    padding:
      76px 0;

  }


  .symbolic-heading h2,
  .symbolic-solutions-title h2,
  .symbolic-about-copy h2{
    font-size:33px;
  }


  .symbolic-service-grid{
    grid-template-columns:1fr;
  }


  .symbolic-card{

    min-height:auto;

    padding:27px;

  }


  .symbolic-card-icon{

    width:46px;
    height:46px;

  }


  .symbolic-card-icon svg{

    width:21px;
    height:21px;

  }


  .symbolic-tech{

    padding:
      72px 0;

  }


  .symbolic-tech-heading h2{
    font-size:32px;
  }


  .symbolic-tech-grid{
    grid-template-columns:1fr;
  }


  .symbolic-tech-card{

    min-height:108px;

    padding:20px;

  }


  .symbolic-tech-logo{

    width:50px;
    height:50px;

    flex-basis:50px;

  }


  .symbolic-tech-logo img{

    width:27px;
    height:27px;

  }


  .symbolic-about-mark{
    min-height:300px;
  }


  .symbolic-contact{
    padding-bottom:75px;
  }


  .symbolic-contact-box{

    padding:
      37px 27px;

  }


  .symbolic-contact h2{
    font-size:31px;
  }


  .symbolic-contact-button{

    width:100%;

    text-align:center;

  }


  .symbolic-footer-top,
  .symbolic-footer-bottom{
    flex-direction:column;
  }


  .dialog-close-button,
  .dialog-lightbox-close-button{

    width:38px!important;
    height:38px!important;

    top:10px!important;
    right:10px!important;

  }


}


/* =========================================================
   ELEMENTOR
   ========================================================= */

.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.elementor-widget,
.elementor-widget-container{
  max-width:100%;
}


.elementor-widget-html,
.elementor-widget-html >
.elementor-widget-container{

  width:100%!important;

  max-width:none!important;

  margin:0!important;

  padding:0!important;

}


/* =========================================================
   ACESSIBILIDADE
   ========================================================= */

@media(prefers-reduced-motion:reduce){


  .symbolic-side-glow,
  .symbolic-side-orbit,
  .symbolic-side-square,
  .symbolic-side-dot,
  .symbolic-glyph-code span,
  .symbolic-glyph-column span,
  .symbolic-hero-grid,
  .symbolic-hero-copy > *,
  .symbolic-scan-ring,
  .symbolic-radar-beam,
  .symbolic-center-mark,
  .symbolic-center-mark__diamond,
  .symbolic-center-mark__node,
  .symbolic-signal-node,
  .symbolic-stage-status__dot,
  .symbolic-tech-card{

    animation:none!important;

  }


}/* End custom CSS */