/* Mi Actividad, Avisos y campanita (Encargo 5). Mismo lenguaje visual que app.css y obras.css. */

/* Campanita con punto rojo (Mis Obras, Mi Actividad y Calendario) */
.campana{position:relative}
.punto-rojo{position:absolute;top:9px;right:10px;width:12px;height:12px;border-radius:50%;background:var(--rojo);border:2px solid var(--fondo)}

/* Pestañas como enlaces */
a.filtro{display:inline-flex;align-items:center;text-decoration:none}

/* Filas de la bandeja */
.lista-act{display:flex;flex-direction:column;gap:10px}
.fila-act,.fila-aviso{display:flex;align-items:center;gap:12px;background:var(--papel);border:1px solid var(--borde-suave);border-radius:14px;padding:14px 14px 14px 16px;min-height:72px;cursor:pointer;user-select:none;-webkit-user-select:none}
.fila-act:focus-visible,.fila-aviso:focus-visible{outline:2px solid var(--naranja);outline-offset:2px}
.fa-texto{flex:1;min-width:0}
.fa-texto h3{font-family:var(--titulos);font-size:18px;font-weight:700;margin:0 0 4px;line-height:1.2;overflow-wrap:anywhere}
.fa-linea{font-size:14.5px;color:var(--texto-suave);line-height:1.4;overflow-wrap:anywhere}
.fa-informe{font-size:14.5px;color:var(--texto);margin-top:4px;font-style:italic}
.fa-cuando{font-size:10.5px;letter-spacing:.1em;color:var(--texto-tenue);margin-top:6px;text-transform:uppercase}
.fila-act .pildora-estado{align-self:flex-start;margin-top:2px;white-space:nowrap}
.fila-act.cancelada{opacity:.55}
.fila-act.cancelada h3{text-decoration:line-through;text-decoration-thickness:1px}

/* Avisos */
.acciones-avisos{text-align:right;margin:-6px 0 10px}
.enlace-accion{font-size:11px;letter-spacing:.14em;color:var(--naranja-oscuro);text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:10px 0}
.punto-aviso{flex:none;width:12px;height:12px;border-radius:50%;background:transparent;align-self:flex-start;margin-top:6px}
.fila-aviso.sin-leer{border-color:#F3DDAE;background:#FFFBF2}
.fila-aviso.sin-leer .punto-aviso{background:var(--rojo)}
.fila-aviso.sin-leer h3{color:var(--texto)}

/* Tirar para actualizar */
.indicador-refresco{text-align:center;font-size:11px;letter-spacing:.14em;color:var(--texto-suave);padding:8px 0 14px}

/* Ficha de una actividad */
.ficha-act .dato{background:var(--papel);margin-bottom:8px}
.ficha-act .valor{font-size:17px;line-height:1.45}
.ficha-act .valor .pildora-estado{display:inline-block;margin-top:4px}
.foto-act img{display:block;max-width:100%;max-height:320px;border-radius:10px;margin-top:6px;cursor:zoom-in;object-fit:cover}
.foto-grande{display:block;width:100%;height:auto;border-radius:10px}
.acciones-act{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 16px}
.boton-accion{appearance:none;border:0;border-radius:12px;padding:16px;min-height:56px;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:var(--texto);color:#fff}
.boton-accion.secundario{background:var(--papel);color:var(--texto);border:1px solid var(--borde)}
.boton-accion.peligro{background:var(--rojo)}
.boton-accion:disabled{opacity:.6;cursor:wait}
@media (min-width:520px){.acciones-act{grid-template-columns:1fr 1fr}}
.recorrido{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.recorrido li{display:flex;flex-direction:column;gap:2px;padding-left:14px;border-left:3px solid var(--borde)}
.rc-texto{font-size:15.5px;line-height:1.4;overflow-wrap:anywhere}
.rc-quien{font-size:10px;letter-spacing:.1em;color:var(--texto-suave)}

/* Formularios */
.contador{float:right;font-size:10.5px;letter-spacing:.08em;color:var(--texto-tenue);text-transform:none}
.formulario textarea{resize:vertical;line-height:1.45}
.candado{margin-top:10px}
.boton-foto{display:block;width:100%;appearance:none;border:2px dashed var(--borde);background:var(--papel);border-radius:12px;padding:18px;min-height:64px;font-family:var(--texto-fuente);font-size:17px;color:var(--texto);cursor:pointer}
.boton-foto:hover{border-color:var(--naranja)}
.foto-previa{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.foto-previa img{display:block;max-width:100%;max-height:260px;border-radius:10px;object-fit:cover}
.ventana-cuerpo label.etiqueta-campo{margin:14px 0 6px}
.ventana-cuerpo label.etiqueta-campo:first-child{margin-top:0}
.ventana-cuerpo input[type=date]{margin-bottom:4px}
.ventana{max-height:calc(100dvh - 24px);overflow-y:auto}