/* Dirección visual Reboreda: rutas, conexión y movimiento. */
body.rl-design-avant{
 background-color:var(--rl-background,#f7f9f5);
 background-image:var(--rl-visual-site,url('fondo-rutas.svg')),radial-gradient(ellipse at 0 20%,#e5eddf66,transparent 55%);
 background-size:1600px auto,100% 100%;background-position:top center;background-repeat:repeat-y,no-repeat;
}
.rl-design-avant .top{background-image:linear-gradient(100deg,#ffffffec,#f5f8f0d9),var(--rl-visual-site,url('fondo-rutas.svg'));background-size:auto,1200px auto;box-shadow:0 5px 28px #1f442208}
.rl-design-avant .company,.rl-design-avant .rl-builder #empresa{
 position:relative;isolation:isolate;overflow:hidden;
 background-color:var(--rl-band,#164331);
 background-image:linear-gradient(95deg,var(--rl-band,#164331) 5%,transparent 100%),var(--rl-visual-company,url('fondo-conexion.svg'));
 background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat;
 border-block:1px solid #91a87b30;
}
.rl-design-avant .company::after,.rl-design-avant .rl-builder #empresa::after{content:"";position:absolute;inset:18px;border:1px solid #d6e4bf18;border-radius:20px;pointer-events:none;z-index:-1}
.rl-design-avant .company .section{position:relative;padding-block:max(70px,var(--rl-spacing-company,70px))}
.rl-design-avant .company h2{font-weight:600;font-size:clamp(2.5rem,4.8vw,4.7rem);letter-spacing:-.055em}
.rl-design-avant .company .intro{font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.85}
.rl-design-avant .rl-about-photo{box-shadow:0 18px 45px #07170d35;border-color:#d9e9c34d}
.rl-design-avant #servicios{
 position:relative;isolation:isolate;
 background-image:linear-gradient(115deg,#fffefaed,#f2f6edee),var(--rl-visual-services,url('fondo-rutas.svg'));
 background-size:cover,cover;background-position:center,right center;
 border:1px solid #dbe3d3;border-radius:26px;
 padding-inline:clamp(20px,4vw,50px);margin-block:clamp(36px,5vw,65px);
 box-shadow:0 25px 70px #344c2408;
}
.rl-design-avant #servicios h2{font-weight:600;font-size:clamp(2.4rem,5vw,4.7rem);letter-spacing:-.06em;max-width:18ch}
.rl-design-avant #servicios .eyebrow{color:#63754c;letter-spacing:.17em}
.rl-design-avant #servicios .cards{margin-top:32px;gap:18px}
.rl-design-avant #servicios .rl-service-card{
 position:relative;display:flex;flex-direction:column;align-items:stretch;
 background:linear-gradient(150deg,#fff,#f1f5ec);border:1px solid #d4dfcb;border-top:1px solid #d4dfcb;
 border-radius:18px!important;padding:clamp(20px,2.6vw,30px);min-height:275px;
 box-shadow:0 10px 30px #24452108;overflow:hidden;
}
.rl-design-avant #servicios .rl-service-card::after{content:"";position:absolute;bottom:0;left:28px;width:45px;height:3px;background:#6e8757;border-radius:3px 3px 0 0;pointer-events:none}
.rl-design-avant .rl-service-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 30px}
.rl-service-symbol{display:none}
.rl-design-avant .rl-service-symbol{display:grid;place-items:center;width:48px;height:48px;background:#e8eedf;color:#4e6940;border:1px solid #d6e2c9;border-radius:13px}
.rl-design-avant .rl-service-symbol svg{width:27px;height:27px}
.rl-design-avant #servicios .card-number{margin:0;color:#6e7f61;font-size:.72rem}
.rl-design-avant #servicios .card h3{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:650;letter-spacing:-.035em;max-width:18ch;color:#203d29}
.rl-design-avant #servicios .card p{font-size:.95rem;line-height:1.75;color:#64715e;margin-top:14px}
.rl-design-avant #servicios .rl-service-photo,.rl-design-avant #servicios .rl-service-video{border-radius:11px;margin-bottom:20px}
.rl-design-avant .work-section{background-image:linear-gradient(110deg,#eef4ecee,#f6f8f1e8),var(--rl-visual-site,url('fondo-rutas.svg'));background-size:cover,1500px auto;border-color:#dbe3d5}
.rl-design-avant #flota{background-image:linear-gradient(110deg,#f5f8f0ed,#edf3e8e8),var(--rl-visual-site,url('fondo-rutas.svg'));background-size:cover,1500px auto;border-color:#dbe3d5}
.rl-design-avant .fleet-grid figure{border-radius:15px;overflow:hidden;border-color:#d7e2cf;box-shadow:0 12px 30px #25451e07}
.rl-design-avant .footer{background-image:linear-gradient(95deg,#142f1f88,#142f1fb3),var(--rl-visual-company,url('fondo-conexion.svg'));background-position:center;background-size:cover}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .rl-design-avant #servicios .rl-service-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
 .rl-design-avant #servicios .rl-service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #24452113;border-color:#9aaf88}
}
@media(max-width:720px){
 body.rl-design-avant{background-size:1000px auto,cover}
 .rl-design-avant .company,.rl-design-avant .rl-builder #empresa{background-position:center,65% center}
 .rl-design-avant .company::after,.rl-design-avant .rl-builder #empresa::after{inset:10px;border-radius:14px}
 .rl-design-avant #servicios{border-radius:20px}
 .rl-design-avant #servicios .rl-service-card{min-height:auto}
 .rl-design-avant .rl-service-top{margin-bottom:22px}
}

.rl-design-avant .rl-builder #empresa{color:var(--rl-band_text,#fff);padding:clamp(30px,5vw,70px)}
.rl-design-avant .rl-builder #empresa h2{color:inherit}
.rl-design-avant .rl-builder .rl-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rl-design-avant .rl-builder .rl-service-grid>.rl-service-card{margin:0}
.rl-design-avant .rl-builder .rl-service-grid .wp-block-image{margin:0 0 18px}
@media(max-width:800px){.rl-design-avant .rl-builder .rl-service-grid{grid-template-columns:1fr}}