/* AmigaWeb · modelo HOTEL · «El tiquete claro» en las pantallas internas (13-oct-2026)
   Ficha de habitación, plan, disponibilidad, reserva, pago, confirmación, puntos, reseñas y legales.
   Va ENCIMA de hotel-marea.css (body.tki): misma tinta, menta y Lexend de la portada, sobre fondo claro
   porque aquí se leen datos y se llenan formularios. Solo cambia la cara: ni una regla de tamaño de
   rejilla ni de comportamiento. */
body.tki{--tinta:#062638;--panel:#0b3246;--menta:#78f0c8;--verde:#007a6e;--suave:#cfe6ef;--hielo:#f5fbfe;--borde:#cfe6ef;
 --c:#007a6e;--c2:#78f0c8;--tx:#062638;--mu:#3d5a69;--bg:#f5fbfe;--fh:Lexend,system-ui,sans-serif;--fb:Lexend,system-ui,sans-serif;
 background:var(--hielo);color:var(--tinta);line-height:1.5}
.tki a:focus-visible,.tki button:focus-visible,.tki summary:focus-visible{outline:3px solid #e8594a;outline-offset:3px}

/* Cabecera y pie */
.tki .top{background:var(--tinta)}
.tki .logo{font-weight:800;letter-spacing:-.02em}
.tki .logo small{letter-spacing:.14em;font-weight:500;color:var(--suave);opacity:1}
.tki .idiomas a.on{color:var(--tinta)}
.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}
@media (max-width:760px){.tk-ingresar{padding:6px 12px;font-size:13px}}
.tki .pasos li{background:rgba(255,255,255,.1);color:var(--suave)}
.tki .pasos .on{background:var(--menta);color:var(--tinta)}
.tki .pie-corto{background:#041c2a;color:var(--suave)}
.tki .pie-corto a{color:#fff}

/* Botones */
.tki .jelly,.tki .res a.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)}
.tki .jelly.sun,.tki .res a.jelly.sun{color:var(--tinta);background:#fff;box-shadow:inset 0 0 0 2px var(--tinta)}
.tki .res .jelly,.tki .res a.jelly{padding:17px;font-size:16px}
.tki .glass{color:var(--tinta)}

/* Títulos y textos */
.tki .cuerpo h1,.tki .cuerpo .caja h1{font-weight:800;letter-spacing:-.03em;line-height:1.08}
.tki .caja h2,.tki .sub,.tki .legal h2,.tki .caja.clara h3{font-weight:700;letter-spacing:-.015em}
.tki .fila h3,.tki .room h3{font-weight:800;letter-spacing:-.02em}
.tki .k{color:var(--verde);letter-spacing:.12em;font-size:13px}
.tki .lead{color:#24424f}
.tki .volver,.tki .vermas,.tki .lin a,.tki .acepto a,.tki .chulos a,.tki .legal a,.tki .otras-legales a{color:var(--verde)}
.tki .inc b,.tki .ahorro,.tki .lin .v,.tki .pre .ant,.tki .ex.premio.si .p small,.tki .hecho b,.tki .chulos li:before{color:var(--verde)}
.tki .precio-g,.tki .pre .tot,.tki .rs-nota b{font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* Cajas, filas y formularios */
.tki .caja,.tki .fila,.tki .rooms.chicas .room{border:1px solid var(--borde);box-shadow:none}
.tki .caja{border-radius:28px}
.tki .cinta{border-bottom-color:var(--borde)}
.tki .chip,.tki .dat span,.tki .room .tags span{background:#e6f4f9;color:#24424f}
.tki .fila .pre{background:var(--hielo);border-left-color:var(--borde)}
.tki .cam input,.tki .cam select{border-color:#a9d4e3;background:#fff}
.tki .cam input:focus,.tki .cam select:focus{outline:2px solid var(--verde);outline-offset:1px}
.tki .ex{border-color:var(--borde)}
.tki .ex .ck{border-color:#a9d4e3}
.tki .ex.si,.tki .ex.enlace:hover{border-color:#00a896;background:#ddf9ef}
.tki .ex.si .ck{background:var(--verde);border-color:var(--verde)}
.tki .ex:focus-within{outline-color:var(--verde)}
.tki .lin,.tki .chulos li{border-bottom-color:var(--borde)}
.tki .hoy{background:#ddf9ef;border-color:#ddf9ef}
.tki .hoy .lin.t{color:var(--tinta);font-weight:800}
.tki .acepto,.tki .rs{border-top-color:var(--borde)}
.tki .acepto input{accent-color:var(--verde)}
.tki .fgal,.tki .foto-g{border-radius:28px}
.tki .cam .rs-estrellas label:hover,.tki .cam .rs-estrellas label:focus-within{background:#e6f4f9}
.tki .caja .st,.tki .rs-link .st,.tki .cam .rs-estrellas label{color:#c9820a}
.tki .ami-panel__cab b{font-weight:700}
@media (max-width:760px){
 .tki .fila .pre{border-top-color:var(--borde)}
 .tki .caja{border-radius:22px}
}
