/* Redes · casos reales LevelTeam · 2026-10-03 */
.lt-net-hero-real{
  max-width:1240px;margin:56px auto 0;padding:0 24px;
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:0;align-items:stretch
}
.lt-net-hero-real-media{min-height:440px;overflow:hidden;border-radius:24px 0 0 24px;background:#0b1f38}
.lt-net-hero-real-media img{width:100%;height:100%;object-fit:cover;display:block}
.lt-net-hero-real-copy{
  border-radius:0 24px 24px 0;padding:48px 40px;
  background:linear-gradient(145deg,#eef7ff,#fff);border:1px solid rgba(26,86,145,.13);
  display:flex;flex-direction:column;justify-content:center
}
.lt-net-hero-real-copy small,.lt-net-process-head small,.lt-net-ba-head small,
.lt-net-feature div small{font-size:12px;font-weight:800;letter-spacing:.14em;color:#1e6cc7}
.lt-net-hero-real-copy h2{font-size:clamp(30px,3.1vw,48px);line-height:1.02;margin:10px 0 16px;color:#0b2345}
.lt-net-hero-real-copy p{font-size:17px;line-height:1.6;color:#425873}
.lt-net-real-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.lt-net-real-tags span{font-size:11px;font-weight:800;letter-spacing:.08em;padding:7px 10px;border-radius:999px;background:#dcecff;color:#0b4d93}

.lt-net-cases-real{margin-top:76px}
.lt-net-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.lt-net-feature{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)}
.lt-net-feature-wide{grid-column:1/-1;display:grid;grid-template-columns:1.6fr .7fr}
.lt-net-feature figure{margin:0;min-height:330px;background:#e8eef5;overflow:hidden}
.lt-net-feature-wide figure{min-height:430px}
.lt-net-feature img{width:100%;height:100%;object-fit:cover;display:block}
.lt-net-feature>div{padding:24px}
.lt-net-feature h3{margin:8px 0 8px;font-size:25px;color:#0b2345}
.lt-net-feature p{margin:0;color:#53657c;line-height:1.55}

.lt-net-process-head{margin:64px 0 22px}
.lt-net-process-head h3{font-size:32px;margin:8px 0 0;color:#0b2345}
.lt-net-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lt-net-process-grid article{overflow:hidden;border:1px solid rgba(11,35,69,.12);border-radius:18px;background:#f8fbfe}
.lt-net-process-grid img{width:100%;height:260px;object-fit:cover;display:block}
.lt-net-process-grid div{padding:18px}
.lt-net-process-grid b{display:block;color:#0b2345;font-size:18px;margin-bottom:5px}
.lt-net-process-grid p{margin:0;color:#596b80;line-height:1.5}

.lt-net-before-after{margin-top:68px;padding-top:54px;border-top:1px solid rgba(11,35,69,.12)}
.lt-net-ba-head{max-width:780px;margin-bottom:28px}
.lt-net-ba-head h3{font-size:34px;color:#0b2345;margin:8px 0 10px}
.lt-net-ba-head p{color:#53657c;line-height:1.6}
.lt-net-ba-pair{display:grid;grid-template-columns:1fr 60px 1fr;gap:18px;align-items:center;margin-bottom:28px}
.lt-net-ba-pair article{position:relative;background:#fff;border:1px solid rgba(11,35,69,.12);border-radius:20px;overflow:hidden}
.lt-net-ba-pair figure{height:390px;margin:0;background:#edf1f5;overflow:hidden}
.lt-net-ba-pair img{width:100%;height:100%;object-fit:cover;display:block}
.lt-net-ba-pair h4{font-size:22px;color:#0b2345;margin:18px 20px 6px}
.lt-net-ba-pair p{margin:0 20px 22px;color:#586a80;line-height:1.5}
.lt-net-ba-label{position:absolute;z-index:2;top:14px;left:14px;padding:8px 12px;border-radius:999px;background:#182b43;color:#fff;font-size:11px;font-weight:900;letter-spacing:.1em}
.lt-net-ba-label-after{background:#1f70c8}
.lt-net-ba-arrow{text-align:center;color:#1f70c8;font-size:34px;font-weight:700}
.lt-net-ba-pair-secondary{margin-top:12px}

@media(max-width:900px){
  .lt-net-hero-real{grid-template-columns:1fr}
  .lt-net-hero-real-media{border-radius:20px 20px 0 0;min-height:320px}
  .lt-net-hero-real-copy{border-radius:0 0 20px 20px;padding:30px 24px}
  .lt-net-feature-grid{grid-template-columns:1fr}
  .lt-net-feature-wide{grid-column:auto;display:block}
  .lt-net-feature-wide figure,.lt-net-feature figure{min-height:280px}
  .lt-net-process-grid{grid-template-columns:1fr}
  .lt-net-ba-pair{grid-template-columns:1fr;gap:10px}
  .lt-net-ba-arrow{transform:rotate(90deg)}
  .lt-net-ba-pair figure{height:330px}
}