/* Estilos del panel de administración */
:root{--verde:#1E7A3C;--vino:#B01E2E;--azul:#1D4E89;--crema:#FBF6EC}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;background:var(--crema);color:#2B2620;font-size:16px;line-height:1.5}
.barra{background:var(--verde);color:#fff;display:flex;align-items:center;gap:20px;padding:10px 20px;flex-wrap:wrap}
.marca{color:#fff;font-weight:800;text-decoration:none}
.barra nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}
.barra a{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}
.barra .salir{color:#FFD9DD}
main{max-width:900px;margin:0 auto;padding:24px 16px}
.panel{background:#fff;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:28px}
.panel-angosto{max-width:420px;margin:40px auto}
h1{color:var(--verde);font-size:1.6rem;margin-top:0}
label{display:block;font-weight:700;margin:14px 0 4px;font-size:.95rem}
input,textarea,select{width:100%;padding:10px;border:1px solid #cfc8ba;border-radius:8px;font:inherit;background:#fff}
textarea{min-height:120px}
.boton{display:inline-block;background:var(--vino);color:#fff;border:0;border-radius:8px;
  padding:11px 20px;font-weight:800;font-size:1rem;cursor:pointer;text-decoration:none;margin-top:16px}
.boton-verde{background:var(--verde)}
.boton-gris{background:#8a8478}
.aviso{background:#FDECEC;color:#8A1420;border-radius:8px;padding:10px 12px;margin:12px 0}
.exito{background:#E8F6EC;color:#155A2E;border-radius:8px;padding:10px 12px;margin:12px 0}
.nota{font-size:.85rem;color:#6a635a}
.menu-admin{display:grid;gap:14px;margin-top:18px}
.opcion{display:block;background:var(--crema);border:1px solid #e8dfcd;border-radius:12px;
  padding:16px 18px;text-decoration:none;color:inherit}
.opcion b{display:block;color:var(--azul);margin-bottom:4px}
.opcion:hover{border-color:var(--verde)}
table{width:100%;border-collapse:collapse;margin-top:14px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #eee4d2;font-size:.95rem;vertical-align:top}
th{color:var(--verde)}
.etiqueta{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:800}
.et-proximo{background:#FFF3C8;color:#7a5c00}
.et-pasado{background:#E4E0D6;color:#5c564b}
.mini{height:52px;width:78px;object-fit:cover;border-radius:6px}
.acciones a{margin-right:10px;font-size:.9rem}
.peligro{color:var(--vino)}
