/* RetosEVENT 1.6.0 · Asistente con Claude en Atención al público (.rvia) y borrador en la hoja del caso (.rvca-ia).
   Mismas reglas que ayuda-front.css: sin flex-gap ni variables CSS.
   Tinta #0C243B · texto #1F2D3D · gris #5B6776 · línea #E6EBF1 · fondo #F3F5F8 · naranja #BF4E17 (hover #A3420F). */

.rvia{margin:0 0 28px;padding:20px;border:1px solid #E6EBF1;border-radius:16px;background:#fff;color:#1F2D3D;font-size:15px;line-height:1.5}
.rvia *{box-sizing:border-box}
.rvia--cuenta,.rvia--nuevo{margin:0 0 22px;padding:16px}
.rvia-cab{display:flex;align-items:flex-start}
.rvia-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;margin:0 12px 0 0;border-radius:10px;background:#0C243B;color:#FFD9C2}
.rvia-t{margin:0!important;font-family:Poppins,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:18px!important;line-height:1.25!important;color:#0C243B;letter-spacing:-.01em}
.rvia-s{margin:2px 0 0;font-size:14px;color:#5B6776;max-width:62ch}

.rvia-hilo{margin:14px 0 0}
.rvia-hilo:empty{display:none}
.rvia-m{max-width:100%;margin:0 0 10px;padding:12px 14px;border-radius:12px;word-wrap:break-word}
.rvia-m p{margin:0 0 8px}.rvia-m p:last-child{margin:0}
.rvia-m--u{margin-left:auto;max-width:85%;background:#0C243B;color:#fff;border-bottom-right-radius:4px}
.rvia-m--a{background:#F3F5F8;color:#1F2D3D;border-bottom-left-radius:4px}
.rvia-m--a strong{color:#0C243B}
.rvia-m--e{background:#FDF0E9;color:#7A2E08}
.rvia-m--pensando{color:#5B6776;font-style:italic}
.rvia-m--pensando:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:rvia-p 1.2s steps(4,end) infinite}
@keyframes rvia-p{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
@media (prefers-reduced-motion:reduce){.rvia-m--pensando:after{animation:none;content:"…"}}

.rvia-acc{margin:10px 0 0}
.rvia-acc a,.rvia-acc button{margin:0 8px 8px 0}
.rvia-fuentes{margin:8px 0 0;font-size:13px;color:#5B6776}
.rvia-fuentes a{margin:0 10px 0 0}
.rvia-voto{display:inline-flex;align-items:center;font-size:13px;color:#5B6776}
.rvia-voto button{min-height:36px;margin:0 0 0 8px;padding:0 12px;border:1px solid #CFD8E3;border-radius:999px;background:#fff;color:#1F2D3D;font:inherit;font-size:13px;cursor:pointer}
.rvia-voto button:hover{border-color:#0C243B}
.rvia-voto button:focus-visible{outline:2px solid #0C243B;outline-offset:2px}

.rvia-ej{margin:14px 0 0}
.rvia-chip{display:inline-block;min-height:36px;margin:0 8px 8px 0;padding:6px 12px;border:1px solid #E6EBF1;border-radius:999px;background:#F3F5F8;color:#1F2D3D;font:inherit;font-size:13px;line-height:1.4;text-align:left;cursor:pointer}
.rvia-chip:hover{border-color:#BF4E17;color:#7A2E08}
.rvia-chip:focus-visible{outline:2px solid #0C243B;outline-offset:2px}

.rvia-f{display:flex;align-items:flex-end;margin:14px 0 0;padding:6px;border:1.5px solid #CFD8E3;border-radius:14px;background:#fff}
.rvia-f:focus-within{border-color:#0C243B}
.rvia-f textarea{flex:1 1 auto;min-height:44px;max-height:180px;margin:0;padding:10px;border:0!important;outline:0;box-shadow:none!important;background:transparent;color:#1F2D3D;font:inherit;font-size:16px;line-height:1.45;resize:none}
.rvia-env{flex:0 0 auto;min-height:44px;margin:0 0 0 8px;padding:0 18px!important;border:0!important;border-radius:10px!important;background:#BF4E17!important;color:#fff!important;font:inherit;font-weight:700!important;font-size:15px!important;text-transform:none!important;cursor:pointer}
.rvia-env:hover{background:#A3420F!important}
.rvia-env:focus-visible{outline:2px solid #0C243B;outline-offset:2px}
.rvia-env[disabled]{opacity:.6;cursor:default}
.rvia-nota{margin:10px 0 0;font-size:12.5px;color:#5B6776}
.rvia-nota a{color:#BF4E17}

@media (max-width:560px){
	.rvia{padding:16px;border-radius:14px}
	.rvia-m--u{max-width:92%}
	.rvia-env span{font-size:14px}
}

/* ───────── Hoja del caso (panel) ───────── */
.rvca-ia{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#F4F6FA}
.rvca-ia-fila{display:flex;flex-wrap:wrap;align-items:center}
.rvca-ia-fila .rvca-btn{margin:0 10px 6px 0}
.rvca-ia-btn svg{margin:0 6px 0 0;color:#BF4E17}
.rvca-ia-est{margin:0 0 6px;font-size:13px;color:#5B6776}
.rvca-ia-est.mal{color:#B42318}
.rvca-ia-info{margin:6px 0 0;font-size:13px;color:#1F2D3D}
.rvca-ia-info p{margin:0 0 4px}
.rvca-ia-urg{display:inline-block;margin:0 0 0 6px;padding:1px 8px;border-radius:999px;background:#FDE7E4;color:#B42318;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}