/* Estilos del cartero (widget de cualificación). Misma paleta que la web. */
.cr-caja{position:fixed;right:22px;bottom:22px;z-index:9998;font-family:'Space Grotesk',system-ui,sans-serif}
.cr-boton{display:flex;align-items:center;gap:9px;border:0;cursor:pointer;
  background:linear-gradient(135deg,#00DEFF,#6F5CFF);color:#05040f;font-weight:700;font-size:15px;
  padding:13px 20px;border-radius:999px;box-shadow:0 12px 34px rgba(0,222,255,.28)}
.cr-boton:hover{filter:brightness(1.07)}
.cr-punto{width:8px;height:8px;border-radius:50%;background:#05040f;opacity:.65}
.cr-panel{display:none;position:absolute;right:0;bottom:64px;width:min(370px,calc(100vw - 34px));
  max-height:min(560px,calc(100vh - 120px));overflow:auto;background:#0b0a1c;
  border:1px solid rgba(120,140,255,.28);border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.55)}
.cr-abierto .cr-panel{display:block}
.cr-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;
  padding:15px 16px;border-bottom:1px solid rgba(120,140,255,.18);position:sticky;top:0;
  background:#0b0a1c;z-index:2}
.cr-cab strong{display:block;color:#eef2ff;font-size:15px}
.cr-cab span{display:block;color:#93a1c4;font-size:12px;margin-top:2px}
.cr-cerrar{background:none;border:0;color:#8b97b8;font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
.cr-cerrar:hover{color:#eef2ff}
.cr-cuerpo{padding:16px 16px 22px}
.cr-titulo{margin:0 0 8px;color:#eef2ff;font-size:17px}
.cr-texto{margin:0 0 12px;color:#a9b6d4;font-size:14px;line-height:1.55}
.cr-nota{margin:12px 0;padding:10px 12px;border-left:2px solid #00DEFF;
  background:rgba(0,222,255,.06);color:#9fb0d0;font-size:12.5px;line-height:1.5}
.cr-temas{display:grid;gap:8px;margin-top:4px}
.cr-tema{text-align:left;cursor:pointer;background:rgba(120,140,255,.08);color:#dbe4ff;
  border:1px solid rgba(120,140,255,.22);border-radius:11px;padding:11px 13px;font-size:14px;
  font-family:inherit}
.cr-tema:hover{background:rgba(0,222,255,.12);border-color:#00DEFF;color:#fff}
.cr-lista{margin:0 0 12px;padding-left:18px;color:#c3cee6;font-size:13.5px;line-height:1.7}
.cr-cta{position:sticky;bottom:0;display:block;box-shadow:0 -12px 24px rgba(11,10,28,.92);width:100%;margin-top:14px;cursor:pointer;border:0;border-radius:11px;
  background:linear-gradient(135deg,#00DEFF,#6F5CFF);color:#05040f;font-weight:700;font-size:14.5px;
  padding:12px 16px;font-family:inherit}
.cr-cta:hover{filter:brightness(1.06)}
.cr-cta:disabled{opacity:.6;cursor:default}
.cr-enlace{display:inline-block;margin-top:12px;background:none;border:0;color:#8fd8ff;
  font-size:13px;cursor:pointer;padding:0;font-family:inherit}
.cr-form{display:grid;gap:10px}
.cr-form label{display:grid;gap:5px;color:#b9c6e2;font-size:12.5px}
.cr-form input,.cr-form textarea{background:#12112b;border:1px solid rgba(120,140,255,.26);
  border-radius:9px;color:#eef2ff;padding:9px 11px;font:inherit;font-size:14px;resize:vertical}
.cr-form input:focus,.cr-form textarea:focus{outline:none;border-color:#00DEFF}
.cr-trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cr-error{margin:0;color:#ffb4b4;font-size:12.5px}
@media(max-width:520px){.cr-caja{right:14px;bottom:14px}.cr-boton{font-size:14px;padding:12px 17px}}
