/* Panel de administración de Noti9 */
:root{
  --celeste:#75AADB;--celeste-osc:#4A7FB5;--turquesa:#3FBFB0;--turquesa-osc:#2A8F84;
  --rojo:#D32F2F;--texto:#1F2933;--suave:#5B6B7B;--borde:#DDE5EC;--fondo:#F4F7FA;
  --radio:8px;--sombra:0 1px 3px rgba(31,41,51,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;background:var(--fondo);color:var(--texto);font-size:15px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* Barra superior */
.admin-top{
  background:var(--celeste-osc);color:#fff;display:flex;align-items:center;
  gap:26px;padding:0 22px;flex-wrap:wrap;box-shadow:var(--sombra);
}
.admin-top .marca{font-size:1.4rem;font-weight:800;padding:12px 0}
.admin-top .marca span{color:var(--turquesa)}
.admin-top .marca small{font-size:.7rem;font-weight:500;opacity:.8;display:block;margin-top:-4px}
.admin-top nav{display:flex;gap:2px;flex-wrap:wrap}
.admin-top nav a{padding:16px 15px;font-weight:600;font-size:.9rem;transition:.15s}
.admin-top nav a:hover,.admin-top nav a.activo{background:var(--turquesa)}
.admin-top .usuario{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:.85rem}
.admin-top .ver-sitio{background:rgba(255,255,255,.18);padding:6px 12px;border-radius:16px}
.admin-top .ver-sitio:hover{background:var(--turquesa)}
.admin-top .salir{background:var(--rojo);padding:6px 14px;border-radius:16px;font-weight:600}
.admin-top .salir:hover{opacity:.85}

.admin-cuerpo{max-width:1150px;margin:0 auto;padding:26px 20px 50px}
.admin-pie{text-align:center;color:var(--suave);font-size:.8rem;padding:16px}

/* Encabezado de página */
.pagina-titulo{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.pagina-titulo h1{font-size:1.5rem;color:var(--celeste-osc)}
.pagina-titulo .acciones{margin-left:auto;display:flex;gap:8px}

/* Botones */
.btn{
  display:inline-block;background:var(--turquesa);color:#fff;border:0;
  padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:600;
  cursor:pointer;transition:.15s;font-family:inherit;
}
.btn:hover{background:var(--turquesa-osc)}
.btn.gris{background:#8899A8}
.btn.gris:hover{background:#6B7A88}
.btn.rojo{background:var(--rojo)}
.btn.rojo:hover{background:#A82121}
.btn.chico{padding:5px 12px;font-size:.8rem}

/* Tarjetas y tablas */
.caja{background:#fff;border-radius:var(--radio);box-shadow:var(--sombra);padding:22px;margin-bottom:22px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}
th{background:var(--celeste-osc);color:#fff;text-align:left;padding:11px 14px;font-size:.82rem;letter-spacing:.3px}
td{padding:11px 14px;border-bottom:1px solid var(--borde);font-size:.88rem;vertical-align:middle}
tr:last-child td{border-bottom:0}
tr:hover td{background:#F8FBFD}
td .mini{width:70px;height:48px;object-fit:cover;border-radius:4px}
td.acciones{white-space:nowrap;text-align:right}

/* Etiquetas de estado */
.chip{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:12px;letter-spacing:.3px}
.chip.pub{background:#E3F6F1;color:var(--turquesa-osc)}
.chip.bor{background:#FFF3E0;color:#B26A00}
.chip.dest{background:#E8F2FA;color:var(--celeste-osc)}
.chip.urg{background:#FDECEC;color:var(--rojo)}
.chip.off{background:#EEF1F4;color:var(--suave)}

/* Formularios */
.form-grid{display:grid;gap:18px}
.campo label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px;color:var(--texto)}
.campo .ayuda{font-size:.78rem;color:var(--suave);font-weight:400;margin-top:4px}
.campo input[type=text],.campo input[type=url],.campo input[type=password],
.campo input[type=date],.campo input[type=datetime-local],.campo input[type=number],
.campo select,.campo textarea{
  width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:6px;
  font-size:.95rem;font-family:inherit;background:#fff;
}
.campo textarea{resize:vertical;line-height:1.65}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:0;border-color:var(--turquesa);box-shadow:0 0 0 3px rgba(63,191,176,.15)}
.campo input[type=file]{font-size:.88rem}
.fila{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.checks{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.checks label{display:flex;align-items:center;gap:7px;font-weight:600;font-size:.88rem;cursor:pointer}
.checks input{width:17px;height:17px;accent-color:var(--turquesa)}
.previa img{max-width:230px;border-radius:6px;border:1px solid var(--borde);margin-top:8px}

/* Editor con formato */
.editor{border:1px solid var(--borde);border-radius:6px;background:#fff;overflow:hidden}
.editor:focus-within{border-color:var(--turquesa);box-shadow:0 0 0 3px rgba(63,191,176,.15)}
.editor-barra{
  display:flex;flex-wrap:wrap;align-items:center;gap:3px;
  padding:7px 8px;background:#F4F7FA;border-bottom:1px solid var(--borde);
}
.editor-barra button{
  min-width:32px;height:30px;padding:0 9px;border:1px solid transparent;
  background:transparent;border-radius:5px;cursor:pointer;
  font-size:.82rem;font-family:inherit;color:var(--texto);line-height:1;transition:.12s;
}
.editor-barra button:hover{background:#fff;border-color:var(--borde)}
.editor-barra button.activo{background:var(--turquesa);border-color:var(--turquesa);color:#fff}
.editor-barra .sep{width:1px;height:20px;background:var(--borde);margin:0 4px}
.editor-area{
  min-height:340px;max-height:640px;overflow-y:auto;
  padding:16px 18px;font-size:1rem;line-height:1.75;outline:0;
}
.editor-area:empty::before,
.editor-area p:only-child:empty::before{content:attr(data-vacio);color:var(--suave)}
.editor-area p{margin:0 0 14px}
.editor-area h3,.editor-area h4{font-size:1.12rem;color:var(--celeste-osc);margin:20px 0 10px}
.editor-area ul,.editor-area ol{margin:0 0 14px 22px}
.editor-area li{margin-bottom:5px}
.editor-area a{color:var(--turquesa-osc);text-decoration:underline}
.editor-area blockquote{
  margin:0 0 14px;padding:8px 16px;border-left:3px solid var(--turquesa);
  color:var(--suave);font-style:italic;
}

/* Avisos */
.aviso{background:#E3F6F1;border-left:4px solid var(--turquesa);padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:.9rem}
.aviso.error{background:#FDECEC;border-left-color:var(--rojo)}

/* Login */
.login-pantalla{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--celeste) 0%,var(--turquesa) 100%);padding:20px}
.login-caja{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);padding:36px 34px;width:100%;max-width:390px}
.login-caja .marca{text-align:center;font-size:1.9rem;line-height:1.15;font-weight:800;color:var(--celeste-osc);margin-bottom:6px}
.login-caja .marca span{color:var(--turquesa)}
.login-caja .sub{text-align:center;font-size:.85rem;color:var(--suave);margin-bottom:26px}
.login-caja .btn{width:100%;padding:12px;font-size:1rem}
.login-caja .campo{margin-bottom:16px}

/* Panel de inicio */
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}
.numero{background:#fff;border-radius:var(--radio);box-shadow:var(--sombra);padding:18px;border-left:4px solid var(--turquesa)}
.numero .valor{font-size:2rem;font-weight:800;color:var(--celeste-osc);line-height:1.1}
.numero .etiqueta{font-size:.8rem;color:var(--suave);text-transform:uppercase;letter-spacing:.5px}
.numero.b{border-left-color:var(--celeste)}
.numero.c{border-left-color:var(--rojo)}
.numero.d{border-left-color:#B26A00}

.vacio-admin{background:#fff;border-radius:var(--radio);box-shadow:var(--sombra);padding:40px;text-align:center;color:var(--suave)}

@media(max-width:820px){
  .fila{grid-template-columns:1fr}
  .numeros{grid-template-columns:repeat(2,1fr)}
  .admin-top{gap:12px}
  .admin-top .usuario{width:100%;margin-left:0;padding-bottom:10px}
  table{display:block;overflow-x:auto}
}