/* --- COMPONENTES COMUNES ADMIN --- */
.bg-light-admin { background-color: #f4f7f6; }

/* NAVBAR PANEL */
.navbar-admin { background-color: #0f4697 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.btn-save-custom { font-weight: 600; border: none; transition: 0.2s; background-color: #ffffff; color: #0f4697; }
.btn-save-custom:hover { background-color: #e2e6ea !important; }

/* ESTADOS DE GUARDADO */
.status-saving { background-color: #fff3cd; color: #856404; }
.status-success { background-color: #d4edda; color: #155724; }
.status-error { background-color: #f8d7da; color: #721c24; }

/* --- TABLA DE LISTADO (ADMIN.PHP) --- */
.img-thumb { width: 80px; height: 60px; object-fit: cover; border-radius: 4px; }

/* --- FORMULARIO Y DROPZONE --- */
.card-body-form { background-color: #bbddff; border-radius: 0 0 8px 8px; }
#map { height: 400px; width: 100%; border-radius: 8px; margin-top: 10px; }

.dropzone { 
    border: 2px dashed #007bff; 
    padding: 40px; 
    text-align: center; 
    background: #f8f9fa; 
    cursor: pointer; 
    transition: 0.3s;
}
.dropzone:hover { background: #e9ecef; }

/* AMENIDADES (CHIPS) */
.amenity-chip { display: none; }
.amenity-label { 
    display: inline-block; 
    padding: 8px 16px; 
    margin: 4px; 
    border: 2px solid #dee2e6; 
    border-radius: 50px; 
    cursor: pointer; 
    font-size: 0.85rem; 
    background-color: white; 
}
.amenity-chip:checked + .amenity-label { background-color: #0d6efd; border-color: #0d6efd; color: white; }
.category-title { font-size: 1rem; font-weight: bold; color: #495057; margin-top: 15px; border-left: 4px solid #0d6efd; padding-left: 10px; }

/* ORDENAR IMÁGENES */
.sortable-card { width: 120px; height: 120px; position: relative; cursor: grab; margin-right: 10px; margin-bottom: 10px; }
.sortable-card img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; border: 2px solid #ddd; }
.badge-portada { position: absolute; top: 5px; left: 5px; font-size: 0.7rem; display: none; z-index: 5; }
.sortable-card:first-child .badge-portada { display: block; }

.btn-remove { 
    position: absolute; top: -5px; right: -5px; background: red; color: white; 
    border-radius: 50%; width: 22px; height: 22px; font-size: 14px; 
    text-align: center; cursor: pointer; border: none; z-index: 10; 
}
.ghost { opacity: 0.4; background: #c8ebfb; }

/* --- LOGIN --- */
.login-card { border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border: none; }
.login-header { background-color: #0f4697; color: white; padding: 2rem; border-radius: 15px 15px 0 0; text-align: center; }