/* Reserva en linea de un servicio (chef, masajes, bartender). Turquesa #10b2c2, Poppins, todo redondeado. */
.ch-acciones{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:620px;margin:34px auto 0}
.ch-acciones a,.ch-acciones button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;font:600 15px Poppins,sans-serif;text-decoration:none;cursor:pointer;border:0}
.ch-acciones svg{width:19px;height:19px;flex:none}
.ch-acciones .a-res{background:#10b2c2;color:#fff;flex:1 1 200px}
.ch-acciones .a-pre{background:#fff;color:#0b0c0d;box-shadow:inset 0 0 0 1.5px #0b0c0d;flex:1 1 200px}
.ch-acciones .a-sh{background:#f2f6f7;color:#0b0c0d;flex:0 1 auto;font-weight:500}
.ch-acciones .a-pre svg{color:#10b2c2}
.ch-vacio[hidden],.ch-tabla[hidden]{display:none}

.rs{padding:10px 0 90px;background:#f6f9fa}
.rs:empty{display:none}
.rs-caja{max-width:680px;margin:0 auto;background:#fff;border-radius:28px;padding:34px 30px 30px;box-shadow:0 40px 80px -50px rgba(11,12,13,.45),0 0 0 1px rgba(11,12,13,.05)}
.rs-eti{margin:0 0 10px;font-weight:500;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:#10b2c2}
.rs-caja h2{margin:0 0 8px;font-weight:300;font-size:clamp(28px,4.4vw,38px);line-height:1.1;letter-spacing:-.025em}
.rs-caja h2 b{font-weight:600}
.rs-sub{margin:0 0 26px;color:#5d676c;font-size:15.5px;line-height:1.6}
.rs-paso{padding:20px 0;border-top:1px solid #eef2f3}
.rs-paso-cab{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.rs-paso-cab em{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#10b2c2;color:#fff;font:600 13px Poppins,sans-serif;font-style:normal;flex:none}
.rs-paso-cab h3{margin:0;font-size:16px;font-weight:600}
.rs-chips{display:flex;flex-wrap:wrap;gap:8px}
.rs-chip{padding:10px 16px;border-radius:999px;border:1.5px solid #d9e3e6;background:#fff;color:#0b0c0d;font:500 14.5px Poppins,sans-serif;cursor:pointer}
.rs-chip.on{background:#10b2c2;border-color:#10b2c2;color:#fff}
.rs-horas .rs-chip{min-width:92px}
.rs-sel select{width:100%;max-width:240px;padding:12px 14px;border-radius:12px;border:1.5px solid #d9e3e6;background:#fff;font:500 16px Poppins,sans-serif;color:#0b0c0d}
.rs-cal{max-width:340px;border:1px solid #e3eaec;border-radius:18px;padding:14px}
.rs-cal-cab{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.rs-cal-cab b{font-weight:600;font-size:15px}
.rs-nav{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:#f2f6f7;color:#0b0c0d;cursor:pointer}
.rs-nav svg{width:16px;height:16px}
.rs-cal-sem,.rs-cal-dias{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.rs-cal-sem span{font-size:11px;font-weight:600;color:#7a858a;padding:4px 0}
.rs-dia{aspect-ratio:1;border:0;border-radius:50%;background:transparent;font:500 14.5px Poppins,sans-serif;color:#0b0c0d;cursor:pointer}
.rs-dia:hover:not(:disabled):not(.on){background:rgba(16,178,194,.12)}
.rs-dia:disabled{color:#c3cbce;cursor:default}
.rs-dia.on{background:#10b2c2;color:#fff}
.rs-resumen{margin:6px 0 4px;padding:18px 18px 8px;border-radius:18px;background:rgba(16,178,194,.07)}
.rs-res-f{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;font-size:14.5px;color:#3b454b}
.rs-res-f + .rs-res-f{box-shadow:0 -1px 0 rgba(16,178,194,.18)}
.rs-res-f b{font-weight:600;color:#0b0c0d}
.rs-res-f.hoy span{font-weight:600;color:#0a8c99}
.rs-res-f.hoy b{font-size:26px;letter-spacing:-.02em}
.rs-falta{margin:0 0 10px;font-size:14.5px;color:#5d676c}
.rs-falta.mal{color:#a52a2a}
.rs-datos{padding:22px 0 6px;border-top:1px solid #eef2f3;margin-top:18px}
.rs-datos h3{margin:0 0 14px;font-size:16px;font-weight:600}
.rs-datos label{display:block;margin:0 0 14px;font-size:13px;font-weight:500;color:#3b454b}
.rs-datos .op{font-weight:400;color:#8a949a}
.rs-datos input,.rs-datos textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:13px 14px;border-radius:12px;border:1.5px solid #d9e3e6;background:#fff;font:400 16px Poppins,sans-serif;color:#0b0c0d}
.rs-datos input:focus,.rs-datos textarea:focus,.rs-sel select:focus{outline:0;border-color:#10b2c2;box-shadow:0 0 0 3px rgba(16,178,194,.18)}
.rs-ir{display:block;width:100%;margin-top:6px;padding:17px 24px;border:0;border-radius:999px;background:#10b2c2;color:#fff;font:600 16.5px Poppins,sans-serif;cursor:pointer}
.rs-ir:disabled{opacity:.6;cursor:default}
.rs-msg{margin:12px 0 0;min-height:1px;font-size:14px;line-height:1.55;color:#a52a2a;text-align:center}
@media (max-width:560px){.rs-caja{padding:24px 18px 22px;border-radius:22px}.rs-chip{padding:9px 14px;font-size:14px}.ch-acciones a,.ch-acciones button{flex:1 1 100%}.rs{padding-bottom:60px}}
.ch-fila.ch-masaje{grid-template-columns:1.6fr .8fr}
.ch-fila.ch-masaje > span:first-child{text-align:left;padding-left:20px}
#svFilas .ch-fila + .ch-fila{box-shadow:0 -1px 0 #eef2f3}
#svFilas .ch-fila:nth-child(even){background:#f8fbfb}
.ch-vacio{max-width:640px;margin:0 auto;text-align:center;font-weight:300;font-size:17px;line-height:1.7;color:#3b454b}

/* =====================================================================================================================
   BOTONES DE LAS PAGINAS DE SERVICIO, alta gama (6 oct 2026). Reservar: turquesa con aro suave por el borde. Preguntar: filete fino, sin animacion.
   Compartir: solo texto. Letra pequena en mayusculas con espacio.
   ===================================================================================================================== */
.ch-acciones{align-items:center;gap:12px}
.ch-acciones a,.ch-acciones button{position:relative;min-height:52px;padding:0 30px;border-radius:999px;font:500 12px Poppins,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.ch-acciones .a-res{background:#10b2c2;color:#fff;box-shadow:0 14px 30px -14px rgba(16,178,194,.9)}
.ch-acciones .a-res::after{content:"";position:absolute;inset:0;border-radius:999px;border:1.5px solid rgba(16,178,194,.8);pointer-events:none;opacity:0;animation:svSuave 3.4s ease-out infinite}
.ch-acciones .a-pre{background:#fff;color:#0b0c0d;box-shadow:inset 0 0 0 1px #cfd8db}
.ch-acciones .a-pre svg{width:17px;height:17px;color:#10b2c2}
.ch-acciones .a-sh{background:none;color:#5d676c;box-shadow:none;padding:0 12px;font-weight:400}
.ch-acciones .a-sh svg{width:16px;height:16px}
.rs-ir{position:relative;font:500 13.5px Poppins,sans-serif;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 14px 30px -14px rgba(16,178,194,.9)}
.rs-ir::after{content:"";position:absolute;inset:0;border-radius:999px;border:1.5px solid rgba(16,178,194,.8);pointer-events:none;opacity:0;animation:svSuave 3.4s ease-out infinite}
.rs-ir:disabled::after{animation:none}
@keyframes svSuave{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.06,1.3);opacity:0}}
@media (prefers-reduced-motion:reduce){.ch-acciones .a-res::after,.rs-ir::after{animation:none;opacity:0}}

/* Politica de cancelacion: tres escalones con su indicador */
.pol{margin:22px 0 4px;padding:18px 18px 14px;border-radius:18px;border:1px solid #e3eaec;background:#fbfdfd}
.pol h4{margin:0 0 10px;font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#10b2c2}
.pol ul{list-style:none;margin:0;padding:0}
.pol li{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:9px 0;font-size:13.5px;color:#2b3438}
.pol li + li{box-shadow:0 -1px 0 #eef2f3}
.pol li i{width:9px;height:9px;border-radius:50%;background:#14a06b}
.pol li.n-mitad i{background:#e0a21a}
.pol li.n-nada i{background:#a8b2b6}
.pol li b{font-weight:500}
.pol li span{font-weight:600;color:#0b0c0d;text-align:right}
.pol p{margin:8px 0 0;font-size:12.5px;line-height:1.55;color:#5d676c}
@media (max-width:520px){.pol li{grid-template-columns:14px 1fr}.pol li span{grid-column:2;text-align:left;font-weight:500;color:#5d676c}}
.rs-nota{margin:-10px 0 20px;padding:12px 14px;border-radius:12px;background:rgba(16,178,194,.07);font-size:13.5px;line-height:1.55;color:#2b3438}

/* =====================================================================================================================
   SIN BRILLO (Carlos, 6 oct 2026): "no quiero que el brillo sobresalga, ni que salga ningun brillo, no me pongas eso en ningun lado por ahora".
   Se quitan los aros animados y las sombras turquesa de los botones. Los botones quedan planos, con el color de la marca.
   ===================================================================================================================== */
.sv-rej .sv-sobre .sv-btns .sv-lista.sv-res,.ch-acciones .a-res,.rs-ir{box-shadow:none}
.sv-rej .sv-sobre .sv-btns .sv-lista.sv-res::after,.ch-acciones .a-res::after,.rs-ir::after{display:none;animation:none}

/* Politica de cancelacion: una nota discreta, no un formulario */
.pol-txt{margin:20px 0 4px;font-size:12.5px;font-weight:300;line-height:1.7;color:#5d676c}
.pol-txt b{font-weight:500;color:#3b454b}

/* Lista de precios, mas fina: sin bloque turquesa en el encabezado, sin cebra, cifras ligeras */
.ch-tabla{border:0;box-shadow:none;background:none;border-radius:0}
.ch-fila.ch-cab{background:none;box-shadow:0 1px 0 #0b0c0d}
.ch-fila.ch-cab > span{color:#5d676c;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:14px 8px}
.ch-fila > span{font-size:18px;font-weight:300;padding:17px 8px}
.ch-fila > span b{font-weight:400}
#chTabla .ch-fila:nth-child(even),#svFilas .ch-fila:nth-child(even){background:none}
#chTabla .ch-fila + .ch-fila,#svFilas .ch-fila + .ch-fila{box-shadow:0 -1px 0 #eceff0}
.ch-fila.ch-masaje > span:first-child{padding-left:8px;font-size:16.5px}
@media (max-width:560px){.ch-fila > span{font-size:16px;padding:14px 4px}.ch-fila.ch-cab > span{font-size:10px;letter-spacing:.12em}}

/* =====================================================================================================================
   RESERVAR LLEVA UNA FLECHITA BLANCA, EXACTAMENTE EN EL MEDIO, QUE HACE SENAS HACIA ABAJO (Carlos, 6 oct 2026: "en vez de la animacion por los
   alrededores, una flechita blanca pequena que te haga senas hacia abajo de que es reserva"). Reemplaza al aro: ya no sale nada por el borde.
   Solo en los "Reservar" que bajan al bloque de reservar (tarjetas y paginas); "Reservar y pagar" no la lleva.
   ===================================================================================================================== */
.sv-rej .sv-sobre .sv-btns .sv-lista.sv-res,.ch-acciones .a-res{padding-bottom:11px}
.sv-rej .sv-sobre .sv-btns .sv-lista.sv-res{min-height:48px}
.ch-acciones .a-res{min-height:56px}
.sv-rej .sv-sobre .sv-btns .sv-lista.sv-res::after,.ch-acciones .a-res::after{display:block;content:"";position:absolute;inset:auto;left:50%;bottom:7px;width:10px;height:10px;margin-left:-5px;border:0;border-radius:0;opacity:1;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") center/10px no-repeat;animation:svSena 1.7s ease-in-out infinite}
.ch-acciones .a-res::after{bottom:9px}
@keyframes svSena{0%,100%{transform:translateY(-1.5px)}50%{transform:translateY(2.5px)}}
@media (prefers-reduced-motion:reduce){.sv-rej .sv-sobre .sv-btns .sv-lista.sv-res::after,.ch-acciones .a-res::after{animation:none}}

/* La flecha va ARRIBA de la palabra "Reservar" (no abajo), con el estilo de la flecha de "Conoce nuestro Partner Program" (linea con punta, trazo redondeado), blanca, pequena, apuntando abajo y moviendose hacia abajo. */
.sv-rej .sv-sobre .sv-btns .sv-lista.sv-res,.ch-acciones .a-res{padding-top:15px;padding-bottom:0}
.sv-rej .sv-sobre .sv-btns .sv-lista.sv-res::after,.ch-acciones .a-res::after{bottom:auto;top:8px;width:13px;height:13px;margin-left:-6.5px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4v15M6 13l6 6 6-6'/></svg>") center/13px no-repeat;animation:svSena 1.6s ease-in-out infinite}
.ch-acciones .a-res::after{top:10px}
@keyframes svSena{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.rs-chip:disabled{opacity:.35;cursor:default}
/* Transporte: pedido especial, hora al minuto y vuelo */
.rs-deseo{margin-top:16px}.rs-deseo label,.rs-vuelo label{display:block;font:600 13.5px Poppins,sans-serif;color:#0b0c0d;margin-bottom:6px}
.rs-deseo textarea,.rs-vuelo input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1.5px solid #d9e3e6;background:#fff;font:500 16px Poppins,sans-serif;color:#0b0c0d}
.rs-deseo textarea:focus,.rs-vuelo input:focus,.rs-hora-x select:focus,.rs-vuelo select:focus{outline:0;border-color:#10b2c2;box-shadow:0 0 0 3px rgba(16,178,194,.18)}
.rs-hora-x{display:flex;align-items:center;gap:8px}.rs-hora-x b{font:600 20px Poppins,sans-serif}
.rs-hora-x select,.rs-vuelo select{padding:12px 14px;border-radius:12px;border:1.5px solid #d9e3e6;background:#fff;font:500 16px Poppins,sans-serif;color:#0b0c0d;min-width:92px}
.rs-vuelo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.rs-vuelo select{width:100%}
.rs-ayuda{margin:10px 0 0;font:400 13px/1.5 Poppins,sans-serif;color:#5d676c}
@media(max-width:520px){.rs-vuelo{grid-template-columns:1fr}}

/* Botones de la pagina del servicio, a juego con las tarjetas (6 oct 2026) */
.ch-acciones .a-res span,.ch-acciones .a-pre span{font:400 11px Poppins,sans-serif;letter-spacing:.28em;text-transform:uppercase}
.ch-acciones .a-res span{font-weight:500}
.ch-acciones .a-pre{box-shadow:inset 0 0 0 1px #0b0c0d}