/* ============================================================
   SOCIOS: la pagina de alta gama (6 oct 2026). Convive con socios.css (que sigue sirviendo al portal y al formulario).
   Poppins ligera, mucho aire, fotos grandes, esquinas redondeadas (tarjetas 14, botones y fotos 10), turquesa #10b2c2 plano.
   Sin brillo, sin degradados turquesa con negro. Lo oscuro es un velo neutro sobre la foto, nada mas.
   ============================================================ */
.sa-body{background:#fff}
.sa-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.sa-kick{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:#10b2c2;margin:0 0 18px}
.sa-kick::before{content:"";width:34px;height:1px;background:currentColor}

/* ---- primera pantalla ---- */
.sa-hero{position:relative;min-height:min(94vh,860px);display:flex;align-items:flex-end;color:#fff;background:#14181a url(img/813-01.jpg) center 35%/cover no-repeat}
.sa-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,16,.5) 0%,rgba(8,13,16,.08) 26%,rgba(8,13,16,.3) 52%,rgba(8,13,16,.88) 100%)}
.sa-hero .sa-wrap{position:relative;padding:150px 0 72px}
.sa-hero .sa-kick{color:#fff}
.sa-hero h1{margin:0 0 22px;font-weight:300;font-size:clamp(36px,5.2vw,76px);line-height:1.04;letter-spacing:-.03em;max-width:17ch}
.sa-hero h1 b{font-weight:600}
.sa-hero .sa-lead{max-width:640px;margin:0 0 34px;font-size:clamp(16px,1.5vw,19px);line-height:1.6;font-weight:300;color:rgba(255,255,255,.94)}
.sa-acc{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border-radius:999px;font:500 12px Montserrat,Poppins,sans-serif;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background .2s}
.sa-btn:hover{transform:translateY(-1px)}
.sa-btn-pri{background:#10b2c2;color:#fff}
.sa-btn-pri:hover{background:#0fc1d3}
.sa-btn-bl{background:#fff;color:#000}
.sa-btn-cr{background:rgba(255,255,255,.04);color:#fff;box-shadow:inset 0 0 0 1.2px rgba(255,255,255,.9)}
.sa-btn-cr:hover{background:rgba(255,255,255,.14)}
.sa-precio{display:inline-flex;align-items:baseline;gap:10px;margin:0 0 26px;padding:10px 20px;border-radius:999px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1.2px rgba(255,255,255,.7);font-size:13px;letter-spacing:.06em}
.sa-precio b{font-size:20px;font-weight:600;letter-spacing:0}

/* ---- franja de confianza ---- */
.sa-conf{border-bottom:1px solid #e6eaec;background:#fff}
.sa-conf .sa-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.sa-conf div{padding:26px 22px;border-left:1px solid #e6eaec}
.sa-conf div:first-child{border-left:0;padding-left:0}
.sa-conf b{display:block;font-weight:600;font-size:15px;margin-bottom:3px}
.sa-conf span{font-size:13px;color:#5d676c;line-height:1.5}

/* ---- secciones ---- */
.sa-sec{padding:112px 0}
.sa-sec.arena{background:#f4f7f8}
.sa-sec h2{margin:0 0 18px;font-weight:300;font-size:clamp(32px,4.2vw,58px);line-height:1.06;letter-spacing:-.025em;max-width:20ch}
.sa-sec h2 b{font-weight:600}
.sa-intro{max-width:660px;margin:0 0 52px;color:#5d676c;font-size:17px;line-height:1.65;font-weight:300}
.sa-chip{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:#f7efd9;color:#8a5f0f}

/* ---- la cuenta ---- */
.sa-calc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -40px rgba(11,12,13,.45);border:1px solid #e6eaec}
.sa-calc-in{padding:40px 40px 36px}
.sa-calc-in label{display:block;margin-bottom:18px}
.sa-calc-in label span{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#5d676c;margin-bottom:7px}
.sa-calc-in input{width:100%;box-sizing:border-box;font:300 28px Poppins,sans-serif;padding:12px 16px;border:1px solid #d9e3e6;border-radius:10px;background:#fff;color:#0b0c0d}
.sa-calc-in input:focus{outline:2px solid #10b2c2;outline-offset:1px;border-color:transparent}
.sa-calc-out{padding:40px;background:#f4f7f8;display:flex;flex-direction:column;justify-content:center;gap:26px}
.sa-calc-out small{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#5d676c;margin-bottom:4px}
.sa-calc-out b{display:block;font-weight:300;font-size:clamp(34px,4vw,54px);letter-spacing:-.02em;line-height:1}
.sa-calc-out .g{color:#0f7c4f}
.sa-calc-out .t{color:#10b2c2;font-weight:600}
.sa-calc-out p{margin:0;font-size:13.5px;color:#5d676c;line-height:1.55}
.sa-nota{margin:18px 0 0;font-size:13px;color:#5d676c;display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}

/* ---- dos caminos ---- */
.sa-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sa-cam{position:relative;border-radius:18px;overflow:hidden;min-height:540px;display:flex;align-items:flex-end;color:#fff;background:#14181a center/cover no-repeat}
.sa-cam::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,16,.05) 25%,rgba(8,13,16,.86) 100%)}
.sa-cam > div{position:relative;padding:40px 38px 38px}
.sa-cam .n{font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;margin:0 0 12px}
.sa-cam h3{margin:0 0 12px;font-weight:300;font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;line-height:1.1}
.sa-cam h3 b{font-weight:600}
.sa-cam p{margin:0 0 10px;font-size:15px;line-height:1.65;font-weight:300;color:rgba(255,255,255,.93)}
.sa-cam ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px}
.sa-cam li{display:flex;gap:10px;align-items:flex-start}
.sa-cam li::before{content:"";flex:0 0 7px;height:7px;border-radius:50%;background:#10b2c2;margin-top:8px}

/* ---- lo que incluye ---- */
.sa-inc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sa-inc article{padding:30px 28px;border-radius:14px;background:#fff;border:1px solid #e6eaec}
.sa-inc .ico{width:46px;height:46px;border-radius:12px;background:#e3f6f8;color:#10b2c2;display:grid;place-items:center;margin-bottom:18px}
.sa-inc .ico svg{width:22px;height:22px}
.sa-inc h3{margin:0 0 8px;font-size:17px;font-weight:600;letter-spacing:-.01em}
.sa-inc p{margin:0;font-size:14.5px;line-height:1.6;color:#5d676c}
.sa-inc .ex{display:inline-block;margin-top:12px}

/* ---- como funciona ---- */
.sa-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;counter-reset:p}
.sa-pasos li{counter-increment:p;padding-top:22px;border-top:2px solid #10b2c2}
.sa-pasos li::before{content:"0" counter(p);display:block;font-size:13px;letter-spacing:.2em;font-weight:600;color:#10b2c2;margin-bottom:12px}
.sa-pasos h3{margin:0 0 8px;font-size:17px;font-weight:600}
.sa-pasos p{margin:0;font-size:14px;line-height:1.6;color:#5d676c}

/* ---- por que ---- */
.sa-por{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.sa-por .foto{border-radius:18px;min-height:520px;background:#d9d4ca url(img/813-12.jpg) center/cover no-repeat}
.sa-por ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:20px}
.sa-por li b{display:block;font-weight:600;font-size:16px;margin-bottom:3px}
.sa-por li span{font-size:14.5px;color:#5d676c;line-height:1.6}

/* ---- preguntas ---- */
.sa-faq{max-width:860px}
.sa-faq details{border-top:1px solid #e6eaec;padding:22px 0}
.sa-faq details:last-child{border-bottom:1px solid #e6eaec}
.sa-faq summary{cursor:pointer;list-style:none;font-size:18px;font-weight:500;display:flex;justify-content:space-between;gap:20px;align-items:center}
.sa-faq summary::-webkit-details-marker{display:none}
.sa-faq summary::after{content:"+";font-size:26px;font-weight:300;color:#10b2c2;flex:0 0 auto}
.sa-faq details[open] summary::after{content:"\2212"}
.sa-faq p{margin:12px 0 0;font-size:15.5px;line-height:1.7;color:#5d676c;max-width:720px}

/* ---- aplicar ---- */
.sa-apl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.sa-apl .so-form{background:#fff;border-radius:18px;padding:34px;border:1px solid #e6eaec}

@media (max-width:980px){
  .sa-conf .sa-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-conf div:nth-child(3){border-left:0;padding-left:0}
  .sa-calc,.sa-por,.sa-apl{grid-template-columns:1fr}
  .sa-dos{grid-template-columns:1fr}
  .sa-inc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-sec{padding:80px 0}
  .sa-por .foto{min-height:340px}
}
@media (max-width:620px){
  .sa-hero .sa-wrap{padding:120px 0 52px}
  .sa-inc,.sa-pasos{grid-template-columns:1fr}
  .sa-calc-in,.sa-calc-out{padding:28px 22px}
  .sa-cam{min-height:460px}.sa-cam > div{padding:28px 24px}
  .sa-btn{width:100%}
}

/* ---- cierre ---- */
.sa-cierre{position:relative;color:#fff;padding:130px 0;background:#14181a url(img/813-04.jpg) center/cover no-repeat}
.sa-cierre::before{content:"";position:absolute;inset:0;background:rgba(8,13,16,.66)}
.sa-cierre .sa-wrap{position:relative}
.sa-cierre .sa-kick{color:#fff}
.sa-cierre h2{margin:0 0 20px;font-weight:300;font-size:clamp(32px,4.6vw,64px);line-height:1.06;letter-spacing:-.025em;max-width:19ch}
.sa-cierre h2 b{font-weight:600}
.sa-cierre p{max-width:640px;margin:0 0 34px;font-size:clamp(16px,1.4vw,18px);line-height:1.65;font-weight:300;color:rgba(255,255,255,.93)}
.sa-sub{margin:0 0 20px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#10b2c2}

/* ---- ¿Que es? (la historia, con calma) ---- */
.sa-que{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.sa-que h2{max-width:14ch}
.sa-que-txt p{margin:0 0 22px;font-size:clamp(16px,1.35vw,19px);line-height:1.75;font-weight:300;color:#2c3236}
.sa-que-txt p:first-child::first-line{font-weight:500;color:#0b0c0d}
.sa-que-txt .sa-firma{margin:34px 0 0;padding:22px 0 0;border-top:1px solid #d9e3e6;font-size:17px;font-weight:500;color:#0b0c0d}

/* ---- la calculadora de lujo ---- */
.sa-modo,.sa-pres{display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:#fff;border:1px solid #d9e3e6;margin:0 14px 18px 0}
.sa-modo button,.sa-pres button{border:0;background:transparent;cursor:pointer;padding:12px 24px;border-radius:999px;font:500 11px Montserrat,Poppins,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#5d676c;transition:background .2s,color .2s}
.sa-modo button.on,.sa-pres button.on{background:#0b0c0d;color:#fff}
.sa-calc-out .dos{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}
.sa-calc-out b{font-size:clamp(40px,4.6vw,64px)}
.sa-calc-out .dos b{font-size:clamp(34px,3.6vw,48px)}
@media (max-width:980px){.sa-que{grid-template-columns:1fr;gap:28px}}

/* ============ SEGUNDA PASADA: mas lujo (6 oct 2026) ============ */
/* precio: una linea de texto, no una pastilla (parecia un boton) */
.sa-precio{display:block;margin:0 0 30px;padding:0;border-radius:0;background:none;box-shadow:none;font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:rgba(255,255,255,.92)}
.sa-precio b{font-size:clamp(26px,3vw,38px);font-weight:300;letter-spacing:-.01em;text-transform:none;margin:0 10px 0 8px}
.sa-hero::before{background:linear-gradient(90deg,rgba(8,13,16,.62) 0%,rgba(8,13,16,.28) 45%,rgba(8,13,16,0) 75%),linear-gradient(180deg,rgba(8,13,16,.5) 0%,rgba(8,13,16,.05) 24%,rgba(8,13,16,.25) 52%,rgba(8,13,16,.9) 100%)}
.sa-hero .sa-lead{text-shadow:0 1px 18px rgba(0,0,0,.45)}

/* franja de cifras */
.sa-conf{background:#fff;border-bottom:1px solid #e6eaec}
.sa-conf div{padding:40px 28px 38px}
.sa-conf i{display:block;font-style:normal;font-weight:200;font-size:clamp(42px,4.2vw,62px);line-height:1;letter-spacing:-.04em;color:#0b0c0d;margin-bottom:10px}
.sa-conf b{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#10b2c2;margin-bottom:8px}
.sa-conf span{font-size:13.5px;line-height:1.55}

/* la cuenta, en oscuro y plano (nada de degradados con turquesa) */
.sa-sec.oscuro{background:#0b0c0d;color:#fff}
.sa-sec.oscuro .sa-kick{color:#10b2c2}
.sa-sec.oscuro h2{color:#fff}
.sa-sec.oscuro .sa-intro{color:rgba(255,255,255,.72)}
.sa-sec.oscuro .sa-modo,.sa-sec.oscuro .sa-pres{background:transparent;border-color:rgba(255,255,255,.28)}
.sa-sec.oscuro .sa-modo button,.sa-sec.oscuro .sa-pres button{color:rgba(255,255,255,.78)}
.sa-sec.oscuro .sa-modo button.on,.sa-sec.oscuro .sa-pres button.on{background:#fff;color:#000}
.sa-sec.oscuro .sa-calc{background:#121618;border-color:rgba(255,255,255,.12);box-shadow:none}
.sa-sec.oscuro .sa-calc-in label span{color:rgba(255,255,255,.6)}
.sa-sec.oscuro .sa-calc-in input{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.sa-sec.oscuro .sa-calc-in input:focus{outline-color:#10b2c2}
.sa-sec.oscuro .sa-calc-out{background:#171c1f}
.sa-sec.oscuro .sa-calc-out small{color:rgba(255,255,255,.6)}
.sa-sec.oscuro .sa-calc-out b{color:#fff}
.sa-sec.oscuro .sa-calc-out .g{color:#3fcf8e}
.sa-sec.oscuro .sa-calc-out .t{color:#10b2c2}
.sa-sec.oscuro .sa-calc-out p,.sa-sec.oscuro .sa-nota{color:rgba(255,255,255,.62)}
.sa-sec.oscuro .sa-chip{background:rgba(247,239,217,.14);color:#f1d79a}

/* la red: cuatro villas a lo ancho */
.sa-red{background:#fff}
.sa-red-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.sa-red figure{position:relative;margin:0;min-height:440px;background:#d9d4ca center/cover no-repeat}
.sa-red figure::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,16,0) 55%,rgba(8,13,16,.78) 100%)}
.sa-red figcaption{position:absolute;left:26px;right:20px;bottom:24px;color:#fff;z-index:1}
.sa-red figcaption b{display:block;font-weight:500;font-size:18px;letter-spacing:-.01em}
.sa-red figcaption span{font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.86}
@media (max-width:980px){.sa-red-in{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-red figure{min-height:300px}}
@media (max-width:560px){.sa-red-in{grid-template-columns:1fr}.sa-red figure{min-height:240px}}

/* 7 oct 2026: el selector de villa de ejemplo desbordaba a 320-360 px */
@media (max-width:560px){.sa-pres,.sa-modo{display:flex;flex-wrap:wrap;max-width:calc(100% - 14px);border-radius:22px;justify-content:center}.sa-pres button,.sa-modo button{padding:11px 14px;letter-spacing:.1em}}
@media (max-width:420px){.sa-conf i{font-size:30px}.sa-conf div{padding:28px 14px 26px}.sa-conf div:first-child,.sa-conf div:nth-child(3){padding-left:0}.sa-conf b{letter-spacing:.14em}}

/* 22 oct 2026 (Carlos): primera pantalla sin la rayita ni "Programa de socios" encima del titulo, y la oferta dicha en una frase
   (US$1,500 una vez, 5 anos, mas de 60 propiedades) con lo importante resaltado. El resaltado es el turquesa de la marca, en negrita. */
.sa-hero .sa-lead em,.sa-hero .sa-oferta em{font-style:normal;font-weight:600;color:#10b2c2}
.sa-hero .sa-lead b,.sa-hero .sa-oferta b{font-weight:600;color:#fff}
.sa-hero .sa-oferta{max-width:700px;margin:0 0 26px;font-size:clamp(16px,1.55vw,21px);line-height:1.5;font-weight:300;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.45)}
.sa-hero .sa-oferta b{font-size:1.1em}
.sa-hero b.nw{white-space:nowrap}
.sa-hero em.nw{white-space:nowrap}
/* 22 oct 2026 (Carlos): "no estamos siendo muy sensoriales... logico y apelante a las emociones, que al tiro se entienda". Tres bloques en orden:
   1) la escena (sensorial), 2) la oferta (logica: cuanto, cuanto tiempo, que recibes), 3) el negocio opcional. */
.sa-hero .sa-extra{max-width:700px;margin:-8px 0 30px;font-size:clamp(15px,1.3vw,18px);line-height:1.55;font-weight:300;color:rgba(255,255,255,.9);text-shadow:0 1px 18px rgba(0,0,0,.45)}
.sa-hero .sa-extra em{font-style:normal;font-weight:600;color:#10b2c2}
/* 22 oct 2026: el ejemplo del negocio (2 hab a US$135, se renta a US$190, 10 y 15 noches) y su etiqueta de ejemplo ilustrativo */
.sa-hero .sa-nota-ej{max-width:700px;margin:-18px 0 30px;font-size:12px;line-height:1.5;letter-spacing:.02em;color:rgba(255,255,255,.7)}
.sa-hero .sa-extra{font-size:clamp(16px,1.5vw,20px)}
.sa-hero .sa-extra b{font-weight:600;color:#fff}

/* ============================================================
   BOTONES DE LA PRIMERA PANTALLA (22 oct 2026, Carlos: "botones sensoriales, al mas alto nivel, animados, de la mas alta gama")
   Reglas de la casa que mandan: color plano #10b2c2 (sin degradados ni sombra fija debajo), la animacion del principal es una ONDA que sale
   del borde hacia afuera y nunca algo que pase por encima del texto, cero rayas ni marcos de linea fina (el secundario es vidrio, sin borde),
   pastilla redonda, texto siempre quieto. El movimiento vive en el icono (la flecha avanza, el chevron baja) y en el levantarse al pasar.
   ============================================================ */
.sa-hero .sa-acc{gap:16px}
.sa-cta{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:0 10px 0 34px;border-radius:999px;
  font:600 16px Poppins,system-ui,sans-serif;letter-spacing:.01em;text-decoration:none;cursor:pointer;color:#fff;isolation:isolate;
  opacity:0;transform:translateY(14px);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),background .35s ease,box-shadow .45s ease}
.sa-cta-t{display:block;white-space:nowrap}
.sa-cta-ico{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),background .35s ease,color .35s ease}
.sa-cta-ico svg{width:19px;height:19px;display:block}
.sa-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.sa-cta:active{transform:translateY(0) scale(.975) !important}

/* Principal: turquesa plano de la marca; la onda nace en el borde y se abre pareja hacia afuera (dos ondas, la segunda con retraso) */
.sa-cta-pri{background:#10b2c2;animation:saEntra .9s cubic-bezier(.2,.8,.2,1) .45s forwards,saOnda 2.8s ease-out 1.6s infinite}
.sa-cta-pri::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;animation:saOnda 2.8s ease-out 3s infinite}
.sa-cta-pri .sa-cta-ico{background:#fff;color:#10b2c2}
.sa-cta-pri:hover{transform:translateY(-4px) scale(1.025);background:#0fc1d3}
.sa-cta-pri:hover .sa-cta-ico{transform:translateX(5px)}

/* Secundario: vidrio esmerilado sobre la foto, sin borde; al pasar se aclara y el chevron baja, que es hacia donde lleva */
.sa-cta-sec{background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
  animation:saEntra .9s cubic-bezier(.2,.8,.2,1) .75s forwards}
.sa-cta-sec .sa-cta-ico{background:rgba(255,255,255,.22);color:#fff}
.sa-cta-sec:hover{transform:translateY(-4px);background:rgba(255,255,255,.3)}
.sa-cta-sec:hover .sa-cta-ico{background:#fff;color:#10b2c2;animation:saBaja 1s ease-in-out infinite}

@keyframes saEntra{to{opacity:1;transform:none}}
@keyframes saOnda{0%{box-shadow:0 0 0 0 rgba(16,178,194,.55)}70%{box-shadow:0 0 0 20px rgba(16,178,194,0)}100%{box-shadow:0 0 0 20px rgba(16,178,194,0)}}
@keyframes saBaja{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

@media (max-width:560px){
  .sa-hero .sa-acc{flex-direction:column;align-items:stretch;width:100%}
  .sa-cta{width:100%;min-height:66px;padding-left:28px}
  .sa-cta-t{white-space:normal;text-align:left;line-height:1.25}
}
@media (prefers-reduced-motion:reduce){
  .sa-cta{opacity:1;transform:none;animation:none !important}
  .sa-cta-pri::after{display:none}
  .sa-cta,.sa-cta-ico{transition:none}
}

/* 22 oct 2026: seccion de beneficios VIP. Las seis tarjetas VIP van en el tinte de la marca para que se lean como lo principal; "Y siempre incluido" queda en blanco. */
.sa-inc.sa-vip{margin-bottom:46px}
.sa-inc article.vip{background:#e9f7f9;border-color:transparent}
.sa-inc article.vip .ico{background:#10b2c2;color:#fff}
.sa-sub{display:block;margin:0 0 18px}

/* ============================================================
   PRIMERA PANTALLA: EL EJEMPLO QUE CONVENCE (22 oct 2026, Carlos: "Hormozi puro... que quien lo vea no se resista")
   Dos pestañas: "Viajo yo" (cuanto ahorra en 1, 3 o 4 estadias de 30 noches) y "Tengo clientes" (cuanto deja una renta de 30 noches).
   Verde = lo que entra o se ahorra (colores con significado), turquesa = la emocion, blanco en negrita = la cifra del precio.
   ============================================================ */
.sa-ej{max-width:700px;margin:0 0 30px}
.sa-ej-tabs{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:rgba(11,12,13,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 0 16px}
.sa-ej-tabs button{font:600 14px Poppins,system-ui,sans-serif;color:rgba(255,255,255,.8);background:transparent;border:0;border-radius:999px;padding:10px 22px;cursor:pointer;transition:background .3s ease,color .3s ease}
.sa-ej-tabs button:hover{color:#fff}
.sa-ej-tabs button.on{background:#fff;color:#0b0c0d}
.sa-ej-p{display:none}
.sa-ej-p.on{display:block;animation:saEj .5s cubic-bezier(.2,.8,.2,1)}
@keyframes saEj{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sa-ej-t{margin:0 0 14px;font-size:clamp(16px,1.5vw,20px);line-height:1.5;font-weight:300;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.45)}
.sa-ej-t b{font-weight:600;color:#fff}
.sa-ej em,.sa-ej-f em{font-style:normal;font-weight:600;color:#10b2c2}
.sa-ej-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
.sa-ej-cifras div{background:rgba(11,12,13,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:14px 16px}
.sa-ej-cifras small{display:block;font-size:12px;line-height:1.3;color:rgba(255,255,255,.78);margin-bottom:4px}
.sa-ej-cifras b{display:block;font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.01em;color:#3fcf8e}
.sa-ej-f{margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.5;font-weight:300;color:rgba(255,255,255,.92);text-shadow:0 1px 18px rgba(0,0,0,.45)}
@media (max-width:560px){.sa-ej-cifras{grid-template-columns:1fr}.sa-ej-tabs button{padding:10px 16px}}
@media (prefers-reduced-motion:reduce){.sa-ej-p.on{animation:none}}
/* 22 oct 2026 (Carlos: "menos de 30 noches: 1, 2 y 3 semanas"): cuatro cifras, la de 30 noches es la que paga la inversion y va en turquesa solido de la marca */
.sa-ej-cifras{grid-template-columns:repeat(4,1fr)}
.sa-ej-cifras div.meta{background:#10b2c2}
.sa-ej-cifras div.meta small{color:#fff}
.sa-ej-cifras div.meta b{color:#fff}
@media (max-width:560px){.sa-ej-cifras{grid-template-columns:repeat(2,1fr)}}
/* 22 oct 2026 (Carlos: "a la gente no se le puede dar opcion, porque no la escoge; mostrarle las cosas como son"): se quitan las pestañas. Una sola cuenta con las dos lecturas a la vista:
   si reservas para ti, lo ahorras; si se la rentas a tu cliente, lo ganas. */
.sa-ej-dos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}
.sa-ej-dos p{margin:0;font-size:clamp(14px,1.3vw,17px);line-height:1.45;font-weight:300;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.45)}
.sa-ej-dos b{font-weight:600}
.sa-ej-dos em{font-style:normal;font-weight:600;color:#3fcf8e}
@media (max-width:560px){.sa-ej-dos{grid-template-columns:1fr}}

/* ============================================================
   LUJO PARA LAS CIFRAS (22 oct 2026, Carlos: "mas lujo a esas semanas... lo mas lujoso posible; si el color de la marca carga, buscamos alternativa")
   Analisis: el turquesa solido en la tarjeta de 30 noches pesaba y las cuatro cajas iguales se leian como una tabla. Ahora:
   - ESCALERA: las cuatro tarjetas crecen de alto (1, 2, 3 semanas y 30 noches), asi la cuenta se VE crecer hacia la meta.
   - Vidrio ahumado oscuro (sobre la foto un oscuro translucido si se lee; el turquesa translucido se lavaba) y cifras en peso fino, grandes, con "US$" chico.
   - La de 30 noches va en blanco marfil, tinta oscura y cifra verde: es el unico bloque claro, asi manda la mirada sin cargar el turquesa.
   - Etiquetas en versalitas con espaciado ancho. Sin rayas ni marcos. Los numeros suben contando al cargar (socios.js).
   Verde = lo que se ahorra o entra (colores con significado).
   ============================================================ */
.sa-ej-cifras{align-items:end;gap:12px}
.sa-ej-cifras > div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:16px;padding:16px 20px 18px;
  background:rgba(14,18,20,.62);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
  box-shadow:inset 0 14px 22px -16px rgba(255,255,255,.22);
  opacity:0;transform:translateY(16px);animation:saSube .8s cubic-bezier(.2,.8,.2,1) forwards;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.sa-ej-cifras .c1{min-height:104px;animation-delay:.9s}
.sa-ej-cifras .c2{min-height:128px;animation-delay:1.05s}
.sa-ej-cifras .c3{min-height:152px;animation-delay:1.2s}
.sa-ej-cifras .c4{min-height:182px;animation-delay:1.4s}
.sa-ej-cifras > div:hover{transform:translateY(-4px)}
.sa-ej-cifras small{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72);margin:0 0 6px}
.sa-ej-cifras b{display:block;font-weight:300;line-height:1;letter-spacing:-.025em;font-size:clamp(28px,2.7vw,40px);color:#3fcf8e;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}
.sa-ej-cifras b .us{font-size:.5em;font-weight:500;letter-spacing:.04em;margin-right:4px;vertical-align:.55em;opacity:.85}
.sa-ej-cifras .meta{background:#f7f4ee;box-shadow:0 26px 50px -22px rgba(63,207,142,.55),inset 0 0 0 0 transparent}
.sa-ej-cifras .meta small{color:#5d676c}
.sa-ej-cifras .meta b{color:#0f7c4f}
.sa-ej-cifras .meta .pag{display:inline-block;margin-top:12px;align-self:flex-start;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0b0c0d;background:#e0f2e9;border-radius:999px;padding:6px 12px}
@keyframes saSube{to{opacity:1;transform:none}}
@media (max-width:560px){
  .sa-ej-cifras{grid-template-columns:repeat(2,1fr);align-items:stretch}
  .sa-ej-cifras .c1,.sa-ej-cifras .c2,.sa-ej-cifras .c3,.sa-ej-cifras .c4{min-height:104px}
}
@media (prefers-reduced-motion:reduce){.sa-ej-cifras > div{opacity:1;transform:none;animation:none}}
/* La tarjeta de 30 noches: gana a las reglas viejas de la version con turquesa solido (misma especificidad que ellas y mas abajo) */
.sa-ej-cifras > div{padding:16px 16px 18px}
.sa-ej-cifras > div.meta{background:#f7f4ee}
.sa-ej-cifras > div.meta small{color:#5d676c}
.sa-ej-cifras > div.meta b{color:#0f7c4f}
.sa-ej-cifras > div.meta .pag{font-size:9.5px;letter-spacing:.1em;padding:6px 10px;white-space:nowrap}

/* ============================================================
   CIFRAS SIN CAJAS Y SIN VERDE (22 oct 2026, Carlos: "ese verde aun no me convence y los recuadros todavia no me convencen... lujoso, apelante a las emociones")
   Analisis: las tarjetas, aunque fueran de vidrio, hacen que la cuenta se lea como un widget de aplicacion y no como un anuncio de lujo; y el verde menta
   sobre la foto se ve neon y barato. Ahora la cuenta flota sobre la foto, como cifras de una revista: SIN cajas, blancas, en peso fino, creciendo de tamaño
   (1 semana pequena, 30 noches grande con un brillo turquesa suave), etiquetas en versalitas. El unico color es el turquesa de la marca, en lo emocional.
   La letra de las cifras sale de la variable --ej-fuente (hoy Poppins); Carlos escoge en /_letras-cifras.html y se cambia en UNA linea.
   ============================================================ */
.sa-hero .sa-ej{max-width:860px}
.sa-hero .sa-ej-cifras{display:flex;align-items:flex-end;gap:clamp(18px,2.8vw,42px);margin:0 0 22px;grid-template-columns:none}
.sa-hero .sa-ej-cifras > div,.sa-hero .sa-ej-cifras > div.meta{min-height:0;padding:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex:0 0 auto}
.sa-hero .sa-ej-cifras small,.sa-hero .sa-ej-cifras > div.meta small{color:rgba(255,255,255,.78);margin:0 0 10px}
.sa-hero .sa-ej-cifras b,.sa-hero .sa-ej-cifras > div.meta b{font-family:var(--ej-fuente,inherit);font-weight:300;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.55)}
.sa-hero .sa-ej-cifras .c1 b{font-size:clamp(24px,2.1vw,30px)}
.sa-hero .sa-ej-cifras .c2 b{font-size:clamp(30px,2.8vw,40px)}
.sa-hero .sa-ej-cifras .c3 b{font-size:clamp(38px,3.7vw,52px)}
.sa-hero .sa-ej-cifras .c4 b{font-size:clamp(50px,5vw,70px);text-shadow:0 0 46px rgba(16,178,194,.8),0 2px 30px rgba(0,0,0,.55)}
.sa-hero .sa-ej-cifras > div.meta .pag{margin-top:12px;padding:0;background:none;border-radius:0;font-size:11px;letter-spacing:.2em;color:#10b2c2;white-space:nowrap}
.sa-hero .sa-ej-dos em{color:#10b2c2}
@media (max-width:560px){.sa-hero .sa-ej-cifras{flex-wrap:wrap;gap:18px 26px}}
/* 22 oct 2026: Carlos delego la letra ("escoge tu el de mas alto impacto"). Clash Display (Fontshare, la de las pruebas de /_letras-cifras.html): angulosa, con caracter,
   la que mas se nota en cifras grandes. Solo para las cifras de la primera pantalla; el resto de la pagina sigue en Poppins. Licencia: Fontshare la ofrece gratis para uso comercial,
   confirmar en su pagina antes de publicar. Para volver: quitar la variable de abajo. */
.sa-hero{--ej-fuente:'Poppins',sans-serif}
.sa-hero .sa-ej-cifras b,.sa-hero .sa-ej-cifras > div.meta b{font-weight:400;letter-spacing:-.02em}
.sa-hero .sa-ej-cifras .c4 b{font-weight:500}

/* ============================================================
   CUADROS DETALLADOS Y DE LUJO (22 oct 2026, Carlos: "hay que detallarlo mas; en cuadro es mejor, pero lujoso")
   Vuelven los cuadros, ahora con DETALLE: la cuenta (noches x US$55), la cifra grande en Clash Display, y una barra que muestra que parte de la inversion
   de US$1,500 ya se recupero (26%, 51%, 77% y 100%). Vidrio ahumado con luz suave arriba; la ultima en marfil con la barra completa y "Inversion recuperada".
   Sin verde: la barra y lo emocional van en el turquesa de la marca. La barra es un dato (progreso), no una raya decorativa.
   ============================================================ */
.sa-hero .sa-ej{max-width:880px}
.sa-hero .sa-ej-cifras.caja{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;margin:0 0 20px}
.sa-hero .sa-ej-cifras.caja > div{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:20px 20px 18px;border-radius:18px;
  background:rgba(12,16,18,.66);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:inset 0 16px 24px -18px rgba(255,255,255,.28),0 24px 44px -26px rgba(0,0,0,.65);
  opacity:0;transform:translateY(16px);animation:saSube .8s cubic-bezier(.2,.8,.2,1) forwards;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.sa-hero .sa-ej-cifras.caja .c1{animation-delay:.9s}.sa-hero .sa-ej-cifras.caja .c2{animation-delay:1.05s}.sa-hero .sa-ej-cifras.caja .c3{animation-delay:1.2s}.sa-hero .sa-ej-cifras.caja .c4{animation-delay:1.4s}
.sa-hero .sa-ej-cifras.caja > div:hover{transform:translateY(-4px)}
.sa-hero .sa-ej-cifras.caja small{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin:0 0 4px}
.sa-hero .sa-ej-cifras.caja .det{display:block;font-size:12.5px;font-weight:300;color:rgba(255,255,255,.68);margin:0 0 14px}
.sa-hero .sa-ej-cifras.caja b{font-family:var(--ej-fuente,inherit);font-weight:400;letter-spacing:-.02em;line-height:1;font-size:clamp(28px,2.7vw,38px);color:#fff;text-shadow:none}
.sa-hero .sa-ej-cifras.caja b .us{font-size:.46em;font-weight:500;letter-spacing:.05em;margin-right:4px;vertical-align:.7em;opacity:.8}
.sa-hero .sa-ej-cifras.caja .barra{display:block;height:5px;margin:16px 0 9px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.sa-hero .sa-ej-cifras.caja .barra i{display:block;height:100%;width:var(--p);border-radius:inherit;background:#10b2c2;transform-origin:left;animation:saLlena 1.4s cubic-bezier(.2,.8,.2,1) 1.4s both}
.sa-hero .sa-ej-cifras.caja .pp{display:block;font-size:11.5px;font-weight:500;letter-spacing:.04em;color:rgba(255,255,255,.82)}
/* la meta: marfil, un poco mas alta, barra completa */
.sa-hero .sa-ej-cifras.caja > div.meta{background:#f7f4ee;box-shadow:0 30px 56px -24px rgba(16,178,194,.6);margin-top:-10px;padding-top:30px}
.sa-hero .sa-ej-cifras.caja .meta small{color:#0b0c0d}
.sa-hero .sa-ej-cifras.caja .meta .det{color:#5d676c}
.sa-hero .sa-ej-cifras.caja .meta b{color:#0b0c0d;font-weight:500;font-size:clamp(32px,3.2vw,46px)}
.sa-hero .sa-ej-cifras.caja .meta .barra{background:#dfe6e8}
.sa-hero .sa-ej-cifras.caja .meta .pp{color:#0b7f8c;font-weight:600}
@keyframes saLlena{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:760px){.sa-hero .sa-ej-cifras.caja{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-hero .sa-ej-cifras.caja > div.meta{margin-top:0;padding-top:20px}}
@media (prefers-reduced-motion:reduce){.sa-hero .sa-ej-cifras.caja > div{opacity:1;transform:none;animation:none}.sa-hero .sa-ej-cifras.caja .barra i{animation:none}}

/* ============================================================
   "¿QUE ES NUESTRO PROGRAMA DE SOCIOS?" REDISEÑADA (22 oct 2026, Carlos: sin rayitas, texto diseñado con la oferta de $100M, todo del mismo largo, lo importante resaltado,
   "hemos desarrollado" en vez de la razon social). Cuatro ideas del mismo largo y del mismo tamaño: 01 para quien (dolor), 02 el trato (precio, tiempo, contrato),
   03 el ahorro que se recupera solo, 04 el negocio opcional; y una frase de cierre con la prueba (una renta de 30 noches paga la inversion).
   Turquesa = lo emocional (em), blanco/negro en negrita = la cifra (b). Sin rayas: se quita la rayita de todos los rotulos de la pagina (regla "cero rayas").
   ============================================================ */
.sa-kick::before{display:none}
.sa-kick{gap:0}
.sa-que{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:80px;align-items:center}
.sa-que h2{max-width:11ch;font-size:clamp(38px,4.8vw,68px)}
.sa-que-lista{display:grid;gap:30px}
.sa-que-lista p{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:baseline;margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.6;font-weight:300;color:#2c3236}
.sa-que-lista .n{font-family:'Poppins',sans-serif;font-weight:300;font-size:clamp(30px,2.8vw,40px);line-height:1;letter-spacing:-.02em;color:#10b2c2}
.sa-que-lista b{font-weight:600;color:#0b0c0d}
.sa-que-lista em{font-style:normal;font-weight:600;color:#0b8f9d}
.sa-que-lista .cierre{display:block;margin-top:8px;padding-left:82px;font-family:'Poppins',sans-serif;font-weight:400;font-size:clamp(24px,2.6vw,36px);line-height:1.25;letter-spacing:-.015em;color:#0b0c0d}
.sa-que-lista .cierre em{color:#0b8f9d;font-weight:500}
@media (max-width:980px){.sa-que{grid-template-columns:1fr;gap:32px}.sa-que-lista p{grid-template-columns:48px minmax(0,1fr)}.sa-que-lista .cierre{padding-left:66px}}

/* 22 oct 2026 (Carlos: "es un texto corrido, un solo texto que explique de que se trata el programa y como buscamos ayudar a los clientes y a quienes traigan clientes"):
   se deshace la lista numerada y queda UN solo parrafo, de un solo tamaño y un solo peso, con lo importante resaltado (turquesa oscuro = emocion, negro en negrita = cifra). */
.sa-que{align-items:center}
.sa-que-txt .corrido{margin:0;max-width:62ch;font-size:clamp(18px,1.6vw,23px);line-height:1.85;font-weight:300;color:#2c3236}
.sa-que-txt .corrido:first-child::first-line{font-weight:300;color:#2c3236}
.sa-que-txt .corrido b{font-weight:600;color:#0b0c0d}
.sa-que-txt .corrido em{font-style:normal;font-weight:600;color:#0b8f9d}

/* ============================================================
   COMO FUNCIONA (guia de principio a fin) Y CALCULADORA CON LISTA DE PRECIOS (22 oct 2026, Carlos)
   Sale "Observa los numeros" y la cinta de confianza ("Red, Por contrato, 24/7, 10+"); el texto de "¿Que es?" queda justo debajo de la portada.
   Cómo funciona: seis pasos en el mismo estilo del texto de arriba (numeros en Clash Display) y la vista previa del portal. Calculadora: lista de precios
   (la fila escogida en marfil) + la cuenta con las dos lecturas a la vista (ahorras / ganas). Sin rayas.
   ============================================================ */
.sa-func .sa-func-intro{margin:26px 0 0;max-width:30ch;font-size:clamp(16px,1.35vw,19px);line-height:1.7;font-weight:300;color:#3a4348}
.sa-func .sa-func-intro em{font-style:normal;font-weight:600;color:#0b8f9d}
.sa-func-lista{gap:26px}
.sa-func-lista p:last-child{margin-top:6px}
.sa-func-lista p:last-child .x{font-size:clamp(18px,1.6vw,23px);line-height:1.6}
.sa-func-portal{margin-top:64px}
.sa-func-portal figure{margin:0 auto;max-width:1040px}
.sa-func-portal img{display:block;width:100%;border-radius:16px;box-shadow:0 40px 80px -44px rgba(11,12,13,.55)}
.sa-func-portal figcaption{margin-top:14px;text-align:center;font-size:13px;color:#6b767b;letter-spacing:.03em}
.sa-lista{display:grid;gap:10px;margin:0 0 30px;max-width:900px}
.sa-lista .fila{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;align-items:center;width:100%;padding:20px 24px;border:0;border-radius:16px;background:#121618;color:#fff;font:400 16px Poppins,system-ui,sans-serif;text-align:left;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease}
.sa-lista .fila:hover{transform:translateY(-2px);background:#1a2023}
.sa-lista .fila.cab{background:none;padding:0 24px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);cursor:default;transform:none}
.sa-lista .fila .soc{font-family:'Poppins',sans-serif;font-size:clamp(20px,2vw,26px);font-weight:500;color:#10b2c2}
.sa-lista .fila.on{background:#f7f4ee;color:#0b0c0d}
.sa-lista .fila.on .soc{color:#0b8f9d}
.sa-calc-out b{font-family:'Poppins',sans-serif}
.sa-calc-out .lee{margin:14px 0 6px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.92)}
.sa-calc-out .lee b{font-family:inherit;font-weight:600}
@media (max-width:640px){.sa-lista .fila{grid-template-columns:1fr 1fr;row-gap:6px}.sa-lista .fila.cab{display:none}.sa-lista .fila span:first-child{grid-column:1/-1;font-weight:600}}
.sa-calc-out .lee b{display:inline;font-size:inherit;font-weight:600;letter-spacing:0;line-height:inherit;color:#fff}

/* ============================================================
   COMO FUNCIONA, DISEÑO DE LUJO (22 oct 2026, Carlos: "los pasos bien diseñados, bien entendibles, lujosos"; el acuerdo y el contrato son lo mismo y se notariza)
   Cuatro pasos y no seis (se juntan los dos del documento y los dos del acceso): Pagas, Firmas tu acuerdo (notarizado), Recibes tu acceso, Reservas en vivo.
   Cuatro tarjetas blancas con sombra suave, numero grande en Clash Display, icono, titulo y una frase; la cuarta, la meta, en negro con turquesa.
   Entran escalonadas al verse (socios.js). Entre tarjetas, un circulo con flecha (no una raya). Sin lineas decorativas.
   ============================================================ */
.sa-func2-cab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:end;margin-bottom:56px}
.sa-func2-cab h2{max-width:14ch;margin:0;font-size:clamp(38px,4.8vw,68px)}
.sa-func2-cab .sa-func-intro{margin:0;max-width:38ch;font-size:clamp(16px,1.35vw,19px);line-height:1.7;font-weight:300;color:#3a4348}
.sa-func2-cab .sa-func-intro em{font-style:normal;font-weight:600;color:#0b8f9d}
.sa-pasos2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.sa-pasos2 li{position:relative;display:flex;flex-direction:column;padding:34px 28px 34px;border-radius:22px;background:#fff;box-shadow:0 34px 64px -40px rgba(11,12,13,.45);
  opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}
.sa-pasos2 li.vis{opacity:1;transform:none}
.sa-pasos2 li.vis:hover{transform:translateY(-6px);box-shadow:0 44px 70px -38px rgba(11,12,13,.5)}
.sa-pasos2 .num{font-family:'Poppins',sans-serif;font-weight:300;font-size:clamp(52px,5vw,72px);line-height:1;letter-spacing:-.03em;color:#10b2c2;margin-bottom:26px}
.sa-pasos2 .ico{position:absolute;right:24px;top:28px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e3f6f8;color:#10b2c2}
.sa-pasos2 .ico svg{width:24px;height:24px}
.sa-pasos2 h3{margin:0 0 10px;font-family:'Poppins',sans-serif;font-weight:500;font-size:clamp(22px,2vw,27px);letter-spacing:-.01em;color:#0b0c0d}
.sa-pasos2 p{margin:0;font-size:15.5px;line-height:1.7;font-weight:300;color:#3a4348}
.sa-pasos2 p b{font-weight:600;color:#0b0c0d}
.sa-pasos2 p em{font-style:normal;font-weight:600;color:#0b8f9d}
.sa-pasos2 li:not(:last-child)::after{content:"";position:absolute;right:-22px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;z-index:2;background:#10b2c2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 10px 20px -8px rgba(16,178,194,.7)}
.sa-pasos2 .p4{background:#0b0c0d;margin-top:-16px;padding-top:50px;box-shadow:0 44px 80px -36px rgba(16,178,194,.55)}
.sa-pasos2 .p4 .num{color:#10b2c2}
.sa-pasos2 .p4 .ico{background:#10b2c2;color:#fff;top:44px}
.sa-pasos2 .p4 h3{color:#fff}
.sa-pasos2 .p4 p{color:rgba(255,255,255,.84)}
.sa-pasos2 .p4 p em{color:#4fd3e0}
.sa-func-portal2{margin:72px auto 0;max-width:1040px}
.sa-func-portal2 img{display:block;width:100%;border-radius:18px;box-shadow:0 44px 84px -48px rgba(11,12,13,.6)}
.sa-func-portal2 figcaption{margin-top:14px;text-align:center;font-size:13px;color:#6b767b;letter-spacing:.03em}
@media (max-width:1060px){.sa-pasos2{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-pasos2 li:not(:last-child)::after{display:none}.sa-pasos2 .p4{margin-top:0;padding-top:34px}.sa-pasos2 .p4 .ico{top:28px}.sa-func2-cab{grid-template-columns:1fr;gap:22px}}
@media (max-width:620px){.sa-pasos2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sa-pasos2 li{opacity:1;transform:none;transition:none}}
.sa-pasos2 h3{line-height:1.15;margin-bottom:14px}

/* ============================================================
   CALCULADORA DE LUJO (22 oct 2026, Carlos: "una calculadora estupida, ese negro no cuadra; una calculadora real, de alta gama")
   Fuera el bloque negro: seccion clara, una tarjeta grande de dos mitades. Izquierda: tu villa (dos tarjetas con su precio publico y tu tarifa), noches por estadia,
   estadias al ano y tu precio al cliente (deslizadores con relleno turquesa). Derecha: un aro que muestra que parte de tu inversion de US$1,500 cubre UNA estadia,
   las dos lecturas (ahorras / ganas) y la cuenta a 5 anos ya descontada la inversion. Las cifras suben contando al mover. Cifras en Clash Display. Sin verde.
   ============================================================ */
#calculadora .sa-nota{color:#5d676c}
#calculadora .sa-chip{background:#f7efd9;color:#8a5f0f}
.cx{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:0;margin:0 0 30px;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 50px 100px -56px rgba(11,12,13,.55)}
.cx-ctl{padding:44px 40px;background:#f4f7f8;display:grid;gap:30px;align-content:start}
.cx-lab{display:block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#5d676c}
.cx-fila{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px}
.cx-fila output{font-family:'Poppins',sans-serif;font-size:34px;font-weight:400;letter-spacing:-.02em;color:#0b0c0d;line-height:1}
.cx-villas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.cx-villas button{display:flex;flex-direction:column;gap:4px;text-align:left;padding:18px 18px 16px;border:0;border-radius:18px;background:#fff;color:#0b0c0d;font:inherit;cursor:pointer;box-shadow:0 14px 30px -22px rgba(11,12,13,.5);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s ease,box-shadow .3s ease}
.cx-villas button:hover{transform:translateY(-3px)}
.cx-villas button b{font-family:'Poppins',sans-serif;font-weight:500;font-size:20px;letter-spacing:-.01em}
.cx-villas button small{font-size:12.5px;color:#6b767b}
.cx-villas button em{font-style:normal;font-family:'Poppins',sans-serif;font-size:19px;font-weight:500;color:#0b8f9d}
.cx-villas button.on{background:#0b0c0d;color:#fff;box-shadow:0 26px 44px -24px rgba(16,178,194,.6)}
.cx-villas button.on small{color:rgba(255,255,255,.7)}
.cx-villas button.on em{color:#4fd3e0}
.cx input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(to right,#10b2c2 var(--v,50%),#d5dde0 var(--v,50%))}
.cx input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:0;box-shadow:0 8px 18px -4px rgba(11,12,13,.5),0 0 0 6px rgba(16,178,194,.28);transition:box-shadow .3s ease}
.cx input[type=range]:active::-webkit-slider-thumb{box-shadow:0 8px 18px -4px rgba(11,12,13,.5),0 0 0 10px rgba(16,178,194,.35)}
.cx input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:0;box-shadow:0 8px 18px -4px rgba(11,12,13,.5),0 0 0 6px rgba(16,178,194,.28)}
.cx-us{display:inline-flex;align-items:baseline;gap:6px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 12px 26px -20px rgba(11,12,13,.5)}
.cx-us i{font-style:normal;font-size:13px;font-weight:600;color:#6b767b}
.cx-us input{width:78px;border:0;outline:0;background:transparent;font-family:'Poppins',sans-serif;font-size:26px;font-weight:500;color:#0b0c0d;text-align:right;-moz-appearance:textfield}
.cx-us input::-webkit-outer-spin-button,.cx-us input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cx-res{padding:44px 44px 40px;display:grid;gap:26px;align-content:start}
.cx-top{display:flex;align-items:center;gap:26px}
.cx-aro{--p:100;flex:none;width:148px;height:148px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#10b2c2 calc(var(--p)*1%),#e3eaec 0)}
.cx-aro > div{width:118px;height:118px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}
.cx-aro b{font-family:'Poppins',sans-serif;font-weight:500;font-size:34px;letter-spacing:-.02em;color:#0b0c0d;line-height:1}
.cx-aro small{display:block;margin-top:4px;font-size:11px;color:#6b767b}
.cx-paga{margin:0;font-size:17px;line-height:1.55;font-weight:300;color:#3a4348}
.cx-paga b{font-weight:600;color:#0b0c0d}
.cx-paga strong{display:block;margin-top:4px;font-family:'Poppins',sans-serif;font-weight:500;font-size:34px;letter-spacing:-.02em;color:#0b8f9d;line-height:1.1}
.cx-dos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cx-card{padding:22px 22px 20px;border-radius:20px;background:#f4f7f8}
.cx-card small{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#5d676c;margin-bottom:10px}
.cx-card b{display:block;font-family:'Poppins',sans-serif;font-weight:400;font-size:clamp(30px,3vw,44px);letter-spacing:-.025em;line-height:1;color:#0b0c0d}
.cx-card span{display:block;margin-top:8px;font-size:13px;color:#6b767b}
.cx-gana{background:#0b0c0d}
.cx-gana small{color:rgba(255,255,255,.65)}
.cx-gana b{color:#fff}
.cx-gana span{color:rgba(255,255,255,.65)}
.cx-cinco{padding:22px 24px;border-radius:20px;background:#e3f6f8}
.cx-cinco small{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#0b7f8c;margin-bottom:12px}
.cx-fl{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0}
.cx-fl span{font-size:15px;color:#3a4348}
.cx-fl b{font-family:'Poppins',sans-serif;font-weight:500;font-size:26px;letter-spacing:-.02em;color:#0b0c0d}
@media (max-width:980px){.cx{grid-template-columns:1fr}.cx-ctl,.cx-res{padding:32px 24px}.cx-top{flex-direction:column;align-items:flex-start}}
@media (max-width:520px){.cx-dos{grid-template-columns:1fr}.cx-villas{grid-template-columns:1fr}}

/* ============================================================
   "QUE PASA DESPUES: YA ERES PARTNER" (22 oct 2026, Carlos). Sustituye a "Dos caminos" (sin "Travel your way" ni "Your clients, your price").
   1) una persona asignada (WhatsApp y correo, 24/7); 2) lo que hace si vienes a vacacionar y si lo haces negocio; 3) los servicios VIP con su descuento.
   Sin negro de fondo, sin rayas; tarjetas claras, cifras en Clash Display, turquesa para lo emocional.
   ============================================================ */
.dp-asig{position:relative;display:grid;grid-template-columns:auto minmax(0,1.3fr) minmax(0,.7fr);gap:28px;align-items:center;padding:36px 40px;border-radius:26px;background:#f4f7f8;margin-bottom:20px}
.dp-asig .ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#10b2c2;color:#fff}
.dp-asig .ico svg{width:30px;height:30px}
.dp-asig h3{margin:0 0 10px;font-family:'Poppins',sans-serif;font-weight:400;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.02em;line-height:1.15;color:#0b0c0d}
.dp-asig h3 b{font-weight:600}
.dp-asig p{margin:0;font-size:clamp(16px,1.3vw,18.5px);line-height:1.7;font-weight:300;color:#2c3236;max-width:60ch}
.dp-asig p b{font-weight:600;color:#0b0c0d}
.dp-asig p em,.dp-card em,.dp-card li em{font-style:normal;font-weight:600;color:#0b8f9d}
.dp-canales{display:grid;gap:10px;justify-items:start}
.dp-canales span{display:inline-flex;align-items:center;gap:10px;padding:11px 18px 11px 14px;border-radius:999px;background:#fff;box-shadow:0 14px 28px -20px rgba(11,12,13,.5)}
.dp-canales span i{width:24px;height:24px;color:#10b2c2;display:grid;place-items:center}
.dp-canales span i svg{width:22px;height:22px}
.dp-canales span b{font-size:15px;font-weight:600;color:#0b0c0d}
.dp-canales em{font-style:normal;font-family:'Poppins',sans-serif;font-weight:500;font-size:34px;letter-spacing:-.02em;color:#0b8f9d;line-height:1;padding-left:6px}
.dp-dos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}
.dp-card{padding:34px 36px 36px;border-radius:26px;background:#fff;box-shadow:0 40px 74px -46px rgba(11,12,13,.45)}
.dp-card small{display:block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#0b7f8c;margin-bottom:12px}
.dp-card h3{margin:0 0 14px;font-family:'Poppins',sans-serif;font-weight:400;font-size:clamp(24px,2.3vw,32px);letter-spacing:-.02em;line-height:1.15;color:#0b0c0d}
.dp-card h3 b{font-weight:600}
.dp-card p{margin:0;font-size:16.5px;line-height:1.75;font-weight:300;color:#2c3236}
.dp-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dp-card li{position:relative;padding-left:34px;font-size:16.5px;line-height:1.6;font-weight:300;color:#2c3236}
.dp-card li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:#e3f6f8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b2c2' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.dp-sub{margin:0 0 16px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#5d676c}
.dp-vip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dp-vip div{display:flex;flex-direction:column;gap:8px;padding:30px 28px;border-radius:24px;background:#e3f6f8;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.dp-vip div:hover{transform:translateY(-5px)}
.dp-vip b{font-family:'Poppins',sans-serif;font-weight:400;font-size:clamp(56px,6vw,84px);line-height:.95;letter-spacing:-.04em;color:#0b8f9d}
.dp-vip b i{font-style:normal;font-size:.5em;font-weight:500;margin-left:2px;vertical-align:.45em}
.dp-vip span{font-size:16px;line-height:1.5;font-weight:400;color:#0b0c0d}
@media (max-width:980px){.dp-asig{grid-template-columns:1fr;gap:18px;padding:30px 26px}.dp-dos{grid-template-columns:1fr}.dp-vip{grid-template-columns:1fr}.dp-canales{grid-auto-flow:column;justify-content:start;gap:10px;align-items:center}}
@media (max-width:600px){.dp-canales{grid-auto-flow:row}}

/* ============================================================
   "¿QUE ES NUESTRO PROGRAMA DE SOCIOS?" CON LUJO Y ORGANIZACION (22 oct 2026, Carlos: "se ve muy muerto y muy vacio; lujo y organizacion al 100")
   Mismo texto, ahora en cuatro parrafos ordenados (quien, el trato, como ayudamos, la alianza), junto a una foto de la 813 con tres datos en vidrio
   (US$1,500 una vez, 5 años de tarifa fija, +70 propiedades). El titulo en Poppins, como el resto. Sin rayas.
   ============================================================ */
.sa-que2{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
.sa-que2 .q-izq h2{max-width:12ch;margin:0 0 34px;font-size:clamp(36px,4.4vw,62px)}
.q-foto{position:relative;margin:0;border-radius:28px;overflow:hidden;box-shadow:0 50px 90px -52px rgba(11,12,13,.6)}
.q-foto img{display:block;width:100%;aspect-ratio:4/4.6;object-fit:cover}
.q-datos{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.q-datos div{padding:14px 14px 13px;border-radius:16px;background:rgba(12,16,18,.62);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 12px 20px -16px rgba(255,255,255,.3)}
.q-datos b{display:block;font-weight:500;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.01em;line-height:1.1;color:#fff}
.q-datos span{display:block;margin-top:5px;font-size:11.5px;line-height:1.3;color:rgba(255,255,255,.78)}
.q-txt{display:grid;gap:24px;align-content:center}
.q-txt .corrido{margin:0;max-width:none;font-size:clamp(17px,1.45vw,20.5px);line-height:1.85;font-weight:300;color:#2c3236}
.q-txt .corrido:first-child{font-size:clamp(20px,1.9vw,26px);line-height:1.6;font-weight:400;color:#0b0c0d}
.q-txt .corrido b{font-weight:600;color:#0b0c0d}
.q-txt .corrido em{font-style:normal;font-weight:600;color:#0b8f9d}
.q-txt .cierre2{padding:26px 28px;border-radius:22px;background:#e3f6f8;color:#0b0c0d}
@media (max-width:980px){.sa-que2{grid-template-columns:1fr;gap:36px}.sa-que2 .q-izq h2{max-width:none}}
@media (max-width:560px){.q-datos{grid-template-columns:1fr}.q-foto img{aspect-ratio:4/5}}

/* 22 oct 2026 (Carlos: "esas fichas de una sola B, tarifa... mas lujosas, mas bacanas"): los tres datos sobre la foto pasan de una linea a TARJETAS con icono,
   rotulo en versalitas, cifra grande y una frase; la primera (la inversion) en marfil, las otras dos en vidrio ahumado. */
.q-foto::after{content:"";position:absolute;inset:auto 0 0 0;height:62%;background:linear-gradient(180deg,rgba(8,13,16,0) 0%,rgba(8,13,16,.78) 100%);pointer-events:none}
.q-datos{z-index:2;left:20px;right:20px;bottom:20px;gap:12px}
.q-datos div{display:flex;flex-direction:column;align-items:flex-start;padding:18px 18px 18px;border-radius:20px;background:rgba(12,16,18,.58);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 14px 22px -18px rgba(255,255,255,.34),0 20px 34px -22px rgba(0,0,0,.7);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.q-datos div:hover{transform:translateY(-4px)}
.q-datos i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#10b2c2;color:#fff;margin-bottom:12px}
.q-datos i svg{width:18px;height:18px}
.q-datos small{display:block;margin:0 0 4px;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.q-datos b{display:block;font-weight:500;font-size:clamp(22px,2.2vw,32px);letter-spacing:-.02em;line-height:1.05;color:#fff}
.q-datos span{display:block;margin-top:6px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.8)}
.q-datos div.dest{background:#f7f4ee;box-shadow:0 26px 44px -22px rgba(16,178,194,.65)}
.q-datos div.dest small{color:#5d676c}
.q-datos div.dest b{color:#0b0c0d}
.q-datos div.dest span{color:#5d676c}
@media (max-width:560px){.q-datos{grid-template-columns:1fr}}
.q-datos{grid-template-columns:1.3fr 1fr 1fr}
.q-datos div{padding:16px 16px 16px}
.q-datos b{font-size:clamp(20px,1.9vw,27px)}
@media (max-width:560px){.q-datos{grid-template-columns:1fr}}

/* 25 oct 2026: Beneficios VIP quedo en 4 tarjetas (aeropuerto y chef pasan a "Que pasa despues"); 2 por fila para que no quede una huerfana. */
.sa-inc.sa-vip{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.sa-inc.sa-vip{grid-template-columns:1fr}}

/* 25 oct 2026: preguntas en tarjetas, sin rayas (regla cero rayas). El "+" va en un circulo turquesa suave. */
.sa-faq{max-width:900px;display:grid;gap:12px}
.sa-faq details{border:0;padding:0;border-radius:20px;background:#fff;box-shadow:0 22px 44px -32px rgba(11,12,13,.4);transition:box-shadow .35s ease,transform .35s ease}
.sa-faq details:last-child{border:0}
.sa-faq details:hover{transform:translateY(-2px);box-shadow:0 28px 52px -30px rgba(11,12,13,.5)}
.sa-faq summary{padding:22px 26px;font-weight:500}
.sa-faq summary::after{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e3f6f8;font-size:22px;line-height:1;color:#0b8f9d;transition:background .3s,color .3s}
.sa-faq details[open] summary::after{background:#10b2c2;color:#fff}
.sa-faq p{margin:0;padding:0 26px 24px}

/* ============================================================
   25 oct 2026 (Carlos): sin vista previa del portal; WhatsApp con su logo; "Si vienes a vacacionar / Si lo haces un negocio" con mas fuerza;
   servicios VIP en texto grande, centrado y de lujo; catalogo por habitaciones (2 a 6) donde estaban las fotos sueltas.
   ============================================================ */
.dp-canales .wa-chip,.dp-canales .mail-chip{display:inline-flex;align-items:center;gap:12px;padding:13px 22px 13px 16px;border-radius:999px;background:#fff;text-decoration:none;box-shadow:0 14px 28px -20px rgba(11,12,13,.5);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.dp-canales .wa-chip:hover{transform:translateY(-3px);box-shadow:0 22px 34px -20px rgba(37,211,102,.7)}
.dp-canales .wa-chip i{width:30px;height:30px;color:#25d366;display:grid;place-items:center}
.dp-canales .wa-chip i svg,.dp-canales .mail-chip i svg{width:28px;height:28px}
.dp-canales .mail-chip i{width:30px;height:30px;color:#10b2c2;display:grid;place-items:center}
.dp-canales .wa-chip b,.dp-canales .mail-chip b{font-size:16px;font-weight:600;color:#0b0c0d}
.dp-canales em{font-size:44px}
/* titulos de las dos fichas: ahora son la voz de la tarjeta */
.dp-card small{margin:0 0 16px;font-size:clamp(26px,2.7vw,38px);font-weight:700;letter-spacing:-.025em;text-transform:none;line-height:1.1;color:#0b8f9d}
.dp-card h3{font-size:clamp(19px,1.6vw,23px);font-weight:500;color:#2c3236;margin-bottom:16px}
.dp-card h3 b{font-weight:600;color:#0b0c0d}
/* servicios VIP */
.dp-lujo{margin:56px auto 0;max-width:980px;padding:64px 40px 70px;border-radius:34px;background:#e3f6f8;text-align:center}
.dp-lujo-t{margin:0 0 46px;font-size:12.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#0b7f8c}
.dp-lujo ul{list-style:none;margin:0;padding:0;display:grid;gap:42px}
.dp-lujo li{display:grid;gap:10px;justify-items:center}
.dp-lujo li strong{font-weight:300;font-size:clamp(34px,4.6vw,64px);line-height:1.04;letter-spacing:-.03em;color:#0b0c0d}
.dp-lujo li strong b{font-weight:600;color:#0b8f9d}
.dp-lujo li span{max-width:36ch;font-size:clamp(16px,1.35vw,19px);line-height:1.55;font-weight:300;color:#2c3236}
@media (max-width:700px){.dp-lujo{padding:46px 22px 52px;border-radius:26px}.dp-lujo ul{gap:34px}}
/* catalogo */
.cat{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:44px}
.cat-v{border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 36px 64px -44px rgba(11,12,13,.5);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.cat-v:hover{transform:translateY(-6px);box-shadow:0 44px 70px -42px rgba(11,12,13,.6)}
.cat-f{aspect-ratio:4/5;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cat-v:hover .cat-f{transform:scale(1.04)}
.cat-v{position:relative}
.cat-f{position:relative;overflow:hidden}
.cat-t{padding:20px 22px 24px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;background:#fff;position:relative;z-index:1}
.cat-t b{font-weight:600;font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-.04em;color:#0b8f9d}
.cat-t span{font-size:16px;font-weight:500;color:#0b0c0d}
.cat-t small{grid-column:1/-1;margin-top:8px;font-size:13.5px;font-weight:400;color:#5d676c}
@media (max-width:1100px){.cat{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.cat{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-t{padding:16px}}

/* 25 oct 2026 (Carlos): sin precios, el cliente ve a que accede en porcentaje: "Hasta 40% menos". */
.sa-hasta{display:grid;gap:6px;margin:0 0 22px}
.sa-hasta .h-pre{font-size:12.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.sa-hasta .h-n{font-size:clamp(44px,6.4vw,92px);font-weight:300;line-height:1;letter-spacing:-.035em;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.sa-hasta .h-n b{font-weight:600;color:#10b2c2}
.sa-hasta .h-post{font-size:clamp(16px,1.5vw,20px);font-weight:300;line-height:1.5;color:#fff;max-width:34ch;text-shadow:0 1px 18px rgba(0,0,0,.45)}
/* ============================================================
   25 oct 2026 (Carlos): servicios VIP con titulo alto; "por que este programa hace la diferencia" en 9 puntos grandes; calculadora con la tarifa real (195 y 125) y limpieza.
   ============================================================ */
.dp-canales{justify-items:end}
.dp-lujo-t{margin:0 0 56px;font-family:'Poppins',sans-serif;font-weight:300;font-size:clamp(34px,4.4vw,62px);line-height:1.06;letter-spacing:-.03em;text-transform:none;color:#0b0c0d}
.dp-lujo-t b{font-weight:600;color:#0b8f9d}
.vx-t{max-width:20ch;margin:0 0 56px}
.vx{list-style:none;margin:0;padding:0;display:grid;gap:30px;max-width:1040px}
.vx li{display:grid;grid-template-columns:clamp(64px,8vw,112px) minmax(0,1fr);gap:8px 24px;align-items:baseline;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.vx li:hover{transform:translateX(8px)}
.vx .n{font-size:clamp(34px,4.6vw,64px);font-weight:300;line-height:1;letter-spacing:-.04em;color:#10b2c2}
.vx p{margin:0;font-size:clamp(22px,2.7vw,40px);font-weight:300;line-height:1.2;letter-spacing:-.02em;color:#2c3236}
.vx p b{font-weight:600;color:#0b0c0d}
.vx p em{font-style:normal;font-weight:600;color:#0b8f9d}
.vx-nota{margin:46px 0 0;font-size:14.5px;color:#5d676c}
.cx-desc{margin:14px 0 0;font-size:15px;line-height:1.5;color:#2c3236}
.cx-desc b{font-size:22px;font-weight:600;letter-spacing:-.02em;color:#0b8f9d}
.cx-limp{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:#5d676c}
@media (max-width:700px){.vx li{grid-template-columns:48px minmax(0,1fr);gap:6px 14px}}
/* ============================================================
   25 oct 2026 (Carlos): "Calculos de la vida real" (sin precios en los botones, sin limpieza, sin proyeccion a 5 anos, con ejemplo Publico / Tarifa de socio);
   sale "Villas reales" y "Preguntas"; formulario de socio con los datos del acuerdo; una ultima pregunta.
   ============================================================ */
.cx-intro{max-width:880px;font-size:clamp(20px,2vw,28px);line-height:1.5;font-weight:300;color:#2c3236}
.cx-intro b{font-weight:600;color:#0b8f9d}
.cx-ej{margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cx-ej small{grid-column:1/-1;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#5d676c}
.cx-ej div{padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 18px 32px -24px rgba(11,12,13,.45);display:grid;gap:2px}
.cx-ej span{font-size:13px;color:#5d676c}
.cx-ej b{font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.02em;color:#0b0c0d}
.cx-ej div:last-child b{color:#0b8f9d}
.sf-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.sf-izq h2{margin:0 0 22px}
.sf-pasos{list-style:none;margin:30px 0 26px;padding:0;display:grid;gap:18px}
.sf-pasos li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center}
.sf-pasos .n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#10b2c2;color:#fff;font-weight:600;font-size:17px}
.sf-pasos p{margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.5;font-weight:300;color:#2c3236}
.sf-pasos p b{font-weight:600;color:#0b0c0d}
.sf-ya{margin:0;font-size:14.5px;color:#5d676c}
.sf-ya a{font-weight:600;color:#0b8f9d}
.sf{background:#fff;border-radius:28px;padding:38px;box-shadow:0 44px 80px -50px rgba(11,12,13,.5);display:grid;gap:16px}
.sf-t{margin:0 0 4px;font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.02em;color:#0b0c0d}
.sf-dos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sf label{display:grid;gap:7px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5d676c}
.sf input:not([type=checkbox]),.sf select{width:100%;padding:14px 16px;border:0;border-radius:12px;background:#f1f5f6;font:inherit;font-size:15.5px;letter-spacing:0;text-transform:none;font-weight:400;color:#0b0c0d;outline:none;transition:box-shadow .25s,background .25s}
.sf input:focus,.sf select:focus{background:#fff;box-shadow:0 0 0 3px rgba(16,178,194,.45)}
.sf label.mal input,.sf label.mal select{box-shadow:0 0 0 2px #e8a317;background:#fff8e8}
.sf .sf-ok{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;font-size:14px;font-weight:300;letter-spacing:0;text-transform:none;color:#2c3236}
.sf .sf-ok input{width:20px;height:20px;margin:2px 0 0;accent-color:#10b2c2}
.sf-msg{margin:0;min-height:20px;font-size:14px;font-weight:600}
.sf-msg.err{color:#a8620a}
.sf-msg.aviso{color:#0b7f8c}
.sf-btn{width:100%}
.sf-fin{text-align:center}
.sf-fin .sa-acc{justify-content:center}
.sf-fin .sa-intro{margin-left:auto;margin-right:auto}
@media (max-width:980px){.sf-wrap{grid-template-columns:1fr;gap:36px}.sf{padding:26px}}
@media (max-width:560px){.sf-dos{grid-template-columns:1fr}}.sf-izq .sa-intro em{font-style:normal;font-weight:600;color:#0b8f9d}
.sf-fin h2{margin-left:auto;margin-right:auto}

/* 25 oct 2026 (Carlos): sin "Una sola decision"; cierre "Escribenos y de inmediato te ayudamos" con WhatsApp y correo. */
.sf-fin .sa-intro em{font-style:normal;font-weight:600;color:#0b8f9d}
.sf-fin{padding-top:96px;padding-bottom:110px}
.sf-canales{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:38px}
.sf-canal{display:inline-flex;align-items:center;gap:16px;padding:18px 34px 18px 22px;border-radius:999px;background:#fff;text-decoration:none;text-align:left;box-shadow:0 26px 48px -30px rgba(11,12,13,.5);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.sf-canal:hover{transform:translateY(-4px);box-shadow:0 34px 56px -30px rgba(11,12,13,.6)}
.sf-canal i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e3f6f8;color:#10b2c2}
.sf-canal i svg{width:26px;height:26px}
.sf-canal.wa i{background:#25d366;color:#fff}
.sf-canal span{display:grid;gap:2px}
.sf-canal b{font-size:18px;font-weight:600;color:#0b0c0d}
.sf-canal small{font-size:14px;color:#5d676c}
/* 25 oct 2026 (Carlos): WhatsApp del mismo color de marca que el correo; foto de Carlos arriba de la ultima seccion. */
.sf-canal.wa i{background:#e3f6f8;color:#10b2c2}
.sf-foto{display:block;width:120px;height:120px;margin:0 auto 26px;border-radius:50%;object-fit:cover;object-position:center top;box-shadow:0 0 0 6px #fff,0 0 0 9px #10b2c2,0 26px 44px -22px rgba(11,12,13,.55)}
/* ============================================================
   25 oct 2026 (Carlos): alta gama. Fichas de la foto iguales y con icono que cuadra; "Que pasa despues" centrado; calculadora con otra paleta
   (marfil y verde azulado profundo, el oro solo en un detalle); rotulos y cifras con letra mas fina y espaciada; formulario de lujo con paises.
   Poppins en peso 200/300 para cifras y 500 con espaciado ancho para rotulos.
   ============================================================ */

/* rotulos de toda la pagina: mas finos, mas espaciados */
.sa-kick,.cx-lab,.cx-card small,.cx-ej small,.dp-lujo-t+*,.sf label>span:first-child{letter-spacing:.24em}
.sa-kick,.cx-lab,.cx-card small,.cx-ej small{font-weight:500}

/* fichas sobre la foto */
.q-datos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.q-datos div,.q-datos div:first-child{padding:20px 18px 20px;border-radius:22px;background:rgba(10,24,28,.56);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 16px 24px -20px rgba(255,255,255,.4),0 26px 40px -26px rgba(0,0,0,.7)}
.q-datos div small,.q-datos div:first-child small{color:rgba(255,255,255,.78);letter-spacing:.2em;font-weight:500}
.q-datos div b,.q-datos div:first-child b{color:#fff;font-weight:300;font-size:clamp(24px,2.5vw,36px)}
.q-datos div span,.q-datos div:first-child span{color:rgba(255,255,255,.85)}
.q-datos i{width:40px;height:40px;margin-bottom:14px;box-shadow:0 10px 22px -8px rgba(16,178,194,.8)}
.q-datos i svg{width:20px;height:20px}

/* que pasa despues: cabecera centrada */
.dp-cab{grid-template-columns:1fr;justify-items:center;text-align:center;gap:26px;margin-bottom:64px}
.dp-cab h2{max-width:none}
.dp-cab .sa-func-intro{max-width:46ch;font-size:clamp(19px,1.9vw,26px);line-height:1.6;font-weight:300;color:#2c3236}
.dp-cab .sa-func-intro em{font-style:normal;font-weight:600;color:#0b8f9d}

/* como funciona: un poco mas de lujo */
.sa-pasos2 li{padding:42px 30px 40px;border-radius:26px;background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)}
.sa-pasos2 .num{font-weight:200;font-size:clamp(60px,5.6vw,84px)}
.sa-pasos2 h3{font-weight:500;letter-spacing:-.015em}
.sa-pasos2 .ico{box-shadow:0 12px 24px -12px rgba(16,178,194,.7)}

/* calculadora de alta gama */
.cx{border-radius:34px;background:#f6f2ea;box-shadow:0 60px 110px -60px rgba(6,40,48,.7)}
.cx-ctl{background:#f6f2ea;padding:52px 46px;gap:34px}
.cx-lab{font-size:11px;color:#8a7f69;letter-spacing:.26em}
.cx-fila output{font-weight:200;font-size:48px;letter-spacing:-.04em;color:#0a3d46}
.cx-villas{margin-top:0}
.cx-villas button{padding:20px 20px 18px;border-radius:20px;background:#fff;box-shadow:0 18px 34px -26px rgba(6,40,48,.5);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s}
.cx-villas button b{font-weight:400;font-size:19px;color:#0a3d46}
.cx-villas button.on{background:linear-gradient(150deg,#0a3d46,#0b5560);box-shadow:0 30px 50px -26px rgba(11,85,96,.8)}
.cx-villas button.on b{color:#fff}
.cx input[type=range]{height:4px;background:linear-gradient(to right,#10b2c2 var(--v,50%),#ddd5c4 var(--v,50%))}
.cx input[type=range]::-webkit-slider-thumb{width:26px;height:26px;background:#fff;box-shadow:0 10px 20px -6px rgba(6,40,48,.55),0 0 0 7px rgba(16,178,194,.22)}
.cx-us{border-radius:16px;background:#fff;box-shadow:0 16px 30px -22px rgba(6,40,48,.5)}
.cx-us input{font-weight:300;font-size:28px;color:#0a3d46}
.cx-ej{margin:6px 0 0;gap:12px}
.cx-ej small{font-size:11px;color:#b08a45;letter-spacing:.24em}
.cx-ej div{padding:20px 20px 18px;border-radius:20px;background:#fff;box-shadow:0 20px 36px -26px rgba(6,40,48,.5);gap:6px}
.cx-ej span{font-size:12.5px;font-weight:300;color:#7a7360}
.cx-ej .pub b{font-weight:300;font-size:clamp(26px,2.4vw,34px);color:#9a947f;text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:rgba(154,148,127,.7)}
.cx-ej .soc b{font-weight:400;font-size:clamp(32px,3vw,44px);letter-spacing:-.03em;color:#0b8f9d}
.cx-res{background:linear-gradient(160deg,#08333b 0%,#0a4a54 55%,#0d6270 100%);padding:52px 48px 46px;color:#fff}
.cx-aro{background:conic-gradient(#4fd3e0 calc(var(--p)*1%),rgba(255,255,255,.16) 0);box-shadow:0 0 60px -10px rgba(79,211,224,.35)}
.cx-aro > div{background:#0a4048}
.cx-aro b{font-weight:300;color:#fff}
.cx-aro small{color:rgba(255,255,255,.7)}
.cx-paga{color:rgba(255,255,255,.82)}
.cx-paga b{color:#fff}
.cx-paga strong{font-weight:300;font-size:44px;color:#7fe3ec}
.cx-card{background:rgba(255,255,255,.09);box-shadow:inset 0 14px 22px -18px rgba(255,255,255,.35)}
.cx-card small{color:rgba(255,255,255,.72)}
.cx-card b{font-weight:200;color:#fff;font-size:clamp(34px,3.4vw,50px)}
.cx-card span{color:rgba(255,255,255,.7)}
.cx-gana{background:#f7f4ee;box-shadow:0 30px 50px -28px rgba(0,0,0,.6)}
.cx-gana small{color:#8a7f69}
.cx-gana b{color:#0a3d46;font-weight:300}
.cx-gana span{color:#6f6955}

/* formulario de lujo */
.sf{padding:56px 52px 50px;border-radius:36px;background:linear-gradient(180deg,#ffffff 0%,#fbf9f4 100%);box-shadow:0 70px 120px -60px rgba(6,40,48,.6);gap:18px}
.sf-k{margin:0;font-size:11.5px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#b08a45}
.sf-t{margin:0;font-weight:300;font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;line-height:1.1;color:#0a3d46}
.sf-sub{margin:-6px 0 8px;font-size:15px;font-weight:300;color:#6f6955}
.sf-s{display:flex;align-items:center;gap:14px;margin:18px 0 0;font-size:12px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:#0b7f8c}
.sf-s i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e3f6f8;color:#0b8f9d;font-size:12px;letter-spacing:.04em}
.sf label>span:first-child{font-size:11px;font-weight:500;letter-spacing:.24em;color:#8a7f69}
.sf input:not([type=checkbox]),.sf select{padding:17px 18px;border-radius:16px;background:#f4f1ea;font-weight:300;font-size:16px;color:#0a3d46;box-shadow:inset 0 2px 5px rgba(60,50,30,.06)}
.sf select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b8f9d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;padding-right:46px}
.sf input:focus,.sf select:focus{background-color:#fff;box-shadow:0 0 0 3px rgba(16,178,194,.45),0 16px 30px -20px rgba(6,40,48,.5)}
.sf .sf-ok{font-weight:300;color:#4b4a3f}
.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:20px 30px;font-size:17px}
.sf-btn i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#10b2c2}
.sf-btn i svg{width:18px;height:18px}
@media (max-width:980px){.cx-res{padding:36px 26px}.cx-ctl{padding:36px 26px}.sf{padding:34px 24px}}
.cx-ej{margin-top:18px}
.q-datos{grid-template-columns:1.25fr 1fr 1fr;gap:10px;left:16px;right:16px;bottom:16px}
.q-datos div,.q-datos div:first-child{padding:18px 14px 18px}
.q-datos div small,.q-datos div:first-child small{font-size:9.5px;letter-spacing:.14em}
.q-datos div b,.q-datos div:first-child b{font-size:clamp(20px,1.9vw,28px);white-space:nowrap}
.q-datos div span,.q-datos div:first-child span{font-size:11.5px}

/* ============================================================
   25 oct 2026 (Carlos): "Que pasa despues" ordenado y de alta gama; descripciones de los servicios VIP en versalitas finas; formulario con un solo sistema de letra.
   ============================================================ */
/* persona asignada: panel verde azulado profundo, como la calculadora */
.dp-asig{padding:48px 52px;border-radius:32px;background:linear-gradient(160deg,#08333b 0%,#0a4a54 55%,#0d6270 100%);box-shadow:0 56px 100px -56px rgba(6,40,48,.75);margin-bottom:22px;gap:34px}
.dp-asig .ico{width:76px;height:76px;background:rgba(255,255,255,.12);color:#7fe3ec;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.dp-asig .ico svg{width:34px;height:34px}
.dp-asig h3{font-weight:200;font-size:clamp(30px,3.2vw,46px);letter-spacing:-.035em;line-height:1.1;color:#fff;margin-bottom:16px}
.dp-asig h3 b{font-weight:500;color:#7fe3ec}
.dp-asig p{font-size:clamp(16px,1.35vw,19px);line-height:1.75;font-weight:300;color:rgba(255,255,255,.86);max-width:56ch}
.dp-asig p b{color:#fff;font-weight:500}
.dp-asig p em{font-style:normal;font-weight:500;color:#7fe3ec}
.dp-canales{justify-items:end}
.dp-canales em{font-family:'Poppins',sans-serif;font-weight:200;font-size:clamp(64px,7vw,104px);letter-spacing:-.05em;line-height:.9;color:#7fe3ec;padding:0}
/* las dos fichas: marfil, misma estructura, listas iguales */
.dp-dos{gap:22px;margin-bottom:48px}
.dp-card{padding:46px 44px 46px;border-radius:32px;background:#f6f2ea;box-shadow:0 50px 90px -56px rgba(6,40,48,.5);display:flex;flex-direction:column}
.dp-card small{font-weight:300;font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;line-height:1.08;color:#0a3d46;margin:0 0 10px}
.dp-card h3{font-weight:400;font-size:clamp(17px,1.4vw,20px);letter-spacing:.01em;color:#8a7f69;margin:0 0 30px}
.dp-card h3 b{font-weight:500;color:#0b8f9d}
.dp-card ul{gap:20px}
.dp-card li{padding-left:44px;font-size:clamp(16px,1.3vw,18px);line-height:1.6;font-weight:300;color:#2c3236}
.dp-card li::before{top:1px;width:28px;height:28px;background-color:#fff;background-size:15px;box-shadow:0 8px 16px -8px rgba(6,40,48,.45)}
.dp-card li em{font-style:normal;font-weight:500;color:#0b8f9d}
/* servicios VIP: descripciones en versalitas finas */
.dp-lujo li span{max-width:46ch;font-size:12.5px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;line-height:1.9;color:#5d6b6f}
@media (max-width:980px){.dp-asig{padding:34px 26px}.dp-card{padding:34px 26px}.dp-canales{justify-items:start}}

/* formulario: un solo sistema de letra (rotulos en minuscula, finos y legibles; titulos de bloque en 300) */
.sf label>span:first-child{font-size:13.5px;font-weight:400;letter-spacing:.01em;text-transform:none;color:#6f6955}
.sf-s{font-size:clamp(20px,1.7vw,24px);font-weight:300;letter-spacing:-.01em;text-transform:none;color:#0a3d46;margin-top:26px;gap:16px}
.sf-s i{width:auto;height:auto;border-radius:0;background:transparent;font-size:13px;font-weight:500;letter-spacing:.2em;color:#b08a45;display:block}
.sf input:not([type=checkbox]),.sf select{font-size:17px;font-weight:300;padding:18px 20px}
.sf-k{font-size:12px;letter-spacing:.3em}.sf label{text-transform:none;letter-spacing:0}
.sf input[type=date]{text-transform:none;letter-spacing:0;font-family:inherit}

/* ============================================================
   25 oct 2026 (Carlos): comparacion Airbnb normal contra acceso VIP; comunidades a la derecha del catalogo; US$1,500 subrayado; sin descripciones bajo los servicios VIP.
   ============================================================ */
.dp-lujo li{gap:0}
.cat-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:12px}
.cat-cab-t h2{max-width:13ch;margin:0 0 22px;font-size:clamp(36px,4.6vw,64px)}
.cat-cab-t .sa-func-intro{margin:0;max-width:40ch;font-size:clamp(16px,1.35vw,19px);line-height:1.7;font-weight:300;color:#3a4348}
.cat-cab-t .sa-func-intro em{font-style:normal;font-weight:600;color:#0b8f9d}
.cat-com{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cat-com figure{position:relative;margin:0;aspect-ratio:3/4;border-radius:22px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 36px 60px -40px rgba(6,40,48,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.cat-com figure:hover{transform:translateY(-5px)}
.cat-com figure::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(180deg,rgba(6,20,24,0),rgba(6,20,24,.78))}
.cat-com figcaption{position:absolute;left:16px;right:14px;bottom:14px;z-index:2;display:grid;gap:2px;color:#fff}
.cat-com figcaption b{font-size:clamp(14px,1.25vw,17px);font-weight:500;line-height:1.2}
.cat-com figcaption small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8)}
@media (max-width:900px){.cat-cab{grid-template-columns:1fr;gap:28px}}
.cx-intro u{text-decoration:underline;text-decoration-color:#10b2c2;text-decoration-thickness:3px;text-underline-offset:7px}
/* comparacion */
.vx-cab,.vx2 li{display:grid;grid-template-columns:clamp(48px,6vw,84px) minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(18px,3vw,48px);align-items:baseline}
.vx-cab{margin:0 0 22px;font-size:12px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:#8a7f69}
.vx-cab span:first-child{grid-column:2}
.vx-cab span:last-child{grid-column:3;color:#0b8f9d}
.vx2{max-width:none;gap:34px}
.vx2 li:hover{transform:none}
.vx2 .n{font-size:clamp(28px,3.4vw,46px)}
.vx2 p.no{font-size:clamp(17px,1.5vw,21px);font-weight:300;line-height:1.5;color:#9a947f}
.vx2 p.si{font-size:clamp(21px,2.2vw,32px);font-weight:300;line-height:1.25;letter-spacing:-.018em;color:#0a3d46}
.vx2 p.si b{font-weight:600;color:#0b8f9d}
@media (max-width:760px){.vx-cab{display:none}.vx2 li{grid-template-columns:44px minmax(0,1fr);row-gap:6px}.vx2 p.no,.vx2 p.si{grid-column:2}}
/* ============================================================
   25 oct 2026 (Carlos): letra Sora en negrita para los numeros y rotulos de la calculadora y los numeros del catalogo; comparacion Airbnb con letra nueva.
   ============================================================ */
.cx-fila output,.cx-us input,.cx-aro b,.cx-paga strong,.cx-card b,.cx-ej b,.cx-villas button b,.cx-us i{font-family:'Sora','Poppins',sans-serif;font-weight:600;letter-spacing:-.03em}
.cx-fila output{font-size:38px;color:#0a3d46}
.cx-us input{font-size:24px;color:#0a3d46}
.cx-aro b{font-size:30px}
.cx-paga strong{font-size:38px;font-weight:600;color:#7fe3ec}
.cx-card b{font-size:clamp(28px,2.9vw,42px);font-weight:600}
.cx-ej .pub b{font-size:clamp(22px,2vw,28px);font-weight:500}
.cx-ej .soc b{font-size:clamp(28px,2.6vw,38px);font-weight:600}
.cx-villas button b{font-size:17px;font-weight:600}
.cx-lab,.cx-card small,.cx-ej small,.cx-ej span,.cx-aro small,.cx-card span,.cx-us i{font-family:'Sora','Poppins',sans-serif}
.cx-lab,.cx-card small,.cx-ej small{font-weight:600;letter-spacing:.2em;font-size:10.5px}
.cat-t b{font-family:'Sora','Poppins',sans-serif;font-weight:600;font-size:clamp(34px,3.4vw,48px);letter-spacing:-.04em}
.cat-t span{font-family:'Sora','Poppins',sans-serif;font-weight:500;font-size:15px}
.cat-t small{font-family:'Sora','Poppins',sans-serif;font-weight:300}
.vx-cab,.vx2 .n,.vx2 p.no,.vx2 p.si{font-family:'Sora','Poppins',sans-serif}
.vx-cab{font-weight:600;letter-spacing:.2em;font-size:11px}
.vx2 .n{font-weight:300;font-size:clamp(24px,2.8vw,38px);letter-spacing:-.04em}
.vx2 p.no{font-weight:300;font-size:clamp(15px,1.3vw,18px);line-height:1.65;color:#a39d88}
.vx2 p.si{font-weight:300;font-size:clamp(19px,1.9vw,27px);line-height:1.4;letter-spacing:-.025em}
.vx2 p.si b{font-weight:600}
/* ============================================================
   25 oct 2026 (Carlos): servicios VIP "para ti", enumerados y mas pequenos; flecha que baja al formulario (con rebote suave) tambien al final de la calculadora.
   ============================================================ */
.dp-lujo{padding:56px 40px 60px;max-width:860px}
.dp-lujo-t{margin:0 0 38px;font-size:clamp(30px,3.6vw,50px)}
.vl{list-style:none;margin:0;padding:0;display:grid;gap:12px;text-align:left}
.vl li{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;padding:18px 26px 18px 22px;border-radius:20px;background:#fff;box-shadow:0 20px 36px -28px rgba(6,40,48,.5);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.vl li:hover{transform:translateX(6px)}
.vl .n{font-family:'Sora','Poppins',sans-serif;font-weight:600;font-size:17px;letter-spacing:.02em;color:#10b2c2}
.vl p{margin:0;font-size:clamp(17px,1.7vw,22px);font-weight:300;line-height:1.35;letter-spacing:-.01em;color:#0a3d46}
.vl p b{font-weight:600;color:#0b8f9d}
.cx-cta{display:flex;justify-content:center;margin-top:44px}
.sa-cta-pri .sa-cta-ico svg{animation:flechaBaja 1.8s ease-in-out infinite}
@keyframes flechaBaja{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.sa-cta-pri .sa-cta-ico svg{animation:none}}.vl p{text-align:left}.vl li{justify-items:start}
.cx-cta{margin-top:48px;margin-bottom:36px}

/* 25 oct 2026 (Carlos): fondo de la portada = villa 1019 (foto 1.3); foto de "Que es" = piscina de la villa 1012 (foto 1.3). */
.sa-hero{background-image:url(img/hero-1019.jpg);background-position:center 55%}
.q-foto img{object-position:center 62%}.q-foto img{aspect-ratio:4/5.3;object-position:42% 80%}
.q-foto img{transform:scale(1.4);transform-origin:46% 88%}
/* 25 oct 2026: foto de "Que es" = piscina de la villa 1142 (de dia), sin zoom */
.q-foto img{transform:none;aspect-ratio:4/5.2;object-position:46% 60%}
.q-foto img{aspect-ratio:4/6;object-position:44% 50%}@media (max-width:980px){.q-foto img{aspect-ratio:4/5}}

/* 25 oct 2026 (Carlos): cielo de la portada claro, como la foto original (sin la sombra negra arriba); fichas de la foto de "Que es" en blanco con letra negra. */
.sa-hero::before{background:linear-gradient(90deg,rgba(8,13,16,.46) 0%,rgba(8,13,16,.2) 40%,rgba(8,13,16,0) 66%),linear-gradient(180deg,rgba(8,13,16,0) 0%,rgba(8,13,16,0) 40%,rgba(8,13,16,.28) 62%,rgba(8,13,16,.82) 100%)}
.sa-hero h1,.sa-hero .sa-lead,.sa-hero .sa-oferta{text-shadow:0 2px 22px rgba(6,20,30,.45)}
.q-datos div,.q-datos div:first-child{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 26px 44px -26px rgba(6,40,48,.55)}
.q-datos div small,.q-datos div:first-child small{color:#6f6955}
.q-datos div b,.q-datos div:first-child b{color:#0a3d46;font-weight:400}
.q-datos div span,.q-datos div:first-child span{color:#3a4348}
.q-datos i{box-shadow:0 10px 20px -8px rgba(16,178,194,.7)}
/* 25 oct 2026: foto de la 1142 sin sombra oscura (las fichas ya son blancas) */
.q-foto::after{background:linear-gradient(180deg,rgba(6,40,48,0) 70%,rgba(6,40,48,.14) 100%)}
/* 25 oct 2026: portada aun mas clara; las manchas de sol (reflejos de lente) de la foto 1019 se retocaron en img/hero-1019.jpg (original en hero-1019-sin-retoque.jpg) */
.sa-hero::before{background:linear-gradient(90deg,rgba(8,13,16,.34) 0%,rgba(8,13,16,.14) 38%,rgba(8,13,16,0) 62%),linear-gradient(180deg,rgba(8,13,16,0) 0%,rgba(8,13,16,0) 48%,rgba(8,13,16,.2) 66%,rgba(8,13,16,.76) 100%)}
.sa-hero .sa-lead em,.sa-hero .sa-oferta em{text-shadow:0 1px 3px rgba(4,24,34,.55),0 0 18px rgba(4,24,34,.55)}

/* 25 oct 2026 (Carlos): comparacion Airbnb normal vs VIP con mas lujo; una sola letra (Poppins) en las dos columnas, mismo tamano, tarjetas blancas como los servicios VIP. */
.vx-cab,.vx2 li{grid-template-columns:54px minmax(0,1fr) minmax(0,1.15fr);column-gap:clamp(18px,2.6vw,40px);align-items:center}
.vx-cab{margin:0 0 14px;padding:0 26px 0 22px;font-family:'Poppins',sans-serif;font-size:11px;font-weight:500;letter-spacing:.22em}
.vx-cab span:first-child{color:#a39d88}
.vx-cab span:last-child{color:#0b8f9d}
.vx2{gap:12px}
.vx2 li{padding:22px 26px 22px 22px;border-radius:20px;background:#fff;box-shadow:0 20px 36px -28px rgba(6,40,48,.5)}
.vx2 .n{font-family:'Sora','Poppins',sans-serif;font-weight:600;font-size:17px;letter-spacing:.02em;color:#10b2c2}
.vx2 p.no,.vx2 p.si{font-family:'Poppins',sans-serif;font-size:clamp(15px,1.35vw,18px);line-height:1.55;letter-spacing:-.005em;font-weight:300}
.vx2 p.no{color:#a39d88}
.vx2 p.si{color:#0a3d46}
.vx2 p.si b{font-weight:600;color:#0b8f9d}
@media (max-width:760px){.vx2 li{grid-template-columns:44px minmax(0,1fr);padding:18px 20px 18px 16px}}

/* 25 oct 2026 (Carlos): rotulos "Un Airbnb normal" / "Acceso VIP con nosotros" con letra de verdad: Sora negrita, tamano de titulo pequeno, sin versalitas ni espaciado de letra. */
.vx-cab{margin:0 0 18px;font-family:'Sora','Poppins',sans-serif;font-size:clamp(18px,1.8vw,24px);font-weight:600;letter-spacing:-.025em;text-transform:none;line-height:1.2}
.vx-cab span:first-child{color:#b3ad98}
.vx-cab span:last-child{color:#0b8f9d}