/* Más de HOMI v3 (8 nov 2026, DS-101): sin esquinas en ninguna parte, fotos reales del equipo, publicidad de asesoría y referidos,
   blog con lo último a la izquierda, Key y Recomienda y gana con confeti de dinero. Va después de web-mas.css y web-v2.css. */
:root{--rr:20px;--rr2:28px}

/* ---------- sin esquinas: tarjetas, fotos, paneles y botones de estas páginas ---------- */
.x-val,.x-val li,.x-dif li,.x-ben li,.x-cap li,.x-canal,.x-zonas li,.w-lat,.x-asis,.x-ref-tipos li,.w-fq,.x-busca-c,.x-etq button,.x-hist,.x-hist-m,.x-hist-m img,.w-art-foto,.w-art-foto img,.x-equipo,.x-equipo figure,.x-equipo img,.w-gracias,.x-roles-g button,.x-mundo-c,.x-key-l li,.x-key-demo,.x-pasos-h li{border-radius:var(--rr)!important}
.x-val{overflow:hidden;gap:10px;background:none}
.x-val li{background:#141414}
.x-val li.on{background:#1d1a17}
.x-asis-f input,.x-asis-f button,.x-asis-sug button,.x-etq button,.x-ref-tabs button{border-radius:999px!important}
.w-pcab .w-bt,.x-promo-bt,.x-msg-bt{border-radius:999px}
.w-cajon.x-ref-cajon .w-cajon-in{border-radius:var(--rr2) 0 0 var(--rr2)!important}
@media(max-width:620px){.w-cajon.x-ref-cajon .w-cajon-in{border-radius:var(--rr2) var(--rr2) 0 0!important;top:auto;max-height:92vh;transform:translateY(100%)}.w-cajon.x-ref-cajon.on .w-cajon-in{transform:none}}

/* luz que sigue al cursor en las tarjetas */
.x-luz{position:relative;isolation:isolate;overflow:hidden}
.x-luz::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(219,74,43,.14),transparent 70%)}
.x-luz:hover::before{opacity:1}
.w-negro .x-luz::before{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(255,138,102,.16),transparent 70%)}

/* ---------- Quiénes somos: fotos reales del equipo ---------- */
.x-equipo-f{background:#e9e1d6;box-shadow:0 40px 70px -40px rgba(10,10,10,.45)}
.x-equipo-f figure{inset:0}
.x-equipo-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.08);transition:transform 6s ease}
.x-equipo-f figure.on img{transform:scale(1)}
.x-equipo-f.rv:not(.ver){clip-path:inset(10% 10% 10% 10% round var(--rr2));opacity:.4}
.x-equipo-f{clip-path:inset(0 round var(--rr2));transition:clip-path 1.3s var(--e),opacity 1s}
.x-equipo-p{position:absolute;z-index:2;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(10,10,10,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.x-equipo-p i{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.55);transition:width .5s var(--e),background .5s}
.x-equipo-p i.on{width:20px;background:#fff}
.x-mosaico{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;height:clamp(420px,52vw,640px)}
.x-mosaico figure{position:relative;margin:0;overflow:hidden;border-radius:var(--rr2);background:#e9e1d6;clip-path:inset(0 round var(--rr2));transition:clip-path 1.4s var(--e) calc(var(--d,0)*160ms)}
.x-mosaico figure.rv:not(.ver){clip-path:inset(18% 18% 18% 18% round var(--rr2))}
.x-mosaico img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);transition:transform 2.2s var(--e) calc(var(--d,0)*160ms)}
.x-mosaico figure.ver img{transform:scale(1)}
.x-mosaico figure:hover img{transform:scale(1.04);transition-duration:1.2s;transition-delay:0s}
.x-mo-0{grid-row:1/3}
.x-mo-1 img{object-position:50% 30%}
.x-mo-2 img{object-position:50% 35%}
@media(max-width:960px){.x-mosaico{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;height:auto}.x-mo-0{grid-row:auto;grid-column:1/-1;aspect-ratio:3/2}.x-mo-1,.x-mo-2{grid-column:auto;aspect-ratio:4/5}}
.x-pasos-h{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.x-pasos-h::before{content:"";position:absolute;left:8%;right:8%;top:47px;height:2px;background:linear-gradient(90deg,var(--naranja),rgba(219,74,43,.15));transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--e) .3s}
.x-pasos-h:has(li.ver)::before{transform:none}
.x-pasos-h li{position:relative;display:grid;gap:10px;justify-items:start;padding:22px;background:rgba(255,255,255,.65);border:1px solid rgba(10,10,10,.06);transition:background .5s,transform .5s var(--e),box-shadow .5s}
.x-pasos-h li.on{background:#fff;transform:translateY(-4px);box-shadow:0 26px 44px -30px rgba(10,10,10,.35)}
.x-pasos-h b{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid var(--linea);font-size:18px;transition:background .5s,color .5s,transform .5s var(--e)}
.x-pasos-h li.on b{background:var(--naranja);border-color:var(--naranja);color:#fff;transform:scale(1.08)}
.x-pasos-h h3{font-size:19px;font-weight:600;letter-spacing:-.02em}
.x-pasos-h p{font-size:14.5px;color:var(--gris);line-height:1.55}
@media(max-width:760px){.x-pasos-h{grid-template-columns:minmax(0,1fr)}.x-pasos-h::before{display:none}}

/* ---------- Trabaja con HOMI: áreas que se tocan ---------- */
.x-roles-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.x-roles-g button{display:flex;gap:10px;align-items:center;width:100%;min-height:52px;padding:8px 14px 8px 8px;border:1px solid rgba(10,10,10,.08);background:#fff;font:inherit;font-size:15px;font-weight:500;color:inherit;text-align:left;cursor:pointer;transition:border-color .3s,transform .4s var(--e),box-shadow .4s,background .3s}
.x-roles-g button:hover{border-color:var(--naranja);transform:translateY(-2px);box-shadow:0 16px 28px -22px rgba(10,10,10,.35)}
.x-roles-g button.on{background:var(--naranja);border-color:var(--naranja);color:#fff}
.x-roles-g button.on .x-ic{background:rgba(255,255,255,.2);color:#fff}
@media(max-width:420px){.x-roles-g{grid-template-columns:minmax(0,1fr)}}

/* ---------- Contacto ---------- */
.x-resp{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 14px;border-radius:999px;background:rgba(219,74,43,.08);color:var(--naranja2);font-size:13.5px;font-weight:600}
.x-resp i{width:8px;height:8px;border-radius:50%;background:var(--naranja);box-shadow:0 0 0 0 rgba(219,74,43,.5);animation:xLatido3 2s infinite}
@keyframes xLatido3{70%{box-shadow:0 0 0 10px rgba(219,74,43,0)}100%{box-shadow:0 0 0 0 rgba(219,74,43,0)}}
.x-canal{background:#fff;border-color:rgba(10,10,10,.08)}
.x-canal .x-ic{border-radius:14px}
.x-canal-wa{background:linear-gradient(120deg,rgba(219,74,43,.08),rgba(219,74,43,.02))}
.x-cont-form{padding:clamp(22px,3vw,34px);background:#fff;box-shadow:0 40px 70px -46px rgba(10,10,10,.4);border:1px solid rgba(10,10,10,.06)}
.x-cont-form .w-ceja{margin-bottom:4px}
.x-mundo-c{padding:clamp(12px,2vw,22px);background:linear-gradient(160deg,#171513,#0d0d0d);border:1px solid rgba(255,255,255,.06)}
.x-zonas li{background:rgba(255,255,255,.04)}

/* ---------- publicidad: asesoría gratis y Recomienda y gana ---------- */
.x-promos-sec{padding-block:clamp(40px,6vw,72px)}
.x-promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.x-promo{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;align-items:center;padding:clamp(22px,3vw,32px);border-radius:var(--rr2);text-decoration:none;color:#fff;background:#0A0A0A;min-height:200px;transition:transform .6s var(--e),box-shadow .6s}
.x-promo:hover{transform:translateY(-6px);box-shadow:0 40px 60px -40px rgba(10,10,10,.6)}
.x-promo-referidos{background:linear-gradient(135deg,#DB4A2B,#b8381d)}
.x-promo-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.1);grid-row:span 2;align-self:start}
.x-promo-ic .x-ic{background:none;color:#fff;width:auto;height:auto}
.x-promo-ic .x-ic svg{width:30px;height:30px}
.x-promo-asesoria .x-promo-ic{background:var(--naranja)}
.x-promo-tx{display:grid;gap:6px}
.x-promo-tx small{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:600}
.x-promo-tx b{font-size:clamp(21px,2.1vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.12}
.x-promo-tx em{font-style:normal;font-size:14.5px;color:rgba(255,255,255,.75);line-height:1.5;max-width:46ch}
.x-promo-bt{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:10px 18px;background:#fff;color:#0A0A0A;font-size:14px;font-weight:600}
.x-promo-bt .ico{width:16px;height:16px;transition:transform .45s var(--e)}
.x-promo:hover .x-promo-bt .ico{transform:translateX(4px)}
.x-promo-referidos .x-promo-bt{color:#b8381d}
.x-promo-anillo{position:absolute;z-index:-1;right:-70px;top:-70px;width:240px;height:240px}
.x-promo-anillo i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(219,74,43,.55);animation:xAnillo 3.2s ease-out infinite}
.x-promo-anillo i:nth-child(2){animation-delay:1.6s}
@keyframes xAnillo{from{transform:scale(.4);opacity:1}to{transform:scale(1.3);opacity:0}}
.x-promo-m{position:absolute;z-index:-1;inset:0;pointer-events:none}
.x-promo-m .x-ic{position:absolute;background:none;color:rgba(255,255,255,.22);width:auto;height:auto;animation:xFlota 6s ease-in-out infinite}
.x-promo-m .x-ic svg{width:44px;height:44px}
.x-promo-m .x-ic:nth-child(1){right:8%;top:12%}
.x-promo-m .x-ic:nth-child(2){right:24%;bottom:10%;animation-delay:1.2s}
.x-promo-m .x-ic:nth-child(2) svg{width:56px;height:56px}
.x-promo-m .x-ic:nth-child(3){right:4%;bottom:30%;animation-delay:2.4s}
.x-promo-m .x-ic:nth-child(3) svg{width:30px;height:30px}
.x-promo-m .x-ic:nth-child(4){right:34%;top:8%;animation-delay:3.1s}
@keyframes xFlota{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}
.x-promo-alto{height:100%;grid-template-columns:minmax(0,1fr);align-content:end;min-height:340px}
.x-promo-alto .x-promo-ic{grid-row:auto}
.x-promo-alto .x-promo-bt{grid-column:1}
@media(max-width:760px){.x-promos{grid-template-columns:minmax(0,1fr)}.x-promo{grid-template-columns:minmax(0,1fr)}.x-promo-ic{grid-row:auto;width:54px;height:54px}.x-promo-bt{grid-column:1}}

/* ---------- Blog ---------- */
.x-blog-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,36px);align-items:start;margin-bottom:clamp(28px,4vw,44px)}
.x-blog-g{margin:0}
.x-blog-g .w-art.grande{display:grid;grid-template-columns:minmax(0,1fr)}
.x-blog-g .w-art.grande .w-art-foto{aspect-ratio:16/11}
.x-ult-s{border-radius:999px}
.x-blog-lado{display:grid;gap:12px}
.x-blog-lado-t{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);font-weight:600;margin-bottom:2px}
.x-mini-art{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center;padding:10px;border-radius:var(--rr);background:#fff;border:1px solid rgba(10,10,10,.06);text-decoration:none;color:inherit;transition:transform .5s var(--e),box-shadow .5s,border-color .3s}
.x-mini-art:hover{transform:translateX(4px);box-shadow:0 22px 40px -30px rgba(10,10,10,.4);border-color:rgba(219,74,43,.35)}
.x-mini-f{aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--beige)}
.x-mini-f img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e)}
.x-mini-art:hover .x-mini-f img{transform:scale(1.07)}
.x-mini-tx{display:grid;gap:6px;min-width:0}
.x-mini-tx small{font-size:12px;color:var(--gris)}
.x-mini-tx small b{color:var(--naranja2);font-weight:600}
.x-mini-tx strong{font-size:16.5px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.x-mini-tx em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:13px;font-weight:600}
.x-mini-tx em .ico{width:15px;height:15px;transition:transform .45s var(--e)}
.x-mini-art:hover em .ico{transform:translateX(4px)}
.x-mini-art[hidden],.x-blog-g[hidden]{display:none}
.x-blog-ase{margin-bottom:clamp(28px,4vw,44px)}
.x-promo-ancho{grid-template-columns:auto minmax(0,1fr) auto;min-height:0}
.x-promo-ancho .x-promo-ic{grid-row:auto}
.x-promo-ancho .x-promo-bt{grid-column:auto;align-self:center;margin:0}
.x-blog-mas-t{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);font-weight:600;margin-bottom:16px}
.x-blog-ad{display:grid}
.x-blog.filtrando .x-blog-ase,.x-blog.filtrando .x-blog-ad,.x-blog.filtrando .x-blog-lado-t,.x-blog.filtrando .x-blog-mas-t{display:none}
.x-blog.filtrando .x-blog-top{grid-template-columns:minmax(0,1fr)}
@media(max-width:960px){.x-blog-top{grid-template-columns:minmax(0,1fr)}.x-promo-ancho{grid-template-columns:minmax(0,1fr)}.x-promo-ancho .x-promo-bt{justify-self:start}}
@media(max-width:480px){.x-mini-art{grid-template-columns:96px minmax(0,1fr);gap:12px}.x-mini-tx strong{font-size:15px}}

/* ---------- Preguntas frecuentes y Key ---------- */
.x-key-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--naranja);color:#fff;box-shadow:0 0 0 0 rgba(219,74,43,.5);animation:xLatido3 2.6s infinite}
.x-key-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-12deg)}
.x-asis.x-key{border-radius:var(--rr2)!important;background:linear-gradient(170deg,#161412,#0A0A0A);border:1px solid rgba(255,255,255,.06)}
.x-asis-cab small i{background:var(--naranja)!important}
.x-msg-acc{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.x-msg-bt{display:inline-flex;padding:6px 12px;background:rgba(255,255,255,.1);color:#fff!important;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .3s}
.x-msg-bt:hover,.x-msg-bt.wa{background:var(--naranja)}
.x-faq .w-fq{background:#fff;border:1px solid rgba(10,10,10,.06);margin-bottom:8px;overflow:hidden;transition:box-shadow .4s,border-color .3s}
.x-faq .w-fq.on{border-color:rgba(219,74,43,.35);box-shadow:0 22px 40px -30px rgba(10,10,10,.35)}
.x-faq .w-fq>button{padding-inline:18px}
.x-faq .w-fq-r>div{padding-inline:18px}
.x-fq-acc{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.x-key-sec{overflow:hidden}
.x-key-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:clamp(28px,4vw,44px)}
.x-key-tabs{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.07)}
.x-key-tabs button{min-height:42px;padding:0 18px;border:0;border-radius:999px;background:none;color:rgba(255,255,255,.75);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .35s,color .35s}
.x-key-tabs button[aria-selected="true"]{background:#fff;color:#0A0A0A}
.x-key-rej{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:start}
.x-key-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.x-key-l li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;padding:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.x-key-l li div{display:grid;gap:4px}
.x-key-l b{font-size:16.5px;font-weight:600;letter-spacing:-.02em}
.x-key-l small{font-size:14px;color:rgba(255,255,255,.65);line-height:1.5}
.x-key-l em{grid-column:2;justify-self:start;font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}
.x-key-l em.hoy{background:rgba(219,74,43,.2);color:#ff9a7a}
.x-key-demo{display:grid;gap:14px;padding:20px;background:linear-gradient(170deg,#1b1815,#101010);border:1px solid rgba(255,255,255,.08)}
.x-key-chat{display:grid;gap:8px;align-content:start;min-height:230px}
.x-key-demo.ver .x-msg{animation:xMsgSec .6s var(--e) both;animation-delay:calc(var(--i)*1.1s + .3s)}
.x-key-demo:not(.ver) .x-msg{opacity:0}
@keyframes xMsgSec{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:960px){.x-key-top,.x-key-rej{grid-template-columns:minmax(0,1fr)}.x-key-tabs{justify-self:start}}
@media(max-width:620px){.x-key-l{grid-template-columns:minmax(0,1fr)}.x-key-tabs{display:flex;width:100%}.x-key-tabs button{flex:1;padding:0 10px}}

/* ---------- Recomienda y gana ---------- */
.x-ref-cab{isolation:isolate}
.x-ref-cab .w-pcab-in{position:relative;z-index:2}
.x-ref-burb{z-index:0}
.x-ref-burb i{bottom:-90px;font-size:0;color:rgba(255,255,255,.28);left:calc(4% + var(--i)*6.8%);animation:xSube2 calc(9s + var(--i)*.37s) linear infinite;animation-delay:calc(var(--i)*-0.83s)}
.x-ref-burb i:nth-child(n){left:calc(4% + var(--i)*6.8%)}
.x-ref-burb .x-ic{background:none;color:inherit;width:auto;height:auto}
.x-ref-burb .x-ic svg{height:auto}
.x-ref-burb i:nth-child(3n) .x-ic svg{width:58px}
.x-ref-burb i:nth-child(3n+1) .x-ic svg{width:40px}
.x-ref-burb i:nth-child(3n+2) .x-ic svg{width:30px}
@keyframes xSube2{from{transform:translateY(0) rotate(-10deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-120vh) rotate(20deg);opacity:0}}
.x-ref-chanchito{position:absolute;z-index:1;right:clamp(16px,6vw,90px);bottom:clamp(24px,6vw,70px);display:grid;place-items:center;width:clamp(120px,16vw,210px);height:clamp(120px,16vw,210px);border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:xFlota 5s ease-in-out infinite}
.x-ref-chanchito .x-ic{background:none;color:#fff;width:auto;height:auto}
.x-ref-chanchito .x-ic svg{width:60%;height:auto;min-width:70px}
@media(max-width:860px){.x-ref-chanchito{opacity:.35;right:-30px;bottom:auto;top:90px}}
.x-ref-ok{display:inline-flex;gap:10px;align-items:center;margin-top:16px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.18);font-weight:600}
.x-ref-ok .ico{width:18px;height:18px}
.x-ref-tipos li{display:grid;gap:12px;align-content:start;padding:clamp(22px,3vw,30px);background:#fff;border:1px solid rgba(10,10,10,.07)}
.x-ref-m{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.x-ref-m small{font-size:15px;font-weight:600;color:var(--gris);letter-spacing:0}
.x-ref-m .num{font-size:clamp(38px,4vw,54px);font-weight:700;letter-spacing:-.04em;color:var(--naranja2);line-height:1}
.x-ref-cuando{display:flex!important;gap:10px!important;align-items:flex-start!important;padding:12px;border-radius:14px;background:#F7F3EE;line-height:1.45}
.x-ref-cuando .x-ic{flex:none}
.x-ref-bts{display:grid;gap:8px;margin-top:6px}
.x-ref-wa{font-size:13.5px}
.x-ref-como-bts{margin-top:clamp(28px,4vw,40px)}
.x-ref-cajon .w-cajon-in{width:min(560px,100%);gap:14px}
.x-ref-cajon-cab{display:grid;gap:8px}
.x-ref-cajon-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:rgba(219,74,43,.1)}
.x-ref-cajon-ic .x-ic{background:none}
.x-ref-cajon h2{font-size:clamp(24px,2.6vw,32px)!important;line-height:1.1}
.x-ref-gana{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:6px 14px 6px 6px;border-radius:999px;background:var(--naranja);color:#fff;font-size:13.5px;font-weight:600}
.x-ref-gana .x-ic{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff}
.x-ref-gana .x-ic svg{width:16px;height:16px}
.x-ref-sub{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:8px 0 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--gris)}
.x-ref-sub .x-ic{width:30px;height:30px;border-radius:50%}
.x-ref-sub .x-ic svg{width:15px;height:15px}

/* fila de la portada */
.x-fila-ref{position:relative;isolation:isolate;overflow:hidden;margin:clamp(20px,3vw,40px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));border-radius:clamp(24px,3vw,36px);background:radial-gradient(120% 140% at 85% 30%,#e8603f,#DB4A2B 45%,#a9341b);color:#fff}
.x-fila-ref .x-ref-burb{z-index:-1}
.x-fila-ref-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:24px;align-items:center;padding-block:clamp(40px,6vw,76px)}
.x-fila-ref .w-ceja{color:rgba(255,255,255,.8)}
.x-fila-ref .w-ceja::before{background:#fff}
.x-fila-ref-tx>p.rv{font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:rgba(255,255,255,.88);max-width:52ch;margin-top:12px}
.x-fila-ref .w-bt.acc{background:#fff;color:#0A0A0A;border-color:#fff}
.x-fila-ref-vis{position:relative;justify-self:center;width:clamp(200px,24vw,300px);aspect-ratio:1}
.x-fila-chan{position:absolute;inset:18% 12% 8%;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.x-fila-chan .x-ic{background:none;color:#fff;width:auto;height:auto}
.x-fila-chan .x-ic svg{width:clamp(90px,11vw,140px);height:auto;stroke-width:1.3}
.x-fila-ref-vis>i{position:absolute;left:calc(22% + var(--i)*8%);top:-6%;color:#fff;animation:xCae 2.8s cubic-bezier(.5,0,.75,0) infinite;animation-delay:calc(var(--i)*.4s);opacity:0}
.x-fila-ref-vis>i .x-ic{background:none;color:inherit;width:auto;height:auto}
.x-fila-ref-vis>i .x-ic svg{width:30px;height:30px}
@keyframes xCae{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:1}75%{opacity:1}100%{transform:translateY(clamp(110px,13vw,150px)) rotate(200deg) scale(.6);opacity:0}}
.x-fila-ref-vis>b{position:absolute;right:-4%;bottom:6%;padding:8px 14px;border-radius:999px;background:#fff;color:#b8381d;font-size:20px;font-weight:700;box-shadow:0 20px 30px -18px rgba(0,0,0,.4);animation:xFlota 4s ease-in-out infinite}
@media(max-width:860px){.x-fila-ref-in{grid-template-columns:minmax(0,1fr)}.x-fila-ref-vis{width:180px;justify-self:start}}

/* confeti de dinero al entrar */
.x-confeti{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden}
.x-confeti i{position:absolute;top:-70px;left:var(--x);color:var(--naranja);transform:scale(var(--s));animation:xConfeti var(--t) cubic-bezier(.25,.6,.45,1) var(--d) forwards;opacity:0}
.x-confeti i:nth-child(3n) {color:#0A0A0A}
.x-confeti i:nth-child(3n+1){color:#C9B99A}
.x-confeti .x-ic{width:auto;height:auto;padding:6px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 10px 20px -12px rgba(0,0,0,.4);color:inherit}
.x-confeti .x-ic svg{width:26px;height:26px}
@keyframes xConfeti{0%{opacity:0;transform:translate(0,0) rotate(0) scale(var(--s))}8%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(var(--dx),110vh) rotate(var(--r)) scale(var(--s))}}

@media(prefers-reduced-motion:reduce){
  .x-ref-burb i,.x-ref-chanchito,.x-fila-ref-vis>i,.x-fila-ref-vis>b,.x-promo-anillo i,.x-promo-m .x-ic,.x-key-ic,.x-resp i{animation:none}
  .x-key-demo .x-msg{animation:none!important;opacity:1!important}
  .x-mosaico figure,.x-equipo-f{clip-path:none!important}
}

/* sin botones verdes en la web (doc de Pablo): WhatsApp va con los colores de la marca */
#app .w-bt.wa:not(.blanco):not(.x-wa-negro):not(.lin){background:var(--naranja);border-color:var(--naranja);color:#fff;--barre:var(--negro)}
#app .w-bt.wa.lin{background:transparent;border:1px solid rgba(10,10,10,.14);color:var(--negro,#0A0A0A);--barre:var(--naranja)}
#app .w-bt.wa.lin:hover{color:#fff;border-color:var(--naranja)}
/* calculadora de cuota en la ficha de propiedad: también sin esquinas */
#calc,.w-calc form{border-radius:var(--rr)!important}
.x-confeti{z-index:65}
@media(max-width:860px){.x-ref-chanchito{top:auto;bottom:18px;right:-24px;opacity:.28}}

/* v1 pública (8 nov 2026): WhatsApp en lugar de formularios y enlace al Portal */
.v1-wa{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(127,127,127,.25)}
.v1-wa p{margin:0;font-size:15px;line-height:1.5}
.v1-wa-bts{display:flex;flex-wrap:wrap;gap:10px}
.v1-portal{display:block;margin-top:6px;opacity:.85}
.v1-portal-fin{margin-left:auto;opacity:.75;color:inherit;text-decoration:none}
.v1-portal-fin:hover{opacity:1}
.w-movil-pie .v1-portal{justify-content:center}
.w-negro .v1-wa .v1-tel,.w-pie .v1-wa .v1-tel{color:#fff;border-color:rgba(255,255,255,.45)}
.w-cuenta-rej:has(> div:only-child){grid-template-columns:1fr}

/* Portal HOMI en la cabecera (9 nov 2026) */
.v1-entrar{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 12px;border-radius:999px;color:inherit;text-decoration:none;font-size:13.5px;font-weight:600;border:1px solid transparent;transition:background .25s,border-color .25s}
.v1-entrar:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.w-cab.abierta .v1-entrar:hover,.w-cab.solida .v1-entrar:hover{background:#F4EDE4;border-color:transparent}
.v1-entrar svg{flex:none}
@media (max-width:1023px){.v1-entrar{width:38px;height:38px;padding:0;justify-content:center}.v1-entrar span{display:none}}