/* Apartado Hotmart · PEV (pev.js). Usa las variables y clases rx-* de plataforma.html. */
.ambar { color: var(--ambar); }
.pev-check { display: flex !important; align-items: center; gap: 8px; grid-template-columns: none !important; }
.pev-check input { width: auto; }
.pev-copiar { padding: 5px 10px !important; font-size: 11px !important; flex: none; }
.pev-foto { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: 10px; margin-bottom: 8px; background: var(--panel2); }
.pev-galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 8px; }
.pev-galeria img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; background: var(--panel2); }
.pev-portada { width: 150px; max-width: 40%; border-radius: 8px; box-shadow: 0 8px 30px rgba(0,0,0,.5); }
.pev-marco { width: 100%; height: 75vh; min-height: 520px; border: 1px solid var(--borde); border-radius: 14px; background: #fff; }
.pev-chat { background: var(--panel); border: 1px solid var(--borde); border-radius: 14px; padding: 14px; height: 55vh; min-height: 320px; overflow-y: auto; margin-bottom: 10px; }
.pev-msg { max-width: 82%; padding: 10px 14px; border-radius: 14px; margin: 0 0 10px; font-size: 13px; line-height: 1.5; }
.pev-msg.jeffrey { margin-left: auto; background: rgba(204,255,0,.1); border: 1px solid rgba(204,255,0,.25); white-space: pre-wrap; }
.pev-msg.jefe { background: var(--panel2); border: 1px solid var(--borde); }
.pev-msg.jefe .md-p, .pev-msg.jefe .md-li { color: var(--texto); }
.pev-escribir { display: flex; gap: 10px; align-items: flex-end; }
.pev-escribir textarea { flex: 1; }
@media (max-width: 860px) { .pev-msg { max-width: 94%; } .pev-portada { width: 110px; } }