.elementor-13 .elementor-element.elementor-element-36b31d7{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-36b31d7:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-36b31d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000310;background-image:url("https://advmais.com.br/wp-content/uploads/2026/07/bg-advmais.webp");background-position:bottom right;background-repeat:no-repeat;background-size:contain;}.elementor-13 .elementor-element.elementor-element-aee7adb{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-53ec3e5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3em;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-f1b82d9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2em;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-c283a4a{font-family:"Inter", Sans-serif;font-size:1em;font-weight:400;line-height:1.5em;color:#CCCCCC;}.elementor-13 .elementor-element.elementor-element-f9e9e06.elementor-element{--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-56d7d09{--display:flex;}.elementor-13 .elementor-element.elementor-element-339e02f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-244b213{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-13 .elementor-element.elementor-element-f218894{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-f218894:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-f218894 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EAEEF3;}.elementor-13 .elementor-element.elementor-element-27bca3c.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-27bca3c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3em;font-weight:700;line-height:1.2em;color:#000310;}.elementor-13 .elementor-element.elementor-element-da0bb42{--spacer-size:50px;}.elementor-13 .elementor-element.elementor-element-01d86f0.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-01d86f0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3em;font-weight:700;line-height:1.2em;color:#000310;}.elementor-13 .elementor-element.elementor-element-8dd87e7{--spacer-size:10px;}.elementor-13 .elementor-element.elementor-element-bc2cf83{--spacer-size:10px;}.elementor-13 .elementor-element.elementor-element-e6f9ecd{--spacer-size:50px;}.elementor-13 .elementor-element.elementor-element-a74a9f5.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-a74a9f5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3em;font-weight:700;line-height:1.2em;color:#000310;}.elementor-13 .elementor-element.elementor-element-ba05e66{--spacer-size:10px;}.elementor-13 .elementor-element.elementor-element-0341af3{--spacer-size:50px;}.elementor-13 .elementor-element.elementor-element-5efe23c.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-5efe23c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:3em;font-weight:700;line-height:1.2em;color:#000310;}.elementor-13 .elementor-element.elementor-element-990c665{--spacer-size:10px;}.elementor-13 .elementor-element.elementor-element-51a21ee{--spacer-size:30px;}.elementor-13 .elementor-element.elementor-element-b364284{border-radius:20px 20px 20px 20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-36b31d7{--content-width:1366px;}.elementor-13 .elementor-element.elementor-element-f218894{--content-width:1366px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-36b31d7{--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-13 .elementor-element.elementor-element-53ec3e5{text-align:center;}.elementor-13 .elementor-element.elementor-element-53ec3e5 .elementor-heading-title{font-size:2em;}.elementor-13 .elementor-element.elementor-element-f1b82d9{text-align:center;}.elementor-13 .elementor-element.elementor-element-f1b82d9 .elementor-heading-title{font-size:1.5em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-13 .elementor-element.elementor-element-c283a4a{text-align:center;font-size:0.9em;}.elementor-13 .elementor-element.elementor-element-f9e9e06.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-27bca3c{text-align:center;}.elementor-13 .elementor-element.elementor-element-27bca3c .elementor-heading-title{font-size:1.8em;}.elementor-13 .elementor-element.elementor-element-01d86f0{text-align:center;}.elementor-13 .elementor-element.elementor-element-01d86f0 .elementor-heading-title{font-size:1.8em;}.elementor-13 .elementor-element.elementor-element-a74a9f5{text-align:center;}.elementor-13 .elementor-element.elementor-element-a74a9f5 .elementor-heading-title{font-size:1.8em;}.elementor-13 .elementor-element.elementor-element-5efe23c{text-align:center;}.elementor-13 .elementor-element.elementor-element-5efe23c .elementor-heading-title{font-size:1.8em;}}/* Start custom CSS for heading, class: .elementor-element-53ec3e5 */.amarelo{
color:#FECD00;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f1b82d9 */.color1{
    background: linear-gradient(
    90deg,
    #e52bb8 0%,
    #8b3de8 25%,
    #3d51e8 48%,
    #18aee8 70%,
    #24e5d1 85%,
    #8aefb7 100%
  );

  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;

  color: transparent;
  -webkit-text-fill-color: transparent;

  font-weight: 800;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9e9e06 *//* ========================================= CONFIGURAÇÃO GLOBAL ========================================= */ 
*, *::before, *::after { box-sizing: border-box; } 

/* ========================================= CONTAINER DO BOTÃO ========================================= */ 
.hero-buttons { 
    width:100%; 
    max-width:420px; 
    margin-top:32px; 
    display:flex; 
    flex-direction:column; 
    align-items:center; /* Centraliza todo o bloco na tela */
} 

/* ========================================= BOTÃO GERAL ========================================= */ 
.hero-btn { 
    position:relative; 
    width:100%; /* Largura total máxima */
    min-height:72px; 
    padding:0 30px; 
    display:flex; 
    align-items:center; 
    justify-content:center; /* ÍCONE E TEXTO CENTRALIZADOS NO BOTÃO */
    gap:16px; 
    border-radius:18px; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:clamp(16px,1.5vw,20px); 
    font-weight:700; 
    line-height:1.25; 
    text-align:left; 
    text-decoration:none; 
    cursor:pointer; 
    transition: transform .3s ease, box-shadow .3s ease; 
} 

/* ========================================= CORES TEXTO E ÍCONE ========================================= */ 
.hero-btn, .hero-btn:hover, .hero-btn:focus, .hero-btn:active, .hero-btn span, .hero-btn i { 
    color:#000 !important; 
    text-decoration:none !important; 
} 

/* ========================================= BOTÃO WHATSAPP ========================================= */ 
.hero-btn-primary { 
    background:#25D366; 
    border:2px solid rgba(255,255,255,.25); 
    box-shadow: 0 12px 30px rgba(37,211,102,.25); 
} 
.hero-btn-primary:hover { 
    transform:translateY(-3px); 
    background:#25D366; 
    box-shadow: 0 18px 38px rgba(37,211,102,.38); 
} 

/* ========================================= ÍCONE WHATSAPP ========================================= */ 
.hero-btn-primary .fa-whatsapp { 
    flex:0 0 auto; 
    width:30px; 
    font-size:30px; 
    line-height:1; 
    text-align:center; 
} 

/* ========================================= TEXTO ========================================= */ 
.hero-btn > span { 
    flex:1; 
    min-width:0; 
    text-align:center; /* Garante que o texto fique centralizado também se for bem longo */
} 

/* ========================================= SEU PERFIL ABAIXO DO BOTÃO ========================================= */ 
.hero-user-info { 
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* ALINHADO TOTALMENTE À ESQUERDA */
    gap: 16px;
    margin-top: 16px;
    padding-left: 5px; /* Pequena margem para não grudar na borda extrema, se quiser pode tirar */
    font-family: Arial, Helvetica, sans-serif;
}

.avatar-box {
    position: relative;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
}

.avatar-box img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,0.15); /* Borda sutil na foto */
    display: block;
}

.green-dot {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 14px;
    height: 14px;
    background-color: #25D366;
    border-radius: 50%;
    border: 2px solid #0a0a12; /* Cor da borda combinando com o fundo escuro do site */
}

.user-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    line-height: 1.2;
}

.user-name {
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 2px;
}

.user-status {
    color: #25D366;
    font-size: 13px;
    font-weight: 500;
}

/* ========================================= FOCO ACESSIBILIDADE ========================================= */ 
.hero-btn:focus-visible { 
    outline:3px solid rgba(37,211,102,.5); 
    outline-offset:4px; 
} 

/* ========================================= TABLET ========================================= */ 
@media(max-width:900px){ 
    .hero-btn { min-height:68px; padding:0 24px; font-size:17px; } 
    .hero-btn-primary .fa-whatsapp { width:27px; font-size:27px; } 
} 

/* ========================================= MOBILE ========================================= */ 
@media(max-width:700px){ 
    .hero-buttons { max-width:100%; margin-top:0px; } 
    .hero-btn { min-height:62px; padding:0 22px; font-size:16px; } 
    .hero-user-info { gap: 12px; }
    .user-name { font-size: 14px; }
    .user-status { font-size: 11px; }
} 

/* ========================================= CELULAR PEQUENO ========================================= */ 
@media(max-width:390px){ 
    .hero-btn { min-height:58px; padding:0 16px; gap:11px; font-size:14px; } 
    .hero-btn-primary .fa-whatsapp { width:24px; font-size:24px; } 
    .avatar-box { width: 35px; height: 35px; }
    .green-dot { width: 12px; height: 12px; }
} 

/* ========================================= REDUÇÃO DE MOVIMENTO ========================================= */ 
@media(prefers-reduced-motion:reduce){ 
    .hero-btn { transition:none; } 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-27bca3c */.color1{
    background: linear-gradient(
    90deg,
    #e52bb8 0%,
    #8b3de8 25%,
    #3d51e8 48%,
    #18aee8 70%,
    #24e5d1 85%,
    #8aefb7 100%
  );

  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;

  color: transparent;
  -webkit-text-fill-color: transparent;

  font-weight: 800;
    
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1c33dfd *//* =========================================
   CONFIGURAÇÕES
========================================= */

.portfolio-section,
.portfolio-section *,
.portfolio-section *::before,
.portfolio-section *::after {
  box-sizing: border-box;
}

.portfolio-section {
  width: 100%;
}

.portfolio-container {
  width: 100%;
  max-width: 1366px;
  margin-inline: auto;
}

.portfolio-grid {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}


/* =========================================
   CARD
========================================= */

.portfolio-card {

  position: relative;
  overflow: hidden;

  width: 100%;
  min-width: 0;

  display: flex;
  flex-direction: column;

  border: 1px solid rgba(254, 205, 0, 0.18);

  border-radius: 22px;

  background: linear-gradient(
    145deg,
    #071021,
    #000512
  );

  text-decoration: none;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 20px 45px rgba(0,0,0,0.35);

  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}


/* Linha superior dourada */

.portfolio-card::before {

  content:"";

  position:absolute;

  z-index:3;

  top:0;
  left:24px;
  right:24px;

  height:1px;


  background:linear-gradient(
    90deg,
    transparent,
    rgba(254,205,0,.85),
    rgba(254,205,0,.35),
    transparent
  );

  pointer-events:none;
}



/* =========================================
   IMAGEM
========================================= */

.portfolio-preview {

  position:relative;

  overflow:hidden;

  width:100%;

  height:430px;


  background-image:

    linear-gradient(
      to bottom,
      transparent 75%,
      rgba(0,5,18,.45)
    ),

    var(--portfolio-image);


  background-repeat:no-repeat;


  background-position:

    center,

    top center;


  background-size:

    cover,

    100% auto;


  transition:

    background-position 7s cubic-bezier(.22,.61,.36,1),

    filter .35s ease;
}



/* =========================================
   INFORMAÇÕES
========================================= */

.portfolio-info {

  min-height:105px;

  padding:22px 24px;


  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:18px;


  border-top:

    1px solid rgba(254,205,0,.10);


  background:#000512;
}



.portfolio-info > div {

  min-width:0;
}



.portfolio-info span {

  display:block;

  margin-bottom:7px;


  color:#FECD00;


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

  font-size:12px;

  font-weight:700;

  line-height:1;


  text-transform:uppercase;

  letter-spacing:.08em;
}



.portfolio-info h3 {

  margin:0;


  color:#ffffff;


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

  font-size:18px;

  font-weight:700;

  line-height:1.3;

}



/* =========================================
   SETA
========================================= */

.portfolio-info .portfolio-arrow {

  width:42px;

  height:42px;


  flex:0 0 42px;


  display:flex;

  align-items:center;

  justify-content:center;


  border:1px solid rgba(254,205,0,.35);


  border-radius:50%;


  color:#FECD00;


  font-size:20px;


  background:rgba(254,205,0,.05);


  transition:

    transform .3s ease,

    border-color .3s ease,

    background-color .3s ease;
}



/* =========================================
   HOVER
========================================= */

.portfolio-card:hover,
.portfolio-card:focus-visible {

  transform:translateY(-8px);


  border-color:rgba(254,205,0,.65);


  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.06),

    0 28px 60px rgba(0,0,0,.45),

    0 0 35px rgba(254,205,0,.10);
}



.portfolio-card:hover .portfolio-preview,
.portfolio-card:focus-visible .portfolio-preview {

  background-position:

    center,

    bottom center;


  filter:brightness(1.04);
}



.portfolio-card:hover .portfolio-arrow,
.portfolio-card:focus-visible .portfolio-arrow {

  transform:translate(3px,-3px);


  border-color:#FECD00;


  background:rgba(254,205,0,.15);
}



.portfolio-card:focus-visible {

  outline:2px solid #FECD00;

  outline-offset:5px;
}



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

@media(max-width:1100px){

  .portfolio-grid{

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

  }


  .portfolio-preview{

    height:480px;

  }

}



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

@media(max-width:650px){

  .portfolio-section{

    padding:10px 18px;

  }


  .portfolio-grid{

    grid-template-columns:1fr;

    gap:18px;

  }


  .portfolio-card{

    border-radius:18px;

  }


  .portfolio-preview{

    height:480px;

  }


  .portfolio-info{

    min-height:96px;

    padding:20px;

  }


  .portfolio-info h3{

    font-size:17px;

  }


  .portfolio-info .portfolio-arrow{

    width:38px;

    height:38px;

    flex-basis:38px;

    font-size:18px;

  }

}



/* =========================================
   CELULAR PEQUENO
========================================= */

@media(max-width:390px){

  .portfolio-section{

    padding-inline:14px;

  }


  .portfolio-preview{

    height:420px;

  }


  .portfolio-info{

    padding:18px;

  }


  .portfolio-info h3{

    font-size:16px;

  }

}



/* =========================================
   DISPOSITIVOS SEM HOVER
========================================= */

@media(hover:none){

  .portfolio-card:active .portfolio-preview,
  .portfolio-card:focus .portfolio-preview{

    background-position:

      center,

      bottom center;

  }

}



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

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

  .portfolio-card,
  .portfolio-preview,
  .portfolio-arrow{

    transition:none;

  }


  .portfolio-card:hover{

    transform:none;

  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-01d86f0 */.color1{
    background: linear-gradient(
    90deg,
    #e52bb8 0%,
    #8b3de8 25%,
    #3d51e8 48%,
    #18aee8 70%,
    #24e5d1 85%,
    #8aefb7 100%
  );

  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;

  color: transparent;
  -webkit-text-fill-color: transparent;

  font-weight: 800;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0b5e53 *//* =========================================
   CONFIGURAÇÕES GERAIS
========================================= */

.services-section,
.services-section *,
.services-section *::before,
.services-section *::after {
  box-sizing: border-box;
}

.services-section {
  width: 100%;
}

.services-container {

  width:100%;
  max-width:1366px;

  margin-inline:auto;

  background:transparent;
}


.services-grid {

  width:100%;

  display:grid;

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

  gap:20px;

}



/* =========================================
   CARD
========================================= */

.service-card {

  --card-color:#FECD00;
  --card-rgb:254,205,0;


  position:relative;

  isolation:isolate;

  overflow:hidden;


  width:100%;

  min-width:0;

  min-height:320px;


  display:flex;

  flex-direction:column;

  align-items:flex-start;


  padding:32px 30px 28px;


  border:1px solid rgba(254,205,0,.22);

  border-radius:22px;


  background:

    radial-gradient(
      circle at 15% 0%,
      rgba(254,205,0,.08),
      transparent 40%
    ),

    linear-gradient(
      145deg,
      #071021 0%,
      #030914 48%,
      #000512 100%
    );


  box-shadow:

    inset 0 1px 0 rgba(255,255,255,.04),

    0 18px 45px rgba(0,0,0,.34);


  transition:

    transform .35s ease,

    border-color .35s ease,

    box-shadow .35s ease;

}



/* =========================================
   LUZ SUAVE FUNDO
========================================= */

.service-card::before {

  content:"";


  position:absolute;

  z-index:-1;


  width:180px;

  height:180px;


  top:-100px;

  left:-80px;


  border-radius:50%;


  background:rgba(254,205,0,.14);


  filter:blur(65px);


  opacity:.45;


  pointer-events:none;


  transition:

    opacity .35s ease,

    transform .35s ease;

}



/* =========================================
   LINHA SUPERIOR
========================================= */

.service-card::after {

  content:"";


  position:absolute;


  top:0;

  left:24px;

  right:24px;


  height:1px;


  background:linear-gradient(

    90deg,

    transparent,

    rgba(254,205,0,.75),

    transparent

  );


  opacity:.7;


  pointer-events:none;

}



/* =========================================
   ÍCONES
========================================= */

.service-card-icon {


  width:58px;

  height:58px;


  display:flex;

  align-items:center;

  justify-content:center;


  flex:0 0 auto;


  margin-bottom:24px;


  color:#FECD00;


  filter:

    drop-shadow(0 0 7px rgba(254,205,0,.45))

    drop-shadow(0 0 15px rgba(254,205,0,.18));


  transition:

    transform .35s ease,

    filter .35s ease;

}



.service-card-icon svg {

  width:100%;

  height:100%;


  fill:none;

  stroke:currentColor;


  stroke-width:1.7;

  stroke-linecap:round;

  stroke-linejoin:round;

}



/* =========================================
   CONTEÚDO
========================================= */

.service-card-content {

  width:100%;

}



.service-card-content h3 {


  margin:0 0 12px;


  color:#ffffff;


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


  font-size:clamp(18px,1.35vw,21px);


  font-weight:700;


  line-height:1.2;

}



.service-card-content p {


  margin:0;


  color:#a5adba;


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


  font-size:15px;


  line-height:1.6;

}



/* =========================================
   LINK
========================================= */

.service-card-link {


  width:fit-content;


  display:inline-flex;


  align-items:center;


  gap:9px;


  margin-top:auto;

  padding-top:26px;


  color:#FECD00 !important;


  -webkit-text-fill-color:#FECD00 !important;


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


  font-size:15px;


  font-weight:700;


  text-decoration:none;


  transition:

    gap .3s ease,

    filter .3s ease;

}



.service-card-link svg {


  width:19px;

  height:19px;


  fill:none;

  stroke:currentColor;


  stroke-width:2;


  transition:transform .3s ease;

}



/* =========================================
   HOVER
========================================= */

.service-card:hover {


  transform:translateY(-8px);


  border-color:rgba(254,205,0,.65);


  box-shadow:


    inset 0 1px 0 rgba(255,255,255,.06),


    0 24px 55px rgba(0,0,0,.4),


    0 0 25px rgba(254,205,0,.12);

}



.service-card:hover::before {

  opacity:.75;

  transform:scale(1.15);

}



.service-card:hover .service-card-icon {


  transform:translateY(-3px) scale(1.05);


  filter:

    drop-shadow(0 0 9px rgba(254,205,0,.7))

    drop-shadow(0 0 20px rgba(254,205,0,.25));

}



.service-card-link:hover {

  gap:13px;

  filter:brightness(1.15);

}



.service-card-link:hover svg {

  transform:translateX(4px);

}



.service-card-link:focus-visible {

  outline:2px solid #FECD00;

  outline-offset:6px;

}



/* =========================================
   RESPONSIVO
========================================= */

@media(max-width:1050px){


  .services-section {

    padding:60px 20px;

  }


  .services-grid {

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

  }


}



@media(max-width:620px){


  .services-section {

    padding:10px 18px;


  }


  .services-grid {

    grid-template-columns:1fr;

    gap:16px;

  }


  .service-card {

    min-height:270px;

    padding:6px 24px;

    border-radius:18px;

  }


  .service-card-icon {

    width:50px;

    height:50px;

  }


}



@media(max-width:380px){


  .services-section {

    padding:12px 14px;

  }


  .service-card {

    padding:24px 20px;

  }


}



/* =========================================
   SEM HOVER
========================================= */

@media(hover:none){


  .service-card:hover {

    transform:none;

  }


  .service-card:hover::before {

    transform:none;

  }


}



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

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


  .service-card,

  .service-card::before,

  .service-card-icon,

  .service-card-link,

  .service-card-link svg {

    transition:none;

  }


  .service-card:hover {

    transform:none;

  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a74a9f5 */.color1{
    background: linear-gradient(
    90deg,
    #e52bb8 0%,
    #8b3de8 25%,
    #3d51e8 48%,
    #18aee8 70%,
    #24e5d1 85%,
    #8aefb7 100%
  );

  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;

  color: transparent;
  -webkit-text-fill-color: transparent;

  font-weight: 800;
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5efe23c */.color1{
    background: linear-gradient(
    90deg,
    #e52bb8 0%,
    #8b3de8 25%,
    #3d51e8 48%,
    #18aee8 70%,
    #24e5d1 85%,
    #8aefb7 100%
  );

  background-size: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;

  color: transparent;
  -webkit-text-fill-color: transparent;

  font-weight: 800;
    
}/* End custom CSS */