/* HotelsCasa LiteAPI — acento #E2C48E, fondo #0B1014, radios 18px */

.hc-liteapi { max-width: 1080px; margin: 0 auto; padding: 24px 16px; }
.hc-liteapi .hc-cabecera h1 { margin: 0 0 6px; }
.hc-liteapi .hc-sub, .hc-liteapi .hc-direccion { color: #9aa3ad; margin: 0 0 8px; } /* auditoría: 6,6:1 de contraste (antes 3,7:1) */
.hc-liteapi .hc-estrellas { color: #E2C48E; letter-spacing: 2px; font-size: 15px; margin: -2px 0 8px; }
.hc-liteapi .hc-error { color: #f0a09a; }
.hc-liteapi .hc-vacio, .hc-liteapi .hc-cargando { color: #9aa3ad; }
.hc-liteapi a:focus-visible, .hc-liteapi button:focus-visible, .hc-liteapi input:focus-visible, .hc-liteapi select:focus-visible, .hc-liteapi textarea:focus-visible { outline: 2px solid #E2C48E; outline-offset: 2px; }

.hc-boton {
	display: inline-block; border: 0; cursor: pointer;
	background: #0B1014; color: #E2C48E;
	padding: 12px 26px; border-radius: 18px; font-size: 15px;
	transition: opacity .15s ease;
}
.hc-boton:hover { opacity: .88; }
.hc-boton:disabled { opacity: .5; cursor: default; }

/* Listado de ciudad */
.hc-rejilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.hc-tarjeta { border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 1px 6px rgba(11,16,20,.10); }
.hc-tarjeta a { text-decoration: none; color: inherit; display: block; }
.hc-tarjeta .hc-foto { aspect-ratio: 4 / 3; overflow: hidden; background: #f4f1ea; }
.hc-tarjeta .hc-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hc-tarjeta .hc-datos { padding: 14px 16px 16px; }
.hc-tarjeta h2 { font-size: 17px; margin: 0 0 4px; }
.hc-tarjeta .hc-nota { display: block; color: #6b6f76; font-size: 13px; }
.hc-tarjeta .hc-precio { display: block; margin-top: 8px; color: #0B1014; font-weight: 600; }
.hc-paginacion { display: flex; justify-content: space-between; margin-top: 28px; }

/* Ficha */
.hc-migas { font-size: 14px; margin-bottom: 12px; }
.hc-galeria { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 8px; margin: 18px 0; }
.hc-galeria img { width: 100%; height: 100%; object-fit: cover; border-radius: 18px; aspect-ratio: 4 / 3; }
.hc-galeria img:first-child { grid-row: span 2; aspect-ratio: auto; }
.hc-galeria img:nth-child(n+6) { display: none; }
.hc-buscador { background: #0B1014; color: #f4f1ea; border-radius: 18px; padding: 22px 24px; margin: 24px 0; }
.hc-buscador h2 { color: #E2C48E; margin-top: 0; }
.hc-buscador .hc-precio-desde { color: #E2C48E; font-size: 18px; }
.hc-buscador form { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; }
.hc-buscador label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
/*
 * HC_CONTROLES_OSCUROS_V1 (2026-08-20, orden del dueño) — `color-scheme: dark`.
 *
 * El campo ya venía con fondo oscuro y letra clara, pero el navegador pinta sus
 * PROPIOS controles con el esquema claro por defecto: el iconito de calendario
 * del `input[type=date]` y la flecha del `select` salían NEGROS sobre el campo
 * oscuro — invisibles. En el móvil eso deja la forma de fechas sin ninguna
 * señal de que se pueda abrir un calendario.
 *
 * Una sola declaración lo arregla, y arregla además lo que un `filter:
 * invert()` sobre el icono NO tocaría: el calendario emergente y la lista del
 * desplegable, que seguirían saliendo en blanco.
 *
 * Solo cambia el COLOR de los controles nativos: ni el marcado del formulario
 * ni el comportamiento del calendario se tocan.
 */
.hc-buscador input, .hc-buscador select { padding: 10px 12px; border-radius: 12px; border: 1px solid #2a323c; background: #141b22; color: #f4f1ea; color-scheme: dark; }
.hc-buscador .hc-boton { background: #E2C48E; color: #0B1014; }

.hc-oferta { display: flex; justify-content: space-between; gap: 16px; background: #141b22; border-radius: 18px; padding: 16px 18px; margin-top: 12px; flex-wrap: wrap; }
.hc-oferta h3 { margin: 0 0 4px; font-size: 16px; }
.hc-oferta .hc-board, .hc-oferta .hc-cancel { display: block; font-size: 13px; color: #9aa3ad; }
.hc-oferta .hc-cancel { color: #8fce9b; }
.hc-oferta .hc-nrfn { display: block; font-size: 13px; color: #d0a3a0; }
.hc-oferta-precio { text-align: right; display: flex; flex-direction: column; gap: 4px; }
.hc-oferta-precio span { font-size: 13px; color: #9aa3ad; }
.hc-oferta-precio .hc-boton { background: #E2C48E; color: #0B1014; margin-top: 6px; }

.hc-servicios ul { columns: 2; padding-left: 18px; }

/* Checkout */
.hc-checkout, .hc-confirmacion { max-width: 640px; }
.hc-checkout .hc-resumen, .hc-confirmacion .hc-resumen { background: #f4f1ea; border-radius: 18px; padding: 16px 20px; margin-bottom: 22px; }
.hc-checkout form label { display: block; margin-bottom: 14px; }
.hc-checkout form input { width: 100%; padding: 11px 13px; border-radius: 12px; border: 1px solid #cfd3d8; }
.hc-tabla-desglose { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.hc-tabla-desglose td { padding: 6px 0; }
.hc-tabla-desglose td:last-child { text-align: right; }
.hc-tabla-desglose .hc-total td { border-top: 1px solid #cfd3d8; font-weight: 700; padding-top: 10px; }
#hc-pago { background: #0B1014; color: #f4f1ea; border-radius: 18px; padding: 22px 24px; }
#hc-pago h2 { color: #E2C48E; margin-top: 0; }
#hc-pagar { background: #E2C48E; color: #0B1014; margin-top: 16px; width: 100%; }
.hc-nota-pago { font-size: 12px; color: #9aa3ad; }
#hc-aviso-precio { background: #fdf3e3; border-radius: 18px; padding: 16px 20px; }

@media (max-width: 720px) {
	.hc-galeria { grid-template-columns: 1fr 1fr; }
	.hc-servicios ul { columns: 1; }
}

/* ------------------------------------------------------------------ */
/* HC_HOTEL_FICHA_V2 (2026-08-21) — la ficha de hotel, en la paleta del  */
/* tema (fondo #0B1014, paneles #11181E/#161D24, acento #E2C48E).        */
/* ------------------------------------------------------------------ */

/* 2/10 — la nota agregada: cuadro con cifra, palabra y recuento */
.hc-liteapi .hc-nota--grande {
	display: inline-flex; align-items: center; gap: 10px; text-decoration: none;
	color: #C2C2C2; margin: 6px 0 0;
}
.hc-liteapi .hc-nota--grande .hc-nota-cifra {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; height: 44px; padding: 0 10px; border-radius: 12px 12px 12px 2px;
	background: #E2C48E; color: #0B1014; font-weight: 700; font-size: 18px;
}
.hc-liteapi .hc-nota--grande .hc-nota-texto { display: flex; flex-direction: column; line-height: 1.2; }
.hc-liteapi .hc-nota--grande .hc-nota-texto strong { color: #F4F0E8; font-size: 15px; }
.hc-liteapi .hc-nota--grande .hc-nota-texto small { color: #999; font-size: 12.5px; }
.hc-liteapi .hc-nota--grande:hover .hc-nota-texto strong { color: #E2C48E; }
.hc-tarjeta .hc-nota--mini strong { color: #0B1014; background: #E2C48E; border-radius: 6px 6px 6px 1px; padding: 1px 6px; margin-right: 4px; }

/* 3/10 — mapa */
.hc-liteapi .hc-mapa-seccion { margin: 28px 0; }
.hc-liteapi .hc-mapa-direccion { color: #C2C2C2; margin: 0 0 10px; }
.hc-liteapi .hc-mapa { height: 380px; border-radius: 18px; overflow: hidden; background: #161D24; border: 1px solid rgba(226,196,142,.22); }
.hc-liteapi .hc-mapa .leaflet-container { font: inherit; }
.hc-liteapi .hc-mapa-enlaces { font-size: 14px; margin: 10px 0 0; color: #999; }
@media (max-width: 720px) { .hc-liteapi .hc-mapa { height: 260px; } }

/* 4/10 — servicios: tira de iconos + todos los servicios agrupados */
.hc-liteapi .hc-servicios { margin: 28px 0; }
.hc-liteapi .hc-servicios h2 small { font-size: 14px; color: #999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-weight: 400; margin-left: 6px; }
.hc-liteapi .hc-servicios-tira { list-style: none; margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 10px; }
.hc-liteapi .hc-servicios-tira li { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px 14px; background: #161D24; border: 1px solid rgba(226,196,142,.22); border-radius: 14px; color: #F4F0E8; font-size: 13.5px; line-height: 1.25; }
.hc-liteapi .hc-servicios-tira svg { width: 24px; height: 24px; color: #E2C48E; flex: none; }
.hc-liteapi .hc-servicios-grupos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px 28px; }
.hc-liteapi .hc-servicios-grupo h3 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; color: #E2C48E; margin: 0 0 8px; padding-bottom: 6px; border-bottom: 1px solid rgba(226,196,142,.22); }
.hc-liteapi .hc-servicios-grupo ul { columns: 1; list-style: none; margin: 0; padding: 0; }
.hc-liteapi .hc-servicios-grupo li { position: relative; padding: 3px 0 3px 20px; color: #C2C2C2; font-size: 14.5px; line-height: 1.4; }
.hc-liteapi .hc-servicios-grupo li::before { content: "✓"; position: absolute; left: 0; top: 3px; color: #E2C48E; font-size: 13px; }
.hc-liteapi .hc-servicios-grupo--otros { grid-column: 1 / -1; }
.hc-liteapi .hc-servicios-grupo--otros ul { columns: 2; column-gap: 28px; }
@media (max-width: 720px) { .hc-liteapi .hc-servicios-grupo--otros ul { columns: 1; } }

/* 5/10 — qué hay cerca (POI) */
.hc-liteapi .hc-poi { margin: 28px 0; }
.hc-liteapi .hc-poi h2 small { font-size: 14px; color: #999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-weight: 400; margin-left: 6px; }
.hc-liteapi .hc-poi-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0 28px; }
.hc-liteapi .hc-poi-item { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "nombre dist" "cat dist"; align-items: center; padding: 9px 0; border-bottom: 1px solid rgba(226,196,142,.14); }
.hc-liteapi .hc-poi-nombre { grid-area: nombre; color: #F4F0E8; font-size: 15px; }
.hc-liteapi .hc-poi-cat { grid-area: cat; color: #999; font-size: 12.5px; }
.hc-liteapi .hc-poi-dist { grid-area: dist; color: #E2C48E; font-weight: 600; font-size: 14px; white-space: nowrap; padding-left: 12px; }
.hc-liteapi .hc-poi-marca { display: inline-block; font-style: normal; font-size: 11px; letter-spacing: .3px; text-transform: uppercase; color: #0B1014; background: #E2C48E; border-radius: 999px; padding: 1px 7px; margin-left: 6px; vertical-align: middle; }
.hc-liteapi .hc-poi-nota { color: #999; font-size: 12.5px; margin: 10px 0 0; }

/* 6/10 — qué dicen los huéspedes */
.hc-liteapi .hc-opiniones { margin: 28px 0; }
.hc-liteapi .hc-op-resumen { display: flex; align-items: center; gap: 14px; background: #161D24; border: 1px solid rgba(226,196,142,.22); border-radius: 18px; padding: 16px 20px; margin: 0 0 18px; }
.hc-liteapi .hc-op-resumen-cifra { display: inline-flex; align-items: center; justify-content: center; min-width: 58px; height: 58px; padding: 0 12px; border-radius: 14px 14px 14px 3px; background: #E2C48E; color: #0B1014; font-weight: 700; font-size: 26px; }
.hc-liteapi .hc-op-resumen-texto { display: flex; flex-direction: column; line-height: 1.25; }
.hc-liteapi .hc-op-resumen-texto strong { color: #F4F0E8; font-size: 18px; }
.hc-liteapi .hc-op-resumen-texto small { color: #999; font-size: 13px; }
.hc-liteapi .hc-op-pocas, .hc-liteapi .hc-op-vacio, .hc-liteapi .hc-op-idioma, .hc-liteapi .hc-op-quien { color: #999; font-size: 14px; }
.hc-liteapi .hc-op-analisis h3, .hc-liteapi .hc-op-sub { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; color: #E2C48E; margin: 18px 0 10px; }
.hc-liteapi .hc-op-sub small { color: #999; font-weight: 400; font-size: 13px; margin-left: 6px; }
.hc-liteapi .hc-op-cats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px 28px; }
.hc-liteapi .hc-op-cat-cab { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.hc-liteapi .hc-op-cat-nombre { color: #F4F0E8; font-size: 15px; }
.hc-liteapi .hc-op-cat-nota { color: #E2C48E; font-weight: 700; font-size: 15px; }
.hc-liteapi .hc-op-barra { height: 6px; border-radius: 999px; background: #1F2A33; margin: 6px 0 6px; overflow: hidden; }
.hc-liteapi .hc-op-barra span { display: block; height: 100%; background: #E2C48E; border-radius: 999px; }
.hc-liteapi .hc-op-cat-texto { color: #C2C2C2; font-size: 13.5px; line-height: 1.45; margin: 0; }
.hc-liteapi .hc-op-proscons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 28px; margin-top: 8px; }
.hc-liteapi .hc-op-pros ul, .hc-liteapi .hc-op-cons ul { list-style: none; margin: 0; padding: 0; }
.hc-liteapi .hc-op-pros li, .hc-liteapi .hc-op-cons li { position: relative; padding: 4px 0 4px 22px; color: #C2C2C2; font-size: 14.5px; line-height: 1.45; }
.hc-liteapi .hc-op-pros li::before { content: "+"; position: absolute; left: 2px; top: 3px; color: #8fce9b; font-weight: 700; }
.hc-liteapi .hc-op-cons li::before { content: "−"; position: absolute; left: 2px; top: 3px; color: #d0a3a0; font-weight: 700; }
.hc-liteapi .hc-op-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.hc-liteapi .hc-op-item { background: #161D24; border: 1px solid rgba(226,196,142,.16); border-radius: 16px; padding: 14px 16px; }
.hc-liteapi .hc-op-item--propia { border-color: rgba(226,196,142,.45); }
.hc-liteapi .hc-op-item-cab { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.hc-liteapi .hc-op-item-nota { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px; border-radius: 10px 10px 10px 2px; background: #E2C48E; color: #0B1014; font-weight: 700; font-size: 15px; }
.hc-liteapi .hc-op-item-quien { display: flex; flex-direction: column; line-height: 1.2; }
.hc-liteapi .hc-op-item-quien strong { color: #F4F0E8; font-size: 14.5px; }
.hc-liteapi .hc-op-item-quien small { color: #999; font-size: 12.5px; }
.hc-liteapi .hc-op-item-verif { margin-left: auto; font-size: 11px; letter-spacing: .3px; text-transform: uppercase; color: #E2C48E; border: 1px solid rgba(226,196,142,.45); border-radius: 999px; padding: 2px 8px; }
.hc-liteapi .hc-op-item-titulo { font-family: inherit; color: #F4F0E8; font-size: 15px; margin: 0 0 6px; }
.hc-liteapi .hc-op-item-pros, .hc-liteapi .hc-op-item-cons { color: #C2C2C2; font-size: 14px; line-height: 1.45; margin: 0 0 6px; }
.hc-liteapi .hc-op-item-pros span { color: #8fce9b; font-weight: 700; }
.hc-liteapi .hc-op-item-cons span { color: #d0a3a0; font-weight: 700; }
.hc-liteapi .hc-op-form { background: #11181E; border: 1px solid rgba(226,196,142,.22); border-radius: 18px; padding: 18px 20px; margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
.hc-liteapi .hc-op-form h3, .hc-liteapi .hc-op-form .hc-op-form-intro, .hc-liteapi .hc-op-form .hc-op-form-ancho, .hc-liteapi .hc-op-form button, .hc-liteapi .hc-op-form .hc-op-form-msg { grid-column: 1 / -1; }
.hc-liteapi .hc-op-form h3 { margin: 0; font-size: 17px; }
.hc-liteapi .hc-op-form .hc-op-form-intro { margin: 0; color: #999; font-size: 14px; }
.hc-liteapi .hc-op-form label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #C2C2C2; }
.hc-liteapi .hc-op-form input, .hc-liteapi .hc-op-form select, .hc-liteapi .hc-op-form textarea { padding: 10px 12px; border-radius: 12px; border: 1px solid #2a323c; background: #141b22; color: #f4f1ea; color-scheme: dark; font: inherit; }
.hc-liteapi .hc-op-form button { justify-self: start; background: #E2C48E; color: #0B1014; }
.hc-liteapi .hc-op-form-msg { margin: 0; font-size: 14px; color: #E2C48E; }
@media (max-width: 720px) {
	.hc-liteapi .hc-op-proscons, .hc-liteapi .hc-op-form { grid-template-columns: 1fr; }
}

/* 7/10 — cabecera en dos columnas, tira técnica, condiciones abiertas */
.hc-liteapi .hc-cabecera { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; flex-wrap: wrap; margin-bottom: 6px; }
.hc-liteapi .hc-cabecera-izq { flex: 1 1 520px; min-width: 0; }
.hc-liteapi .hc-cabecera-der { flex: 0 0 auto; padding-top: 6px; }
.hc-liteapi .hc-cabecera h1 { font-size: clamp(26px, 3.4vw, 38px); margin: 0 0 6px; }
.hc-liteapi .hc-direccion a { color: #E2C48E; }
.hc-liteapi .hc-tecnica { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 10px 0 0; padding: 0; }
.hc-liteapi .hc-tecnica > div { display: inline-flex; align-items: baseline; gap: 6px; background: #161D24; border: 1px solid rgba(226,196,142,.18); border-radius: 999px; padding: 5px 12px; font-size: 13px; }
.hc-liteapi .hc-tecnica dt { color: #999; margin: 0; }
.hc-liteapi .hc-tecnica dd { color: #F4F0E8; margin: 0; }
.hc-liteapi .hc-tecnica dd a { color: #E2C48E; font-weight: 600; }
.hc-liteapi .hc-condiciones { margin: 28px 0; }
.hc-liteapi .hc-horarios { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 14px; padding: 0; }
.hc-liteapi .hc-horarios > div { display: inline-flex; gap: 6px; background: #161D24; border: 1px solid rgba(226,196,142,.18); border-radius: 12px; padding: 10px 14px; font-size: 14.5px; }
.hc-liteapi .hc-horarios dt { color: #E2C48E; font-weight: 600; margin: 0; }
.hc-liteapi .hc-horarios dd { color: #F4F0E8; margin: 0; }
.hc-liteapi .hc-condiciones-texto h3 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; color: #E2C48E; margin: 0 0 8px; }
.hc-liteapi .hc-condiciones-texto p { color: #C2C2C2; font-size: 14.5px; line-height: 1.55; }
@media (max-width: 720px) { .hc-liteapi .hc-cabecera-der { order: -1; } }

/* 8/10 — alojamientos similares */
.hc-liteapi .hc-similares { margin: 32px 0 8px; }
.hc-liteapi .hc-similares-rejilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.hc-liteapi .hc-similar { display: flex; flex-direction: column; background: #161D24; border: 1px solid rgba(226,196,142,.16); border-radius: 16px; overflow: hidden; text-decoration: none; color: inherit; transition: transform .15s ease, border-color .15s ease; }
.hc-liteapi .hc-similar:hover { transform: translateY(-2px); border-color: rgba(226,196,142,.5); }
.hc-liteapi .hc-similar-foto { display: block; aspect-ratio: 4 / 3; background: #11181E; overflow: hidden; }
.hc-liteapi .hc-similar-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hc-liteapi .hc-similar-datos { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px 14px; }
.hc-liteapi .hc-similar-nombre { color: #F4F0E8; font-weight: 600; font-size: 15px; line-height: 1.3; }
.hc-liteapi .hc-similar-ciudad { color: #999; font-size: 13px; }
.hc-liteapi .hc-similar .hc-nota--mini { color: #C2C2C2; font-size: 12.5px; margin-top: 2px; }
.hc-liteapi .hc-similar .hc-nota--mini strong { color: #0B1014; background: #E2C48E; border-radius: 6px 6px 6px 1px; padding: 1px 6px; margin-right: 4px; }
.hc-liteapi .hc-similar-precio { color: #E2C48E; font-weight: 600; font-size: 14px; margin-top: 4px; }

/* 9/10 — migas completas */
.hc-liteapi .hc-migas ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 6px; font-size: 13.5px; color: #999; }
.hc-liteapi .hc-migas li + li::before { content: "›"; margin-right: 6px; color: #666; }
.hc-liteapi .hc-migas a { color: #C2C2C2; }
.hc-liteapi .hc-migas a:hover { color: #E2C48E; }
.hc-liteapi .hc-migas li[aria-current] { color: #F4F0E8; }


/* 6c — calendario sobre la forma de fechas + barra móvil «Reservar» */
.hc-liteapi .hc-buscador input[readonly] { cursor: pointer; }
.hc-liteapi .hc-cal-pop { flex: 1 1 100%; background: #11181E; border: 1px solid rgba(226,196,142,.28); border-radius: 16px; padding: 14px 16px; margin-top: 4px; }
.hc-liteapi .hc-cal-cab { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
.hc-liteapi .hc-cal-ayuda { color: #C2C2C2; font-size: 13px; }
.hc-liteapi .hc-cal-cerrar { border: 0; background: transparent; color: #E2C48E; font-size: 22px; line-height: 1; cursor: pointer; padding: 0 4px; }
.hc-liteapi .hc-cal-pie { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.hc-liteapi .hc-cal-resumen { color: #F4F0E8; font-size: 14px; }
.hc-liteapi .hc-cal-pie .hc-boton { background: #E2C48E; color: #0B1014; padding: 9px 20px; font-size: 14px; }
.hc-liteapi .hc-barra-movil { display: none; }
@media (max-width: 720px) {
	body.hc-con-barra .hc-liteapi.hc-hotel { padding-bottom: 88px; }
	.hc-liteapi .hc-barra-movil { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990; display: flex; align-items: center; justify-content: space-between; gap: 12px;
		padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)); background: rgba(11,16,20,.96); border-top: 1px solid rgba(226,196,142,.35); backdrop-filter: blur(6px);
		transition: transform .25s ease, opacity .25s ease; }
	.hc-liteapi .hc-barra-movil--oculta { transform: translateY(110%); opacity: 0; pointer-events: none; }
	.hc-liteapi .hc-barra-precio { color: #F4F0E8; font-size: 14px; line-height: 1.2; }
	.hc-liteapi .hc-barra-precio strong { display: block; color: #E2C48E; font-size: 16px; }
	.hc-liteapi .hc-barra-reservar { background: #E2C48E; color: #0B1014; padding: 12px 26px; border-radius: 18px; font-weight: 700; text-decoration: none; white-space: nowrap; }
	/* La burbuja «APP Hotelscasa» vive en la misma esquina: que suba por encima de la barra. */
	body.hc-con-barra .hc-pwa { bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; }
}

/* HC_RESERVA_CON_CUENTA_V1 — la frase del Club bajo el buscador */
.hc-liteapi .hc-buscador-club { margin: 12px 0 0; color: #9aa3ad; font-size: 13.5px; line-height: 1.5; }
.hc-liteapi .hc-buscador-club strong { color: #E2C48E; }
.hc-liteapi .hc-buscador-club a { color: #E2C48E; }

/* Auditoría 2026-08-21 — visor de fotos, botón «ver todas», niños con edad */
.hc-liteapi .hc-galeria { position: relative; }
.hc-liteapi .hc-galeria-todas { position: absolute; right: 14px; bottom: 14px; background: rgba(11,16,20,.86); color: #F4F0E8; border: 1px solid rgba(226,196,142,.55); border-radius: 999px; padding: 9px 16px; font-size: 14px; cursor: pointer; backdrop-filter: blur(4px); }
.hc-liteapi .hc-galeria-todas:hover { background: #E2C48E; color: #0B1014; }
.hc-visor { position: fixed; inset: 0; z-index: 100000; background: rgba(5,8,10,.94); display: flex; align-items: center; justify-content: center; }
.hc-visor[hidden] { display: none; }
.hc-visor-fig { margin: 0; max-width: min(1200px, 92vw); max-height: 88vh; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.hc-visor-fig img { max-width: 92vw; max-height: 80vh; object-fit: contain; border-radius: 12px; }
.hc-visor-pie { color: #C2C2C2; font-size: 14px; text-align: center; }
.hc-visor-cerrar, .hc-visor-ant, .hc-visor-sig { position: fixed; background: rgba(22,29,36,.9); color: #E2C48E; border: 1px solid rgba(226,196,142,.4); border-radius: 999px; width: 46px; height: 46px; font-size: 28px; line-height: 1; cursor: pointer; }
.hc-visor-cerrar { top: 16px; right: 16px; }
.hc-visor-ant { left: 12px; top: 50%; transform: translateY(-50%); }
.hc-visor-sig { right: 12px; top: 50%; transform: translateY(-50%); }
.hc-visor-n { position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%); color: #F4F0E8; font-size: 13px; background: rgba(22,29,36,.8); border-radius: 999px; padding: 4px 12px; }
body.hc-visor-abierto { overflow: hidden; }
.hc-liteapi .hc-ninos-edades { display: flex; flex-wrap: wrap; gap: 10px; flex-basis: 100%; }
.hc-liteapi .hc-ninos-edades:empty { display: none; }
.hc-liteapi .hc-ninos-edades label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }

/* Auditoría 2026-08-21 — listado de ciudad en la paleta de la ficha */
.hc-liteapi .hc-ciudad-cab { margin-bottom: 14px; }
.hc-liteapi .hc-ciudad-fechas { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; background: #0B1014; border: 1px solid rgba(226,196,142,.22); border-radius: 18px; padding: 16px 18px; margin: 0 0 16px; }
.hc-liteapi .hc-ciudad-fechas label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #C2C2C2; }
.hc-liteapi .hc-ciudad-fechas input, .hc-liteapi .hc-ciudad-fechas select { padding: 10px 12px; border-radius: 12px; border: 1px solid #2a323c; background: #141b22; color: #f4f1ea; color-scheme: dark; }
.hc-liteapi .hc-ciudad-fechas .hc-boton { background: #E2C48E; color: #0B1014; }
.hc-liteapi .hc-ciudad-fechas-nota { flex-basis: 100%; color: #9aa3ad; font-size: 13px; }
.hc-liteapi .hc-ciudad-barra { display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; margin: 0 0 18px; color: #9aa3ad; font-size: 13.5px; }
.hc-liteapi .hc-ciudad-orden, .hc-liteapi .hc-ciudad-estrellas { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.hc-liteapi .hc-chip { display: inline-block; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(226,196,142,.3); color: #C2C2C2; text-decoration: none; font-size: 13px; }
.hc-liteapi .hc-chip--on { background: #E2C48E; color: #0B1014; border-color: #E2C48E; font-weight: 600; }
.hc-liteapi .hc-chip--quitar { border-style: dashed; }
.hc-liteapi .hc-rejilla--ciudad { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.hc-liteapi .hc-tarjeta--oscura { background: #161D24; border: 1px solid rgba(226,196,142,.16); box-shadow: none; display: flex; flex-direction: column; transition: transform .15s ease, border-color .15s ease; }
.hc-liteapi .hc-tarjeta--oscura:hover { transform: translateY(-2px); border-color: rgba(226,196,142,.5); }
.hc-liteapi .hc-tarjeta--oscura .hc-datos { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.hc-liteapi .hc-tarjeta--oscura h2 { font-size: 17px; margin: 0; }
.hc-liteapi .hc-tarjeta--oscura h2 a { color: #F4F0E8; text-decoration: none; }
.hc-liteapi .hc-tarjeta--oscura .hc-estrellas { font-size: 13px; margin: 0; }
.hc-liteapi .hc-tarjeta-dir { color: #9aa3ad; font-size: 12.5px; }
.hc-liteapi .hc-tarjeta--oscura .hc-nota--mini { color: #C2C2C2; font-size: 12.5px; }
.hc-liteapi .hc-tarjeta-serv { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.hc-liteapi .hc-tarjeta-serv li { font-size: 12px; color: #E2C48E; border: 1px solid rgba(226,196,142,.3); border-radius: 999px; padding: 2px 8px; }
.hc-liteapi .hc-tarjeta-pie { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; padding-top: 10px; }
.hc-liteapi .hc-tarjeta--oscura .hc-precio { color: #E2C48E; font-weight: 600; font-size: 14px; margin: 0; }
.hc-liteapi .hc-precio--consultar { color: #9aa3ad; font-weight: 400; }
.hc-liteapi .hc-tarjeta-cta { padding: 9px 14px; font-size: 13px; background: #E2C48E; color: #0B1014; text-decoration: none; border-radius: 14px; white-space: nowrap; }
.hc-liteapi .hc-paginacion--num { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.hc-liteapi .hc-paginas { display: inline-flex; gap: 4px; }
.hc-liteapi .hc-paginas a, .hc-liteapi .hc-paginas span { display: inline-flex; min-width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid rgba(226,196,142,.2); color: #C2C2C2; text-decoration: none; font-size: 14px; }
.hc-liteapi .hc-paginas .hc-pag-actual { background: #E2C48E; color: #0B1014; font-weight: 700; border-color: #E2C48E; }