.elementor-2738 .elementor-element.elementor-element-0c6659e{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-2d1d4d3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-eeee9b5 > .elementor-container{max-width:1300px;}.elementor-2738 .elementor-element.elementor-element-76cf9c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-ff99b34 > .elementor-container{max-width:1300px;}.elementor-2738 .elementor-element.elementor-element-dd8961a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-2c590ac > .elementor-container{max-width:1300px;}.elementor-2738 .elementor-element.elementor-element-c081777 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-3d453f3 > .elementor-container{max-width:1300px;}.elementor-2738 .elementor-element.elementor-element-e1b6842 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-ae3fff5 > .elementor-container{max-width:1250px;}.elementor-2738 .elementor-element.elementor-element-ae3fff5{padding:80px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-22e8c4c > .elementor-container{max-width:1250px;}.elementor-2738 .elementor-element.elementor-element-22e8c4c{padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-65f00d4 > .elementor-container{max-width:1250px;}.elementor-2738 .elementor-element.elementor-element-65f00d4{padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-9aca195 > .elementor-container{max-width:1300px;}.elementor-2738 .elementor-element.elementor-element-6503c7f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-5f2525c > .elementor-container{max-width:1300px;}.elementor-2738 .elementor-element.elementor-element-324a549 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-b787e77 > .elementor-container{max-width:1300px;}.elementor-2738 .elementor-element.elementor-element-bc0cc34 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2738 .elementor-element.elementor-element-49f8def > .elementor-container{max-width:1300px;}.elementor-2738 .elementor-element.elementor-element-2bb8584 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-2d1d4d3 *//* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:
"Poppins",
sans-serif;

overflow-x:hidden;

}

/* HERO */

.hero{

position:relative;

min-height:100vh;

display:flex;

align-items:center;

padding:
120px 24px 80px;

background:
url("https://espuflex.com.br/wp-content/uploads/2026/05/ESPUFLEX_WALLPAPPER-scaled.jpg");

background-size:cover;

background-position:center;

background-repeat:no-repeat;

}

.overlay{

position:absolute;

inset:0;

background:

linear-gradient(
90deg,
rgba(6,18,35,.88) 0%,
rgba(6,18,35,.78) 35%,
rgba(6,18,35,.55) 100%
);

}

.container{

position:relative;

z-index:2;

width:100%;

max-width:1280px;

margin:auto;

}

/* TAG */

.hero-badge{

display:inline-flex;

padding:
12px 18px;

border-radius:999px;

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

backdrop-filter:
blur(10px);

color:#ffffff;

font-size:.9rem;

font-weight:600;

letter-spacing:1px;

margin-bottom:28px;

}

/* TITULO */

.hero h1{

font-size:
clamp(
4rem,
4vw,
4rem
);

line-height:1;

font-weight:800;

color:white;

max-width:900px;

margin-bottom:28px;

}

.hero h1 span{

display:block;

color:#16A42C;

}

/* TEXTO */

.hero p{

font-size:
clamp(
1rem,
2vw,
1.2rem
);

line-height:1.9;

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

max-width:650px;

margin-bottom:40px;

}

/* BOTÕES */

.hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.btn-primary{

padding:
18px 34px;

border-radius:18px;

text-decoration:none;

font-weight:700;

color:#FFFFFF;

background:

linear-gradient(
180deg,
#16A42C,
#0D7A20
);

transition:.3s;

}

.btn-primary:hover{

transform:
translateY(-4px);

color:#FFFFFF; /* TEXTO BRANCO */

background:

linear-gradient(
180deg,
#1ABA34,
#128526
);

}

.btn-secondary{

padding:
18px 34px;

border-radius:18px;

text-decoration:none;

font-weight:700;

color:#FFFFFF;

border:
2px solid
rgba(255,255,255,.25);

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

backdrop-filter:
blur(8px);

transition:.3s;

}

.btn-secondary:hover{

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

color:#FFFFFF; /* TEXTO BRANCO */

transform:
translateY(-4px);

}

/* MOBILE */

@media(max-width:768px){

.hero{

text-align:center;

padding:
100px 24px;

}

.hero-buttons{

justify-content:center;

}

.hero h1{

font-size:2rem;

}

.hero p{

margin-left:auto;

margin-right:auto;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76cf9c6 *//* ==========================
SOBRE
========================== */

.about{

padding:140px 40px;

background:#fff;

}

.about .container{

max-width:1380px;

margin:auto;

display:grid;

grid-template-columns:540px 1fr;

gap:90px;

align-items:start;

}

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

.about-image{

position:sticky;

/* ajuste conforme altura do header */
top:110px;

align-self:start;

border-radius:36px;

overflow:hidden;

/* impede encostar no footer */
height:fit-content;

max-height:calc(100vh - 140px);

}

.about-image img{

width:100%;

display:block;

object-fit:cover;

max-height:calc(100vh - 140px);

transition:.6s;

}

.about-image:hover img{

transform:scale(1.04);

}

/* ==========================
TAG
========================== */

.section-tag{

display:inline-flex;

padding:12px 20px;

border-radius:999px;

background:rgba(17,136,34,.08);

color:#118822;

font-size:.9rem;

font-weight:700;

margin-bottom:26px;

}

/* ==========================
TÍTULO
========================== */

.about h2{

font-size:
clamp(
2.6rem,
3vw,
4.6rem
);

line-height:1.05;

color:#115AA1;

margin-bottom:34px;

max-width:900px;

}

.about h2 span{

display:block;

color:#118822;

}

/* ==========================
TEXTOS
========================== */

.about-content p{

font-size:1.06rem;

line-height:2;

color:#697583;

margin-bottom:26px;

}

/* ==========================
LISTA
========================== */

.about-list{

display:grid;

gap:16px;

margin:40px 0 60px;

}

.about-list div{

padding:24px 28px;

background:#F8FBFD;

border:1px solid #E8EEF4;

border-radius:20px;

color:#115AA1;

font-weight:600;

transition:.3s;

}

.about-list div:hover{

transform:translateY(-3px);

}

/* ==========================
BLOCOS
========================== */

.about-block{

margin-bottom:50px;

}

.about-block h3{

font-size:1.7rem;

margin-bottom:18px;

color:#118822;

}

/* ==========================
BOTÃO
========================== */

.about-button{

display:inline-flex;

padding:20px 34px;

border-radius:18px;

text-decoration:none;

font-weight:700;

color:#fff;

background:

linear-gradient(
180deg,
#16A42C,
#0D7A20
);

transition:.3s;

}

.about-button:hover{

transform:translateY(-4px);

color:#fff;

}

/* ==========================
DESKTOP EXTRA
========================== */

@media (min-width:1600px){

.about .container{

max-width:1500px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd8961a *//* ==========================
SOBRE — MOBILE
========================== */

@media (max-width:979px){

.about{

padding:60px 18px;

}

.about .container{

display:flex;

flex-direction:column;

gap:36px;

}

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

.about-image{

position:relative;

top:auto;

height:auto;

max-height:none;

overflow:hidden;

border-radius:24px;

order:-1;

display:flex;

justify-content:center;

align-items:center;

margin:0 auto;

width:100%;

}

.about-image img{

width:100%;

max-width:420px;

height:auto;

display:block;

margin:0 auto;

object-fit:cover;

object-position:center;

transform:none !important;

border-radius:24px;

}

/* ==========================
TAG
========================== */

.section-tag{

display:inline-flex;

padding:10px 18px;

font-size:.75rem;

margin-bottom:18px;

}

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

.about-content{

text-align:center;

}

.about h2{

font-size:2rem;

line-height:1.15;

margin-bottom:22px;

}

.about-content p{

font-size:.96rem;

line-height:1.85;

margin-bottom:18px;

}

/* ==========================
LISTA
========================== */

.about-list{

display:grid;

grid-template-columns:1fr;

gap:12px;

margin:28px 0 42px;

}

.about-list div{

padding:18px;

border-radius:16px;

font-size:.95rem;

text-align:center;

}

/* ==========================
BLOCOS
========================== */

.about-block{

margin-bottom:36px;

}

.about-block h3{

font-size:1.35rem;

line-height:1.3;

margin-bottom:14px;

}

/* ==========================
BOTÃO
========================== */

.about-button{

display:flex;

width:100%;

justify-content:center;

align-items:center;

padding:18px 22px;

border-radius:16px;

}

/* REMOVE EFEITOS MOBILE */

.about-image:hover img{

transform:none;

}

.about-list div:hover{

transform:none;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c081777 *//* CTA */

.cta{

padding:

}

.cta .container{

max-width:1240px;

margin:auto;

padding:
90px 60px;

border-radius:42px;

text-align:center;

background:

linear-gradient(
135deg,
#115AA1,
#0D4D8D
);

position:relative;

overflow:hidden;

}

/* EFEITO */

.cta .container::before{

content:"";

position:absolute;

top:-200px;

right:-120px;

width:500px;

height:500px;

border-radius:50%;

background:

rgba(255,255,255,.05);

}

.cta .container::after{

content:"";

position:absolute;

bottom:-250px;

left:-180px;

width:500px;

height:500px;

border-radius:50%;

background:

rgba(22,164,44,.18);

}

.cta>*{

position:relative;

z-index:2;

}

.cta-tag{

display:inline-flex;

padding:
10px 18px;

border-radius:999px;

background:

rgba(255,255,255,.12);

color:white;

font-size:.9rem;

font-weight:700;

margin-bottom:24px;

}

.cta h2{

font-size:
clamp(
2rem,
3vw,
4.8rem
);

line-height:1.05;

color:white;

max-width:850px;

margin:
0 auto
26px;

}

.cta p{

max-width:760px;

margin:
0 auto
42px;

color:

rgba(255,255,255,.88);

line-height:2;

font-size:1.08rem;

}

/* BOTÕES */

.cta-buttons{

display:flex;

justify-content:center;

gap:18px;

flex-wrap:wrap;

}

.cta-primary{

padding:
18px 34px;

border-radius:18px;

text-decoration:none;

background:

linear-gradient(
180deg,
#16A42C,
#0D7A20
);

color:#fff;

font-weight:700;

transition:.3s;

}

.cta-primary:hover{

transform:
translateY(-4px);

color:#fff;

}

.cta-secondary{

padding:
18px 34px;

border-radius:18px;

text-decoration:none;

border:
2px solid
rgba(255,255,255,.20);

color:#fff;

font-weight:700;

background:

rgba(255,255,255,.08);

transition:.3s;

}

.cta-secondary:hover{

transform:
translateY(-4px);

color:#fff;

background:

rgba(255,255,255,.14);

}

/* MOBILE */

@media(max-width:768px){

.cta{

padding:10px 1px;

}

.cta .container{

padding:
}

.cta-buttons{

flex-direction:column;

}

.cta-primary,
.cta-secondary{

width:100%;

justify-content:center;

display:flex;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1b6842 *//* ===== CTA MOBILE ===== */

@media (max-width:768px){

.cta{
padding:20px 16px;
}

.cta .container{
padding:50px 24px;
border-radius:28px;
}

.cta-tag{
padding:10px 18px;
font-size:.75rem;
margin-bottom:18px;
}

.cta h2{
font-size:2rem;
line-height:1.15;
margin-bottom:18px;
}

.cta p{
font-size:.95rem;
line-height:1.7;
margin-bottom:32px;
}

.cta-buttons{
display:flex;
flex-direction:column;
gap:14px;
}

.cta-primary,
.cta-secondary{
width:100%;
display:flex;
justify-content:center;
align-items:center;

padding:18px 20px;

border-radius:16px;
font-size:1rem;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae60519 *//* PRODUTOS */

.products{

padding:
20px 24px;

background:

linear-gradient(
180deg,
#F8FBFD,
#FFFFFF
);

}

.products .container{

max-width:1320px;

margin:auto;

}

/* TOPO */

.products-header{

text-align:center;

max-width:850px;

margin:auto
auto
70px;

}

.products-header h2{

font-size:
clamp(
2.5rem,
3vw,
4.8rem
);

line-height:1.05;

color:#115AA1;

margin:
24px
0;

}

.products-header h2 span{

display:block;

color:#118822;

}

.products-header p{

font-size:1.08rem;

color:#6C7785;

line-height:1.9;

}

/* GRID */

.products-grid{

display:grid;

grid-template-columns:
1fr;

gap:30px;

}

/* CARD */

.product-card{

background:#fff;

border-radius:36px;

overflow:hidden;

transition:.4s;

border:

1px solid
#ECF1F6;

}

.product-card:hover{

transform:
translateY(-10px);

box-shadow:

0 30px 70px
rgba(0,0,0,.08);

}

.product-image{

height:360px;

display:flex;

align-items:center;

justify-content:center;

padding:40px;

background:

linear-gradient(
180deg,
#FFFFFF,
#F8FBFD
);

}

.product-image img{

width:100%;

max-width:320px;

object-fit:contain;

transition:.4s;

}

.product-card:hover img{

transform:scale(1.05);

}

.product-content{

padding:40px;

text-align:center;

}

.product-content h3{

font-size:1.8rem;

color:#115AA1;

margin-bottom:18px;

}

.product-content p{

color:#697583;

line-height:1.9;

}

/* RESPONSIVO */

@media(min-width:980px){

.products-grid{

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

}

}

@media(max-width:979px){

.products{

padding:90px 24px;

}

.product-image{

height:260px;

}

.product-content{

padding:32px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41f5654 *//* ENTREGA */

.delivery{

padding:
120px 24px;

background:

linear-gradient(
180deg,
#FFFFFF,
#F8FBFD
);

overflow:hidden;

}

.delivery .container{

max-width:1320px;

margin:auto;

display:grid;

gap:80px;

align-items:center;

}

/* TEXTO */

.delivery-content h2{

font-size:
clamp(
2.5rem,
2vw,
4.8rem
);

line-height:1.05;

color:#115AA1;

margin:
24px 0;

}

.delivery-content h2 span{

display:block;

color:#118822;

}

.delivery-content p{

font-size:1.08rem;

line-height:2;

color:#697583;

margin-bottom:26px;

max-width:620px;

}

/* BENEFÍCIOS */

.delivery-features{

display:grid;

grid-template-columns:
1fr 1fr;

gap:16px;

margin-top:40px;

}

.delivery-features div{

padding:18px 22px;

border-radius:18px;

background:white;

border:

1px solid
#E6EDF4;

font-weight:600;

color:#115AA1;

transition:.3s;

}

.delivery-features div:hover{

transform:
translateY(-4px);

}

/* MAPA */

.delivery-map{

display:flex;

justify-content:center;

align-items:center;

}

.delivery-map img{

width:100%;

max-width:620px;

display:block;

transition:.5s;

}

.delivery-map:hover img{

transform:
scale(1.02);

}

/* DESKTOP */

@media(min-width:980px){

.delivery .container{

grid-template-columns:
1fr 1fr;

}

}

/* MOBILE */

@media(max-width:979px){

.delivery{

padding:90px 24px;

}

.delivery{

text-align:center;

}

.delivery-content p{

margin-left:auto;

margin-right:auto;

}

.delivery-features{

grid-template-columns:
1fr;

}

.delivery-map{

order:-1;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c09729e *//* ===== DELIVERY MOBILE ===== */

@media (max-width:768px){

.delivery{
padding:60px 18px;
text-align:center;
}

.delivery .container{
gap:40px;
}

.delivery-map{
order:-1;
}

.delivery-map img{
max-width:100%;
width:100%;
}

.delivery-content h2{
font-size:2rem;
line-height:1.15;
margin:18px 0 20px;
}

.delivery-content h2 span{
display:block;
}

.delivery-content p{
font-size:.96rem;
line-height:1.8;

max-width:100%;

margin-left:auto;
margin-right:auto;
margin-bottom:18px;
}

.delivery-features{
display:grid;

grid-template-columns:1fr;

gap:12px;

margin-top:28px;
}

.delivery-features div{

padding:16px 18px;

border-radius:14px;

font-size:.95rem;

text-align:center;

}

.section-tag{

display:inline-flex;

font-size:.75rem;

padding:10px 18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6503c7f *//* CTA */

.cta{

padding:

}

.cta .container{

max-width:1240px;

margin:auto;

padding:
90px 60px;

border-radius:42px;

text-align:center;

background:

linear-gradient(
135deg,
#115AA1,
#0D4D8D
);

position:relative;

overflow:hidden;

}

/* EFEITO */

.cta .container::before{

content:"";

position:absolute;

top:-200px;

right:-120px;

width:500px;

height:500px;

border-radius:50%;

background:

rgba(255,255,255,.05);

}

.cta .container::after{

content:"";

position:absolute;

bottom:-250px;

left:-180px;

width:500px;

height:500px;

border-radius:50%;

background:

rgba(22,164,44,.18);

}

.cta>*{

position:relative;

z-index:2;

}

.cta-tag{

display:inline-flex;

padding:
10px 18px;

border-radius:999px;

background:

rgba(255,255,255,.12);

color:white;

font-size:.9rem;

font-weight:700;

margin-bottom:24px;

}

.cta h2{

font-size:
clamp(
2rem,
3vw,
4.8rem
);

line-height:1.05;

color:white;

max-width:850px;

margin:
0 auto
26px;

}

.cta p{

max-width:760px;

margin:
0 auto
42px;

color:

rgba(255,255,255,.88);

line-height:2;

font-size:1.08rem;

}

/* BOTÕES */

.cta-buttons{

display:flex;

justify-content:center;

gap:18px;

flex-wrap:wrap;

}

.cta-primary{

padding:
18px 34px;

border-radius:18px;

text-decoration:none;

background:

linear-gradient(
180deg,
#16A42C,
#0D7A20
);

color:#fff;

font-weight:700;

transition:.3s;

}

.cta-primary:hover{

transform:
translateY(-4px);

color:#fff;

}

.cta-secondary{

padding:
18px 34px;

border-radius:18px;

text-decoration:none;

border:
2px solid
rgba(255,255,255,.20);

color:#fff;

font-weight:700;

background:

rgba(255,255,255,.08);

transition:.3s;

}

.cta-secondary:hover{

transform:
translateY(-4px);

color:#fff;

background:

rgba(255,255,255,.14);

}

/* MOBILE */

@media(max-width:768px){

.cta{

padding:90px 24px;

}

.cta .container{

padding:
}

.cta-buttons{

flex-direction:column;

}

.cta-primary,
.cta-secondary{

width:100%;

justify-content:center;

display:flex;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-324a549 *//* ===== CTA MOBILE ===== */

@media (max-width:768px){

.cta{
padding:20px 16px;
}

.cta .container{
padding:50px 24px;
border-radius:28px;
}

.cta-tag{
padding:10px 18px;
font-size:.75rem;
margin-bottom:18px;
}

.cta h2{
font-size:2rem;
line-height:1.15;
margin-bottom:18px;
}

.cta p{
font-size:.95rem;
line-height:1.7;
margin-bottom:32px;
}

.cta-buttons{
display:flex;
flex-direction:column;
gap:14px;
}

.cta-primary,
.cta-secondary{
width:100%;
display:flex;
justify-content:center;
align-items:center;

padding:18px 20px;

border-radius:16px;
font-size:1rem;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc0cc34 *//* CONTATO */

.contact{

padding:
120px 24px;

background:

linear-gradient(
180deg,
#F8FBFD,
#FFFFFF
);

}

.contact .container{

max-width:1280px;

margin:auto;

}

/* CABEÇALHO */

.contact-header{

text-align:center;

max-width:760px;

margin:
0 auto
70px;

}

.contact-header h2{

font-size:
clamp(
2.4rem,
5vw,
4.6rem
);

line-height:1.05;

color:#115AA1;

margin:
24px 0;

}

.contact-header h2 span{

color:#118822;

}

.contact-header p{

color:#6C7785;

line-height:2;

}

/* GRID */

.contact-grid{

display:grid;

grid-template-columns:
1fr;

gap:28px;

}

/* CARD */

.contact-card{

padding:50px;

background:#FFF;

border-radius:34px;

border:

1px solid
#E6EDF4;

text-align:center;

transition:.35s;

}

.contact-card:hover{

transform:
translateY(-10px);

box-shadow:

0 30px 70px
rgba(0,0,0,.06);

}

/* ÍCONES */

.contact-icon{

width:110px;

height:110px;

margin:
0 auto
30px;

display:flex;

align-items:center;

justify-content:center;

}

.contact-icon img{

width:80px;

height:80px;

object-fit:contain;

display:block;

transition:.35s;

}

.contact-card:hover .contact-icon img{

transform:
scale(1.08);

}

/* TÍTULOS */

.contact-card h3{

font-size:1.7rem;

font-weight:700;

color:#115AA1;

margin-bottom:18px;

}

/* TEXTOS */

.contact-card a,
.contact-card p{

text-decoration:none;

font-size:1.05rem;

line-height:2;

color:#697583;

transition:.3s;

}

.contact-card a:hover{

color:#118822;

}

/* RESPONSIVO */

@media(min-width:980px){

.contact-grid{

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

}

}

@media(max-width:979px){

.contact{

padding:90px 24px;

}

.contact-card{

padding:40px 28px;

}

.contact-icon{

width:90px;

height:90px;

}

.contact-icon img{

width:68px;

height:68px;

}

.contact-card h3{

font-size:1.4rem;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bb8584 *//* ==========================
CONTATO — MOBILE
========================== */

@media (max-width:979px){

.contact{

padding:60px 18px;

}

/* CONTAINER */

.contact .container{

max-width:100%;

}

/* CABEÇALHO */

.contact-header{

text-align:center;

margin:0 auto 40px;

}

.contact-header .section-tag{

padding:10px 18px;

font-size:.75rem;

margin-bottom:18px;

}

.contact-header h2{

font-size:2rem;

line-height:1.15;

margin:18px 0;

}

.contact-header p{

font-size:.96rem;

line-height:1.85;

}

/* GRID */

.contact-grid{

display:grid;

grid-template-columns:1fr;

gap:18px;

}

/* CARD */

.contact-card{

padding:32px 24px;

border-radius:24px;

text-align:center;

}

.contact-card:hover{

transform:none;

box-shadow:none;

}

/* ÍCONE */

.contact-icon{

width:80px;

height:80px;

margin:0 auto 20px;

}

.contact-icon img{

width:58px;

height:58px;

transform:none !important;

}

/* TÍTULO */

.contact-card h3{

font-size:1.3rem;

margin-bottom:14px;

}

/* TEXTO */

.contact-card a,
.contact-card p{

font-size:.95rem;

line-height:1.8;

word-break:break-word;

}

/* BOTÃO NATURAL EM LINKS */

.contact-card a{

display:inline-flex;

justify-content:center;

align-items:center;

}

/* REMOVE HOVERS */

.contact-card:hover .contact-icon img{

transform:none;

}

}/* End custom CSS */