/* CCTV · Casos reales y antes/después · 2026-10-03 */
.cctv-showcase .case-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px
}
.cctv-showcase .case-item{
  overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(11,35,69,.12);
  box-shadow:0 14px 34px rgba(14,49,87,.08)
}
.cctv-showcase .case-featured{grid-column:1/-1}
.cctv-showcase figure{margin:0}
.cctv-showcase .case-item img{display:block;width:100%;height:370px;object-fit:cover}
.cctv-showcase .case-featured img{height:500px}
.cctv-showcase figcaption{padding:22px}
.cctv-showcase figcaption small{font-size:11px;font-weight:900;letter-spacing:.12em;color:#1e6cc7}
.cctv-showcase figcaption strong{display:block;margin-top:7px;font-size:22px;color:#0b2345}
.cctv-showcase figcaption p{margin:7px 0 0;color:#596b80;line-height:1.55}

.cctv-before-after{padding-top:34px}
.cctv-ba-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);
  gap:18px;align-items:center;margin-top:30px
}
.cctv-ba-card{
  position:relative;overflow:hidden;border-radius:20px;background:#fff;
  border:1px solid rgba(11,35,69,.12);box-shadow:0 14px 36px rgba(12,42,76,.08)
}
.cctv-ba-card figure{margin:0;height:430px;overflow:hidden;background:#e7edf3}
.cctv-ba-card img{width:100%;height:100%;object-fit:cover;display:block}
.cctv-ba-card>div{padding:22px}
.cctv-ba-card h3{margin:0 0 7px;color:#0b2345;font-size:23px}
.cctv-ba-card p{margin:0;color:#596b80;line-height:1.55}
.cctv-ba-tag{
  position:absolute;z-index:2;top:14px;left:14px;padding:8px 12px;border-radius:999px;
  background:#172b43;color:#fff;font-size:11px;font-weight:900;letter-spacing:.1em
}
.cctv-ba-tag-after{background:#1f70c8}
.cctv-ba-arrow{text-align:center;color:#1f70c8;font-size:38px;font-weight:800}

@media(max-width:900px){
  .cctv-showcase .case-grid{grid-template-columns:1fr}
  .cctv-showcase .case-featured{grid-column:auto}
  .cctv-showcase .case-item img,.cctv-showcase .case-featured img{height:310px}
  .cctv-ba-grid{grid-template-columns:1fr;gap:10px}
  .cctv-ba-arrow{transform:rotate(90deg)}
  .cctv-ba-card figure{height:330px}
}