:root{
--primary:#0F172A;
--secondary:#0EA5E9;
--accent:#F59E0B;
--white:#ffffff;
--light:#F8FAFC;
--text:#1E293B;
--muted:#64748B;
--radius:18px;
--shadow:0 15px 40px rgba(0,0,0,.08);
--container:1280px;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
background:var(--light);
color:var(--text);
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
line-height:1.7;
}:root{
--kc-title:#162033;
--kc-text:#52637a;
--kc-muted:#64748b;
--kc-line:rgba(15,23,42,.10);
--kc-white:#fff;
--kc-bg:#fff;
}
*,
*::before,
*::after{
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
margin:0;
padding:0;
color:var(--kc-text);
background:var(--kc-bg);
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
img,
svg,
video,
canvas{
max-width:100%;
height:auto;
}
img{
display:block;
}
a{
color:inherit;
text-decoration:none;
}
button,
input,
textarea,
select{
font:inherit;
}
button{
cursor:pointer;
}
section{
position:relative;
}
.container,
.kc-container{
width:min(1280px,92%);
margin-inline:auto;
}
::selection{
background:rgba(10,132,255,.18);
color:var(--kc-title);
} :focus-visible{
outline:3px solid rgba(10,132,255,.45);
outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
html{
scroll-behavior:auto;
}
*,
*::before,
*::after{
animation-duration:.01ms !important;
animation-iteration-count:1 !important;
scroll-behavior:auto !important;
transition-duration:.01ms !important;
}
}:root{
--kc-navy:#162033;
--kc-text:#52637a;
--kc-muted:#64748b;
--kc-champagne:#d9a36a;
--kc-champagne-soft:#fff7ed;
--kc-sage:#8fbf9f;
--kc-sage-soft:#eef4e8;
--kc-white:#ffffff;
--kc-line:rgba(15,23,42,.10);
--kc-radius-sm:14px;
--kc-radius-md:22px;
--kc-radius-lg:34px;
--kc-radius-pill:999px;
--kc-shadow-soft:0 18px 48px rgba(15,23,42,.08);
--kc-shadow-card:0 26px 74px rgba(15,23,42,.10);
--kc-blur:blur(18px);
--kc-transition:.30s ease;
} .kc-badge{
display:inline-flex;
align-items:center;
gap:9px;
padding:9px 20px;
border-radius:var(--kc-radius-pill);
background:var(--kc-champagne-soft);
border:1px solid rgba(217,163,106,.35);
color:#8a5a00;
font-size:12px;
font-weight:900;
letter-spacing:.18em;
text-transform:uppercase;
} .kc-pill-row{
display:flex;
flex-wrap:wrap;
gap:14px;
}
.kc-pill{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 18px;
border-radius:var(--kc-radius-pill);
background:rgba(255,255,255,.68);
border:1px solid rgba(217,163,106,.25);
color:#3d4b60;
font-size:14px;
font-weight:800;
backdrop-filter:blur(10px);
transition:var(--kc-transition);
}
.kc-pill:hover{
transform:translateY(-2px);
background:#ffffff;
box-shadow:0 12px 28px rgba(15,23,42,.08);
} .kc-icon{
width:26px;
height:26px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:linear-gradient(135deg,#d9a36a,#b7794b);
color:#ffffff;
font-size:13px;
font-weight:900;
line-height:1;
flex-shrink:0;
box-shadow:0 8px 18px rgba(217,163,106,.26);
} .kc-glass{
background:rgba(255,255,255,.82);
border:1px solid rgba(255,255,255,.90);
box-shadow:var(--kc-shadow-card);
backdrop-filter:var(--kc-blur);
} .kc-btn{
min-height:54px;
padding:0 32px;
border-radius:var(--kc-radius-pill);
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
text-decoration:none !important;
font-weight:950;
font-size:15px;
transition:var(--kc-transition);
white-space:nowrap;
}
.kc-btn:hover{
transform:translateY(-3px);
}
.kc-btn-dark{
background:var(--kc-navy);
color:#ffffff !important;
box-shadow:0 14px 34px rgba(22,32,51,.16);
}
.kc-btn-whatsapp{
background:#2fbf71;
color:#102017 !important;
box-shadow:0 14px 34px rgba(47,191,113,.20);
} @media(max-width:768px){
.kc-pill-row{
justify-content:center;
}
.kc-btn{
width:100%;
}
}.site-header{
position:sticky;
top:0;
z-index:9999;
background:rgba(255,255,255,.94);
backdrop-filter:blur(18px);
border-bottom:1px solid rgba(17,20,24,.08);
transition:.28s ease;
}
body.kc-scrolled .site-header{
background:rgba(255,255,255,.97);
box-shadow:0 18px 55px rgba(17,20,24,.12);
}
.topbar-inner{
width:min(1280px,92%);
margin:0 auto;
}
.header-inner{
width:min(1280px,92%);
min-height:92px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:34px;
transition:.28s ease;
}
body.kc-scrolled .header-inner{
min-height:76px;
}
.site-logo{
flex:0 0 auto;
display:flex;
align-items:center;
}
.site-logo a{
display:flex;
align-items:center;
text-decoration:none;
}
.site-logo img{
display:block;
height:72px;
width:auto;
max-width:300px;
transition:.28s ease;
}
body.kc-scrolled .site-logo img{
height:60px;
}
.main-navigation{
flex:1;
display:flex;
justify-content:center;
}
.kc-menu{
display:flex;
align-items:center;
gap:32px;
margin:0;
padding:0;
list-style:none;
}
.kc-menu li{
position:relative;
}
.kc-menu a{
position:relative;
color:#171b20 !important;
text-decoration:none !important;
font-size:15px;
font-weight:850;
padding:34px 0;
transition:.25s ease;
}
body.kc-scrolled .kc-menu a{
padding:26px 0;
}
.kc-menu a::after{
content:"";
position:absolute;
left:0;
bottom:22px;
width:0;
height:3px;
border-radius:999px;
background:linear-gradient(90deg,#d4953d,rgba(212,149,61,.25));
transition:.28s ease;
}
body.kc-scrolled .kc-menu a::after{
bottom:16px;
}
.kc-menu a:hover{
color:#d4953d !important;
}
.kc-menu a:hover::after,
.kc-menu .current-menu-item > a::after,
.kc-menu .current_page_item > a::after{
width:100%;
}
.header-right{
display:flex;
align-items:center;
gap:16px;
flex:0 0 auto;
}
.header-phone{
display:inline-flex;
align-items:center;
color:#171b20 !important;
text-decoration:none !important;
font-size:15px;
font-weight:950;
white-space:nowrap;
transition:.25s ease;
}
.header-phone:hover{
color:#d4953d !important;
}
.header-button{
min-height:52px;
padding:0 28px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#25D366 !important;
color:#071326 !important;
text-decoration:none !important;
font-size:15px;
font-weight:950;
white-space:nowrap;
box-shadow:0 16px 38px rgba(37,211,102,.26);
transition:.25s ease;
}
.header-button:hover{
transform:translateY(-2px);
box-shadow:0 22px 52px rgba(37,211,102,.34);
}
.mobile-toggle{
display:none;
width:48px;
height:48px;
border:1px solid rgba(17,20,24,.10);
border-radius:15px;
background:rgba(255,255,255,.72);
cursor:pointer;
padding:0;
}
.mobile-toggle span{
display:block;
width:26px;
height:3px;
margin:5px auto;
border-radius:8px;
background:#171b20;
transition:.25s ease;
}
.mobile-toggle.active span:nth-child(1){
transform:translateY(8px) rotate(45deg);
}
.mobile-toggle.active span:nth-child(2){
opacity:0;
}
.mobile-toggle.active span:nth-child(3){
transform:translateY(-8px) rotate(-45deg);
}
@media(max-width:991px){
.header-inner{
min-height:78px;
}
body.kc-scrolled .header-inner{
min-height:72px;
}
.site-logo img{
height:56px;
max-width:230px;
}
body.kc-scrolled .site-logo img{
height:50px;
}
.mobile-toggle{
display:block;
}
.main-navigation{
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
background:rgba(255,255,255,.98);
padding:24px;
border-top:1px solid rgba(17,20,24,.08);
box-shadow:0 24px 60px rgba(17,20,24,.14);
}
.main-navigation.active{
display:block;
}
.kc-menu{
flex-direction:column;
align-items:flex-start;
gap:18px;
}
.kc-menu a{
padding:0;
}
.kc-menu a::after{
bottom:-7px;
}
.header-right{
display:none;
}
} .site-header{
background:rgba(255,255,255,.92);
border-bottom:1px solid rgba(23,27,32,.07);
}
.header-inner{
min-height:84px;
}
body.kc-scrolled .header-inner{
min-height:72px;
}
.site-logo img{
height:64px;
max-width:260px;
}
body.kc-scrolled .site-logo img{
height:54px;
}
.kc-menu{
gap:28px;
}
.kc-menu a{
color:#171b20 !important;
font-size:14.5px;
font-weight:800;
letter-spacing:-.15px;
}
.kc-menu a:hover{
color:#d4953d !important;
}
.kc-menu a::after{
height:2px;
background:linear-gradient(90deg,#d4953d,rgba(212,149,61,.18));
}
.header-phone{
color:#171b20 !important;
font-size:14.5px;
font-weight:900;
}
.header-phone:hover{
color:#d4953d !important;
}
.header-button{
min-height:48px;
padding:0 24px;
background:#25D366 !important;
color:#071326 !important;
font-size:14.5px;
box-shadow:0 14px 34px rgba(37,211,102,.22);
}
.header-button:hover{
transform:translateY(-2px);
box-shadow:0 18px 44px rgba(37,211,102,.30);
}
body.kc-scrolled .site-header{
background:rgba(255,255,255,.96);
box-shadow:0 14px 42px rgba(17,20,24,.10);
}
@media(max-width:991px){
.site-logo img{
height:52px;
max-width:220px;
}
body.kc-scrolled .site-logo img{
height:48px;
}
} .site-header{
background:rgba(250,248,244,.94);
border-bottom:1px solid rgba(212,149,61,.12);
}
body.kc-scrolled .site-header{
background:rgba(250,248,244,.97);
box-shadow:0 18px 55px rgba(17,20,24,.11);
}
.header-inner{
transition:min-height .38s ease, padding .38s ease;
}
.kc-menu a{
font-size:14px;
font-weight:780;
color:#171b20 !important;
transition:color .35s ease;
}
.kc-menu a::after{
height:2px;
bottom:21px;
background:linear-gradient(90deg,#d4953d,rgba(212,149,61,.22));
transition:width .36s cubic-bezier(.22,.61,.36,1);
}
body.kc-scrolled .kc-menu a::after{
bottom:15px;
}
.kc-menu a:hover{
color:#c8872f !important;
}
.header-phone{
font-size:14px;
font-weight:820;
letter-spacing:.1px;
color:#171b20 !important;
}
.header-button{
min-height:46px;
padding:0 23px;
font-size:14px;
font-weight:850;
border-radius:16px;
background:#25D366 !important;
color:#071326 !important;
box-shadow:0 12px 30px rgba(37,211,102,.20);
}
.header-button:hover{
transform:translateY(-2px);
box-shadow:0 18px 42px rgba(37,211,102,.27);
}
.site-logo img{
transition:height .38s ease, max-width .38s ease, transform .38s ease;
}
.site-logo img:hover{
transform:translateY(-1px);
}
@media(max-width:991px){
.main-navigation{
background:rgba(250,248,244,.98);
}
}:root{
--kc-primary:#0a84ff;
--kc-dark:#071326;
--kc-success:#22c55e;
--kc-white:#fff;
--kc-radius:16px;
--kc-transition:.28s ease;
}
.hero-btn,
.header-button,
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:56px;
padding:0 28px;
border-radius:var(--kc-radius);
color:inherit;
text-decoration:none;
font-weight:800;
line-height:1;
cursor:pointer;
transition:transform var(--kc-transition),box-shadow var(--kc-transition),background-color var(--kc-transition),color var(--kc-transition),border-color var(--kc-transition);
}
.hero-btn-primary{
color:var(--kc-dark);
background:var(--kc-white);
box-shadow:0 12px 35px rgba(0,0,0,.12);
}
.hero-btn-primary:hover{
transform:translateY(-3px);
box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.hero-btn-whatsapp,
.header-button{
color:var(--kc-white);
background:linear-gradient(135deg,#25d366,#18b957);
box-shadow:0 18px 45px rgba(37,211,102,.30);
}
.hero-btn-whatsapp:hover,
.header-button:hover{
transform:translateY(-3px);
box-shadow:0 25px 60px rgba(37,211,102,.40);
}
.btn-outline{
color:var(--kc-primary);
background:var(--kc-white);
border:2px solid var(--kc-primary);
}
.btn-outline:hover{
color:var(--kc-white);
background:var(--kc-primary);
}.card{
position:relative;
overflow:hidden;
background:#ffffff;
border-radius:28px;
border:1px solid var(--kc-line);
transition:.35s ease;
box-shadow:0 12px 35px rgba(15,23,42,.05);
}
.card::after{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at top right,
rgba(20,184,166,.08),
transparent 42%);
opacity:0;
transition:.35s;
pointer-events:none;
}
.card:hover{
transform:translateY(-8px);
border-color:rgba(20,184,166,.28);
box-shadow:0 26px 65px rgba(15,23,42,.12);
}
.card:hover::after{
opacity:1;
}.hero-section{
position:relative;
overflow:hidden;
padding:92px 0 84px;
background:
radial-gradient(circle at 78% 12%, rgba(20,184,166,.34), transparent 34%),
radial-gradient(circle at 10% 84%, rgba(96,165,250,.28), transparent 36%),
linear-gradient(135deg,#eaf7f4 0%,#edf7fb 48%,#f6fbfc 100%);
}
.hero-section::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(15,118,110,.03) 1px, transparent 1px),
linear-gradient(90deg,rgba(15,118,110,.03) 1px, transparent 1px);
background-size:44px 44px;
opacity:.45;
pointer-events:none;
}
.hero-inner{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.05fr .95fr;
align-items:center;
gap:66px;
}
.hero-content{
max-width:700px;
}
.hero-badge{
display:inline-flex;
align-items:center;
margin-bottom:22px;
padding:10px 18px;
border-radius:999px;
background:rgba(255,255,255,.72);
border:1px solid rgba(219,229,234,.95);
color:var(--kc-primary-dark);
font-size:13px;
font-weight:900;
letter-spacing:.02em;
box-shadow:0 14px 35px rgba(15,23,42,.06);
backdrop-filter:blur(10px);
}
.hero-content h1{
margin:0 0 22px;
color:var(--kc-title);
font-size:clamp(42px,5.5vw,70px);
line-height:1.02;
letter-spacing:-.065em;
}
.hero-content p{
max-width:640px;
margin:0;
color:var(--kc-text);
font-size:18px;
line-height:1.76;
}
.hero-actions{
display:flex;
align-items:center;
gap:16px;
flex-wrap:wrap;
margin-top:32px;
}
.hero-btn{
position:relative;
overflow:hidden;
display:inline-flex;
align-items:center;
justify-content:center;
width:220px;
min-height:56px;
padding:0 26px;
border-radius:999px;
font-size:16px;
font-weight:900;
text-decoration:none;
line-height:1;
transition:
transform .28s ease,
box-shadow .28s ease,
background .28s ease,
border-color .28s ease;
}
.hero-btn-primary{
background:linear-gradient(135deg,#14b8a6,#3b82f6);
color:#ffffff;
border:1px solid transparent;
box-shadow:0 20px 48px rgba(20,184,166,.26);
}
.hero-btn-primary::before{
content:"☎";
margin-right:8px;
font-size:17px;
}
.hero-btn-primary:hover{
color:#ffffff;
transform:translateY(-4px);
box-shadow:0 26px 62px rgba(20,184,166,.36);
}
.hero-btn-whatsapp{
background:#25D366;
color:#ffffff;
border:1px solid #25D366;
box-shadow:0 18px 45px rgba(37,211,102,.30);
}
.hero-btn-whatsapp::before{
content:"💬";
margin-right:8px;
font-size:17px;
}
.hero-btn-whatsapp:hover{
background:#1ebe5d;
border-color:#1ebe5d;
color:#ffffff;
transform:translateY(-4px);
box-shadow:0 24px 60px rgba(37,211,102,.40);
}
.hero-btn::after{
content:"";
position:absolute;
top:0;
left:-80%;
width:55%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
transform:skewX(-20deg);
opacity:0;
}
.hero-btn:hover::after{
animation:heroBtnShine .72s ease;
}
.hero-visual{
position:relative;
min-height:440px;
}
.hero-panel{
position:relative;
z-index:2;
max-width:500px;
margin-left:auto;
padding:30px;
border-radius:34px;
background:rgba(255,255,255,.84);
border:1px solid rgba(219,229,234,.95);
box-shadow:0 30px 88px rgba(15,23,42,.12);
backdrop-filter:blur(18px);
transition:
transform .35s ease,
box-shadow .35s ease;
}
.hero-panel:hover{
transform:translateY(-5px);
box-shadow:0 38px 100px rgba(15,23,42,.16);
}
.hero-panel-head{
display:flex;
align-items:center;
gap:16px;
margin-bottom:22px;
}
.hero-panel-icon{
width:62px;
height:62px;
display:flex;
align-items:center;
justify-content:center;
border-radius:22px;
background:linear-gradient(135deg,rgba(20,184,166,.18),rgba(96,165,250,.18));
color:var(--kc-primary-dark);
font-size:28px;
font-weight:900;
}
.hero-panel-head small{
display:block;
margin-bottom:4px;
color:var(--kc-primary-dark);
font-size:13px;
font-weight:900;
letter-spacing:.08em;
}
.hero-panel-head h2{
margin:0;
color:var(--kc-title);
font-size:26px;
letter-spacing:-.045em;
}
.hero-panel-list{
display:grid;
gap:13px;
}
.hero-panel-item{
display:grid;
grid-template-columns:44px 1fr;
column-gap:15px;
padding:16px;
border-radius:21px;
background:#ffffff;
border:1px solid var(--kc-line);
box-shadow:0 10px 30px rgba(15,23,42,.05);
transition:
transform .28s ease,
box-shadow .28s ease,
border-color .28s ease;
}
.hero-panel-item:hover{
transform:translateX(4px);
border-color:rgba(212,149,61,.22);
box-shadow:0 16px 38px rgba(15,23,42,.08);
}
.hero-panel-item span{
grid-row:1 / 3;
width:44px;
height:44px;
display:flex;
align-items:center;
justify-content:center;
border-radius:15px;
background:#ecfeff;
color:var(--kc-primary-dark);
font-weight:900;
}
.hero-panel-item strong{
color:var(--kc-title);
font-size:16px;
margin-bottom:4px;
}
.hero-panel-item p{
margin:0;
color:var(--kc-muted);
line-height:1.5;
font-size:14px;
}
.hero-mini-card{
position:absolute;
z-index:3;
min-width:158px;
padding:16px 18px;
border-radius:22px;
background:rgba(255,255,255,.94);
border:1px solid var(--kc-line);
box-shadow:0 20px 54px rgba(15,23,42,.11);
backdrop-filter:blur(14px);
animation:heroMiniFloat 5.2s ease-in-out infinite;
}
.hero-mini-card strong{
display:block;
color:var(--kc-title);
font-size:25px;
line-height:1;
margin-bottom:6px;
letter-spacing:-.04em;
}
.hero-mini-card span{
color:var(--kc-muted);
font-size:13px;
font-weight:800;
}
.hero-mini-one{
left:18px;
top:66px;
}
.hero-mini-two{
right:6px;
bottom:78px;
animation-duration:5.8s;
}
@keyframes heroMiniFloat{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-8px);
}
}
@keyframes heroBtnShine{
0%{
left:-80%;
opacity:0;
}
25%{
opacity:1;
}
100%{
left:130%;
opacity:0;
}
}
@media(max-width:1024px){
.hero-inner{
grid-template-columns:1fr;
gap:50px;
text-align:center;
}
.hero-content,
.hero-content p{
margin-left:auto;
margin-right:auto;
}
.hero-actions{
justify-content:center;
}
.hero-panel{
margin:0 auto;
}
.hero-mini-one{
left:6%;
}
.hero-mini-two{
right:6%;
}
}
@media(max-width:640px){
.hero-section{
padding:72px 0 62px;
}
.hero-content h1{
font-size:39px;
}
.hero-content p{
font-size:16px;
}
.hero-actions{
flex-direction:column;
align-items:center;
}
.hero-btn{
width:100%;
max-width:320px;
}
.hero-visual{
min-height:auto;
}
.hero-panel{
padding:24px;
border-radius:30px;
}
.hero-panel-head{
align-items:flex-start;
}
.hero-panel-item{
grid-template-columns:40px 1fr;
padding:16px;
}
.hero-panel-item span{
width:40px;
height:40px;
}
.hero-mini-card{
position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
width:100%;
max-width:320px;
margin:16px auto 0;
}
}
@media (prefers-reduced-motion:reduce){
.hero-mini-card,
.hero-btn:hover::after{
animation:none !important;
}
.hero-panel:hover,
.hero-panel-item:hover,
.hero-btn-primary:hover,
.hero-btn-whatsapp:hover{
transform:none;
}
}.services-section{
position:relative;
overflow:hidden;
padding:70px 0 76px;
background:
radial-gradient(circle at 10% 16%,rgba(244,114,182,.30),transparent 28%),
radial-gradient(circle at 88% 18%,rgba(196,181,253,.38),transparent 30%),
radial-gradient(circle at 78% 90%,rgba(251,207,232,.30),transparent 32%),
linear-gradient(135deg,#fff1f7 0%,#f5f0ff 48%,#fff7ed 100%);
}
.services-section::before{
content:"";
position:absolute;
inset:0;
background-image:radial-gradient(rgba(126,34,206,.13) 1px,transparent 1px);
background-size:15px 15px;
opacity:.08;
pointer-events:none;
}
.services-section .container{
position:relative;
z-index:2;
}
.services-section .section-title{
max-width:760px;
margin:0 auto 34px;
text-align:center;
}
.services-section .section-title span{
display:inline-flex;
padding:8px 18px;
border:1px solid rgba(168,85,247,.18);
border-radius:999px;
background:rgba(255,255,255,.76);
color:#7e22ce;
font-size:12px;
font-weight:900;
letter-spacing:.18em;
}
.services-section .section-title h2{
margin:15px 0 11px;
color:#162033;
font-size:clamp(30px,3vw,39px);
line-height:1.12;
font-weight:900;
letter-spacing:-.04em;
}
.services-section .section-title p{
max-width:670px;
margin:0 auto;
color:#52637a;
font-size:15.5px;
line-height:1.6;
}
.services-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
width:min(1160px,92%);
margin-inline:auto;
}
.service-card{
position:relative;
overflow:hidden;
height:290px;
padding:24px;
border:1px solid rgba(255,255,255,.88);
border-radius:27px;
background:rgba(255,255,255,.74);
box-shadow:
0 18px 48px rgba(88,28,135,.10),
inset 0 1px 0 rgba(255,255,255,.80);
backdrop-filter:blur(18px);
transition:transform .35s ease,background-color .35s ease,box-shadow .35s ease;
}
.service-card::before{
content:"";
position:absolute;
top:0;
left:24px;
width:82px;
height:3px;
background:linear-gradient(90deg,#f472b6,#a78bfa);
}
.service-card::after{
content:"";
position:absolute;
top:-100px;
right:-100px;
width:180px;
height:180px;
border-radius:50%;
background:radial-gradient(circle,rgba(244,114,182,.22),transparent 68%);
opacity:.65;
transition:transform .35s ease,opacity .35s ease;
pointer-events:none;
}
.service-card:hover{
transform:translateY(-8px);
background:rgba(255,255,255,.88);
box-shadow:
0 30px 72px rgba(88,28,135,.16),
inset 0 1px 0 rgba(255,255,255,.86);
}
.service-card:hover::after{
transform:scale(1.15);
opacity:1;
}
.service-icon,
.service-card h3,
.service-card p{
position:relative;
z-index:2;
}
.service-icon{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
margin-bottom:18px;
border-radius:20px;
background:rgba(253,242,248,.88);
color:#7e22ce;
font-size:25px;
box-shadow:
0 13px 30px rgba(168,85,247,.13),
inset 0 1px 0 rgba(255,255,255,.82);
}
.service-card h3{
margin:0 0 10px;
color:#162033;
font-size:20px;
line-height:1.16;
font-weight:900;
}
.service-card h3::after{
content:"";
display:block;
width:30px;
height:2px;
margin-top:10px;
background:#f472b6;
}
.service-card p{
margin:0;
color:#52637a;
font-size:14.5px;
line-height:1.54;
} @media (max-width:1100px){
.services-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:767px){
.services-section{
padding:66px 0;
}
.services-grid{
grid-template-columns:1fr;
}
.service-card{
height:auto;
min-height:0;
}
}.why-section{
position:relative;
overflow:hidden;
padding:90px 0;
background:
radial-gradient(circle at top left,rgba(10,132,255,.10),transparent 34%),
radial-gradient(circle at bottom right,rgba(37,211,102,.10),transparent 32%),
linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%);
}
.why-section::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(11,31,51,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(11,31,51,.045) 1px,transparent 1px);
background-size:42px 42px;
opacity:.55;
pointer-events:none;
}
.why-section .container{
position:relative;
z-index:1;
}
.why-title{
max-width:760px;
margin:0 auto 46px;
text-align:center;
}
.why-title span{
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:14px;
padding:8px 16px;
border:1px solid rgba(10,132,255,.18);
border-radius:999px;
background:rgba(255,255,255,.72);
color:#0a84ff;
font-size:13px;
font-weight:800;
letter-spacing:.08em;
}
.why-title h2{
margin:0;
color:#0b1f33;
font-size:clamp(30px,4vw,48px);
line-height:1.12;
font-weight:900;
letter-spacing:-.04em;
}
.why-title h2 em{
color:#0a84ff;
font-style:normal;
}
.why-title p{
max-width:650px;
margin:18px auto 0;
color:#5d6b7a;
font-size:17px;
line-height:1.75;
}
.why-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:24px;
}
.why-card{
position:relative;
min-height:255px;
padding:30px;
overflow:hidden;
border:1px solid rgba(11,31,51,.08);
border-radius:28px;
background:rgba(255,255,255,.86);
box-shadow:0 20px 55px rgba(11,31,51,.08);
transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.why-card::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at top right,rgba(10,132,255,.13),transparent 38%),
radial-gradient(circle at bottom left,rgba(37,211,102,.10),transparent 34%);
opacity:0;
transition:opacity .22s ease;
pointer-events:none;
}
.why-card:hover{
transform:translateY(-6px);
border-color:rgba(10,132,255,.22);
box-shadow:0 28px 70px rgba(11,31,51,.13);
}
.why-card:hover::before{
opacity:1;
}
.why-card-top{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:24px;
}
.why-icon{
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
border-radius:18px;
background:linear-gradient(135deg,#0a84ff,#25d366);
color:#fff;
font-size:24px;
font-weight:900;
box-shadow:0 14px 30px rgba(10,132,255,.24);
}
.why-number{
color:rgba(11,31,51,.12);
font-size:42px;
line-height:1;
font-weight:900;
letter-spacing:-.06em;
}
.why-card h3{
position:relative;
z-index:1;
margin:0 0 12px;
color:#0b1f33;
font-size:21px;
line-height:1.25;
font-weight:900;
letter-spacing:-.02em;
}
.why-card p{
position:relative;
z-index:1;
margin:0;
color:#5d6b7a;
font-size:15.5px;
line-height:1.75;
}
.why-arrow{
position:absolute;
right:24px;
bottom:22px;
z-index:1;
color:#0a84ff;
font-size:26px;
font-weight:900;
transform:translateX(0);
transition:transform .22s ease;
}
.why-card:hover .why-arrow{
transform:translateX(5px);
} @media (max-width:991px){
.why-section{
padding:72px 0;
}
.why-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:640px){
.why-section{
padding:58px 0;
}
.why-title{
margin-bottom:30px;
text-align:left;
}
.why-title span{
font-size:12px;
}
.why-title p{
font-size:15.5px;
}
.why-grid{
grid-template-columns:1fr;
gap:18px;
}
.why-card{
min-height:auto;
padding:24px;
border-radius:24px;
}
.why-icon{
width:48px;
height:48px;
border-radius:16px;
}
.why-number{
font-size:36px;
}
.why-card h3{
font-size:20px;
}
}.stats-section{
position:relative;
overflow:hidden;
padding:58px 0 62px;
background:
radial-gradient(circle at 12% 20%,rgba(132,204,22,.34),transparent 28%),
radial-gradient(circle at 88% 18%,rgba(45,212,191,.26),transparent 30%),
radial-gradient(circle at 76% 88%,rgba(250,204,21,.18),transparent 32%),
linear-gradient(135deg,#f7fee7 0%,#ecfdf5 52%,#fefce8 100%);
}
.stats-section::before{
content:"";
position:absolute;
inset:0;
background-image:radial-gradient(rgba(63,98,18,.12) 1px,transparent 1px);
background-size:15px 15px;
opacity:.07;
pointer-events:none;
}
.stats-section .container{
position:relative;
z-index:2;
}
.stats-title{
max-width:700px;
margin:0 auto 30px;
text-align:center;
}
.stats-title span{
display:inline-flex;
padding:7px 16px;
border:1px solid rgba(101,163,13,.18);
border-radius:999px;
background:rgba(255,255,255,.74);
color:#3f6212;
font-size:11.5px;
font-weight:900;
letter-spacing:.18em;
}
.stats-title h2{
margin:14px 0 10px;
color:#162033;
font-size:clamp(28px,2.8vw,36px);
line-height:1.12;
font-weight:900;
letter-spacing:-.04em;
}
.stats-title p{
max-width:620px;
margin:0 auto;
color:#52637a;
font-size:15px;
line-height:1.55;
}
.stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
width:min(1080px,92%);
margin-inline:auto;
}
.stat-box{
position:relative;
overflow:hidden;
min-height:200px;
padding:26px 22px 24px;
border:1px solid rgba(255,255,255,.88);
border-radius:26px;
background:rgba(255,255,255,.74);
box-shadow:
0 16px 46px rgba(22,101,52,.09),
inset 0 1px 0 rgba(255,255,255,.80);
text-align:center;
backdrop-filter:blur(18px);
transition:transform .35s ease,background-color .35s ease,box-shadow .35s ease;
}
.stat-box::before,
.stat-box::after{
content:"";
position:absolute;
pointer-events:none;
}
.stat-box::before{
top:0;
left:50%;
width:76px;
height:3px;
border-radius:0 0 999px 999px;
transform:translateX(-50%);
}
.stat-box::after{
top:-88px;
right:-88px;
width:160px;
height:160px;
border-radius:50%;
opacity:.55;
transition:transform .35s ease,opacity .35s ease;
}
.stat-box:hover{
transform:translateY(-7px);
background:rgba(255,255,255,.88);
box-shadow:
0 26px 68px rgba(22,101,52,.13),
inset 0 1px 0 rgba(255,255,255,.86);
}
.stat-box:hover::after{
transform:scale(1.14);
opacity:.9;
}
.stat-pink::before,
.stat-purple::before{
background:linear-gradient(90deg,#84cc16,#14b8a6);
}
.stat-gold::before{
background:linear-gradient(90deg,#facc15,#84cc16);
}
.stat-green::before{
background:linear-gradient(90deg,#14b8a6,#22c55e);
}
.stat-pink::after,
.stat-purple::after{
background:radial-gradient(circle,rgba(132,204,22,.24),transparent 68%);
}
.stat-gold::after{
background:radial-gradient(circle,rgba(250,204,21,.22),transparent 68%);
}
.stat-green::after{
background:radial-gradient(circle,rgba(20,184,166,.22),transparent 68%);
}
.stat-icon,
.stat-box strong,
.stat-box p{
position:relative;
z-index:2;
}
.stat-icon{
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
margin:0 auto 18px;
border:1px solid rgba(255,255,255,.86);
border-radius:18px;
background:rgba(255,255,255,.72);
font-size:23px;
box-shadow:
0 12px 28px rgba(22,101,52,.08),
inset 0 1px 0 rgba(255,255,255,.82);
}
.stat-box strong{
display:block;
color:#365314;
font-size:clamp(34px,3vw,43px);
line-height:1;
font-weight:950;
letter-spacing:-.045em;
}
.stat-box p{
margin:10px 0 0;
color:#162033;
font-size:14.5px;
font-weight:850;
line-height:1.45;
} @media (max-width:1100px){
.stats-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:767px){
.stats-section{
padding:58px 0;
}
.stats-title{
margin-bottom:28px;
}
.stats-grid{
grid-template-columns:1fr;
}
.stat-box{
min-height:auto;
padding:26px 22px;
}
}.cta-section{
position:relative;
overflow:hidden;
padding:76px 0;
background:
radial-gradient(circle at 8% 12%,rgba(217,163,106,.25),transparent 30%),
radial-gradient(circle at 88% 16%,rgba(183,201,139,.28),transparent 32%),
linear-gradient(135deg,#fff3df 0%,#f8f1e6 48%,#eef4e8 100%);
}
.cta-section::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(90,70,50,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(90,70,50,.04) 1px,transparent 1px);
background-size:46px 46px;
opacity:.30;
pointer-events:none;
}
.cta-inner{
position:relative;
z-index:2;
width:min(1180px,92%);
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1fr) 1px 360px;
gap:38px;
align-items:center;
padding:44px 46px;
border-radius:34px;
background:rgba(255,255,255,.72);
border:1px solid rgba(217,163,106,.22);
box-shadow:0 28px 80px rgba(15,23,42,.10);
backdrop-filter:blur(20px);
}
.cta-left{
min-width:0;
}
.cta-badge{
display:inline-flex;
align-items:center;
gap:11px;
padding:9px 18px;
border-radius:999px;
background:rgba(255,247,237,.82);
border:1px solid rgba(217,163,106,.32);
color:#8a5a00;
font-size:12px;
font-weight:950;
letter-spacing:.17em;
}
.cta-badge-icon{
width:22px;
height:22px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#b7791f;
color:#fff;
font-size:11px;
letter-spacing:0;
}
.cta-left h2{
max-width:720px;
margin:24px 0 0;
color:#162033;
font-size:clamp(30px,2.7vw,42px);
line-height:1.15;
letter-spacing:-.035em;
font-weight:900;
}
.cta-title-line{
display:block;
width:78px;
height:4px;
margin:26px 0 28px;
border-radius:999px;
background:linear-gradient(90deg,#d9a36a,#b7794b);
}
.cta-left p{
max-width:720px;
margin:0;
color:#52637a;
font-size:16px;
line-height:1.72;
font-weight:600;
}
.cta-trust{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:30px;
}
.cta-trust span{
display:inline-flex;
align-items:center;
gap:11px;
min-height:48px;
padding:9px 18px;
border-radius:999px;
background:rgba(255,255,255,.68);
border:1px solid rgba(217,163,106,.24);
color:#334155;
font-size:14px;
font-weight:900;
box-shadow:0 12px 30px rgba(15,23,42,.055);
}
.cta-trust b{
width:28px;
height:28px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:linear-gradient(135deg,#d9a36a,#bd7b35);
color:#fff;
font-size:15px;
line-height:1;
box-shadow:0 8px 18px rgba(217,163,106,.28);
}
.cta-info{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:22px;
margin-top:30px;
padding-top:24px;
border-top:1px solid rgba(217,163,106,.24);
color:#50617a;
font-size:14px;
font-weight:700;
}
.cta-divider{
width:1px;
height:360px;
background:linear-gradient(180deg,transparent,rgba(217,163,106,.55),transparent);
}
.cta-right{
display:flex;
flex-direction:column;
gap:20px;
}
.cta-contact-card{
position:relative;
overflow:hidden;
padding:24px 24px 22px;
border-radius:26px;
background:rgba(255,255,255,.64);
border:1px solid rgba(217,163,106,.28);
box-shadow:0 18px 48px rgba(15,23,42,.08);
}
.cta-whatsapp-card{
border-color:rgba(52,181,111,.22);
background:rgba(255,255,255,.62);
}
.cta-contact-card::before{
content:"";
position:absolute;
right:-60px;
top:-60px;
width:150px;
height:150px;
border-radius:50%;
background:rgba(217,163,106,.12);
filter:blur(12px);
}
.cta-whatsapp-card::before{
background:rgba(52,181,111,.14);
}
.cta-contact-icon{
position:absolute;
left:24px;
top:30px;
width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.78);
border:1px solid rgba(217,163,106,.22);
color:#b7791f;
font-size:34px;
box-shadow:0 14px 34px rgba(15,23,42,.07);
}
.cta-whatsapp-card .cta-contact-icon{
color:#20a45f;
border-color:rgba(52,181,111,.22);
}
.cta-contact-content{
position:relative;
z-index:2;
min-height:82px;
padding-left:96px;
}
.cta-contact-content span{
display:block;
margin-bottom:8px;
color:#c1843b;
font-size:12px;
font-weight:950;
letter-spacing:.10em;
}
.cta-whatsapp-card .cta-contact-content span{
color:#2fab66;
}
.cta-contact-content a{
display:block;
color:#162033 !important;
text-decoration:none !important;
font-size:26px;
line-height:1.1;
font-weight:950;
letter-spacing:-.035em;
}
.cta-contact-content i{
display:block;
width:78px;
height:3px;
margin-top:18px;
border-radius:999px;
background:linear-gradient(90deg,#d9a36a,#bd7b35);
}
.cta-whatsapp-card .cta-contact-content i{
background:linear-gradient(90deg,#34b56f,#23945a);
}
.cta-contact-btn{
position:relative;
z-index:2;
min-height:54px;
margin-top:20px;
padding:0 22px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
text-decoration:none !important;
color:#fff !important;
font-size:15px;
font-weight:950;
letter-spacing:.02em;
box-shadow:0 18px 40px rgba(15,23,42,.14);
transition:.30s ease;
}
.cta-contact-btn:hover{
transform:translateY(-3px);
}
.cta-phone-btn{
background:linear-gradient(135deg,#d9a36a,#b7791f);
}
.cta-whatsapp-btn{
background:linear-gradient(135deg,#34b56f,#229456);
}
.cta-contact-btn span{
font-size:20px;
}
.cta-contact-btn em{
margin-left:auto;
font-style:normal;
font-size:30px;
line-height:1;
opacity:.92;
}
@media(max-width:1100px){
.cta-inner{
grid-template-columns:1fr;
gap:34px;
text-align:center;
}
.cta-title-line{
margin-left:auto;
margin-right:auto;
}
.cta-left h2,
.cta-left p{
margin-left:auto;
margin-right:auto;
}
.cta-trust,
.cta-info{
justify-content:center;
}
.cta-divider{
display:none;
}
.cta-right{
width:100%;
max-width:460px;
margin:0 auto;
}
}
@media(max-width:640px){
.cta-section{
padding:64px 0;
}
.cta-inner{
width:min(94%,430px);
padding:34px 20px;
border-radius:28px;
}
.cta-left h2{
font-size:clamp(30px,8.2vw,38px);
}
.cta-badge{
font-size:10.5px;
letter-spacing:.12em;
}
.cta-trust span,
.cta-info span{
width:100%;
justify-content:center;
}
.cta-info{
gap:12px;
}
.cta-contact-card{
padding:22px 20px;
}
.cta-contact-icon{
width:58px;
height:58px;
font-size:28px;
}
.cta-contact-content{
padding-left:78px;
text-align:left;
}
.cta-contact-content a{
font-size:22px;
}
} .cta-section{
padding-bottom:104px;
}
.cta-section::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:-1px;
height:86px;
background:
linear-gradient(180deg,transparent 0%,rgba(212,149,61,.18) 45%,rgba(17,20,24,.94) 100%);
pointer-events:none;
z-index:1;
}
.cta-inner{
transition:
transform .35s ease,
box-shadow .35s ease,
border-color .35s ease;
}
.cta-inner:hover{
transform:translateY(-4px);
border-color:rgba(217,163,106,.34);
box-shadow:0 34px 96px rgba(15,23,42,.14);
}
.cta-contact-card{
transition:
transform .30s ease,
box-shadow .30s ease,
border-color .30s ease;
}
.cta-contact-card:hover{
transform:translateY(-4px);
box-shadow:0 24px 62px rgba(15,23,42,.12);
}
.cta-trust span{
transition:
transform .25s ease,
box-shadow .25s ease,
border-color .25s ease;
}
.cta-trust span:hover{
transform:translateY(-2px);
border-color:rgba(217,163,106,.36);
box-shadow:0 16px 38px rgba(15,23,42,.08);
}
.cta-badge{
animation:ctaBadgeFloat 4.8s ease-in-out infinite;
}
.cta-contact-btn{
overflow:hidden;
}
.cta-contact-btn::after{
content:"";
position:absolute;
top:0;
left:-80%;
width:55%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);
transform:skewX(-20deg);
opacity:0;
}
.cta-contact-btn:hover::after{
animation:ctaBtnShine .72s ease;
}
@keyframes ctaBadgeFloat{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-4px);
}
}
@keyframes ctaBtnShine{
0%{
left:-80%;
opacity:0;
}
25%{
opacity:1;
}
100%{
left:130%;
opacity:0;
}
}
@media (prefers-reduced-motion:reduce){
.cta-badge{
animation:none !important;
}
.cta-inner:hover,
.cta-contact-card:hover,
.cta-trust span:hover{
transform:none;
}
}.footer-premium-v4{
position:relative;
overflow:hidden;
padding:96px 0 0;
color:#fff;
background:
radial-gradient(circle at top left,rgba(212,149,61,.15),transparent 34%),
radial-gradient(circle at bottom right,rgba(37,211,102,.08),transparent 30%),
linear-gradient(135deg,#25292e 0%,#1b1f24 48%,#111418 100%);
}
.footer-premium-v4::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);
background-size:48px 48px;
opacity:.42;
pointer-events:none;
}
.footer-premium-v4::after{
content:"";
position:absolute;
top:0;
left:50%;
width:min(1180px,92%);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(212,149,61,.65),transparent);
}
.footer-v4-transition{
position:absolute;
inset:0 0 auto;
height:76px;
background:linear-gradient(180deg,rgba(212,149,61,.16),transparent);
pointer-events:none;
}
.footer-v4-wrap{
position:relative;
z-index:2;
width:min(1180px,92%);
margin-inline:auto;
}
.footer-v4-main{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:30px;
align-items:stretch;
}
.footer-v4-brand,
.footer-v4-action,
.footer-v4-card{
background:rgba(255,255,255,.048);
border:1px solid rgba(255,255,255,.11);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
0 28px 80px rgba(0,0,0,.24);
backdrop-filter:blur(14px);
}
.footer-v4-brand,
.footer-v4-action,
.footer-v4-card,
.footer-v4-action::after,
.footer-v4-brand::after,
.footer-v4-card::after{
position:relative;
overflow:hidden;
}
.footer-v4-action,
.footer-v4-card,
.footer-v4-map,
.footer-v4-link-col a,
.footer-v4-link-col a::before,
.footer-v4-legal a{
transition:transform .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease,padding-left .25s ease,left .25s ease,opacity .25s ease;
}
.footer-v4-brand{
padding:42px;
border-radius:34px;
}
.footer-v4-brand::after,
.footer-v4-action::after,
.footer-v4-card::after{
content:"";
position:absolute;
border-radius:50%;
pointer-events:none;
}
.footer-v4-brand::after{
right:-90px;
top:-90px;
width:250px;
height:250px;
background:radial-gradient(circle,rgba(212,149,61,.20),transparent 70%);
}
.footer-v4-logo,
.footer-v4-slogan,
.footer-v4-desc,
.footer-v4-badges,
.footer-v4-action-icon,
.footer-v4-action span:last-child,
.footer-v4-card p,
.footer-v4-hours{
position:relative;
z-index:2;
}
.footer-v4-logo{
display:flex;
flex-direction:column;
gap:10px;
margin-bottom:22px;
color:#fff;
text-decoration:none;
}
.footer-v4-logo span{
font-size:58px;
line-height:.9;
font-weight:950;
letter-spacing:-2.4px;
}
.footer-v4-logo small,
.footer-v4-action small{
color:#d4953d;
font-weight:950;
text-transform:uppercase;
}
.footer-v4-logo small{
font-size:15px;
line-height:1;
letter-spacing:2.2px;
}
.footer-v4-slogan{
max-width:560px;
margin:0 0 18px;
color:#fff;
font-size:20px;
font-weight:900;
line-height:1.45;
}
.footer-v4-desc{
max-width:680px;
margin:0 0 30px;
color:rgba(255,255,255,.72);
font-size:16px;
line-height:1.85;
}
.footer-v4-badges{
display:flex;
flex-wrap:wrap;
gap:12px;
}
.footer-v4-badges span{
display:inline-flex;
align-items:center;
height:42px;
padding:0 18px;
border:1px solid rgba(255,255,255,.12);
border-radius:999px;
background:rgba(255,255,255,.075);
color:rgba(255,255,255,.90);
font-size:14px;
font-weight:850;
}
.footer-v4-actions{
display:grid;
gap:20px;
}
.footer-v4-action{
min-height:148px;
padding:28px;
border-radius:32px;
display:flex;
align-items:center;
gap:20px;
text-decoration:none;
}
.footer-v4-action:hover,
.footer-v4-card:hover{
transform:translateY(-4px);
background:rgba(255,255,255,.064);
}
.footer-v4-action:hover{
background:rgba(255,255,255,.072);
}
.footer-v4-action::after{
right:-60px;
top:-60px;
width:170px;
height:170px;
}
.footer-v4-action.phone::after{
background:radial-gradient(circle,rgba(212,149,61,.22),transparent 70%);
}
.footer-v4-action.whatsapp::after{
background:radial-gradient(circle,rgba(37,211,102,.22),transparent 70%);
}
.footer-v4-action-icon{
width:76px;
height:76px;
border-radius:24px;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
}
.footer-v4-action-icon svg{
width:34px;
height:34px;
fill:currentColor;
}
.footer-v4-action.phone .footer-v4-action-icon{
color:#d4953d;
background:rgba(212,149,61,.16);
}
.footer-v4-action.whatsapp .footer-v4-action-icon{
color:#25d366;
background:rgba(37,211,102,.16);
}
.footer-v4-action small{
display:block;
margin-bottom:8px;
font-size:13px;
letter-spacing:1.9px;
}
.footer-v4-action.whatsapp small{
color:#25d366;
}
.footer-v4-action strong{
color:#fff;
font-size:32px;
line-height:1.15;
font-weight:950;
}
.footer-v4-info-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:26px;
margin-top:28px;
}
.footer-v4-card{
min-height:320px;
padding:30px;
border-radius:32px;
}
.footer-v4-card::after{
right:-70px;
bottom:-70px;
width:190px;
height:190px;
background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);
}
.footer-v4-card-icon{
width:64px;
height:64px;
margin-bottom:26px;
border:1px solid rgba(212,149,61,.24);
border-radius:22px;
display:flex;
align-items:center;
justify-content:center;
color:#d4953d;
background:rgba(212,149,61,.13);
}
.footer-v4-card-icon svg{
width:30px;
height:30px;
fill:currentColor;
}
.footer-v4-card h3{
margin:0 0 18px;
color:#fff;
font-size:22px;
font-weight:950;
}
.footer-v4-card h3::after,
.footer-v4-link-col h3::after{
content:"";
display:block;
width:36px;
height:3px;
margin-top:12px;
border-radius:999px;
background:linear-gradient(90deg,#d4953d,rgba(212,149,61,.14));
}
.footer-v4-card p{
margin:0;
color:rgba(255,255,255,.70);
font-size:16px;
line-height:1.85;
}
.footer-v4-map{
position:absolute;
left:30px;
bottom:30px;
z-index:3;
height:36px;
padding:0 15px;
border:1px solid rgba(212,149,61,.28);
border-radius:999px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#d4953d;
background:rgba(212,149,61,.10);
text-decoration:none;
font-size:13px;
font-weight:950;
}
.footer-v4-map:hover{
transform:translateX(4px);
background:rgba(212,149,61,.18);
border-color:rgba(212,149,61,.42);
}
.footer-v4-hours{
display:grid;
}
.footer-v4-hours div{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:15px 0;
border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-v4-hours div:last-child{
border-bottom:0;
}
.footer-v4-hours span{
color:rgba(255,255,255,.58);
font-size:15px;
font-weight:800;
}
.footer-v4-hours strong{
color:#fff;
font-size:15px;
font-weight:950;
text-align:right;
}
.footer-v4-skyline{
position:absolute;
right:18px;
bottom:14px;
z-index:1;
width:78%;
opacity:.075;
color:#d4953d;
}
.footer-v4-skyline svg{
width:100%;
height:auto;
}
.footer-v4-skyline path{
fill:none;
stroke:currentColor;
stroke-width:7;
stroke-linecap:round;
stroke-linejoin:round;
}
.footer-v4-links{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:34px;
margin-top:54px;
padding:40px 0 34px;
border-top:1px solid rgba(255,255,255,.10);
border-bottom:1px solid rgba(255,255,255,.10);
}
.footer-v4-link-col h3{
display:flex;
align-items:center;
gap:12px;
margin:0 0 20px;
color:#fff;
font-size:20px;
font-weight:950;
}
.footer-v4-link-col h3 svg{
width:22px;
height:22px;
fill:#d4953d;
}
.footer-v4-link-col h3::after{
width:34px;
margin-top:0;
flex:0 0 auto;
}
.footer-v4-link-col ul{
list-style:none;
padding:0;
margin:0;
}
.footer-v4-link-col li{
margin-bottom:14px;
}
.footer-v4-link-col a{
position:relative;
color:rgba(255,255,255,.66);
text-decoration:none;
font-size:15px;
}
.footer-v4-link-col a::before{
content:"→";
position:absolute;
left:-18px;
opacity:0;
color:#d4953d;
}
.footer-v4-link-col a:hover{
color:#fff;
padding-left:14px;
}
.footer-v4-link-col a:hover::before{
left:0;
opacity:1;
}
.footer-v4-bottom{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:22px 18px 26px;
background:rgba(255,255,255,.026);
}
.footer-v4-bottom p{
margin:0;
color:rgba(255,255,255,.58);
font-size:13px;
}
.footer-v4-legal{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:18px;
}
.footer-v4-legal a{
position:relative;
color:rgba(255,255,255,.52);
text-decoration:none;
font-size:13px;
}
.footer-v4-legal a:not(:last-child)::after{
content:"";
position:absolute;
right:-10px;
top:50%;
width:3px;
height:3px;
border-radius:50%;
background:rgba(255,255,255,.30);
transform:translateY(-50%);
}
.footer-v4-legal a:hover{
color:#d4953d;
} @media (max-width:980px){
.footer-premium-v4{
padding-top:72px;
}
.footer-v4-main,
.footer-v4-info-grid,
.footer-v4-links{
grid-template-columns:1fr;
}
.footer-v4-brand{
padding:32px;
}
.footer-v4-logo span{
font-size:46px;
}
.footer-v4-bottom{
flex-direction:column;
text-align:center;
}
.footer-v4-legal{
justify-content:center;
}
}
@media (max-width:560px){
.footer-premium-v4{
padding-top:58px;
}
.footer-v4-brand,
.footer-v4-card{
padding:24px;
border-radius:26px;
}
.footer-v4-logo span{
font-size:40px;
}
.footer-v4-logo small{
font-size:12px;
letter-spacing:1.4px;
}
.footer-v4-slogan{
font-size:17px;
}
.footer-v4-desc{
font-size:15px;
}
.footer-v4-badges{
flex-direction:column;
}
.footer-v4-action{
min-height:auto;
padding:22px;
border-radius:26px;
}
.footer-v4-action-icon{
width:62px;
height:62px;
border-radius:20px;
}
.footer-v4-action-icon svg{
width:28px;
height:28px;
}
.footer-v4-action strong{
font-size:23px;
}
.footer-v4-card{
min-height:300px;
}
.footer-v4-map{
left:24px;
bottom:24px;
}
.footer-v4-hours div{
align-items:flex-start;
flex-direction:column;
gap:6px;
}
.footer-v4-hours strong{
text-align:left;
}
}