.elementor-kit-6{--e-global-color-primary:#262D5E;--e-global-color-secondary:#4891CC;--e-global-color-text:#333333;--e-global-color-accent:#FFFFFF;--e-global-color-d38fce2:#FAC486;--e-global-color-31158b3:#F6F4F3;--e-global-color-5312f7b:#B6BBBF;--e-global-typography-primary-font-family:"Utendo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:100;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Utendo";--e-global-typography-accent-font-weight:500;background-color:#262D5E;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-family:"Utendo", Sans-serif;font-weight:bold;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* LARGURA ÚTIL AUTOMÁTICA */

/* WIDESCREEN E DESKTOP */
@media (min-width: 1367px) {
    .e-con {
        --content-width: 1280px;
    }
}

/* LAPTOP */
@media (min-width: 1201px) and (max-width: 1366px) {
    .e-con {
        --content-width: 1100px;
    }
}

/* TABLET PAISAGEM */
@media (min-width: 1025px) and (max-width: 1200px) {
    .e-con {
        --content-width: 924px;
    }
}

/* TABLET RETRATO */
@media (min-width: 881px) and (max-width: 1024px) {
    .e-con {
        --content-width: 780px;
    }
}

/* CELULAR PAISAGEM */
@media (min-width: 768px) and (max-width: 880px) {
    .e-con {
        --content-width: 728px;
    }
}

/* CELULAR RETRATO */
@media (max-width: 767px) {
    .e-con {
        --content-width: 360px;
    }
}



/* mesmos seletores, só troquei .bth → .btn e mantive o fix do rotate() */
.btn .elementor-button{
  padding: 0.35rem 0.4rem 0.35rem 2rem !important;
  border-radius: 55px !important;
  background: linear-gradient(92deg, #4891cc -3.01%, #4891cc 95.31%) !important; /* Gradiente do BG (verde) */
}

.btn .elementor-button-text{
  align-self: center;
}

.btn .elementor-button-icon{
  font-size: 20px !important;
  padding: 10px;
  margin-left: 10px;
  background: #fffff4; /* cor da bola do icon */
  border-radius: 200px;
  color: #4891cc !important;
  vertical-align: middle;
  transform: rotate(-45deg);  /* rotação inicial */
  transition: 0.5s ease all;
}

.btn .elementor-button-icon svg path{
  transform: rotate(0deg);
  fill: #4891cc !important;
  color: #4891cc !important;
  transition: 0.7s ease all;
}

.btn:hover .elementor-button-icon{
  transform: rotate(0deg);    /* “desvira” no hover */
}



/* BOTÃO ESCURO */
.btn3 .elementor-button{
  padding: 0.35rem 0.4rem 0.35rem 2rem !important;
  border-radius: 55px !important;
  background: linear-gradient(92deg, #262d5e -3.01%, #262d5e 95.31%) !important; /* Gradiente do BG (verde) */
}

.btn3 .elementor-button-text{
  align-self: center;
}

.btn3 .elementor-button-icon{
  font-size: 20px !important;
  padding: 10px;
  margin-left: 10px;
  background: #fffff4; /* cor da bola do icon */
  border-radius: 200px;
  color: #4891cc !important;
  vertical-align: middle;
  transform: rotate(-45deg);  /* rotação inicial */
  transition: 0.5s ease all;
}

.btn3 .elementor-button-icon svg path{
  transform: rotate(0deg);
  fill: #4891cc !important;
  color: #4891cc !important;
  transition: 0.7s ease all;
}

.btn3:hover .elementor-button-icon{
  transform: rotate(0deg);    /* “desvira” no hover */
}




/* BARRINHA AZUL */
:root {
  --snap-color-1: #4891cc;
  --snap-color-2: #4891cc;
}

.snap-hover {
  position: relative;
}

.snap-hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  transform: translateY(-50%);
  width: 120px;
  height: 7px;
  border-radius: 100px;
  background: linear-gradient(95deg, var(--snap-color-1) 0%, var(--snap-color-2) 100%);
  transition: width 1.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.snap-hover:hover::after {
  width: 220px;
}






/* BARRINHA AZUL ESCURO MENOR E CENTRALIZADA */
.snap-hover-dark {
  --snap-color-1: #262d5e;
  --snap-color-2: #262d5e;
  position: relative;
}

.snap-hover-dark::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 6px;
  border-radius: 100px;
  background: linear-gradient(95deg, var(--snap-color-1) 0%, var(--snap-color-2) 100%);
  transition: width 1.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.snap-hover-dark:hover::after {
  width: 140px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Utendo';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://srpintor.com/wp-content/uploads/2026/04/Utendo-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Utendo';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://srpintor.com/wp-content/uploads/2026/04/Utendo-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://srpintor.com/wp-content/uploads/2026/04/Inter-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://srpintor.com/wp-content/uploads/2026/04/Inter-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */