/* Estilos personalizados */

/* Mapa para crear/editar parcelas */
#map {
    height: 500px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* Tabla de listado de parcelas */
.table-parcelas {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border-collapse: collapse;
}

.table-parcelas th,
.table-parcelas td {
    padding: 0.75rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.table-parcelas thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    background-color: #f8f9fa;
}

.table-parcelas tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.03);
}

.table-parcelas tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
    cursor: pointer;
}

/* Botones de acción en tabla */
.btn-action {
    margin-right: 5px;
}

/* Miniatura de mapa en el listado */
.map-thumbnail {
    height: 100px;
    width: 150px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}

/* Footer siempre abajo */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.container {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

/* Info de área */
.area-info {
    font-weight: bold;
    margin-top: 10px;
}

/* Vista de detalle de parcela */
.parcela-detail {
    margin-bottom: 30px;
}

.parcela-detail h3 {
    margin-bottom: 20px;
    border-bottom: 2px solid #f8f9fa;
    padding-bottom: 10px;
}

/* Botones de acción principal */
.action-buttons {
    margin-bottom: 20px;
}