.page.mod{max-width:980px}
.modhero{margin:1.2rem 0 2rem;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:#0F2A4A}
.modhero img{display:block;width:100%;height:auto}
.modbody p{font-size:1.15rem;line-height:1.65}
.modbody ul{list-style:none;padding:0;margin:1rem 0 1.5rem;display:grid;gap:.6rem}
.modbody li{position:relative;padding:.75rem 1rem .75rem 2.6rem;background:#fff;border:1px solid var(--border);border-radius:12px;font-size:1rem}
.modbody li:before{content:"✓";position:absolute;left:1rem;top:.7rem;color:#0F2A4A;background:var(--lime);width:1.2rem;height:1.2rem;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700}
.blogcta .btn{display:inline-block;padding:.7rem 1.3rem;border-radius:10px;text-decoration:none;font-weight:600;margin:.2rem .4rem .2rem 0}
.modnext{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.modnext a{padding:.45rem .95rem;border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--navy);font-size:.9rem;background:#fff}
.modnext a:hover{background:#F2F6EA}
.modhero.desk{background:#fff;border-radius:14px;position:relative;padding-top:30px;box-shadow:0 24px 60px rgba(10,30,60,.18)}
.modhero.desk:before{content:"";position:absolute;left:14px;top:10px;width:10px;height:10px;border-radius:50%;background:#ff5f57;box-shadow:16px 0 #febc2e,32px 0 #28c840}
.modhero.desk:after{content:"demo.padelante.app";position:absolute;left:50%;top:5px;transform:translateX(-50%);font-size:.72rem;color:#6b7a8c;background:#f1f4f8;border-radius:6px;padding:2px 22px}
.modhero.desk img{border-top:1px solid #e3e8ee}
.modhero.phone{background:none;border:0;box-shadow:none;text-align:center;max-height:560px;overflow:hidden}
.modhero.phone img{max-width:340px;margin:0 auto;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}
.page.mod{max-width:1280px}
.modlead p{font-size:1.2rem;line-height:1.6;max-width:900px;margin:.4rem 0 1.4rem}
.modgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem;align-items:stretch;margin:0 0 1.6rem}
.modgrid .modtxt ul{height:100%;margin:0;display:flex;flex-direction:column;gap:.7rem}
.modgrid .modtxt li{flex:1;display:flex;align-items:center;padding:.6rem 1rem .6rem 3rem}
.modgrid .modtxt li:before{top:50%;transform:translateY(-50%)}
.modgrid .modhero{margin:0;display:flex;align-self:stretch}
.modgrid .modhero.desk img{width:100%;height:100%;object-fit:cover;object-position:left top}
.modgrid .modhero.phone{max-height:none;align-items:center;justify-content:center;overflow:visible}
.modgrid .modhero.phone img{max-width:300px;width:100%;height:auto;object-fit:contain}
.tip{margin:0 0 1.6rem}
@media(max-width:960px){.modgrid{grid-template-columns:1fr;gap:1.2rem}.modgrid .modhero{order:-1}.modgrid .modtxt ul{height:auto}.modgrid .modtxt li{flex:none}}
.modhero.desk.lg:after{content:"lagalera.padelante.app"}