/**
 * Refugios de Andalucía - Estilos Single Refugio Corregidos
 * Hero, modal reserva, steps indicator, precio resumen.
 */

/* Hero single refugio */
.refugio-hero { position: relative; height: 400px; overflow: hidden; background: linear-gradient(135deg, #2d5016, #4a7c2c); }
.refugio-hero img { width: 100%; height: 100%; object-fit: cover; }
.refugio-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,.05) 0%, rgba(0,0,0,.6) 100%); }
.refugio-hero-content { position: absolute; bottom: 1.75rem; left: 2rem; right: 2rem; color: #fff; }
.refugio-hero-title { font-size: clamp(1.5rem,3vw,2.4rem); font-weight: 800; margin: 0 0 .5rem; text-shadow: 0 2px 6px rgba(0,0,0,.35); }
@media (max-width: 640px) {
    .refugio-hero { height: 260px; }
    .refugio-hero-content { left: 1rem; right: 1rem; bottom: 1rem; }
}

/* Steps del proceso de reserva */
.steps-indicator { display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; overflow-x: auto; padding-bottom: .5rem; }
.step-item { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; }
.step-circle {
    width: 38px; height: 38px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: .88rem;
    border: 3px solid #dee2e6; background: #fff; color: #adb5bd;
    transition: all .3s; position: relative; z-index: 1;
}
.step-item.active .step-circle  { background: #2d5016; border-color: #2d5016; color: #fff; box-shadow: 0 0 0 4px rgba(45,80,22,.15); }
.step-item.completed .step-circle { background: #4a7c2c; border-color: #4a7c2c; color: #fff; }
.step-label { font-size: .72rem; margin-top: .4rem; color: #adb5bd; white-space: nowrap; font-weight: 500; }
.step-item.active .step-label, .step-item.completed .step-label { color: #2d5016; }
.step-connector { height: 3px; width: 55px; background: #dee2e6; margin-bottom: 1.1rem; flex-shrink: 0; }
.step-connector.completed { background: #4a7c2c; }

/* Resumen precio sticky */
.precio-resumen {
    background: linear-gradient(135deg, #e8f5e0, #f0f9e8);
    border: 2px solid #a8d58f; border-radius: 12px; padding: 1.25rem;
    position: sticky; top: 85px;
}
.precio-resumen-total { font-size: 1.9rem; font-weight: 800; color: #2d5016; line-height: 1; }