/* ===== Inicio · tablero personal ===== */
/* Todo va bajo .hm para no chocar con el CSS de los demás módulos. */

.hm-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.hm-cab h1{margin-top:2px}
.hm-cab .sub{color:var(--muted);font-size:13.5px;margin-top:4px}
.hm-cab .acc{display:flex;gap:8px;flex-wrap:wrap}

/* Seis columnas: una tarjeta chica ocupa dos, una mediana tres y una grande la fila entera. */
.hm-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:start}
.hm-w{grid-column:span 3;min-width:0;display:flex;flex-direction:column}
.hm-w.t-s{grid-column:span 2}
.hm-w.t-l{grid-column:span 6}
@media (max-width:1080px){.hm-w.t-s{grid-column:span 3}}
@media (max-width:720px){.hm-grid{grid-template-columns:minmax(0,1fr)}.hm-w,.hm-w.t-s,.hm-w.t-l{grid-column:1/-1}}

.hm-w .card-h{padding:12px 16px;min-height:50px}
.hm-w .card-h h3{display:flex;align-items:center;gap:8px}
.hm-w .card-h h3 svg{width:16px;height:16px;color:var(--green);flex:none}
.hm-w .card-h .ir{font-size:12.5px;color:var(--green-d);font-weight:600;white-space:nowrap}
.hm-w .card-h .ir:hover{text-decoration:underline;cursor:pointer}
.hm-w .card-b{padding:14px 16px}
.hm-vacio{color:var(--muted);font-size:13px;padding:6px 0}
.hm-err{color:var(--red-ink);font-size:13px}
.hm-carga{color:var(--muted-2);font-size:13px}

/* ----- Modo personalizar ----- */
.hm-edit .hm-w{outline:2px dashed var(--line-2);outline-offset:3px;border-radius:var(--r)}
.hm-edit .hm-w.arrastra{opacity:.45}
.hm-edit .hm-w.sobre{outline-color:var(--green);outline-style:solid}
.hm-edit .hm-w .card-h{cursor:grab;background:var(--surface-2)}
.hm-ctl{display:flex;align-items:center;gap:4px}
.hm-ctl button{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--muted)}
.hm-ctl button:hover{background:var(--line);color:var(--ink)}
.hm-ctl button:disabled{opacity:.3;cursor:default;background:none}
.hm-ctl svg{width:15px;height:15px}
.hm-ctl .seg button{width:auto;height:auto;padding:3px 8px;font-size:11.5px}
.hm-bandeja{background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--r);padding:12px 14px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hm-bandeja b{font-size:12.5px;color:var(--muted);font-weight:600;margin-right:4px}
.hm-bandeja .chip{cursor:pointer}
.hm-bandeja .chip:hover{border-color:var(--green);color:var(--green-d)}
.hm-bandeja .chip svg{color:var(--green)}

/* ----- Indicadores ----- */
.hm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line)}
.hm-kpis>button{background:var(--surface);padding:12px 16px;text-align:left;border-left:3px solid transparent}
.hm-kpis>button:hover{background:var(--surface-2)}
.hm-kpis .kl{display:block;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);font-weight:600}
.hm-kpis .kv{display:block;font:600 26px/1.1 var(--fd);margin-top:6px;font-variant-numeric:tabular-nums}
.hm-kpis .kf{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.hm-kpis .a{border-left-color:var(--amber)}.hm-kpis .r{border-left-color:var(--red)}
.hm-kpis .b{border-left-color:var(--blue)}.hm-kpis .g{border-left-color:var(--green)}

/* ----- Clima ----- */
.hm-clima-lugar{font-size:12px;color:var(--muted)}
.hm-dias{display:grid;grid-template-columns:repeat(7,minmax(74px,1fr));gap:6px;overflow-x:auto;padding-bottom:2px}
.hm-dia{border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 6px;text-align:center;background:var(--surface);min-width:0}
.hm-dia.hoy{border-color:var(--green-line);background:var(--green-soft)}
.hm-dia .d{font-size:11.5px;font-weight:600;color:var(--ink-2)}
.hm-dia svg{width:30px;height:30px;margin:4px auto 2px;display:block}
.hm-dia .t{font:600 14px var(--fd);font-variant-numeric:tabular-nums}
.hm-dia .t small{color:var(--muted);font-weight:500;font-size:12px}
.hm-dia .ll{font-size:11px;color:var(--blue-ink);min-height:15px}
.hm-dia .ap{margin-top:5px;font-size:10.5px;font-weight:600;border-radius:99px;padding:1px 6px;display:inline-block}
.hm-dia .ap.si{background:var(--green-soft);color:var(--green-d)}
.hm-dia .ap.poco{background:var(--amber-soft);color:var(--amber-ink)}
.hm-dia .ap.no{background:var(--surface-2);color:var(--muted)}
.hm-dia.helada{border-color:#E3B4AD}
.hm-dia .hel{font-size:10.5px;font-weight:700;color:var(--red-ink);margin-top:3px}
.hm-clima-pie{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12px;color:var(--muted)}
.hm-clima-pie b{color:var(--ink);font-weight:600}
.hm-ahora{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin-bottom:10px;font-size:12.5px;color:var(--muted)}
.hm-ahora .tt{font:600 24px var(--fd);color:var(--ink)}

/* ----- Listas (eventos, órdenes, avisos) ----- */
.hm-lista{list-style:none}
.hm-lista li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line)}
.hm-lista li:last-child{border-bottom:none}
.hm-lista li.clic{cursor:pointer;border-radius:6px}
.hm-lista li.clic:hover{background:var(--surface-2)}
.hm-lista .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--green-soft);color:var(--green-d)}
.hm-lista .ic svg{width:15px;height:15px}
.hm-lista .ic.a{background:var(--amber-soft);color:var(--amber-ink)}
.hm-lista .ic.r{background:var(--red-soft);color:var(--red-ink)}
.hm-lista .ic.b{background:var(--blue-soft);color:var(--blue-ink)}
.hm-lista .ic.p{background:var(--purple-soft);color:var(--purple-ink)}
.hm-lista .tx{flex:1;min-width:0}
.hm-lista .t1{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-lista .t2{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-lista .cu{color:var(--muted);font-size:11.5px;white-space:nowrap;text-align:right}
.hm-lista li.nueva .t1::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold-br);margin-right:6px;vertical-align:middle}

.hm-fases{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.hm-fases .badge{cursor:pointer}

/* ----- Calendario de cumplimientos ----- */
.hm-cal{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}
@media (max-width:900px){.hm-cal{grid-template-columns:minmax(0,1fr)}}
.hm-mes-h{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.hm-mes-h b{font:600 14px var(--fd);flex:1}
.hm-mes-h button{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--muted)}
.hm-mes-h button:hover{background:var(--surface-2);color:var(--ink)}
.hm-mes-h svg{width:15px;height:15px}
.hm-mes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.hm-mes .dn{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2);font-weight:600;text-align:center;padding-bottom:3px}
.hm-mes .c{min-height:48px;border-radius:6px;padding:3px 4px;font-size:12px;background:var(--surface-2);text-align:left;display:flex;flex-direction:column;gap:2px;border:1px solid transparent}
.hm-mes .c.fuera{background:transparent;color:var(--muted-2)}
.hm-mes .c.hoy{border-color:var(--green)}
.hm-mes .c.hoy .n{color:var(--green-d);font-weight:700}
.hm-mes .c.sel{background:var(--green-soft);border-color:var(--green-line)}
.hm-mes .c .n{font-variant-numeric:tabular-nums}
.hm-mes .c .pts{display:flex;flex-wrap:wrap;gap:2px}
.hm-mes .c .pts i{width:6px;height:6px;border-radius:50%;display:block}
.hm-mes .c.con{cursor:pointer}
.hm-mes .c.con:hover{border-color:var(--line-2)}
.hm-ley{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11.5px;color:var(--muted)}
.hm-ley span{display:inline-flex;align-items:center;gap:5px}
.hm-ley i{width:8px;height:8px;border-radius:50%;display:inline-block}
.hm-prox h4{font:600 12px var(--fd);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}
.hm-prox .fe{font-size:11.5px;font-weight:600;color:var(--ink-2);margin-top:10px}
.hm-prox .fe.venc{color:var(--red-ink)}
.hm-prox .hm-lista li{padding:6px 0}
.hm-prox .hm-lista .ic{width:8px;height:8px;border-radius:50%;margin-top:6px}

/* ----- Accesos rápidos ----- */
.hm-atajos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.hm-atajos button{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);font-size:13px;font-weight:500;text-align:left}
.hm-atajos button:hover{border-color:var(--green-line);background:var(--green-soft);color:var(--green-d)}
.hm-atajos button svg{width:14px;height:14px;color:var(--green);flex:none}
.hm-atajos-sel{max-height:50vh;overflow:auto;border:1px solid var(--line);border-radius:var(--r-sm)}
.hm-atajos-sel h5{font:600 11px var(--fd);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 12px 4px;background:var(--surface-2);position:sticky;top:0}
.hm-atajos-sel label{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:13px;cursor:pointer}
.hm-atajos-sel label:hover{background:var(--surface-2)}

/* ===== Inicio del responsable del fundo ===== */
/* Casos del fundo a la izquierda; su detalle o Agronomer AI a la derecha; pronóstico y calendario abajo. */
.rsp .b-amber{background:var(--amber-soft);color:var(--amber-ink)}
.rsp-kpis{margin-bottom:18px;overflow:hidden}
.rsp-kpis .hm-kpis>button[tabindex="-1"]{cursor:default}
.rsp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px;align-items:start;margin-bottom:18px}
@media (max-width:1000px){.rsp-cols{grid-template-columns:minmax(0,1fr)}}
.rsp-feed{display:flex;flex-direction:column;gap:10px;min-width:0}
.rsp-feed-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.rsp-feed-h h2{font:600 18px var(--fd);letter-spacing:-.01em}
.rsp-feed-h span{font-size:12.5px;color:var(--muted)}
/* Quien responde por varios fundos: uno por tarjeta arriba, y la lista separada por fundo. */
.rsp-fundos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.rsp-fundo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:11px 14px;box-shadow:var(--sh);cursor:pointer;min-width:0}
.rsp-fundo:hover{border-color:var(--line-2)}
.rsp-fundo.on{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy) inset}
.rsp-fundo-n{font:600 14.5px/1.25 var(--fd);color:var(--ink);overflow-wrap:anywhere}
.rsp-fundo-c{font-size:12.5px;color:var(--muted)}
.rsp-fundo-c b{color:var(--ink);font-weight:700}
.rsp-grupo{display:flex;flex-direction:column;gap:10px}
.rsp-grupo+.rsp-grupo{margin-top:8px}
.rsp-grupo h3{display:flex;align-items:center;gap:8px;font:600 13px var(--fd);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);border-bottom:1px solid var(--line);padding-bottom:5px}
.rsp-grupo h3 span{font:600 11.5px var(--fb);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 8px;letter-spacing:0}
.rsp-fundo-tag{font-size:11.5px;font-weight:700;color:var(--navy);border:1px solid var(--navy);border-radius:999px;padding:0 8px}
.rsp-chips{display:flex;flex-wrap:wrap;gap:6px}
.rsp-chips .chip{cursor:pointer}
.rsp-chips .chip:hover{border-color:var(--green)}
.rsp-chips .chip.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}

.rsp-n{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;box-shadow:var(--sh)}
.rsp-n:hover{border-color:var(--line-2)}
.rsp-n.sel{border-color:var(--green);box-shadow:0 0 0 2px var(--green) inset}
.rsp-n.gest{background:var(--surface-2)}
.rsp-n.gest .rsp-n-t{color:var(--ink-2)}
.rsp-n-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rsp-cat{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--ink-2)}
.rsp-cat i{width:8px;height:8px;border-radius:50%}
.rsp-cuando{margin-left:auto;font-size:11.5px;color:var(--muted)}
.rsp-n-t{font:600 15px/1.3 var(--fd);color:var(--ink)}
.rsp-n-l{font-size:12.5px;color:var(--muted)}
.rsp-n-r{font-size:13px;line-height:1.45;color:var(--ink-2)}

.rsp-det{position:sticky;top:16px;min-width:0}
@media (max-width:1000px){.rsp-det{position:static}}
.rsp-det .card-h h3{display:flex;align-items:center;gap:8px}
.rsp-det-t{font:600 17px/1.3 var(--fd);margin-bottom:3px}
.rsp-det-r{font-size:13.5px;line-height:1.5;margin:10px 0 12px}
.rsp-tabla{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:10px}
.rsp-tabla th{text-align:left;font-weight:600;color:var(--muted);width:38%;padding:6px 8px 6px 0;border-bottom:1px solid var(--line);vertical-align:top}
.rsp-tabla td{padding:6px 0;border-bottom:1px solid var(--line)}
.rsp-nota{font-size:12.5px;line-height:1.5;color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-sm);padding:9px 11px;margin-bottom:12px}
.rsp-origen{margin:-4px 0 10px}
.rsp-solo{font-size:12.5px;line-height:1.5;color:var(--ink-2);border:1px dashed var(--line);border-radius:var(--r-sm);padding:8px 11px;margin-bottom:12px}
.rsp-perfil{margin-top:4px}
.rsp-curva{display:block;width:100%;height:auto;margin:0 0 10px}
.rsp-curva text{font-size:10px;fill:var(--muted);font-family:var(--fb)}
.rsp-curva text.m{fill:var(--red-ink);font-weight:600}
.rsp-acc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.rsp-marcas{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.rsp-marcas .hint{font-size:12px;color:var(--muted)}
.rsp-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:0 10px}
.rsp-tabs button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-bottom:2px solid transparent;padding:11px 10px 9px;font:600 13px var(--fd);color:var(--muted);cursor:pointer}
.rsp-tabs button svg{width:15px;height:15px}
.rsp-tabs button.on{color:var(--ink);border-bottom-color:var(--green)}
.rsp-tabs .rsp-tab-cerrar{margin-left:auto;font-weight:500}
.rsp-det-cab{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.rsp-descartar{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.rsp-descartar>div{display:flex;gap:6px}
.rsp-sub{font:600 11px var(--fd);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:16px 0 8px}
.rsp-ev{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto}
.rsp-ev-i{display:flex;gap:8px;font-size:12.5px;line-height:1.45}
.rsp-ev-ico{flex:0 0 16px;color:var(--muted);text-align:center}
.rsp-ev-i.comentario .rsp-ev-ico{color:var(--blue)}
.rsp-ev-i.estado .rsp-ev-ico{color:var(--green)}
.rsp-ev-q{color:var(--muted);font-size:11.5px}
.rsp-envios{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:11.5px;color:var(--muted)}
.rsp-comentar{display:flex;gap:6px;align-items:flex-end;margin-top:10px}
.rsp-comentar textarea{flex:1;min-width:0}
.rsp-chat{display:flex;flex-direction:column;gap:10px}
.rsp-chat-log{display:flex;flex-direction:column;gap:10px;max-height:min(60vh,560px);overflow:auto}
.rsp-chat-hola{font-size:13px;line-height:1.5;color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-sm);padding:11px 12px}
.rsp-chat-donde{color:var(--muted)}
.rsp-chat-hola>div{margin-top:5px}
.rsp-msg{font-size:13.5px;line-height:1.5;border-radius:var(--r);padding:9px 12px;max-width:92%;overflow-wrap:anywhere}
.rsp-msg.u{align-self:flex-end;background:var(--navy);color:#fff;white-space:pre-wrap}
.rsp-msg.a{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line)}
.rsp-msg.a p{margin:0 0 7px}.rsp-msg.a p:last-child{margin-bottom:0}
.rsp-msg.a ul,.rsp-msg.a ol{margin:0 0 7px 18px}
.rsp-msg.err{border-color:var(--red);color:var(--red-ink)}
.rsp-msg-f{margin-top:6px;font-size:11px;color:var(--muted)}
.rsp-pensando{color:var(--muted);animation:pl 1.4s ease-in-out infinite}
.rsp-sug{display:flex;flex-wrap:wrap;gap:6px}
.rsp-sug .chip{cursor:pointer;text-align:left}
.rsp-sug .chip:hover{border-color:var(--green)}
.rsp-chat-ctx{font-size:12px}
.rsp-chat-in{display:flex;gap:6px;align-items:flex-end}
.rsp-chat-in textarea{flex:1;min-width:0;resize:vertical}
.rsp-chat-nueva{align-self:flex-start}
.rsp-msg-ir{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rsp-ev-ai{margin-top:8px;font-size:12.5px}
.rsp-ev-ai summary{cursor:pointer;color:var(--ink-2);font-weight:600}
.rsp-ev-ai .rsp-tabla{margin:6px 0 0}
.rsp-ev-ai .rsp-tabla th{width:34%}
.rsp-ev-f{font-size:11px;color:var(--muted);margin-top:2px}
.rsp-msg-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rsp-calif{display:inline-flex;align-items:center;gap:4px}
.rsp-calif button{background:none;border:1px solid var(--line);border-radius:6px;padding:1px 6px;cursor:pointer;font-size:13px}
.rsp-calif button:hover{border-color:var(--green)}

/* ===== Conocimiento agronómico ===== */
.cag-intro{margin-bottom:18px}
.cag-intro p{font-size:13.5px;line-height:1.5;margin-bottom:10px}
.cag-sel{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cag-sel label{font-weight:600;font-size:13px}
.cag-sel select{max-width:240px}
.cag-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px;align-items:start}
@media (max-width:1000px){.cag-grid{grid-template-columns:minmax(0,1fr)}}
.cag-t td,.cag-t th{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}
.cag-t th{font-size:11.5px;color:var(--muted);font-weight:600}
.cag-c{display:inline-flex;align-items:center;gap:4px}
.cag-v{width:78px;padding:5px 8px;text-align:right}
.cag-v.propio,.cag-ro.propio{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-ink);font-weight:600}
.cag-ro.propio{padding:2px 6px;border-radius:6px}
.cag-x{background:none;border:0;color:var(--muted);cursor:pointer;font-size:15px;padding:2px 4px}
.cag-x:hover{color:var(--red)}
.cag-kc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}
@media (max-width:560px){.cag-kc{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cag-kc label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted);font-weight:600}
.cag-kc .cag-v{width:100%}
.cag-h5{font:600 11px var(--fd);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:12px 0 4px}
.cag-h5:first-child{margin-top:0}
.cag-nueva{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.cag-nueva input{width:auto;flex:1 1 120px}
.cag-kpis{margin-bottom:14px}
.cag-kpis button{cursor:default}
.cag-scroll{overflow-x:auto;max-width:100%}
.cag-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.cag-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px 8px;font:600 13.5px var(--fd);color:var(--muted);cursor:pointer;white-space:nowrap}
.cag-tabs button.on{color:var(--ink);border-bottom-color:var(--green)}
.cag-prop-g{margin-bottom:14px}
.cag-prop{padding:10px 0;border-bottom:1px solid var(--line)}
.cag-prop:last-child{border-bottom:0}
.cag-prop.res{opacity:.75}
.cag-prop-t{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.cag-prop p{font-size:13px;line-height:1.5;margin:4px 0}
.cag-prop-acc{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.cag-resueltas summary{cursor:pointer;font-weight:600}
.cag-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px}
.cag-foto{overflow:hidden;min-width:0}
.cag-foto-img{background:var(--surface-2);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.cag-foto-img img{width:100%;height:100%;object-fit:cover}
.cag-foto-cab{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.cag-corr{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.cag-corr label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--ink-2)}