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

.prep-hero{

position:relative;

padding:120px 0;

background-image:

linear-gradient(
90deg,
rgba(255,255,255,.97) 0%,
rgba(255,255,255,.92) 35%,
rgba(255,255,255,.45) 60%,
rgba(255,255,255,.1)100%
),

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

/* CAMBIO IMPORTANTE */
background-size:100% auto;

/* sube imagen y mueve a derecha */
background-position:85% top;

background-repeat:no-repeat;

min-height:680px;

overflow:hidden;

}

.prep-left{

max-width:560px;

padding:50px 0;

position:relative;
z-index:5;

}

.breadcrumbs{

font-size:12px;
font-weight:700;
color:#114c2f;
margin-bottom:18px;

}

.hero-title{

font-size:42px;
font-weight:800;
line-height:1.05;
color:#0d4429;
margin-bottom:20px;

}

.hero-description{

font-size:16px;
line-height:1.9;
color:#555;
margin-bottom:30px;

}

.hero-btn{

padding:14px 24px;

background:#2f9443;

color:white;

border-radius:12px;

display:inline-flex;

gap:10px;

text-decoration:none;

transition:.25s;

}

.hero-btn:hover{

transform:translateY(-2px);

}

.stats{

margin-top:-40px;

position:relative;

z-index:20;

}

.stats-grid{

display:grid;

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

gap:20px;

}

.stat-card{

background:white;

padding:20px;

border-radius:18px;

display:flex;

gap:15px;

align-items:center;

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

}

.stat-icon{

width:55px;
height:55px;

border-radius:50%;

background:#67be46;

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

color:white;

flex-shrink:0;

}

.prep-content{

padding:80px 0;

}

.main-card{

background:white;

padding:35px;

border-radius:25px;

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

}

.steps-grid{

display:grid;

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

gap:20px;

margin-top:35px;

}

.step-card{

background:#fafafa;

padding:25px;

border-radius:18px;

position:relative;

transition:.25s;

}

.step-card:hover{

transform:translateY(-4px);

}

.step-number{

width:35px;
height:35px;

border-radius:50%;

background:#67be46;

color:white;

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

margin-bottom:15px;

font-weight:700;

}

.bottom-cta{

text-align:center;

margin-top:50px;

}

.bottom-cta a{

padding:16px 35px;

background:#67be46;

color:white;

border-radius:14px;

text-decoration:none;

display:inline-flex;

align-items:center;

gap:10px;

}

@media(max-width:991px){

.prep-hero{

background-size:cover;

/* centra mejor móvil */
background-position:72% top;

min-height:auto;

padding-top:70px;

padding-bottom:90px;

}

.stats-grid,
.steps-grid{

grid-template-columns:1fr;

}

.hero-title{

font-size:36px;

}

}