/* Panel UEPC Capital (viene de la maqueta aprobada por David) */
/* Panel simple para que la conducción cambie datos sin entrar a WordPress.
   En la maqueta guarda en este navegador; en el sitio real, en la base de WordPress. */
:root{--negro:#161616;--texto:#262626;--gris:#6b6b6b;--linea:#e4e1dc;--papel:#f4f2ee;--rojo:#c72d43;--magenta:#e71780;--violeta:#751083;--mostaza:#c3bd37;--verde:#3e896a}
*{box-sizing:border-box}
body{margin:0;font-family:Archivo,system-ui,sans-serif;color:var(--texto);background:var(--papel);font-size:17px}
.rayas{height:6px;background:linear-gradient(90deg,var(--rojo) 0 20%,var(--magenta) 20% 40%,var(--violeta) 40% 60%,var(--mostaza) 60% 80%,var(--verde) 80%)}
header{background:var(--negro);color:#fff}
header .ancho{display:flex;align-items:center;gap:14px;min-height:64px}
header img{height:34px}
header b{font-family:Anton,sans-serif;font-weight:400;font-size:22px;text-transform:uppercase;letter-spacing:.02em}
header a{margin-left:auto;color:#fff;font-weight:700;font-size:15px}
.ancho{max-width:760px;margin:0 auto;padding:0 16px}
h1,h2{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;line-height:1.05;margin:0;color:var(--negro)}
h1{font-size:34px;margin:26px 0 6px}
.ayuda{color:var(--gris);margin:0 0 20px}
button,.btn{font:800 16px Archivo,sans-serif;border:0;border-radius:8px;padding:14px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.principal{background:var(--magenta);color:#fff}
.secundario{background:#fff;color:var(--negro);border:2px solid var(--negro)}
.suave{background:none;color:var(--gris);text-decoration:underline;padding:8px}

/* Entrada */
.entrar{background:#fff;border-radius:14px;padding:28px 22px;margin:40px auto;max-width:420px}
.entrar h1{margin-top:0}
label{display:block;font-weight:700;font-size:15px;margin:14px 0 6px}
input{width:100%;font:inherit;font-size:17px;padding:13px 14px;border:2px solid var(--linea);border-radius:8px;background:#fff}
input:focus{outline:none;border-color:var(--violeta)}
.entrar button{width:100%;margin-top:20px}
.nota-demo{background:#fff3a8;border-radius:8px;padding:10px 12px;font-size:14px;margin-top:16px}

/* Menú del panel */
.mosaicos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}
.mosaico{background:#fff;border-radius:12px;padding:18px;border-left:6px solid var(--c);text-align:left;font:inherit;color:inherit}
.mosaico b{display:block;font-size:18px;color:var(--negro)}
.mosaico small{color:var(--gris);font-size:14px}
.mosaico.activo{outline:3px solid var(--negro)}
.mosaico[disabled]{opacity:.55;cursor:default}

/* Secretarías */
.secretaria{background:#fff;border-radius:12px;margin-bottom:12px;overflow:hidden}
.secretaria summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;gap:12px}
.secretaria summary::-webkit-details-marker{display:none}
.secretaria summary b{flex:1;font-size:17px;color:var(--negro)}
.secretaria summary small{color:var(--gris);font-size:14px;display:block;font-weight:400;margin-top:2px}
.secretaria summary::after{content:"Editar";font-weight:800;color:var(--violeta);font-size:15px}
.secretaria[open] summary::after{content:"Cerrar"}
.secretaria .cuerpo{padding:0 18px 18px;border-top:1px solid var(--linea)}
.persona{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px dashed var(--linea)}
.persona label{margin-top:0}
.quitar{background:none;border:2px solid var(--linea);color:var(--rojo);padding:12px 14px}
.agregar{background:var(--papel);color:var(--negro);margin-top:12px;width:100%}
.mails input{margin-bottom:8px}

.item{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border-radius:12px;padding:18px;margin-bottom:10px;text-align:left;font:inherit;color:inherit;border:0;cursor:pointer}
.item b{display:block;font-size:18px;color:var(--negro)}
.item small{display:block;color:var(--gris);font-size:15px;margin-top:3px}
.item span{flex:1}
.item::after{content:"›";font-size:30px;color:var(--gris);line-height:1}
.volver{background:none;padding:18px 0 0;color:var(--negro);font-size:17px}
.tarjeta{background:#fff;border-radius:12px;padding:16px 18px;margin-bottom:12px}
.tarjeta .quitar{margin-top:12px}
.guardar{width:100%;margin:18px 0 40px;padding:18px;font-size:18px}
.aviso a{color:#fff}
#buscar-nota{margin-bottom:14px}
.nota-opcion{display:flex;gap:14px;align-items:center;width:100%;background:#fff;border:3px solid transparent;border-radius:12px;padding:10px;margin-bottom:10px;text-align:left;font:inherit;color:inherit;cursor:pointer}
.nota-opcion img{width:72px;height:72px;object-fit:cover;border-radius:8px;flex:none}
.nota-opcion small{display:block;color:var(--gris);font-size:13px;font-weight:700}
.nota-opcion b{display:block;font-size:16px;line-height:1.3;color:var(--negro)}
.nota-opcion em{display:block;font-style:normal;color:var(--verde);font-weight:800;font-size:14px;margin-top:4px}
.nota-opcion.elegida{border-color:var(--verde)}
textarea{width:100%;font:inherit;font-size:17px;line-height:1.5;padding:13px 14px;border:2px solid var(--linea);border-radius:8px;resize:vertical}
textarea:focus{outline:none;border-color:var(--violeta)}
.opcional{font-weight:400;color:var(--gris)}
.subir{display:flex;align-items:center;justify-content:center;min-height:120px;border:2px dashed var(--linea);border-radius:10px;background:var(--papel);font-weight:800;color:var(--negro);cursor:pointer;overflow:hidden;margin:0}
.subir img{width:100%;max-height:340px;object-fit:contain;background:#222}
.subir.chico{min-height:56px}
.miniaturas{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;margin-top:10px}
.mini{position:relative}
.mini .elegir{display:block;width:100%;padding:0;background:none;border:3px solid transparent;border-radius:9px;overflow:hidden}
.mini.es-principal .elegir{border-color:var(--magenta)}
.mini img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.mini .sacar{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:14px}
.mini .estrella{position:absolute;left:3px;right:3px;bottom:3px;background:var(--magenta);color:#fff;font-size:12px;font-weight:800;text-align:center;padding:3px 0;border-radius:0 0 6px 6px}
.dos-botones{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dos-botones .subir{font:800 15px Archivo,sans-serif;padding:10px;text-align:center}
.ayuda.chica{font-size:15px;margin:10px 0 0}
.hoja{position:fixed;inset:0;background:var(--papel);z-index:20;display:flex;flex-direction:column;padding:0 16px}
.hoja-cab{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.hoja-cab b{font-family:Anton,sans-serif;font-weight:400;font-size:24px;text-transform:uppercase}
.biblio-grilla{flex:1 1 0;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:112px;gap:6px;align-content:start;padding:10px 0}
.biblio-foto{position:relative;height:100%;padding:0;border:3px solid transparent;border-radius:8px;overflow:hidden;background:#ddd}
.biblio-foto img{width:100%;height:100%;object-fit:cover;display:block}
.biblio-foto.marcada{border-color:var(--verde)}
.biblio-foto span{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:var(--verde);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
#biblio .guardar{margin:10px 0 16px}
#biblio .guardar:disabled{opacity:.5}
.temas{display:flex;flex-wrap:wrap;gap:8px}
.tema{background:#fff;border:2px solid var(--c);color:var(--negro);padding:10px 14px;font-size:15px}
.tema.elegido{background:var(--c);color:#fff}
.tilde{display:flex;align-items:center;gap:10px;font-size:17px;margin:18px 4px 0}
.tilde input{width:24px;height:24px}
.borrar{background:none;padding:0;color:var(--rojo);font-size:14px;text-decoration:underline}
.corregir{background:none;padding:0;color:var(--azul,#1f3a8a);font-size:14px;text-decoration:underline;font-weight:700}
.nota-opcion em a{color:var(--verde)}

/* Documentos de la noticia */
.doc-fila{display:flex;align-items:center;gap:12px;width:100%;background:var(--papel);border:2px solid transparent;border-radius:14px;padding:10px 12px;margin-top:10px;text-align:left;font:inherit;color:inherit}
.doc-icono{flex:none;width:44px;height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;background:#2b5797}
.doc-icono.pdf{background:var(--rojo)}
.doc-txt{flex:1;min-width:0}
.doc-txt b{display:block;font-size:15px;line-height:1.3;color:var(--negro);overflow-wrap:anywhere}
.doc-txt small{color:var(--gris);font-size:13px}
.sacar-doc{flex:none;width:32px;height:32px;padding:0;background:#fff;color:var(--rojo);border-radius:50%}
.docs-grilla{flex:1 1 0;min-height:0;overflow-y:auto;padding:4px 0 10px}
.doc-fila.elegible{background:#fff;cursor:pointer}
.doc-fila.marcada{border-color:var(--verde)}
.tilde-v{flex:none;width:30px;height:30px;border-radius:50%;background:var(--verde);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
#docs-hoja .guardar{margin:10px 0 16px}
#docs-hoja .guardar:disabled{opacity:.5}

/* Estilo amable (igual que la página): letra común en los títulos, bordes redondeados, fondo crema */
body{background:#faf5ef}
h1,h2,header b,.hoja-cab b{font-family:Archivo,sans-serif;font-weight:800;text-transform:none;letter-spacing:-.02em}
h1{font-size:32px}
header b{font-size:20px;letter-spacing:0}
.hoja-cab b{font-size:22px}
.hoja{background:#faf5ef}
button,.btn{border-radius:999px}
.principal{box-shadow:0 4px 14px rgba(231,23,128,.25)}
.item,.tarjeta,.entrar,.nota-opcion{border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
input,textarea{border-radius:14px;border-width:1.5px}
.subir{border-radius:16px}
.quitar,.tema,.agregar{border-radius:999px}
.mini .elegir{border-radius:12px}
.biblio-foto{border-radius:12px}
.aviso{border-radius:16px}
.aviso{position:fixed;left:50%;top:18px;transform:translateX(-50%) translateY(-120px);background:var(--verde);color:#fff;font-weight:800;padding:14px 20px;border-radius:10px;transition:transform .25s;z-index:10;max-width:92vw;text-align:center}
.aviso.ver{transform:translateX(-50%) translateY(0)}
.oculto{display:none!important}

@media (max-width:560px){
  .persona{grid-template-columns:1fr;gap:6px}
  .quitar{justify-self:start}
  .mosaicos{grid-template-columns:1fr}
}

/* Actividades de Instagram */
.actividad .placa{width:100%;max-height:340px;object-fit:contain;background:#222;border-radius:12px;display:block;margin-bottom:10px}
.actividad .estado{margin:0 0 8px;font-weight:800;font-size:14px;color:var(--verde)}
.actividad.pendiente{border:2px solid var(--mostaza)}
.actividad.pendiente .estado{color:#8f8a1f}
.actividad .acciones{margin-top:14px}
.actividad .acciones button{padding:12px}

/* Vínculo con Instagram (Actividades) */
.ig-estado{margin-bottom:16px}
.ig-linea{margin:0;font-size:17px}
.ig-error{margin:10px 0 0;color:var(--rojo);font-size:15px}
.ig-boton{margin-top:14px;width:100%}