:root{--sz-black:#111600;--sz-green:#8cff01;--sz-blue:#03b2ff;--sz-gray:#eeeeee;--sz-purple:#6500d8;--sz-white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.servicios-page{margin:0;background:var(--sz-white);color:var(--sz-black);font-family:Magnetik,Inter,Manrope,Arial,sans-serif}
.servicios-page a{color:inherit}
.servicios-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.servicios-hero{position:relative;overflow:hidden;padding:78px 0 72px;background:linear-gradient(125deg,#fff 10%,#f5eeff 58%,#e9d8ff 100%)}
.servicios-hero:after{content:"";position:absolute;width:540px;height:540px;border:2px solid rgba(101,0,216,.16);border-radius:50%;right:-180px;top:-220px}
.servicios-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:64px}
.servicios-eyebrow{margin:0 0 15px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.servicios-hero h1{max-width:740px;margin:0;font-size:clamp(44px,6.3vw,78px);line-height:.94;letter-spacing:-.055em}
.servicios-lead{max-width:650px;margin:25px 0 0;font-size:20px;line-height:1.48}
.servicios-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.servicios-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:18px;padding:14px 22px;border:2px solid var(--sz-black);border-radius:8px;background:var(--sz-black);color:#fff!important;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}
.servicios-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,22,0,.14)}
.servicios-button--light{background:#fff;color:var(--sz-black)!important}
.servicios-reward-panel{position:relative;padding:34px;border:1px solid rgba(17,22,0,.12);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(76,0,150,.14)}
.servicios-reward-panel img{display:block;width:min(310px,85%);height:auto;margin-bottom:38px}
.servicios-reward-number{display:block;font-size:clamp(68px,8vw,108px);font-weight:900;line-height:.8;letter-spacing:-.075em;color:var(--sz-purple)}
.servicios-reward-panel p{margin:16px 0 0;font-size:20px;font-weight:750;line-height:1.25}
.servicios-reward-panel sup,.servicios-points sup{margin-left:2px;font-size:.42em;line-height:0;vertical-align:super}
.servicios-section{padding:84px 0}
.servicios-section--soft{background:#f6f7f3}
.servicios-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.servicios-heading h2{max-width:730px;margin:0;font-size:clamp(36px,5vw,56px);line-height:1;letter-spacing:-.045em}
.servicios-heading p{max-width:410px;margin:0;font-size:17px;line-height:1.5}
.servicios-cards{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.servicios-card{grid-column:span 4;display:flex;min-height:330px;flex-direction:column;padding:26px;border:1px solid #d9ddcf;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(17,22,0,.05)}
.servicios-card:nth-child(1),.servicios-card:nth-child(2){grid-column:span 6}
.servicios-card-icon{display:grid;width:62px;height:62px;place-items:center}
.servicios-card-icon svg{width:50px;height:50px;fill:none;stroke:var(--sz-black);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.servicios-points{margin:28px 0 8px;color:var(--sz-purple);font-size:38px;font-weight:900;letter-spacing:-.04em}
.servicios-card h3{margin:0;font-size:24px;line-height:1.08}
.servicios-card p{margin:12px 0 24px;color:#4d4d4d;line-height:1.48}
.servicios-card-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}
.servicios-card-links a{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid var(--sz-black);border-radius:7px;font-size:14px;font-weight:800;text-decoration:none}
.servicios-card-links a:first-child{background:var(--sz-blue)}
.servicios-card--sell .servicios-card-links a:first-child{background:var(--sz-green)}
.servicios-swipe-hint{display:none}
.servicios-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.servicios-step{padding:27px;border-top:2px solid var(--sz-black);background:#fff}
.servicios-step span{display:block;margin-bottom:32px;color:var(--sz-purple);font-size:22px;font-weight:900}
.servicios-step h3{margin:0 0 10px;font-size:23px}
.servicios-step p{margin:0;color:#4d4d4d;line-height:1.5}
.servicios-note{margin-top:28px;padding:18px 20px;border:1px solid #cfd6c5;border-radius:10px;background:#fff;font-size:13px;line-height:1.55;color:#4d4d4d}
.servicios-final{padding:78px 0;background:var(--sz-black);color:#fff}
.servicios-final-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}
.servicios-final h2{max-width:790px;margin:0;font-size:clamp(38px,5vw,62px);line-height:.98;letter-spacing:-.045em}
.servicios-final p{max-width:720px;margin:17px 0 0;color:#dfe4d8;font-size:18px;line-height:1.5}
.servicios-final .servicios-button{background:var(--sz-green);color:var(--sz-black)!important}
@media(max-width:800px){
 .servicios-container{width:min(100% - 28px,1180px)}
 .servicios-hero{padding:48px 0 52px}
 .servicios-hero-grid{grid-template-columns:1fr;gap:36px}
 .servicios-hero h1{font-size:48px}
 .servicios-lead{font-size:17px}
 .servicios-reward-panel{padding:26px}
 .servicios-reward-panel img{width:230px;margin-bottom:30px}
 .servicios-section{padding:62px 0}
 .servicios-heading{display:block;margin-bottom:24px}
 .servicios-heading h2{font-size:40px}
 .servicios-heading p{margin-top:15px}
 .servicios-swipe-hint{display:block;margin:0 0 14px;color:#656565;font-size:13px}
 .servicios-cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 14px 20px 0;scrollbar-width:none}
 .servicios-cards::-webkit-scrollbar{display:none}
 .servicios-card,.servicios-card:nth-child(1),.servicios-card:nth-child(2){min-width:min(84vw,330px);min-height:360px;scroll-snap-align:start}
 .servicios-steps{grid-template-columns:1fr}
 .servicios-final-inner{grid-template-columns:1fr}
 .servicios-final .servicios-button{width:100%}
}
@media(max-width:420px){.servicios-hero h1{font-size:42px}.servicios-actions,.servicios-actions .servicios-button{width:100%}.servicios-reward-number{font-size:72px}.servicios-heading h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.servicios-button{transition:none}}