/* Opción F: estilo plantilla moderna de cuidado (Webflow "nursing care"), colores del logo */
:root{--terra:#3A82BD;--gold:#CFE3F5;--cream:#fff;--sand:#EDF5FB;--r:22px}
body{background:#fff}
h1,h2,h3{font-family:var(--sans);font-weight:800;letter-spacing:-.035em;color:var(--navy)}
h2 em,h1 em{font-style:normal;color:var(--blue)}
.btn{border-radius:99px}
.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--blue)}
.hdr{background:rgba(255,255,255,.9)!important}
.pill{display:inline-flex;gap:8px;align-items:center;padding:8px 16px;border-radius:99px;background:var(--sand);color:var(--blue-d);font-weight:700;font-size:.85rem}
.pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);animation:pl 2s infinite}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(58,130,189,.6)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.btn-arrow{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 26px;border-radius:99px;background:var(--navy);color:#fff;font-weight:700;text-decoration:none;transition:background .3s}
.btn-arrow b{width:44px;height:44px;border-radius:50%;background:var(--blue);display:grid;place-items:center;transition:transform .35s}
.btn-arrow:hover{background:var(--blue-d)}.btn-arrow:hover b{transform:rotate(-45deg);background:#fff;color:var(--navy)}
.btn-arrow .ico{width:20px;height:20px}
.f-hero{position:relative;padding:clamp(40px,6vw,90px) 0 clamp(60px,8vw,110px);background:linear-gradient(180deg,#EDF5FB,#fff);overflow:hidden}
.f-hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.f-hero h1{font-size:clamp(2.6rem,5.2vw,4.6rem);line-height:1.02;margin:20px 0 20px}
.f-hero .lead{max-width:28em;margin-bottom:30px}
.f-hero .cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.f-media{position:relative}
.f-media .img{position:relative;border-radius:200px 200px 40px 40px;overflow:hidden;aspect-ratio:4/4.6;box-shadow:0 40px 70px -30px rgba(20,48,77,.5)}
.f-media .img img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s}
.f-media:hover .img img{transform:scale(1.06)}
.play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border:0;border-radius:50%;background:#fff;color:var(--blue-d);display:grid;place-items:center;cursor:pointer;z-index:3;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:ring 2.2s infinite}
.play svg{width:34px;height:34px;margin-left:4px}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 30px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.fcard{position:absolute;z-index:4;background:#fff;border-radius:18px;padding:14px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 18px 40px -16px rgba(20,48,77,.45);animation:bob 5s ease-in-out infinite}
.fcard .ico{width:46px;height:46px;padding:11px;border-radius:14px;background:var(--sand);color:var(--blue-d)}
.fcard b{display:block;font-weight:800;color:var(--navy)}.fcard span{font-size:.82rem;color:var(--mut)}
.fcard.a{left:-26px;bottom:14%}.fcard.b{right:-18px;top:10%;animation-delay:-2.5s}
@keyframes bob{50%{transform:translateY(-10px)}}
.deco{position:absolute;pointer-events:none;color:var(--blue);opacity:.35}
.deco.d1{width:90px;left:-30px;top:-20px;animation:rot 20s linear infinite}.deco.d2{width:70px;right:4%;bottom:6%;color:var(--taupe);animation:rot 26s linear infinite reverse}
@keyframes rot{to{transform:rotate(360deg)}}
.strip{background:var(--navy);color:#fff;overflow:hidden;white-space:nowrap;padding:22px 0}
.strip div{display:inline-flex;gap:50px;animation:mq 34s linear infinite;align-items:center}
.strip span{display:inline-flex;gap:14px;align-items:center;font-weight:700;font-size:1.05rem}.strip .ico{width:28px;height:28px;color:#CFE3F5}
@keyframes mq{to{transform:translateX(-50%)}}
.f-sec{padding:clamp(70px,9vw,120px) 0}
.f-sec.tint{background:var(--sand)}
.f-head{text-align:center;max-width:720px;margin:0 auto 54px}
.f-head h2{font-size:clamp(2rem,4.2vw,3.4rem);margin-top:16px}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sv{background:#fff;border:1px solid #DDE8F1;border-radius:24px;padding:32px 26px;transition:transform .35s,box-shadow .35s,background .35s,color .35s;display:flex;flex-direction:column;gap:14px}
.sv:hover{transform:translateY(-10px);box-shadow:0 30px 50px -26px rgba(20,48,77,.5);background:var(--navy);color:#fff}
.sv:hover h3,.sv:hover p{color:#fff}.sv:hover .ico{background:var(--blue);color:#fff}
.sv .ico{width:64px;height:64px;padding:16px;border-radius:20px;background:var(--sand);color:var(--blue-d);transition:.35s}
.sv h3{font-size:1.35rem}.sv p{color:var(--mut);font-size:.96rem;flex:1}
.sv a{font-weight:700;color:var(--blue-d);text-decoration:none;display:inline-flex;gap:8px;align-items:center}.sv:hover a{color:#CFE3F5}
.sv a .ico{width:18px;height:18px;padding:0;background:none;border-radius:0;color:inherit}
.why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}
.why .blocks{display:grid;gap:12px;margin-top:26px}
.why .blk{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:22px;border-radius:20px;transition:background .3s,transform .3s}
.why .blk:hover{background:var(--sand);transform:translateX(8px)}
.why .blk b{font:800 2.2rem/1 var(--sans);color:var(--blue);letter-spacing:-.04em}
.why .blk h3{font-size:1.25rem;margin-bottom:4px}.why .blk p{color:var(--mut)}
.collage2{position:relative;aspect-ratio:1/1.05}
.collage2 figure{position:absolute;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.collage2 img{width:100%;height:100%;object-fit:cover}
.collage2 .p1{left:0;top:0;width:62%;height:70%}.collage2 .p2{right:0;bottom:0;width:56%;height:56%;border:8px solid #fff}
.avail{position:relative;border-radius:36px;overflow:hidden;margin:0 clamp(10px,2vw,28px);color:#fff;isolation:isolate}
.avail>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.avail:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,37,64,.92),rgba(14,37,64,.45))}
.avail .wrap{padding-block:clamp(70px,9vw,120px);display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.avail h2{color:#fff;font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.02}.avail h2 em{color:#CFE3F5}
.avail p{color:#dce8f4;margin:16px 0 28px;max-width:30em;font-size:1.1rem}
.avail .btn-arrow{background:#fff;color:var(--navy)}.avail .btn-arrow b{background:var(--navy);color:#fff}
.avail .two{display:grid;gap:14px}.avail .two div{background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:22px;padding:22px 26px;display:flex;gap:18px;align-items:center}
.avail .two .ico{width:52px;height:52px;padding:12px;border-radius:16px;background:#fff;color:var(--blue-d)}
.avail .two b{display:block;font-size:1.2rem}.avail .two span{color:#cfdceb;font-size:.92rem}
.about2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.about2 .pics{position:relative;aspect-ratio:1/1.05}
.about2 .pics figure{position:absolute;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.about2 img{width:100%;height:100%;object-fit:cover}
.about2 .q1{left:0;top:0;width:60%;height:78%}.about2 .q2{right:0;bottom:0;width:52%;height:50%;border:8px solid #fff}
.badge{position:absolute;z-index:3;right:6%;top:6%;width:128px;height:128px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;text-align:center;font-weight:700;font-size:.8rem;line-height:1.2;box-shadow:0 18px 36px -12px rgba(36,95,148,.7);animation:bob 5s ease-in-out infinite}
.badge b{display:block;font:800 2.2rem/1 var(--sans)}
.about2 h2{font-size:clamp(2rem,4vw,3.2rem);margin:16px 0}.about2 p{color:var(--mut);margin-bottom:14px}
.gente{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gc{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:3/4;box-shadow:var(--shadow)}
.gc img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.gc:hover img{transform:scale(1.1)}
.gc div{position:absolute;inset:auto 12px 12px;background:#fff;border-radius:18px;padding:14px 18px;transition:transform .35s}.gc:hover div{transform:translateY(-6px)}
.gc b{display:block;color:var(--navy)}.gc span{font-size:.84rem;color:var(--mut)}
.stats{background:var(--navy);color:#fff;border-radius:36px;margin:0 clamp(10px,2vw,28px);padding:clamp(50px,6vw,80px) 0}
.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats b{display:block;font:800 clamp(2.8rem,6vw,5rem)/1 var(--sans);letter-spacing:-.05em;color:#CFE3F5}.stats span{color:#dce8f4;font-weight:600}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.st{position:relative;background:#fff;border:1px solid #DDE8F1;border-radius:26px;padding:36px 30px;transition:.35s}
.st:hover{transform:translateY(-8px);border-color:var(--blue)}
.st:before{counter-increment:s;content:"0" counter(s);font:800 3.6rem/1 var(--sans);color:var(--sand);position:absolute;right:22px;top:14px;letter-spacing:-.05em}
.st:hover:before{color:#CFE3F5}.st h3{font-size:1.4rem;margin-bottom:10px;position:relative}.st p{color:var(--mut);position:relative}
.show{position:fixed;inset:0;background:rgba(10,24,40,.94);z-index:200;display:none;align-items:center;justify-content:center}
.show.on{display:flex}.show .stage{position:relative;width:min(92vw,520px);height:min(86vh,720px);border-radius:26px;overflow:hidden}
.show img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.show img.on{opacity:1}
.show .bars{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:6px;z-index:3}.show .bars i{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.35);overflow:hidden}.show .bars i b{display:block;height:100%;width:0;background:#fff}
.show .cap{position:absolute;inset:auto 0 0;padding:80px 24px 26px;color:#fff;font:700 1.3rem/1.2 var(--sans);background:linear-gradient(transparent,rgba(10,24,40,.9));z-index:2}
.show .x{position:absolute;top:18px;right:18px;z-index:5;width:46px;height:46px;border-radius:50%;border:0;background:#fff;cursor:pointer;display:grid;place-items:center}
.show .x .ico{width:22px;height:22px}
.contact{background:var(--navy)}
@media(max-width:900px){.f-hero .wrap,.why,.avail .wrap,.about2{grid-template-columns:1fr}.svc-grid,.gente{grid-template-columns:1fr 1fr}.steps3{grid-template-columns:1fr}.stats .grid{grid-template-columns:1fr 1fr}.fcard.a{left:0}.fcard.b{right:0}}
@media(max-width:560px){.svc-grid,.gente{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.strip div,.fcard,.badge,.deco,.play,.pill:before{animation:none}}
h1 em,h2 em{font-weight:800}
.incl .inc-i{border-color:#DDE8F1;border-radius:24px}.incl .gen{border-radius:32px}
.incl.f-wrap{padding:0}