body{
background:#f6f7f5;
overflow-x:hidden;
color:#1f2937;
}


/* HERO */

.pricing-hero{

position:relative;

padding:120px 0;

background-image:

linear-gradient(

90deg,

rgba(255,255,255,.97) 0%,
rgba(255,255,255,.93) 35%,
rgba(255,255,255,.50) 58%,
rgba(255,255,255,.10) 100%

),

url("../images/pricing-hero-green-rose-cleaners.webp");

background-size:cover;
background-position:center;
background-repeat:no-repeat;

overflow:hidden;

}


.pricing-hero-grid{

display:grid;

grid-template-columns:1fr;

min-height:540px;

align-items:center;

}


.pricing-left{

padding-top:40px;
padding-bottom:80px;

max-width:560px;

}


.breadcrumbs{

font-size:12px;

font-weight:700;

letter-spacing:.5px;

color:#114c2f;

margin-bottom:18px;

}


.hero-title{

font-size:42px;

line-height:1.05;

font-weight:800;

letter-spacing:-1.5px;

color:#0d4429;

max-width:450px;

margin:0 0 20px;

}


.hero-description{

font-size:16px;

line-height:1.9;

max-width:520px;

color:#505050;

margin-bottom:28px;

}


.hero-description strong{

color:#2c9d45;

font-weight:700;

}


.hero-btn{

display:inline-flex;

align-items:center;

gap:10px;

padding:14px 24px;

background:#2f9443;

color:white;

border-radius:12px;

text-decoration:none;

font-size:15px;

font-weight:600;

box-shadow:
0 8px 20px rgba(47,148,67,.18);

transition:.25s;

}


.hero-btn:hover{

transform:translateY(-3px);

}



/* STATS */

.stats{

margin-top:-40px;

position:relative;

z-index:20;

}


.stats-grid{

display:grid;

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

gap:18px;

}


.stat-card{

background:#fff;

padding:20px;

border-radius:18px;

display:flex;

align-items:center;

gap:16px;

box-shadow:
0 8px 20px rgba(0,0,0,.04);

border:1px solid rgba(0,0,0,.03);

}


.stat-icon{

width:56px;
height:56px;

border-radius:50%;

background:#6bc54a;

display:flex;

align-items:center;
justify-content:center;

font-size:24px;

color:white;

flex-shrink:0;

}


.stat-card strong{

font-size:20px;

font-weight:800;

display:block;

color:#0d4429;

line-height:1.2;

}


.stat-card span{

font-size:14px;

color:#666;

display:block;

margin-top:3px;

}



/* CONTENT */

.pricing-content{

padding:70px 0 100px;

}


.pricing-wrap{

display:grid;

grid-template-columns:minmax(0,1fr) 320px;

gap:30px;

align-items:start;

}


.main-card{

background:white;

padding:35px;

border-radius:22px;

margin-bottom:25px;

box-shadow:
0 5px 20px rgba(0,0,0,.03);

}


.main-card h2{

font-size:24px;

font-weight:800;

margin-bottom:15px;

color:#0d4429;

}


.main-card p{

font-size:15px;

line-height:1.9;

color:#555;

}



/* PRECIOS */

.pricing-boxes{

display:grid;

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

gap:22px;

margin-top:30px;

}


.price-box{

border:1px solid #ececec;

padding:30px;

border-radius:18px;

transition:.3s;

background:#fff;

}


.price-box:hover{

transform:translateY(-5px);

box-shadow:
0 10px 30px rgba(0,0,0,.06);

}


.price-box h3{

font-size:18px;

font-weight:800;

margin-bottom:10px;

color:#0d4429;

}


.price-box strong{

font-size:38px;

display:block;

color:#2f9443;

margin-bottom:18px;

}


.price-box ul{

padding-left:18px;

}


.price-box li{

margin-bottom:12px;

color:#555;

font-size:14px;

}



/* SERVICIOS */

.service-list{

columns:2;

padding-left:20px;

margin-top:15px;

}


.service-list li{

margin-bottom:12px;

font-size:15px;

color:#555;

}



/* EXTRAS */

.extras-grid{

display:grid;

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

gap:14px;

margin-top:22px;

}


.extra-card{

background:#fff;

border-radius:14px;

padding:14px 12px;

text-align:center;

border:1px solid #edf0eb;

box-shadow:
0 5px 14px rgba(0,0,0,.035);

transition:.30s;

position:relative;

overflow:hidden;

}


.extra-card:before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:3px;

background:#67be46;

opacity:0;

transition:.3s;

}


.extra-card:hover{

transform:translateY(-4px);

box-shadow:
0 10px 20px rgba(0,0,0,.06);

}


.extra-card:hover:before{

opacity:1;

}


.extra-icon{

width:42px;
height:42px;

margin:auto auto 10px;

border-radius:50%;

background:
linear-gradient(
180deg,
#eff8ea,
#e6f3df
);

display:flex;

align-items:center;
justify-content:center;

font-size:18px;

color:#67be46;

}


.extra-card h3{

font-size:14px;

font-weight:800;

color:#0d4429;

margin-bottom:4px;

line-height:1.2;

}


.extra-card strong{

display:block;

font-size:18px;

font-weight:800;

color:#2f9443;

margin-bottom:6px;

}


.extra-card p{

font-size:12px;

line-height:1.45;

color:#666;

margin:0;

}



/* SIDEBAR */

.sidebar-card{

background:white;

padding:30px;

border-radius:22px;

margin-bottom:20px;

box-shadow:
0 5px 20px rgba(0,0,0,.03);

}


.sidebar-card h3{

font-size:22px;

margin-bottom:12px;

color:#0d4429;

}


.sidebar-card p{

font-size:15px;

line-height:1.8;

color:#555;

}


.sidebar-btn{

display:inline-block;

padding:13px 22px;

background:#2f9443;

color:white;

border-radius:12px;

text-decoration:none;

margin-top:15px;

font-weight:700;

}



/* CTA */

.bottom-cta{

margin-top:50px;

text-align:center;

}


.bottom-cta a{

display:inline-flex;

align-items:center;

gap:10px;

padding:16px 32px;

background:#67be46;

border-radius:14px;

color:white;

font-size:17px;

font-weight:700;

text-decoration:none;

box-shadow:
0 10px 20px rgba(103,190,70,.20);

}



/* MOBILE */

@media(max-width:991px){

.pricing-hero{

padding-top:60px;

padding-bottom:80px;

}


.stats-grid,
.pricing-wrap,
.pricing-boxes,
.extras-grid{

grid-template-columns:1fr;

}


.hero-title{

font-size:38px;

max-width:100%;

}


.stats{

margin-top:20px;

}


.service-list{

columns:1;

}

}