/* ============================================================
   calendario-rango.css — colores rojos (tema ClubFinds)
   ============================================================ */

#calendars td.dia-llegada {
    background-color: #dc0000;
    border-radius: 50% 0 0 50%;
    color: #fff;
}
#calendars td.dia-llegada a,
#calendars td.dia-llegada .price,
#calendars td.dia-llegada em { color: #fff !important; }

#calendars td.dia-rango {
    background-color: #fde8e8;
    color: #8b0000;
}

#calendars td.dia-salida {
    background-color: #c9c9c9;
    border-radius: 0 50% 50% 0;
    color: #333;
}
#calendars td.dia-salida a,
#calendars td.dia-salida .price,
#calendars td.dia-salida em { color: #333 !important; }

#calendars td.rango-hover { background-color: #fcc; }

/* Panel resumen */
#calendario-resumen {
    display: none;
    margin-top: 16px;
    padding: 14px 16px;
    background: #fff5f5;
    border: 1px solid #f5b8b8;
    border-radius: 8px;
    font-size: 14px;
    color: #5c0000;
}
.cal-resumen-info { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.cal-resumen-msg { font-style: italic; color: #dc0000; }
.cal-resumen-resultado { display: flex; flex-direction: column; gap: 8px; }
.cal-resumen-noches { color: #888; font-size: 12px; }
.cal-resumen-precio { display: flex; align-items: baseline; gap: 8px; }
.cal-resumen-precio-label { font-size: 13px; color: #555; }
.cal-resumen-precio-valor { font-size: 22px; font-weight: bold; color: #dc0000; }
.cal-resumen-desde { font-size: 12px; color: #888; }
.cal-resumen-acciones { display: flex; gap: 8px; margin-top: 4px; }

.cal-resumen-btn-cancelar {
    padding: 6px 14px; background: #fff; border: 1px solid #ccc;
    border-radius: 4px; color: #666; font-size: 13px; cursor: pointer;
}
.cal-resumen-btn-cancelar:hover { background: #f5f5f5; }

.cal-resumen-btn-buscar {
    padding: 6px 14px; background: #dc0000; border: 1px solid #b30000;
    border-radius: 4px; color: #fff; font-size: 13px; cursor: pointer; font-weight: bold;
}
.cal-resumen-btn-buscar:hover { background: #b30000; }

/* ============================================================
   Precios relativos al mes
   ============================================================ */

/* Días sin precio siguen siendo clicables para buscar disponibilidad */
.c-calendar td.no-disponible a {
    cursor: pointer;
}

/* Ampliar área táctil: la <a> rellena toda la celda para que en móvil
   se pueda tocar en cualquier punto de la celda, no solo sobre el texto */
.c-calendar td[data-fecha] {
    cursor: pointer;
}
.c-calendar td[data-fecha] a {
    display: block;
}

.c-calendar td.disponible.precio-alto .price,
.c-calendar td.disponible.precio-alto em.price {
    color: #c0392b;
    opacity: 0.85;
}

.c-calendar td.disponible.precio-bajo .price,
.c-calendar td.disponible.precio-bajo em.price {
    color: #27ae60;
    opacity: 0.85;
}