/* Habitera — página Renta de oficinas / Red Tangle (prefijo ofi-) */
.ofi{--grad:linear-gradient(125deg,#003AC2,#4F2894 52%,#9F1567);--line:#E6E9F2;--tintbg:#F6F7FC;--mut:#5a6080;color:#14183A}
.ofi h1,.ofi h2,.ofi h3{font-family:Comfortaa,sans-serif;margin:0}.ofi img{max-width:100%;display:block}
.ofi-sec{padding:84px 0}.ofi-tint{background:var(--tintbg)}.ofi-pt0{padding-top:0}
.ofi-center{text-align:center}.ofi-center .ofi-lead{margin-left:auto;margin-right:auto}
.ofi-k{color:#9F1567;font-weight:800;letter-spacing:.12em;font-size:13px;margin:0 0 10px;text-transform:uppercase}.ofi-k-pink{color:#FFB3C6}
.ofi-h2{font-size:38px;line-height:1.15;margin-bottom:12px}.ofi-white{color:#fff}
.ofi-lead{color:#4a5070;font-size:17px;line-height:1.6;margin:0 0 24px;max-width:660px}
.ofi-sw,.ofi-sw-img{transition:opacity .25s}.ofi.swapping .ofi-sw,.ofi.swapping .ofi-sw-img{opacity:0}
.ofi-ico{width:48px;height:48px;border-radius:14px;background:#fff;color:#EE0339;display:grid;place-items:center;flex:none;box-shadow:0 6px 14px rgba(20,24,58,.08);transition:background .25s,color .25s,transform .25s}
.ofi-btns{display:flex;gap:12px;flex-wrap:wrap}.ofi-btns-c{justify-content:center}
.ofi-bw,.ofi-bo{display:inline-block;border-radius:40px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;text-align:center}
.ofi-bw{background:#fff;color:#003AC2;padding:14px 24px}.ofi-bo{border:2px solid rgba(255,255,255,.85);color:#fff;padding:12px 22px}
.ofi-bw:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,24,58,.18)}.ofi-bo:hover{background:rgba(255,255,255,.12)}
.ofi-link{color:#003AC2;font-weight:800;text-decoration:none}.ofi-link:hover{text-decoration:underline}
/* portada */
.ofi-hero{background:var(--grad);color:#fff;padding:52px 0 80px;position:relative;overflow:hidden}
.ofi-hero:before{content:"";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border-radius:50%;border:80px solid rgba(255,255,255,.06)}
.ofi-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;position:relative}.ofi-hero-grid>*{min-width:0}
.ofi-crumb{font-size:13px;opacity:.85;margin-bottom:16px}.ofi-crumb a{color:#fff;text-decoration:none}.ofi-crumb a:hover{text-decoration:underline}
.ofi-partner{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:40px;padding:4px 18px 4px 10px;color:#14183A;font-size:13.5px;border-radius:16px;font-weight:800;margin-bottom:18px}
.ofi-partner img{height:50px;width:auto}
.ofi-hero h1{font-size:50px;line-height:1.06;margin-bottom:18px;color:#fff}.ofi-hero h1 span{color:#FFB3C6}
.ofi-hero-lead{font-size:18px;line-height:1.6;opacity:.94;margin:0 0 24px;max-width:560px;min-height:3.2em}
.ofi-q{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin:0 0 8px}
.ofi-switch{display:inline-flex;flex-wrap:wrap;background:rgba(255,255,255,.15);border-radius:30px;padding:5px;margin-bottom:22px;gap:2px}
.ofi-switch button{border:0;background:transparent;color:#fff;font:800 14.5px 'Nunito Sans',sans-serif;padding:11px 16px;border-radius:40px;cursor:pointer;transition:background .3s,color .3s}
.ofi-switch button.on{background:#fff;color:#003AC2}.ofi-switch button:focus-visible,.ofi-opt button:focus-visible{outline:3px solid #FFB3C6;outline-offset:2px}
.ofi-photo{position:relative}
.ofi-ph{border-radius:28px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);aspect-ratio:6/5;background:#2a2f5a}
.ofi-ph img{width:100%;height:100%;object-fit:cover}
.ofi-fl{position:absolute;background:#fff;color:#14183A;border-radius:16px;padding:12px 16px;box-shadow:0 16px 36px rgba(20,24,58,.25);display:flex;gap:10px;align-items:center;font-size:13px;animation:ofiBob 5s ease-in-out infinite}
.ofi-fl b{display:block;font-size:14px}.ofi-fl small{color:var(--mut);display:block}
.ofi-fi{width:36px;height:36px;border-radius:10px;background:#FFE0E7;color:#EE0339;display:grid;place-items:center;flex:none}
.ofi-f1{left:-26px;top:-22px}.ofi-f2{right:-18px;bottom:-22px;animation-delay:-2.5s}
@keyframes ofiBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* direccion */
.ofi-bridge{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.ofi-bridge>*{min-width:0}
.ofi-addr{background:var(--tintbg);border-radius:26px;padding:30px;position:relative}
.ofi-env{background:#fff;border-radius:18px;padding:24px 26px;box-shadow:0 14px 30px rgba(20,24,58,.1);font-size:16px;line-height:1.6;max-width:360px}
.ofi-env b{font-size:18px}.ofi-from{font-size:12px;color:var(--mut);margin-bottom:10px;font-weight:700}
.ofi-stamp{position:absolute;right:28px;top:24px;width:70px;height:70px;border:2.5px dashed #EE0339;border-radius:12px;color:#EE0339;display:grid;place-items:center;font:900 10px/1.25 'Nunito Sans',sans-serif;text-align:center;transform:rotate(8deg)}
.ofi-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.ofi-flow div{background:#fff;border-radius:14px;padding:12px;font-size:13px;color:var(--mut);font-weight:700}.ofi-flow b{display:block;color:#14183A;font-size:14px}
.ofi-chk{list-style:none;padding:0;margin:0 0 20px}.ofi-chk li{display:flex;gap:10px;align-items:center;padding:6px 0;font-weight:700}
.ofi-chk span{width:22px;height:22px;border-radius:50%;background:#FFE0E7;color:#EE0339;display:grid;place-items:center;flex:none}
/* test */
.ofi-quiz{background:var(--grad);border-radius:30px;padding:44px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ofi-quiz>*{min-width:0}
.ofi-quiz .ofi-h2{margin-bottom:22px}
.ofi-qq{margin-bottom:18px}.ofi-qq p{font-weight:800;margin:0 0 8px}
.ofi-opt{display:flex;gap:8px;flex-wrap:wrap}
.ofi-opt button{border:1.5px solid rgba(255,255,255,.55);background:none;color:#fff;font:700 14px 'Nunito Sans',sans-serif;padding:9px 16px;border-radius:30px;cursor:pointer;transition:background .2s,color .2s}
.ofi-opt button:hover{background:rgba(255,255,255,.12)}.ofi-opt button.on{background:#fff;color:#003AC2;border-color:#fff}
.ofi-res{background:#fff;color:#14183A;border-radius:22px;padding:28px;min-height:250px;transition:transform .3s}
.ofi-res.pop{animation:ofiPop .45s ease}@keyframes ofiPop{0%{transform:scale(.96)}60%{transform:scale(1.02)}100%{transform:none}}
.ofi-tag{display:inline-block;background:#FFE0E7;color:#EE0339;font-weight:900;font-size:12px;border-radius:20px;padding:4px 10px;margin-bottom:12px}
.ofi-res h3{font-size:28px;margin-bottom:10px}.ofi-res p{color:var(--mut);line-height:1.6;margin:0 0 18px}
.ofi-res a{display:inline-block;background:#003AC2;color:#fff;border-radius:40px;padding:12px 22px;font-weight:800;text-decoration:none}
/* espacios */
.ofi-sols{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:16px}
.ofi-sol{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}
.ofi-sol:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(79,40,148,.14);border-color:#9F1567}
.ofi-im{aspect-ratio:4/3;overflow:hidden;background:#dde3f3}.ofi-im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ofi-sol:hover .ofi-im img{transform:scale(1.05)}
.ofi-sb{padding:20px;flex:1;display:flex;flex-direction:column}.ofi-sb h3{font-size:19px;margin-bottom:8px}
.ofi-sb p{color:var(--mut);font-size:14.5px;line-height:1.5;margin:0 0 12px}
.ofi-sb ul{margin:0 0 16px;padding-left:18px;font-size:14px;line-height:1.75}.ofi-sb .ofi-link{margin-top:auto}
.ofi-ideal{font-size:12.5px;font-weight:800;color:#9F1567;margin-bottom:8px}
/* amenidades */
.ofi-am{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}
.ofi-am>div{background:var(--tintbg);border-radius:18px;padding:22px 14px;text-align:center;font-weight:800;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .25s}
.ofi-am>div:hover{transform:translateY(-3px)}.ofi-am>div:hover .ofi-ico{background:#EE0339;color:#fff;transform:rotate(-6deg)}
/* ubicacion */
.ofi-loc{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.ofi-loc>*{min-width:0}
.ofi-map{display:block;background:#EEF1FA;border-radius:26px;overflow:hidden;position:relative;box-shadow:0 14px 30px rgba(20,24,58,.08)}
.ofi-map svg{width:100%;height:auto;display:block}
.ofi-maplink{position:absolute;right:16px;top:16px;background:#fff;color:#003AC2;border-radius:30px;padding:8px 14px;font-weight:800;font-size:13px;box-shadow:0 6px 14px rgba(20,24,58,.12)}
.ofi-route{stroke-dasharray:8 8;animation:ofiDash 1.4s linear infinite}@keyframes ofiDash{to{stroke-dashoffset:-32}}
.ofi-pulse{transform-origin:200px 250px;animation:ofiPulse 2s ease-out infinite}@keyframes ofiPulse{0%{transform:scale(.8);opacity:.45}100%{transform:scale(2.6);opacity:0}}
.ofi-hab{background:#FFF0F4;border-radius:18px;padding:14px 16px;display:flex;gap:14px;align-items:center;font-size:15px;line-height:1.5;margin-bottom:18px}
.ofi-hab img{width:72px;height:72px;border-radius:14px;object-fit:cover;flex:none}.ofi-hab b{color:#9F1567}
.ofi-tour{display:block;border-radius:22px;overflow:hidden;position:relative;text-decoration:none}
.ofi-tour img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}.ofi-tour:hover img{transform:scale(1.04)}
.ofi-tour:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,58,0) 55%,rgba(20,24,58,.55))}
.ofi-tour span{position:absolute;right:16px;bottom:16px;z-index:1;background:#EE0339;color:#fff;border-radius:40px;padding:13px 22px;font-weight:900;display:flex;gap:8px;align-items:center;white-space:nowrap}
/* resenas */
.ofi-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:16px 0 0}
.ofi-rev{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;margin:0;font-size:15.5px;line-height:1.6;color:#3d4366}
.ofi-rev blockquote{margin:0}.ofi-st{color:#F5A623;letter-spacing:2px;margin-bottom:10px}
.ofi-rev figcaption{margin-top:14px;color:#14183A;font-weight:900;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.ofi-src{text-align:center;color:var(--mut);font-size:12.5px;margin:18px 0 0}
/* faq + cierre */
.ofi-faq{max-width:820px;margin:16px auto 0}.ofi-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.ofi-faq summary{font-weight:800;font-size:17px;cursor:pointer}.ofi-faq p{color:var(--mut);margin:10px 0 0;line-height:1.6}
.ofi-final{background:var(--grad);color:#fff;border-radius:30px;padding:54px;text-align:center}.ofi-final h2{color:#fff;font-size:40px}
.ofi-final p{opacity:.92;margin:10px auto 26px;font-size:17px;max-width:600px}
.ofi-flogo{height:64px;width:auto;margin:0 auto 18px}
.ofi-disc{max-width:860px;margin:26px auto 0;text-align:center;color:var(--mut);font-size:12.5px;line-height:1.6}
.ofi-rv{transform:translateY(28px);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.ofi-rv.in{transform:none}
@media(max-width:1060px){.ofi-sols{grid-template-columns:1fr 1fr}.ofi-am{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){.ofi-hero-grid,.ofi-bridge,.ofi-quiz,.ofi-loc{grid-template-columns:1fr}.ofi-hero h1{font-size:38px}.ofi-revs{grid-template-columns:1fr}.ofi-f1{left:10px}.ofi-f2{right:10px}.ofi-quiz{padding:32px 24px}.ofi-photo{margin-top:16px}}
@media(max-width:600px){.ofi-h2{font-size:30px}.ofi-sec{padding:64px 0}.ofi-sols{grid-template-columns:1fr}.ofi-am{grid-template-columns:1fr 1fr}.ofi-switch button{padding:9px 12px;font-size:13px}.ofi-final{padding:38px 22px}.ofi-final h2{font-size:30px}.ofi-flow{grid-template-columns:1fr}.ofi-stamp{width:58px;height:58px;font-size:8.5px;right:18px;top:18px}.ofi-env{padding:20px;margin-right:56px}.ofi-addr{padding:20px}}
@media(prefers-reduced-motion:reduce){.ofi *{animation:none!important;transition:none!important}.ofi-rv{transform:none}}