/* AmigaWeb · modelo HOTEL · portada «El tiquete claro» (13-oct-2026)
   Va ENCIMA de hotel-marea.css y solo la carga la portada (body.tk): tinta de mar + menta + coral,
   Lexend gruesa, Lora cursiva y una nota a mano. Las pantallas de reserva siguen con su hoja de siempre.
   Todo lo nuevo lleva el prefijo tk-. */
body.tk{--tinta:#062638;--panel:#0b3246;--raya:#2c5568;--menta:#78f0c8;--verde:#007a6e;--suave:#cfe6ef;--claro:#e6f4f9;--coral:#ffb4a8;--hielo:#f5fbfe;
 --c:#007a6e;--c2:#78f0c8;--tx:#062638;--mu:#3d5a69;--bg:#062638;--fh:Lexend,system-ui,sans-serif;--fb:Lexend,system-ui,sans-serif;
 background:var(--tinta);color:#fff;font-size:16px;line-height:1.5;overflow-x:hidden}
.tk a:focus-visible,.tk button:focus-visible,.tk input:focus-visible,.tk summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.tk .oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Botones */
.tk .jelly{color:var(--tinta);background:var(--menta);font:700 15px var(--fb);padding:15px 26px;
 box-shadow:inset 0 -5px 0 rgba(0,122,110,.35),inset 0 3px 0 rgba(255,255,255,.7),0 14px 26px -12px rgba(0,168,150,.8)}
.tk .jelly.sun{color:#fff;background:transparent;box-shadow:inset 0 0 0 2px var(--menta)}
.tk .nav .jelly.sun{color:var(--tinta);background:var(--menta);padding:12px 22px;box-shadow:inset 0 -4px 0 rgba(0,122,110,.35),inset 0 3px 0 rgba(255,255,255,.7)}
.tk .glass{color:var(--tinta)}

/* Menú */
.tk .logo{font-weight:800;letter-spacing:-.02em}
.tk .logo small{letter-spacing:.14em;font-weight:500;color:var(--suave);opacity:1}
.tk .enlaces a{font-weight:500;color:var(--suave);white-space:nowrap}
.tk .enlaces a:hover{color:var(--menta)}
.tk .idiomas a.on{color:var(--tinta)}
/* Entrada a la cuenta: va dentro del menú (en celular queda en el menú desplegable). */
.tk-ingresar{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);color:#fff;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;flex:none}
.tk-ingresar:hover{border-color:#78f0c8;color:#78f0c8}
.tk .enlaces a.tk-ingresar{color:#fff}
.tk .enlaces a.tk-ingresar:hover{color:#78f0c8}
.tk .enlaces{align-items:center;gap:16px}
.tk .nav .w{gap:16px}

/* ── La frase y el tiquete ───────────────────────────────────────────────── */
.tk-hero{padding:132px 0 0}
.con-cinta .tk-hero{padding-top:150px}
.tk-hero-g{display:flex;flex-wrap:wrap;gap:40px 48px;align-items:flex-start}
.tk-hero-a{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:22px}
.tk .eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--menta)}
.tk-lema{margin:0;font-size:19px;font-weight:500;color:var(--claro);max-width:560px}
.tk-lema i{font-family:Lora,Georgia,serif;font-weight:600;color:var(--menta)}
.tk-frase{margin:0}
.tk-frase h1{margin:0;font-size:clamp(30px,4vw,54px);font-weight:800;line-height:1.42;letter-spacing:-.03em}
.tk-chip{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;background:var(--panel);border:2.5px solid var(--menta);border-radius:20px;padding:0 8px;line-height:1.25;white-space:nowrap;color:#fff;font:inherit;letter-spacing:inherit}
.tk-chip button{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--menta);color:var(--tinta);font:700 26px/1 var(--fb);cursor:pointer}
.tk-chip button:disabled{opacity:.35;cursor:default}
.tk-chip [data-txt]{padding:0 4px}
button.tk-motivo{gap:8px;padding:0 18px;cursor:pointer;background:transparent;border-style:dashed;color:var(--menta);font-family:Lora,Georgia,serif;font-style:italic;font-weight:600;letter-spacing:-.01em}
.tk-fecha{padding:0 14px;cursor:pointer}
.tk-fecha input{border:0;background:transparent;color:#fff;font:inherit;font-size:.72em;letter-spacing:-.01em;padding:8px 0;outline:0;cursor:pointer;color-scheme:dark;max-width:100%}
.tk-mano{font-family:"Shadows Into Light Two",cursive;font-style:normal;font-weight:400;color:var(--coral)}
.tk-flecha{display:flex;align-items:center;gap:10px;margin:0;font-size:24px;transform:rotate(-1.5deg);transform-origin:left center}
.tk-rec{background:var(--panel);border:1px solid var(--raya);border-radius:28px;padding:24px 26px;display:flex;flex-direction:column;gap:8px}
.tk-rec small{font-size:13px;font-weight:600;color:var(--suave)}
.tk-rec strong{font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--menta)}
.tk-rec p{margin:0;font-size:15.5px;color:var(--claro)}
.tk-rec-enl{display:flex;flex-wrap:wrap;gap:6px 24px;padding-top:6px}
.tk-rec-enl a{font-size:15px;font-weight:600;color:var(--suave);padding:8px 0}
.tk-rec-enl a:hover{color:var(--menta)}
.tk-sellos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px 20px;font-size:14.5px;font-weight:500;color:var(--claro)}

.tk-tq{flex:1 1 400px;min-width:0;max-width:500px;margin:0 auto;background:#fff;color:var(--tinta);border-radius:32px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(0,0,0,.9);transform:rotate(1.2deg);transition:opacity .2s}
.tk-tq.tk-espera{opacity:.55}
.tk-tq-foto{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.tk-tq-a{padding:22px 26px 8px;display:flex;flex-direction:column;gap:14px}
.tk-tq-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px}
.tk-tq-cab span{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--verde)}
.tk-tq-cab small{font-size:12.5px;font-weight:600;color:var(--mu)}
.tk-tq-nom{font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.025em}
.tk-tq-datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
.tk-tq-datos div{display:flex;flex-direction:column}
.tk-tq-datos small{font-size:12.5px;color:var(--mu)}
.tk-tq-datos b{font-size:17px;font-weight:700}
.tk-tq-datos i{font-style:normal;font-size:13px;color:var(--mu)}
.tk-tq-nota{margin:0;font-size:14px;color:#24424f}
.tk-tq-corte{display:flex;align-items:center;margin:6px 0}
.tk-tq-corte span{width:16px;height:32px;background:var(--tinta)}
.tk-tq-corte span:first-child{border-radius:0 16px 16px 0}
.tk-tq-corte span:last-child{border-radius:16px 0 0 16px}
.tk-tq-corte i{flex:1;border-top:3px dashed #a9d4e3}
.tk-tq-b{padding:8px 26px 26px;display:flex;flex-direction:column;gap:14px}
.tk-tq-total{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tk-tq-total div{display:flex;flex-direction:column;gap:1px}
.tk-tq-total span{font-size:15px;font-weight:600}
.tk-tq-total small{font-size:13px;color:var(--mu);font-variant-numeric:tabular-nums}
.tk-tq-total small.tk-ahorro{color:var(--verde);font-weight:600;white-space:nowrap}
.tk-tq-total strong{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.tk-tq-pago{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tk-tq-pago div{display:flex;flex-direction:column;gap:2px;background:var(--hielo);border:1px solid #cfe6ef;border-radius:18px;padding:14px 16px}
.tk-tq-pago div.hoy{background:#ddf9ef;border-color:#ddf9ef}
.tk-tq-pago span{font-size:13px;font-weight:600;color:#24424f}
.tk-tq-pago b{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}
.tk-tq-pts{display:flex;align-items:flex-start;gap:12px;background:#ffece8;border-radius:18px;padding:14px 16px}
.tk-tq-pts svg{flex:none;margin-top:2px;fill:#c93f2a}
.tk-tq-pts b{display:block;font-size:15.5px;font-weight:700}
.tk-tq-pts span{display:block;font-size:14px;color:#24424f}
.tk .tk-cta{min-height:58px;font-size:17px;gap:12px;white-space:normal;text-align:center}
.tk .tk-tq .jelly.sun{color:var(--tinta);box-shadow:inset 0 0 0 2px var(--tinta)}
.tk-tq-medios{font-size:13px;color:var(--mu);text-align:center}

/* Franja de frases */
.tk .strip{background:var(--panel);color:var(--claro);border-top:1px solid var(--raya);border-bottom:1px solid var(--raya);margin-top:72px}

/* ── Secciones ───────────────────────────────────────────────────────────── */
.tk .sec{padding:96px 0}
.tk .sec.pegada{padding-top:0}
.tk .sec h2{font-family:var(--fh);font-weight:800;font-size:clamp(28px,3.6vw,46px);line-height:1.12;letter-spacing:-.025em;max-width:780px;text-wrap:balance}
.tk .sec h2 i{font-family:Lora,Georgia,serif;font-weight:600;color:var(--menta)}
.tk .sec .k{color:var(--menta);letter-spacing:.12em;font-size:13px}
.tk .lead{color:var(--suave)}
.tk .vermas{color:var(--menta)}

/* Tres pasos */
.tk-pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:26px}
.tk-paso{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:28px;background:var(--panel);border:1px solid var(--raya)}
.tk-paso i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--menta);color:var(--tinta);font-style:normal;font-size:22px;font-weight:800}
.tk-paso b{font-size:21px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}
.tk-paso span{font-size:15px;color:var(--claro)}

/* Habitaciones lado a lado (sección clara) */
.tk .tk-clara{background:var(--hielo);color:var(--tinta)}
.tk .tk-clara .k{color:var(--verde)}
.tk .tk-clara .lead{color:var(--mu)}
.tk .tk-clara .vermas{color:var(--verde);margin:6px 0 0}
.tk .rooms{display:flex;flex-direction:column;gap:22px;margin-top:40px}
.tk .room{position:relative;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px 28px;padding:18px;border-radius:28px;background:#fff;border:1px solid #cfe6ef;box-shadow:none;overflow:visible}
.tk .room[data-rec]{background:#ddf9ef;border:2.5px solid #00a896}
.tk .room .im{flex:0 0 auto;width:210px;max-width:100%;height:auto;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:#dfe8ee}
.tk .room .im a{display:block;height:100%}
.tk .room .bd{flex:1 1 260px;min-width:0;padding:0;gap:6px;align-items:flex-start}
.tk .room h3{font-family:var(--fh);font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}
.tk .room h3 a{text-decoration:none}
.tk-etq{font-size:13px;font-weight:700;color:var(--verde)}
.tk-etq.urgente{color:#b3321f}
.tk-datos{margin:0;font-size:15px;color:#24424f}
.tk-nota{font-size:14px;font-weight:700;color:var(--tinta);text-decoration:none}
.tk-nota span{color:#c9820a}
.tk-nota:hover{text-decoration:underline}
.tk .room .pr{flex:0 1 210px;display:flex;flex-direction:column}
.tk .room .pr b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
.tk .room .pr small{font-size:13px;color:var(--mu);margin-bottom:6px}
.tk .room .pr span{font-size:13.5px;font-weight:600;color:#24424f;font-variant-numeric:tabular-nums}
.tk-acc{flex:0 0 auto}
.tk-prefiero,.tk-elegida,.tk-no{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-size:15.5px;font-weight:700;text-decoration:none}
.tk-prefiero{border:2px solid var(--tinta);background:#fff;color:var(--tinta);cursor:pointer}
.tk-prefiero:hover{background:var(--tinta);color:#fff}
.tk-elegida{background:var(--tinta);color:#fff}
.tk-no{background:#e9eff3;color:#3d5a69;font-weight:600}
.tk .room em.tk-mano{position:absolute;right:26px;top:-18px;font-size:24px;line-height:1.3;color:#b3321f;background:var(--hielo);padding:0 10px;border-radius:10px;transform:rotate(2deg)}

/* Lo demás de la página, en tinta */
.tk .am div{color:#fff}
.tk .pc{background:var(--panel);border:1px solid var(--raya);color:#fff;box-shadow:none}
.tk .pc h3{font-weight:700}
.tk .pc s,.tk .pc .de{color:var(--suave)}
.tk .pay{background:#fff}
.tk .dark{background:var(--panel)}
.tk .dark .lead,.tk .score small{color:var(--suave)}
.tk .score b{color:var(--menta)}
.tk .tk-resenar{display:inline-block;margin:22px 0 0;font-size:15px}
.tk-sellos a{color:inherit;font-weight:700}
.tk .ph2 .fl[hidden]{display:none}
.tk .ph2 .fl span{display:block}
.tk .pts{background:var(--panel);border:1px solid var(--raya)}
.tk .pts .lead{color:var(--suave)}
.tk .cerca div{background:var(--panel);border:1px solid var(--raya);box-shadow:none}
.tk .cerca small{color:var(--suave)}
.tk .faq details{background:var(--panel);border:1px solid var(--raya);box-shadow:none}
.tk .faq p{color:var(--suave)}
.tk .faq summary:after{background:var(--menta);color:var(--tinta)}
.tk .caja.clara h3{font-weight:700}
.tk .hecho b{font-weight:800}
.tk footer{background:#041c2a;color:var(--suave)}
.tk footer .logo{color:#fff}

@media (min-width:761px){.tk .logo small{white-space:nowrap}}
/* La barra fija del celular va sobre la página: su botón de borde necesita fondo propio. */
.tk .fija .jelly.sun{background:var(--tinta)}
@media (max-width:1100px){
 .tk .sec{padding:80px 0}
 .tk .rooms{grid-template-columns:none}
}
/* El menú completo solo cabe en pantallas anchas: de 1180 px para abajo pasa al botón ☰ (como en celular). */
@media (max-width:1180px){
 .tk .hamb{display:block}
 .tk .enlaces{display:none;position:absolute;top:90px;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;border-radius:20px;padding:8px;background:rgba(8,26,40,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
 .tk .nav.abierto .enlaces{display:flex}
 .tk .enlaces a{padding:14px 16px;font-size:16px;border-radius:12px}
 .tk .enlaces a.tk-ingresar{border:0;color:#78f0c8}
}
@media (max-width:760px){
 .tk .enlaces{top:72px}
 .tk-hero{padding-top:96px}
 .con-cinta .tk-hero{padding-top:128px}
 .tk-hero-g{gap:28px}
 .tk-frase h1{line-height:1.5}
 .tk-chip button{width:40px;height:40px;font-size:24px}
 .tk-flecha{font-size:21px}
 .tk-tq{transform:none;max-width:none;border-radius:26px}
 .tk-tq-a{padding:20px 20px 8px}
 .tk-tq-b{padding:8px 20px 22px}
 .tk-tq-total strong{font-size:28px}
 .tk .strip{margin-top:48px}
 .tk .sec{padding:60px 0}
 .tk .rooms{gap:26px;margin-top:30px}
 .tk .room .im{width:100%}
 .tk .room .pr{flex:1 1 150px}
 .tk-acc{flex:1 1 100%}
 .tk-prefiero,.tk-elegida,.tk-no{width:100%}
 .tk .nav .jelly.sun{display:none}
}
@media (prefers-reduced-motion:reduce){.tk-tq{transition:none}}