/* Editorial premium layer: homepage feedback sections only. */
:where(.sp-problemas-feedback,.sp-casos--evidence,.sp-servicios-feedback){
  --sp-ep-ink:#171716;
  --sp-ep-paper:#f4f1ec;
  --sp-ep-card:#fffdfa;
  --sp-ep-muted:#6c6861;
  --sp-ep-accent:#fa9a63;
  --sp-ep-green:#23723e;
  --sp-ep-radius:clamp(1.15rem,1.8vw,1.75rem);
  --sp-ep-gap:clamp(.85rem,1.35vw,1.25rem);
  --sp-ep-shadow:0 1px 2px rgba(30,24,18,.04),0 22px 65px rgba(38,31,22,.075);
  --sp-ep-shadow-hover:0 2px 4px rgba(30,24,18,.05),0 30px 80px rgba(38,31,22,.12);
  box-sizing:border-box;
}
:where(.sp-problemas-feedback,.sp-casos--evidence,.sp-servicios-feedback) *,
:where(.sp-problemas-feedback,.sp-casos--evidence,.sp-servicios-feedback) *::before,
:where(.sp-problemas-feedback,.sp-casos--evidence,.sp-servicios-feedback) *::after{box-sizing:border-box;min-width:0}

/* Problems: editorial 12-column rhythm with two intentional lead stories. */
.sp-problemas-feedback{background:linear-gradient(180deg,#f6f3ee 0%,var(--sp-ep-paper) 100%)}
.sp-problemas-feedback .sp-problemas-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-ep-gap);align-items:stretch}
.sp-problemas-feedback .sp-problema-card{grid-column:span 5;min-height:clamp(25rem,35vw,32rem);border:1px solid rgba(255,255,255,.1);border-radius:var(--sp-ep-radius);box-shadow:var(--sp-ep-shadow)}
.sp-problemas-feedback .sp-problema-card:is([data-problem-index="01"],[data-problem-index="03"]),
.sp-problemas-feedback .sp-problema-card:nth-child(1),
.sp-problemas-feedback .sp-problema-card:nth-child(3){grid-column:span 7}
.sp-problemas-feedback .sp-problema-card:nth-child(5){grid-column:2/span 5}
.sp-problemas-feedback .sp-problema-card:nth-child(6){grid-column:7/span 5}
.sp-problemas-feedback .sp-problema-card img{aspect-ratio:16/9;transition:transform .55s cubic-bezier(.2,.75,.25,1)}
.sp-problemas-feedback .sp-problema-card:is([data-problem-index="01"],[data-problem-index="03"]) img,
.sp-problemas-feedback .sp-problema-card:nth-child(1) img,
.sp-problemas-feedback .sp-problema-card:nth-child(3) img{aspect-ratio:16/8.2}
.sp-problemas-feedback .sp-problema-copy{padding:clamp(1.15rem,2vw,1.65rem)}
/* Las dos tarjetas anchas llevan el problema una talla mayor: contraste de densidad,
   justo donde la foto ya manda. */
.sp-problemas-feedback .sp-problema-dolor{font-size:clamp(1.1rem,1.35vw,1.25rem)}
.sp-problemas-feedback .sp-problema-card:nth-child(1) .sp-problema-dolor,
.sp-problemas-feedback .sp-problema-card:nth-child(3) .sp-problema-dolor{font-size:clamp(1.25rem,1.75vw,1.55rem)}

/* Cases: full-width evidence rows, alternating editorial composition. */
.sp-casos--evidence{background-color:var(--sp-ep-paper);background-image:linear-gradient(rgba(23,23,22,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,22,.032) 1px,transparent 1px);background-size:28px 28px}
.sp-casos--evidence::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--sp-ep-paper) 0%,transparent 15%,transparent 85%,var(--sp-ep-paper) 100%)}
.sp-casos--evidence .sp-casos-in{z-index:1}
.sp-casos--evidence .sp-casos-rejilla{grid-template-columns:1fr;gap:clamp(1rem,2vw,1.5rem)}
.sp-casos--evidence .sp-caso{width:100%;grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);min-height:clamp(27rem,39vw,32rem);border-radius:var(--sp-ep-radius);background:rgba(255,253,250,.94);box-shadow:var(--sp-ep-shadow)}
.sp-casos--evidence .sp-caso:nth-child(even){grid-template-columns:minmax(0,1.28fr) minmax(17rem,.72fr)}
.sp-casos--evidence .sp-caso-copy{padding:clamp(1.4rem,3vw,2.65rem)}
.sp-casos--evidence .sp-caso-top{margin-bottom:clamp(1.2rem,2.2vw,2rem)}
.sp-casos--evidence .sp-caso h3{margin-bottom:1.2rem}
.sp-casos--evidence .sp-caso-metricas{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:auto 0 1.2rem}
.sp-casos--evidence .sp-caso-metrica{padding:.68rem .78rem;border-radius:.72rem;background:#f1eee8}
.sp-casos--evidence .sp-caso-media{padding:clamp(.7rem,1.2vw,1rem);background:linear-gradient(145deg,#171614,#24221f)}
.sp-casos--evidence .sp-caso-evidencia{min-height:18rem;padding:clamp(.65rem,1.6vw,1.25rem);background:#e9e6e0}
.sp-casos--evidence .sp-caso-media img{width:auto;max-width:100%;height:auto;max-height:27rem;object-fit:contain}

/* Services: 360 is the clear anchor; the other three retain equal weight. */
.sp-servicios-feedback .sp-servicios-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-ep-gap);align-items:stretch}
.sp-servicios-feedback .sp-servicio-card{min-height:0;padding:clamp(1.35rem,2.5vw,2rem);border-radius:var(--sp-ep-radius);box-shadow:0 18px 55px rgba(0,0,0,.13)}
.sp-servicios-feedback .sp-servicio-card[data-service-featured],
.sp-servicios-feedback .sp-servicio-card:nth-child(2){grid-column:span 2;min-height:0;background:linear-gradient(135deg,#f6f2eb 0%,#ebe4da 100%);color:var(--sp-ep-ink);border-color:rgba(250,154,99,.32)}
.sp-servicios-feedback .sp-servicio-card:nth-child(3){grid-column:1/span 2}
.sp-servicios-feedback .sp-servicio-card:nth-child(4){grid-column:3/span 1}
.sp-servicios-feedback .sp-servicio-card h3{text-wrap:balance}
.sp-servicios-feedback .sp-servicio-cta{transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}

@media (hover:hover){
  .sp-problemas-feedback .sp-problema-card:hover,
  .sp-casos--evidence .sp-caso:hover,
  .sp-servicios-feedback .sp-servicio-card:hover{box-shadow:var(--sp-ep-shadow-hover);border-color:rgba(250,154,99,.28)}
  .sp-problemas-feedback .sp-problema-card:hover img{transform:scale(1.025)}
  .sp-servicios-feedback .sp-servicio-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(250,154,99,.22)}
}

@media (max-width:900px){
  .sp-problemas-feedback .sp-problemas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-problemas-feedback .sp-problema-card,
  .sp-problemas-feedback .sp-problema-card:is([data-problem-index="01"],[data-problem-index="03"]),
  .sp-problemas-feedback .sp-problema-card:nth-child(n){grid-column:auto;min-height:25rem}
  .sp-casos--evidence .sp-caso,.sp-casos--evidence .sp-caso:nth-child(even){grid-template-columns:1fr;min-height:0}
  .sp-casos--evidence .sp-caso:nth-child(even) .sp-caso-copy{order:0}
  .sp-casos--evidence .sp-caso-media{min-height:21rem}
  .sp-servicios-feedback .sp-servicios-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-servicios-feedback .sp-servicio-card,
  .sp-servicios-feedback .sp-servicio-card:nth-child(n){grid-column:auto;min-height:0}
  .sp-servicios-feedback .sp-servicio-card[data-service-featured],
  .sp-servicios-feedback .sp-servicio-card:nth-child(2){grid-column:span 2;min-height:0}
}

@media (max-width:680px){
  .sp-problemas-feedback .sp-problemas-grid,.sp-servicios-feedback .sp-servicios-grid{grid-template-columns:minmax(0,1fr)}
  .sp-problemas-feedback .sp-problema-card:nth-child(n),
  .sp-servicios-feedback .sp-servicio-card:nth-child(n),
  .sp-servicios-feedback .sp-servicio-card[data-service-featured]{grid-column:auto;min-height:0}
  .sp-problemas-feedback .sp-problema-card img{aspect-ratio:16/10}
  .sp-casos--evidence .sp-caso-metricas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-casos--evidence .sp-caso-media{min-height:16rem}
  .sp-casos--evidence .sp-caso-evidencia{min-height:12rem;padding:.45rem}
}

@media (max-width:420px){
  .sp-casos--evidence .sp-caso-metricas{grid-template-columns:1fr}
  .sp-casos--evidence .sp-caso-top{align-items:flex-start;flex-direction:column}
  .sp-casos--evidence .sp-caso-tag{text-align:left}
}

@media (prefers-reduced-motion:reduce){
  :where(.sp-problemas-feedback,.sp-casos--evidence,.sp-servicios-feedback) *,
  :where(.sp-problemas-feedback,.sp-casos--evidence,.sp-servicios-feedback) *::before,
  :where(.sp-problemas-feedback,.sp-casos--evidence,.sp-servicios-feedback) *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}