/* INTEGRA · Planes web. No altera los planes de Seguridad e Higiene. */
.web-plans .web-hero{background:linear-gradient(120deg,#f0fcf6 0%,#e8f7fd 58%,#f0faf9 100%)}
.web-plans .web-hero h1{max-width:920px}
.web-four{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.web-plan-card{min-width:0;--web-tint:#effbf5;--web-accent:#67ce9c;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.web-plan-card.sky{--web-tint:#ecf8fe;--web-accent:#4cb6dc}
.web-plan-card.deep{--web-tint:#e6f6f6;--web-accent:#087a82}
.web-plan-card:after,.web-steps article:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4cb6dc,#087a82);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.web-plan-card:hover,.web-plan-card:focus-within{transform:translateY(-7px);border-color:var(--web-accent);box-shadow:0 22px 42px #154c5922}
.web-plan-card:hover .ip-card-body{background:linear-gradient(155deg,var(--web-tint),#fff 75%)}
.web-plan-card:hover:after,.web-plan-card:focus-within:after,.web-steps article:hover:after{transform:scaleX(1)}
.web-plan-card .ip-card-top{min-height:165px}
.web-plan-card .ip-card-body{transition:background .3s ease}
.web-plan-card .ip-list{font-size:.91rem}
.web-plan-card .ip-price{font-size:clamp(1.65rem,2.2vw,2.35rem)}
.web-scope{font-weight:700;color:#143b47;margin:16px 0}
.web-common{margin-top:25px;padding:22px 25px;border:1px solid #c2e5e8;border-radius:18px;background:#ebf8f8;line-height:1.7;color:#27525e}
.web-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}
.web-steps article{position:relative;overflow:hidden;border:1px solid #cfe6eb;border-radius:20px;background:#fff;padding:27px;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
.web-steps article:hover{transform:translateY(-6px);background:#f0fafb;box-shadow:0 15px 30px #154c591a}
.web-steps b{color:#087a82;font-size:1.8rem}
.web-steps h3{margin:15px 0 8px}
.web-steps p{margin:0;color:#52717a}
.web-cta{text-align:center;max-width:750px}
.web-cta .ip-button{display:inline-flex;margin-top:18px;max-width:330px}
.web-back{display:inline-block;margin-bottom:20px;color:#087a82;font-weight:700}
.web-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.85fr);gap:30px;align-items:start}
.web-detail-panel,.web-detail-price,.web-info-grid article{background:#fff;border:1px solid #d4e7eb;border-radius:22px;padding:30px}
.web-detail-panel .ip-list{columns:2;column-gap:30px;margin-top:28px}
.web-detail-panel .ip-list li{break-inside:avoid}
.web-detail-price{position:sticky;top:90px;display:flex;flex-direction:column;gap:15px}
.web-detail-price .ip-price{font-size:2.5rem}
.web-detail-price .ip-button{display:block;text-align:center}
.web-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.web-info-grid h2{font-size:1.4rem}
.web-info-grid p{color:#4e6b77;line-height:1.7}
@media(max-width:1100px){.web-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.web-four,.web-steps,.web-detail-grid,.web-info-grid{grid-template-columns:1fr}.web-detail-panel .ip-list{columns:1}.web-detail-price{position:static}.web-plan-card .ip-card-top{min-height:auto}}
@media(prefers-reduced-motion:reduce){.web-plan-card,.web-plan-card:after,.web-steps article,.web-steps article:after{transition:none}}

/* V24 — Ajustes específicos de planes web */
.web-plans .web-hero{background:radial-gradient(circle at 88% 18%,#67ce9c65,transparent 35%),linear-gradient(115deg,#cceede,#d5edf9 60%,#d4eded)}
.web-four{gap:15px}
.web-plan-card .ip-card-top{min-height:124px;padding:19px 19px 16px}
.web-plan-card .ip-card-body{padding:18px 19px 20px}
.web-plan-card .ip-card-top h3{font-size:1.5rem}
.web-plan-card .ip-price{font-size:clamp(1.5rem,2vw,2rem)}
.web-plan-card .ip-list{gap:8px}
.web-plan-card .ip-list li{font-size:.82rem;line-height:1.38}
.web-plan-card .ip-divider{margin:12px 0}
.web-scope{margin:10px 0;font-size:.87rem;line-height:1.45}
.web-plan-card .ip-price-label{margin-bottom:5px}
.web-common{background:#d9eff0;border-color:#a6d5d9}
.web-steps article{background:linear-gradient(135deg,#e4f6ed,#fff 82%);border-color:#a9d8cd;padding:23px}
.web-steps article:nth-child(2){background:linear-gradient(135deg,#dff2fc,#fff 82%);border-color:#b1d9ec}
.web-steps article:nth-child(3){background:linear-gradient(135deg,#d7efee,#fff 82%);border-color:#aad6d4}
.web-steps article:hover{background:linear-gradient(135deg,#c9eae6,#fff 82%)}
.web-detail-panel,.web-detail-price,.web-info-grid article{background:linear-gradient(145deg,#eaf7f7,#fff 85%);border-color:#b5d9de}
@media(max-width:700px){.web-plan-card .ip-card-top{min-height:0}.web-four{gap:18px}}