/* Landings de servicio: tarjetas de ítems + mini landings superpuestas */
.svc-intro{padding:70px 0 40px}
.svc-intro .head .sub{max-width:760px;margin-left:auto;margin-right:auto}
.svc-items{background:linear-gradient(180deg,var(--cream),#eaf4f5);padding:70px 0 110px}
.it-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.it-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;padding:26px 24px;border-radius:22px;overflow:hidden;color:#fff;isolation:isolate;box-shadow:0 26px 50px -30px rgba(64,64,64,.7);transition:.45s}
.it-card::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover;transition:transform .8s}
.it-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(46,46,46,.05) 20%,rgba(46,46,46,.88))}
.it-card:hover{translate:0 -8px;box-shadow:0 36px 60px -28px rgba(64,64,64,.8)}
.it-card:hover::before{transform:scale(1.08)}
.it-n{position:absolute;top:16px;right:20px;font-family:var(--serif);font-size:2.2rem;font-weight:700;color:rgba(255,255,255,.35)}
.it-card h3{font-size:1.55rem;line-height:1.15;margin-bottom:8px;color:#fff}
.it-card p{font-size:.85rem;opacity:.9;margin-bottom:14px;line-height:1.5}
.it-go{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-l)}

/* mini landing superpuesta */
body.ilp-lock{overflow:hidden}
.item-lp{position:fixed;inset:0;z-index:300;background:var(--cream);opacity:0;transform:translateY(40px) scale(.985);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
.item-lp[hidden]{display:none}
.item-lp.on{opacity:1;transform:none}
.ilp-bar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(14px,3vw,36px);pointer-events:none}
.ilp-bar button{pointer-events:auto;cursor:pointer;border:0;font:inherit;color:#fff;background:rgba(46,46,46,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:.3s}
.ilp-back{padding:10px 18px;border-radius:30px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.ilp-x{width:44px;height:44px;border-radius:50%;font-size:1.7rem;line-height:1}
.ilp-bar button:hover{background:var(--gold);color:#ffffff;border-color:var(--gold)}
.ilp-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}
.ilp-hero{position:relative;overflow:hidden;color:#fff;text-align:center;padding:130px 20px 90px;background:var(--deep)}
.ilp-hero .t-hero-bg{animation:none;scale:1.04}
.ilp-hero-in{position:relative;z-index:3;width:min(780px,100%);margin:auto}
.ilp-hero h2{font-size:clamp(2.4rem,6vw,4.4rem);margin-bottom:16px;color:#fff}
.ilp-hero .lead{margin:0 auto 28px;max-width:600px;opacity:.95}
.ilp-sec{padding:70px 0;background:var(--cream)}
.ilp-sec.alt{background:linear-gradient(180deg,#eaf4f5,var(--cream))}
.ilp-sec.dark{background:linear-gradient(160deg,var(--deep),var(--teal-d));color:#f5f7f6}
.ilp-sec .head{margin-bottom:34px}
.ilp-sec h3{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:14px}
.ilp-sec .wrap{width:min(1100px,100% - 40px);margin:auto}
.ilp-two{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}
.ilp-two.rev{grid-template-columns:.9fr 1.1fr;align-items:center}
.ilp-text p{margin-bottom:14px}
.ilp-sub{margin:26px 0 10px}
.ilp-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.ilp-chips li{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:30px;background:var(--mint);color:var(--deep);font-weight:500}
.ilp-media{position:sticky;top:90px}
.ilp-photo{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(64,64,64,.5)}
.ilp-photo img{width:100%;aspect-ratio:4/4.6;object-fit:cover;display:block}
.ilp-media .ba-stage{aspect-ratio:4/4.6}
.ilp-cand{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ilp-cand.one{grid-template-columns:minmax(0,640px);justify-content:center}
.ilp-sec .side-card h4{font-family:var(--serif);font-size:1.7rem;margin-bottom:12px;color:var(--teal-d)}
.ilp-sec .side-card.warn{border-top-color:var(--teal)}
.ilp-note{font-size:.8rem;opacity:.7;margin:10px 0 0}
.ilp-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:0;padding:0}
.ilp-steps li{position:relative;padding:26px 22px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.ilp-steps span{display:block;font-family:var(--serif);font-size:2.6rem;font-weight:700;color:var(--gold-l);line-height:1;margin-bottom:10px}
.ilp-steps p{margin:0;font-size:.9rem;opacity:.92}
.ilp-price{padding:6px 0}
.ilp-price p{margin-bottom:20px}
.ilp-cta{padding:80px 0;text-align:center;color:#fff;background:linear-gradient(135deg,var(--teal-d),var(--deep))}
.ilp-cta h3{font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:12px;color:#fff}
.ilp-cta p{max-width:520px;margin:0 auto 28px;opacity:.88}
.ilp-link{display:block;margin:22px auto 0;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);font-weight:600}
.ilp-close2{margin-top:26px;cursor:pointer;font:inherit;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:30px;padding:12px 24px;transition:.3s}
.ilp-close2:hover{background:#fff;color:var(--deep)}
.svc-more{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.ilp-two,.ilp-two.rev,.ilp-cand{grid-template-columns:1fr;gap:30px}.ilp-media{position:static}.svc-more{grid-template-columns:1fr 1fr}.ilp-sec{padding:50px 0}}
@media(max-width:620px){.svc-more{grid-template-columns:1fr}.it-card{min-height:300px}.ilp-hero{padding:110px 16px 70px}.ilp-back{max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* antes y después de cada ítem (3 espacios) */
.ilp-ba{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ilp-ba .ba{margin:0}
@media(max-width:900px){.ilp-ba{grid-template-columns:1fr;max-width:520px;margin:0 auto}}

/* guía del tratamiento y tecnologías relacionadas dentro de cada categoría */
.ct-guide{display:flex;flex-direction:column;gap:4px;max-width:760px;margin:34px auto 0;padding:20px 26px;border-radius:18px;border:1px solid rgba(191,128,151,.55);background:rgba(191,128,151,.1);color:inherit;text-decoration:none;text-align:center;transition:.3s}
.ct-guide:hover{background:rgba(191,128,151,.2);translate:0 -3px}
.ct-guide b{font:600 1.15rem var(--serif,inherit)}
.ct-guide span{font-size:.85rem;opacity:.75}
.svc-tech{padding:26px 0 34px;background:#eaf4f5;border-top:1px solid rgba(191,128,151,.4)}
.ct-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:12px;font-size:.8rem;opacity:.85;color:var(--teal-d,#404040)}
.ct-label span{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d,#a8647d);font-weight:600}
.ct-band{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.ct-pill{flex:none;display:flex;align-items:center;gap:9px;padding:5px 16px 5px 5px;border-radius:40px;background:#fff;border:1px solid rgba(64,64,64,.14);color:var(--teal-d,#404040);text-decoration:none;transition:.3s}
.ct-pill:hover{border-color:var(--gold);background:#fbf3f6;translate:0 -2px}
.ct-pill img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#f5f7f6}
.ct-pill b{font:500 .78rem var(--sans,inherit);white-space:nowrap}

/* franja delgada: tecnologías que se aplican en el servicio */
.ilp-tec{background:linear-gradient(90deg,var(--deeper,#2e2e2e),var(--teal-d,#404040));color:#fff;border-bottom:1px solid rgba(220,178,193,.35)}
.ilp-tec .wrap{display:flex;align-items:center;gap:14px;padding:10px 0;overflow-x:auto;scrollbar-width:none}
.ilp-tec .wrap::-webkit-scrollbar{display:none}
.ilp-tec-l{flex:none;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-l,#dcb2c1)}
.ilp-tec a{flex:none;display:flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border-radius:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;transition:.3s}
.ilp-tec a:hover{background:var(--gold);border-color:var(--gold);color:#ffffff}
.ilp-tec img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff}
.ilp-tec b{font:500 .74rem var(--sans,inherit);white-space:nowrap}

/* tecnologías: fijas, de borde a borde y más grandes */
.ct-band,.ilp-tec .wrap{overflow:visible;flex-wrap:wrap}
.svc-tech>.wrap,.ilp-tec>.wrap{width:100%;max-width:none;padding-inline:2vw}
.ct-band{gap:12px;padding-bottom:0}
.ct-pill,.ilp-tec a{flex:1 1 190px;justify-content:center;gap:12px;padding:7px 22px 7px 7px}
.ct-pill img,.ilp-tec img{width:52px;height:52px}
.ct-pill b,.ilp-tec b{font-size:.92rem;white-space:normal;line-height:1.2}
.ilp-tec .wrap{gap:12px;padding-block:14px}
.ilp-tec-l{flex:0 0 100%;text-align:center;font-size:.7rem}
.svc-tech{padding:34px 0 40px}
.ct-label{justify-content:center;text-align:center}
.ct-label span{font-size:.72rem}
@media(max-width:620px){.ct-pill,.ilp-tec a{flex:1 1 calc(50% - 12px);padding:6px 12px 6px 6px;justify-content:flex-start}.ct-pill img,.ilp-tec img{width:42px;height:42px}.ct-pill b,.ilp-tec b{font-size:.8rem}}

/* tarjetas con imagen: panel translúcido para que título y texto se lean */
.it-glass{padding:16px 18px 14px;border-radius:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px -14px rgba(0,0,0,.45)}
.svc-items .it-card .it-glass h3{color:var(--teal-d);margin-bottom:6px}
.svc-items .it-card .it-glass p{color:#404040;opacity:1;margin-bottom:10px}
.svc-items .it-card .it-go{display:inline-block;color:var(--gold-d,#a8647d)}
.it-card::after{background:linear-gradient(180deg,rgba(46,46,46,.0) 35%,rgba(46,46,46,.45))}
@media(max-width:620px){.ct-pill,.ilp-tec a{min-width:0;padding-right:10px}.ct-pill b,.ilp-tec b{font-size:.74rem;overflow-wrap:anywhere;min-width:0}}
