.sp-hero__rejilla{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:clamp(30px,5vw,90px); }
body[data-page="soporte"] .sp-hero .section__inner{ max-width:var(--container); margin-inline:auto; }
body[data-page="soporte"] main#smooth-wrapper #smooth-content .sp-hero__texto .lead{ max-width:46ch; }
.sp-hero__objeto img{ display:block; width:min(100%,520px); height:auto; margin-left:auto; filter:drop-shadow(0 40px 40px rgba(26,20,16,.2)); animation:floaty 7s ease-in-out infinite; }

body[data-page="soporte"] main#smooth-wrapper #smooth-content .sp-titulo{ margin:0 0 clamp(30px,3.6vw,52px); font-size:clamp(2rem,4vw,3.6rem) !important; font-weight:800;
  line-height:1.04 !important; letter-spacing:-.035em; text-wrap:balance; }
.sp-titulo .accent{ font-weight:300; }

.sp-banners{ min-height:0; padding-top:clamp(40px,6vh,70px); padding-bottom:clamp(80px,11vh,140px); }
.sp-banners .section__inner{ display:grid; align-items:stretch; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(16px,2vw,28px); max-width:1040px; }
.sp-banner{ position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; min-height:clamp(520px,46vw,640px); padding:clamp(28px,3vw,44px);
  border-radius:30px; color:#fff; text-decoration:none; transition:transform .6s cubic-bezier(.22,1,.36,1), box-shadow .6s cubic-bezier(.22,1,.36,1); }
.sp-banner--mto{ background:#C1121F; }
.sp-banner--aloj{ background:#FFCB1F; color:#1A1410; }
.sp-banner--aloj .sp-banner__pie{ border-top-color:rgba(26,20,16,.25); }
.sp-banner--aloj .sp-banner__precio strong{ color:#1A1410; }
.sp-banner--aloj .sp-banner__ver{ background:#1A1410; color:#fff; }
.sp-banner--aloj .sp-banner__visual img{ filter:drop-shadow(0 26px 26px rgba(80,55,0,.3)); }
.sp-banner:hover{ transform:translateY(-6px); box-shadow:0 50px 80px -50px rgba(26,20,16,.6); }
.sp-banner__visual{ flex:1; display:grid; place-items:center; min-height:200px; margin-bottom:clamp(18px,2vw,28px); }
.sp-banner__visual img{ display:block; max-width:78%; max-height:min(300px,26vw); width:auto; height:auto; filter:drop-shadow(0 30px 30px rgba(0,0,0,.35));
  transition:transform .9s cubic-bezier(.22,1,.36,1); }
.sp-banner:hover .sp-banner__visual img{ transform:translateY(-10px); }
.sp-banner__titulo{ font-size:clamp(2.2rem,3.5vw,3.5rem); font-weight:800; line-height:.95; letter-spacing:-.05em; }
.sp-banner__frase{ margin-top:12px; font-size:1.05rem; font-weight:300; line-height:1.4; opacity:.9; max-width:30ch; }
.sp-banner__pie{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-top:clamp(20px,2.2vw,30px); padding-top:clamp(16px,1.8vw,22px); border-top:1px solid rgba(255,255,255,.25); }
.sp-banner__precio{ display:flex; align-items:baseline; gap:6px; }
.sp-banner__precio strong{ font-size:clamp(2.6rem,4vw,3.6rem); font-weight:800; line-height:.85; letter-spacing:-.05em; color:#FFCB1F; }
.sp-banner--mto .sp-banner__precio strong{ color:#fff; }
.sp-banner__precio small{ font-size:.9rem; font-weight:500; opacity:.85; }
.sp-banner__ver{ display:inline-flex; gap:10px; padding:12px 20px; border-radius:999px; background:#fff; color:#1A1410; font-size:.92rem; font-weight:800; white-space:nowrap;
  transition:gap .35s cubic-bezier(.22,1,.36,1); }
.sp-banner:hover .sp-banner__ver{ gap:16px; }

body[data-page="soporte"] .sp-metodo{ background:#FFCB1F; color:var(--ink); }
.sp-metodo{ min-height:0; padding-top:clamp(100px,14vh,170px); padding-bottom:clamp(100px,14vh,170px); }
body[data-page="soporte"] main#smooth-wrapper #smooth-content .sp-metodo__titulo{ margin:0 0 clamp(36px,4.4vw,64px); font-size:clamp(2.2rem,4.6vw,4.4rem) !important;
  font-weight:800; line-height:1.02 !important; letter-spacing:-.035em; text-wrap:balance; }
.sp-metodo__titulo .accent{ font-weight:300; }
.sp-pasos{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(16px,2vw,28px); margin:0; padding:0; list-style:none; }
.sp-paso{ display:flex; flex-direction:column; gap:12px; padding-top:clamp(18px,1.8vw,24px); border-top:2px solid var(--ink); }
.sp-paso__n{ font-size:clamp(2.6rem,4vw,4rem); font-weight:800; line-height:1; letter-spacing:-.05em; color:var(--ink); }
body[data-page="soporte"] main#smooth-wrapper #smooth-content .sp-paso__titulo{ margin:0; font-size:1.2rem !important; font-weight:800; line-height:1.2 !important; letter-spacing:-.02em; }
body[data-page="soporte"] main#smooth-wrapper #smooth-content .sp-paso__texto{ margin:0; font-size:1rem !important; font-weight:400; line-height:1.5 !important; }
.sp-cta{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px 30px; margin-top:clamp(44px,5vw,72px); padding:clamp(22px,2.4vw,32px);
  border-radius:24px; background:#1A1410; color:#fff; }
body[data-page="soporte"] main#smooth-wrapper #smooth-content .sp-cta__texto{ margin:0; font-size:clamp(1.3rem,2vw,1.8rem) !important; font-weight:800; line-height:1.15 !important; letter-spacing:-.025em; }
.sp-cta__canales{ display:flex; flex-wrap:wrap; gap:10px; margin:0; }
.sp-chip{ padding:12px 18px; border-radius:999px; background:rgba(255,255,255,.12); color:#fff; font-size:.95rem; font-weight:700; text-decoration:none;
  transition:background-color .25s, color .25s, transform .35s cubic-bezier(.22,1,.36,1); }
.sp-chip:hover{ background:#fff; color:#1A1410; transform:translateY(-2px); }
.sp-chip--fuerte{ background:#FFCB1F; color:#1A1410; }

.sp-extra{ min-height:0; padding-top:clamp(80px,11vh,140px); padding-bottom:clamp(80px,11vh,140px); }

@media (max-width:900px){
  .sp-hero__rejilla, .sp-banners .section__inner{ grid-template-columns:1fr; }
  .sp-hero__objeto img{ width:min(70%,320px); margin:10px auto 0; }
  .sp-pasos{ grid-template-columns:1fr 1fr; }
  .sp-banner{ min-height:0; }
  .sp-banner__visual img{ max-height:220px; }
}
@media (max-width:560px){
  .sp-pasos{ grid-template-columns:1fr; }
  .sp-banner__pie{ flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce){ .sp-hero__objeto img{ animation:none; } }

.sp-metodo__rejilla{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); align-items:center; gap:clamp(30px,5vw,90px); }
.sp-metodo__objeto img{ display:block; width:min(100%,440px); height:auto; margin:0 auto; filter:drop-shadow(0 34px 34px rgba(80,55,0,.3)); transform:rotate(-8deg); animation:sp-flota 6s ease-in-out infinite; }
@keyframes sp-flota{ 0%,100%{ translate:0 0; } 50%{ translate:0 -12px; } }
@media (prefers-reduced-motion: reduce){ .sp-metodo__objeto img{ animation:none; } }
@media (max-width:900px){ .sp-metodo__rejilla{ grid-template-columns:1fr; } .sp-metodo__objeto img{ width:min(60%,260px); } }

body[data-page="soporte"] main#smooth-wrapper #smooth-content .sp-banners__intro{ grid-column:1 / -1; max-width:60ch; margin:0 0 clamp(8px,1vw,14px); font-size:1.05rem !important; font-weight:300; line-height:1.55 !important; }
.sp-banners__intro strong{ font-weight:800; }