/* Easy Stay Corp México: rosa, turquesa y amarillo sobre la misma base de Benny */
.mx-hero{background:var(--pink);color:#fff}
.mx-hero h1{line-height:1.13}
.mx-hero .hero-in{padding-top:92px}

/* Selector por tipo de negocio */
.ntabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.ntabs button{min-height:52px;padding:10px 20px;border-radius:14px;border:2.5px solid var(--cream);background:transparent;color:var(--cream);font:700 23px var(--display);cursor:pointer}
.ntabs button[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
.panel{margin-top:18px;background:var(--pc);color:var(--pt);border:3px solid var(--cream);border-radius:26px;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;min-height:440px}
.panel[hidden]{display:none}
.p-txt{padding:clamp(24px,4vw,46px);display:grid;gap:16px;align-content:center;justify-items:start}
.panel h3{font-size:clamp(40px,5vw,68px)}
.feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;font-size:20px;font-weight:800}
.feats li{display:flex;gap:10px;align-items:center}
.feats li::before{content:"";width:14px;height:14px;border-radius:4px;background:var(--pt);flex:none}
.p-vis{position:relative;overflow:hidden}
.p-vis img{position:absolute;left:50%;transform:translateX(-50%);bottom:-70px;height:520px;width:auto;max-width:none}

/* Mapa del hotel y sus canales */
.hotelband{background:var(--teal);color:#fff}
.hb-in{display:grid;grid-template-columns:1fr 1fr 250px;gap:30px;align-items:center}
.hb-copy{display:grid;gap:18px;justify-items:start}
.hub-map{position:relative;height:520px}
.hub-map::before{content:"";position:absolute;inset:8% 8%;border-radius:50%;border:3px dashed rgba(255,255,255,.7)}
.core{position:absolute;inset:0;margin:auto;width:230px;height:230px;border-radius:50%;background:var(--yellow);border:4px solid var(--navy);overflow:hidden}
.core img{height:360px;width:auto;max-width:none;margin:-8px auto 0}
.hub-map span{position:absolute;padding:10px 16px;background:#fff;color:var(--navy);font-weight:800;border-radius:14px;border:2.5px solid var(--navy);box-shadow:3px 3px 0 var(--navy)}
.c1{top:3%;left:36%}.c2{top:21%;right:0}.c3{bottom:21%;right:1%}.c4{bottom:3%;left:40%}.c5{bottom:23%;left:0}.c6{top:21%;left:2%}

/* Distribuidores */
.dist{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:36px}
.dist img{border:3px solid var(--navy);border-radius:20px;box-shadow:7px 7px 0 var(--orange);max-height:640px;width:100%;object-fit:cover;object-position:top}
.dist ol{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:26px}
.dist li{counter-increment:s;display:grid;grid-template-columns:72px 1fr;column-gap:16px;font-size:20px}
.dist li::before{content:counter(s);grid-row:span 2;width:72px;height:72px;border-radius:50%;background:var(--yellow);border:3px solid var(--navy);display:grid;place-items:center;font:700 36px var(--display)}
.dist b{display:block;font:700 34px/1.1 var(--display);text-transform:uppercase}

/* Prueba real */
.born{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.pics{display:grid;grid-template-columns:1.2fr .9fr;gap:14px}
.pics img{width:100%;height:340px;object-fit:cover;border-radius:20px;border:3px solid #fff}
.pics img+img{margin-top:34px}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
.facts span{padding:12px 20px;background:#fff;color:var(--navy);border-radius:999px;font-weight:800;font-size:19px}

.roberto{display:grid;gap:12px}
.roberto p{font-size:18px;font-weight:700}
.roberto b{display:block;font:700 40px/1.1 var(--display);text-transform:uppercase}
.finale form{color:var(--navy)}

/* Acentos: más aire entre líneas */
@media (max-width:1000px){
  .panel{grid-template-columns:1fr}
  .p-vis{height:300px}.p-vis img{height:420px;bottom:-150px}
  .hb-in,.dist,.born{grid-template-columns:1fr}
  .hub-map{height:440px}
  .mx-hero .hero-in{padding-top:128px}
}
@media (max-width:680px){
  .lockup b{font-size:20px}.lockup img{height:36px}
  .feats{grid-template-columns:1fr}
  .ntabs button{font-size:20px;padding:8px 14px}
  .hub-map span{font-size:15px;padding:7px 11px}
  .core{width:170px;height:170px}.core img{height:270px}
  .pics img{height:220px}
}

/* Maqueta ficticia de cotización */
.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;background:#FFE4C7;border:3px solid var(--navy);border-radius:22px;padding:20px;box-shadow:7px 7px 0 var(--orange)}
.q-chat{background:#0D6E74;color:#fff;border-radius:18px;padding:16px;display:grid;gap:12px;align-content:start}
.q-chat span{background:#fff;color:var(--navy);padding:12px;border-radius:14px;font-weight:700;font-size:16px}
.q-doc{background:#fff;border-radius:18px;padding:18px;display:grid;gap:10px;align-content:start}
.q-doc b{font:700 26px/1.1 var(--display);text-transform:uppercase}
.q-doc p{display:flex;justify-content:space-between;gap:10px;border-bottom:2px solid var(--line);padding-bottom:8px;font-weight:700;font-size:16px}
.q-doc i{font-style:normal;color:var(--muted);font-size:14px}
.q-doc em{font-style:normal;background:var(--yellow);padding:8px 12px;border-radius:8px;font-weight:800;text-align:center}
@media (max-width:680px){.quote{grid-template-columns:1fr}}