/* ========================================
   PAGE RETIROS — estilos específicos
   Hereda tipografía y componentes de global.css
   Hereda galería, dist-grid e info-card de rooms.css
   ======================================== */

/* Wrapper principal — fondo gris igual que piscinas */
.retiros-page {
    background: #e0e0e0;
}

/* Fondo base de todas las secciones */
.retiros-page .room-page-section {
    background: #e0e0e0;
}

/* Separador dorado entre secciones */
.retiros-section {
    border-top: 2px solid rgba(178, 141, 99, 0.25);
}

/* Centrado de texto */
.retiros-center {
    text-align: center;
}

/* Grid de tipos — 3 columnas para 9 items */
.retiros-tipos-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* Galería de imágenes - ajuste correcto */
.room-gallery-container img,
.farm-image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Placeholder de imagen — ocupa el mismo espacio que la galería */
.retiros-placeholder-gallery {
    background-color: #c8c8c8;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed rgba(178, 141, 99, 0.4);
}

.retiros-placeholder-label {
    font-family: 'Muli', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #999;
    pointer-events: none;
    user-select: none;
}

/* CTA button */
.retiros-cta-btn {
    display: inline-block;
    margin-top: 30px;
}

/* CTA phone note */
.retiros-cta-note {
    margin-top: 20px;
    font-size: 14px;
    color: #888;
    margin-bottom: 0;
}

.retiros-cta-note a {
    color: var(--color-accent-gold);
    font-weight: 700;
    text-decoration: none;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .retiros-tipos-grid {
        grid-template-columns: 1fr;
    }
}