/* Thot Creative · © 2026 Webs Creative LLC · Todos los derechos reservados
   Correo: bandeja de tres paneles, lector, redactor, ajustes y pestaña del expediente («Creative 3D», temas claro y
   oscuro). Todo con el prefijo gc-correo. */

/* ================================================================ disposición */
.gc-contenido:has(> .gc-correo) { max-width: none; padding: 14px 16px 16px; }
.gc-correo {
  --gc-correo-alto: calc(100vh - var(--gc-alto-barra) - 30px);
  position: relative; display: grid; grid-template-columns: 236px minmax(320px, 400px) minmax(0, 1fr); gap: 12px;
  height: var(--gc-correo-alto); min-height: 560px;
}
@supports (height: 100dvh) { .gc-correo { --gc-correo-alto: calc(100dvh - var(--gc-alto-barra) - 30px); } }
.gc-correo--simple { display: block; height: auto; min-height: 0; }
.gc-correo__panel {
  min-height: 0; display: flex; flex-direction: column; border: 1px solid var(--gc-borde); border-radius: var(--gc-radio-l);
  background: var(--gc-cristal); -webkit-backdrop-filter: blur(var(--gc-cristal-desenfoque)); backdrop-filter: blur(var(--gc-cristal-desenfoque));
  box-shadow: var(--gc-sombra-s); overflow: hidden;
}
.gc-correo__lector { position: relative; background: linear-gradient(180deg, color-mix(in srgb, var(--gc-naranja) 3%, transparent), transparent 140px), var(--gc-cristal); }
.gc-correo-solo-movil { display: none !important; }
.gc-correo-solo-estrecho { display: none !important; }
.gc-correo-velo { position: fixed; inset: 0; z-index: calc(var(--gc-z-barra) + 4); background: rgba(0, 0, 0, .45); }

/* ================================================================ lateral: vistas, buzones y etiquetas */
.gc-correo__lateral { padding: 12px 8px 8px; overflow-y: auto; gap: 2px; }
.gc-correo-redactar { margin: 0 4px 10px; height: 42px; font-size: var(--gc-t-m); box-shadow: var(--gc-brillo-naranja); }
.gc-correo-redactar kbd { margin-left: auto; background: rgba(0, 0, 0, .14); border-color: rgba(0, 0, 0, .18); color: inherit; }
.gc-correo-nav { display: flex; flex-direction: column; gap: 1px; }
.gc-correo-nav__item {
  position: relative; display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 10px; border: 0; border-radius: 10px; background: none;
  color: var(--gc-texto-suave); font-size: var(--gc-t-s); font-weight: 500; text-align: left; cursor: pointer; transition: background var(--gc-rapido), color var(--gc-rapido);
}
.gc-correo-nav__item:hover { background: var(--gc-hover); color: var(--gc-texto); }
.gc-correo-nav__item .gc-i { width: 17px; height: 17px; }
.gc-correo-nav__item.activo { color: var(--gc-texto); background: linear-gradient(90deg, color-mix(in srgb, var(--gc-naranja) 18%, transparent), color-mix(in srgb, var(--gc-naranja) 4%, transparent)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gc-naranja) 18%, transparent); }
.gc-correo-nav__item.activo > .gc-i:first-child { color: var(--gc-enlace); }
.gc-correo-nav__item--carpeta { padding-left: 30px; font-size: var(--gc-t-xs); }
.gc-correo-nav__sep { height: 1px; background: var(--gc-borde); margin: 8px 10px; }
.gc-correo-nav__grupo { margin: 16px 10px 6px; font-size: 10.5px; text-transform: uppercase; letter-spacing: .12em; color: var(--gc-texto-tenue); font-weight: 600; }
.gc-correo-cuenta {
  min-width: 22px; height: 20px; padding: 0 7px; border-radius: 999px; display: inline-grid; place-items: center; font-size: 11px; font-weight: 700;
  background: var(--gc-naranja); color: var(--gc-sobre-acento); box-shadow: 0 0 12px color-mix(in srgb, var(--gc-naranja) 45%, transparent);
}
.gc-correo-cuenta--suave { background: var(--gc-superficie-3); color: var(--gc-texto-suave); box-shadow: none; }
.gc-correo-cuenta--peligro { background: var(--gc-peligro); color: var(--gc-sobre-color); box-shadow: 0 0 12px color-mix(in srgb, var(--gc-peligro) 45%, transparent); }
.gc-correo-punto { width: 10px; height: 10px; border-radius: 50%; flex: none; background: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 22%, transparent); }
.gc-correo-punto--etiqueta { border-radius: 3px; transform: rotate(45deg); width: 9px; height: 9px; }
.gc-correo-plegar { display: grid; place-items: center; width: 22px; height: 22px; border: 0; border-radius: 6px; background: none; color: var(--gc-texto-tenue); cursor: pointer; }
.gc-correo-plegar:hover { background: var(--gc-hover); color: var(--gc-texto); }
.gc-correo-carpetas { display: flex; flex-direction: column; gap: 1px; margin-bottom: 4px; }
.gc-correo-lateral__pie { display: flex; align-items: center; gap: 4px; margin-top: auto; padding: 10px 4px 0; border-top: 1px solid var(--gc-borde); }

/* ================================================================ lista de conversaciones */
.gc-correo-lista__cabecera { display: flex; align-items: center; gap: 8px; padding: 14px 14px 10px; }
.gc-correo-lista__titulo { margin: 0; font-size: var(--gc-t-l); letter-spacing: -.01em; }
.gc-correo-buscar { padding: 0 12px 8px; }
.gc-correo-buscar .gc-entrada-grupo { position: relative; }
.gc-correo-buscar .gc-entrada { height: 38px; padding-right: 36px; }
.gc-correo-buscar kbd, .gc-correo-buscar__limpiar { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); }
.gc-correo-buscar__limpiar { display: grid; place-items: center; width: 24px; height: 24px; border: 0; border-radius: 6px; background: var(--gc-hover); color: var(--gc-texto-suave); cursor: pointer; }
.gc-correo-buscar input[type="search"]::-webkit-search-cancel-button { display: none; }
.gc-correo-filtros { display: flex; gap: 4px; padding: 0 12px 10px; overflow-x: auto; scrollbar-width: none; }
.gc-correo-filtros button {
  flex: none; padding: 4px 11px; border-radius: 999px; border: 1px solid var(--gc-borde); background: none; color: var(--gc-texto-suave);
  font-size: var(--gc-t-xs); font-weight: 600; cursor: pointer; transition: all var(--gc-rapido);
}
.gc-correo-filtros button:hover { color: var(--gc-texto); border-color: var(--gc-borde-fuerte); }
.gc-correo-filtros button[aria-pressed="true"] { background: var(--gc-naranja-fondo); border-color: color-mix(in srgb, var(--gc-naranja) 45%, transparent); color: var(--gc-texto); }
.gc-correo-masivo {
  display: flex; align-items: center; gap: 2px; margin: 0 10px 8px; padding: 4px 6px; border-radius: 12px;
  background: color-mix(in srgb, var(--gc-naranja) 10%, var(--gc-superficie)); border: 1px solid color-mix(in srgb, var(--gc-naranja) 30%, transparent);
  animation: gc-entrar-arriba var(--gc-normal) var(--gc-curva);
}
.gc-correo-masivo__todas { display: flex; align-items: center; gap: 6px; padding: 0 8px 0 4px; font-size: var(--gc-t-s); }
.gc-correo-masivo input[type="checkbox"], .gc-correo-fila__marca input { width: 16px; height: 16px; accent-color: var(--gc-naranja); }
.gc-correo-lista__filas { flex: 1; min-height: 0; overflow-y: auto; padding: 2px 8px 10px; display: flex; flex-direction: column; gap: 2px; }
.gc-correo-esqueletos { display: flex; flex-direction: column; gap: 8px; padding: 4px; }
.gc-correo-esqueleto { height: 84px; border-radius: 12px; }
.gc-correo-mas { margin: 8px auto; display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--gc-borde-fuerte); background: var(--gc-superficie-2); color: var(--gc-texto-suave); font-size: var(--gc-t-s); cursor: pointer; }
.gc-correo-mas:hover { color: var(--gc-texto); border-color: var(--gc-naranja); }
.gc-correo__lista .gc-vacio { padding-top: 40px; }

.gc-correo-fila {
  position: relative; display: flex; align-items: flex-start; gap: 10px; padding: 10px 10px 10px 12px; border-radius: 13px; border: 1px solid transparent;
  cursor: pointer; transition: background var(--gc-rapido), border-color var(--gc-rapido), transform var(--gc-rapido);
}
.gc-correo-fila:hover { background: var(--gc-hover); }
.gc-correo-fila.activa {
  background: linear-gradient(100deg, color-mix(in srgb, var(--gc-naranja) 17%, transparent), color-mix(in srgb, var(--gc-naranja) 5%, transparent) 70%);
  border-color: color-mix(in srgb, var(--gc-naranja) 26%, transparent);
}
.gc-correo-fila.activa::before { content: ""; position: absolute; left: -8px; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--gc-naranja); box-shadow: 0 0 14px var(--gc-naranja); }
.gc-correo-fila.cursor { border-color: color-mix(in srgb, var(--gc-cian) 55%, transparent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gc-cian) 12%, transparent); }
.gc-correo-fila.marcada { background: color-mix(in srgb, var(--gc-cian) 9%, transparent); }
.gc-correo-fila.riesgo { background: linear-gradient(100deg, color-mix(in srgb, var(--gc-peligro) 9%, transparent), transparent 70%); }
.gc-correo-fila__marca { position: absolute; left: 12px; top: 10px; z-index: 1; display: none; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--gc-superficie-3); border: 1px solid var(--gc-borde-fuerte); cursor: pointer; }
@media (hover: hover) { .gc-correo-fila:hover .gc-correo-fila__marca { display: grid; } }
.gc-correo-fila.marcada .gc-correo-fila__marca, .gc-correo:has(.gc-correo-masivo) .gc-correo-fila__marca { display: grid; }
.gc-correo-fila__avatar {
  --c: var(--gc-naranja); flex: none; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; font-size: 13px; font-weight: 700; letter-spacing: .02em;
  color: var(--gc-tinta-c, #0B0D10); background: linear-gradient(135deg, color-mix(in srgb, var(--c) 92%, #fff), color-mix(in srgb, var(--c) 70%, #000));
  box-shadow: 0 6px 16px -6px color-mix(in srgb, var(--c) 70%, transparent), inset 0 1px 0 rgba(255, 255, 255, .25); text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
.gc-correo-fila.riesgo .gc-correo-fila__avatar { --c: var(--gc-peligro); }
.gc-correo-fila__avatar--grande { width: 46px; height: 46px; border-radius: 14px; font-size: 15px; }
.gc-correo-fila__cuerpo { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.gc-correo-fila__linea { display: flex; align-items: center; gap: 6px; min-width: 0; }
.gc-correo-fila__linea .gc-i { width: 14px; height: 14px; }
.gc-correo-fila__de { flex: 1; min-width: 0; font-size: var(--gc-t-s); color: var(--gc-texto-suave); font-weight: 500; }
.gc-correo-fila__n { margin-left: 6px; font-size: 11px; color: var(--gc-texto-tenue); font-weight: 600; }
.gc-correo-fila__hora { flex: none; font-size: 11.5px; color: var(--gc-texto-tenue); font-variant-numeric: tabular-nums; }
.gc-correo-fila__asunto { font-size: var(--gc-t-s); color: var(--gc-texto-suave); }
.gc-correo-fila__extracto { font-size: var(--gc-t-xs); color: var(--gc-texto-tenue); }
.gc-correo-fila.sin-leer .gc-correo-fila__de, .gc-correo-fila.sin-leer .gc-correo-fila__asunto { color: var(--gc-texto); font-weight: 700; }
.gc-correo-fila.sin-leer .gc-correo-fila__hora { color: var(--gc-enlace); font-weight: 700; }
.gc-correo-fila.sin-leer::after { content: ""; position: absolute; left: 3px; top: 24px; width: 6px; height: 6px; border-radius: 50%; background: var(--gc-naranja); box-shadow: 0 0 8px var(--gc-naranja); }
.gc-correo-fila__chips { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; margin-top: 4px; min-height: 0; }
.gc-correo-fila__chips:empty { display: none; }
.gc-correo-fila__asignado .gc-avatar { width: 20px; height: 20px; font-size: 8px; }
.gc-correo-estrella { color: var(--gc-aviso); fill: color-mix(in srgb, var(--gc-aviso) 70%, transparent); }
.gc-correo-prioridad { display: inline-block; margin-right: 6px; padding: 0 6px; border-radius: 5px; font-size: 10.5px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; vertical-align: 1px; }
.gc-correo-prioridad--urgente { background: var(--gc-peligro); color: var(--gc-sobre-color); }
.gc-correo-prioridad--alta { background: var(--gc-aviso-fondo); color: var(--gc-aviso); }

.gc-correo-chip {
  --c: var(--gc-texto-tenue); display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 1px 8px; border-radius: 999px;
  font-size: 11px; font-weight: 600; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  color: var(--gc-texto-suave); background: var(--gc-superficie-3); border: 1px solid transparent;
}
.gc-correo-chip .gc-i { width: 12px; height: 12px; flex: none; }
.gc-correo-chip--mini { padding: 0 6px; font-size: 10px; }
.gc-correo-chip--cliente, .gc-correo-chip--etiqueta, .gc-correo-chip--buzon { color: var(--gc-texto-c); background: color-mix(in srgb, var(--c) 14%, transparent); border-color: color-mix(in srgb, var(--c) 22%, transparent); }
.gc-correo-chip--cliente { --c: var(--gc-naranja); }
.gc-correo-chip--buzon { font-weight: 500; color: var(--gc-texto-suave); background: none; border-color: var(--gc-borde-fuerte); }
.gc-correo-chip--buzon::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--c); }
.gc-correo-chip--peligro { color: var(--gc-peligro); background: var(--gc-peligro-fondo); }
.gc-correo-chip--aviso { color: var(--gc-aviso); background: var(--gc-aviso-fondo); }
.gc-correo-chip--exito { color: var(--gc-exito); background: var(--gc-exito-fondo); }
.gc-correo-chip--cian { color: var(--gc-cian); background: var(--gc-cian-fondo); }
.gc-correo-chip--violeta, .gc-correo-chip--propuesta { color: var(--gc-violeta); background: color-mix(in srgb, var(--gc-violeta) 13%, transparent); }
.gc-correo-chip--factura { color: var(--gc-exito); background: var(--gc-exito-fondo); }
.gc-correo-chip--marca { color: var(--gc-enlace); background: var(--gc-naranja-fondo); }
[data-tema="claro"] .gc-correo-chip--cliente, [data-tema="claro"] .gc-correo-chip--etiqueta { color: var(--gc-texto-c); }

.gc-correo-servidor { display: flex; align-items: center; gap: 10px; margin: 10px 4px; padding: 12px; border-radius: 12px; border: 1px dashed var(--gc-borde-fuerte); font-size: var(--gc-t-s); }
.gc-correo-servidor > .gc-i { color: var(--gc-cian); width: 20px; height: 20px; }
.gc-correo-select { height: 32px; padding: 0 28px 0 10px; border-radius: 9px; border: 1px solid var(--gc-borde-fuerte); background: var(--gc-campo); color: var(--gc-texto); font-size: var(--gc-t-s); max-width: 100%; }

/* salida y borradores */
.gc-correo-envio { display: flex; gap: 12px; padding: 12px; border-radius: 13px; border: 1px solid var(--gc-borde); background: var(--gc-superficie); cursor: pointer; margin-bottom: 6px; transition: border-color var(--gc-rapido); }
.gc-correo-envio:hover { border-color: var(--gc-borde-fuerte); }
.gc-correo-envio--error { border-color: color-mix(in srgb, var(--gc-peligro) 45%, var(--gc-borde)); }
.gc-correo-envio__icono { flex: none; width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: var(--gc-superficie-3); color: var(--gc-texto-suave); }
.gc-correo-envio__icono.tono-peligro { background: var(--gc-peligro-fondo); color: var(--gc-peligro); }
.gc-correo-envio__icono.tono-violeta { background: color-mix(in srgb, var(--gc-violeta) 14%, transparent); color: var(--gc-violeta); }
.gc-correo-envio__icono.tono-cian { background: var(--gc-cian-fondo); color: var(--gc-cian); }
.gc-correo-envio__icono.tono-marca { background: var(--gc-naranja-fondo); color: var(--gc-enlace); }
.gc-correo-envio__acciones { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.gc-correo-envio__acciones:empty { display: none; }
.gc-correo-envio__error { display: flex; gap: 6px; margin: 6px 0 0; font-size: var(--gc-t-xs); color: var(--gc-peligro); }

/* ================================================================ reposo (sin conversación abierta) */
.gc-correo-reposo { margin: auto; display: grid; justify-items: center; text-align: center; gap: 6px; padding: 40px 24px; max-width: 460px; }
.gc-correo-reposo h2 { margin: 18px 0 0; font-size: var(--gc-t-xl); }
.gc-correo-reposo p { margin: 0; }
.gc-correo-reposo__orbita { position: relative; width: 132px; height: 132px; display: grid; place-items: center; perspective: 600px; }
.gc-correo-reposo__orbita::before, .gc-correo-reposo__orbita span {
  content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid color-mix(in srgb, var(--gc-naranja) 45%, transparent);
  transform: rotateX(68deg); animation: gc-correo-orbita 9s linear infinite;
}
.gc-correo-reposo__orbita span { inset: 14px; border-color: color-mix(in srgb, var(--gc-cian) 45%, transparent); transform: rotateY(68deg); animation-duration: 12s; animation-direction: reverse; }
.gc-correo-reposo__orbita > .gc-i {
  width: 58px; height: 58px; padding: 14px; border-radius: 20px; color: var(--gc-enlace); background: var(--gc-superficie-2);
  box-shadow: var(--gc-brillo-naranja); stroke-width: 1.6;
}
@keyframes gc-correo-orbita { to { transform: rotateX(68deg) rotateZ(360deg); } }
.gc-correo-reposo__teclas { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 16px; margin-top: 18px; font-size: var(--gc-t-xs); color: var(--gc-texto-tenue); }
.gc-correo-reposo__teclas kbd { margin-right: 3px; }

/* ================================================================ lector */
.gc-correo-lector { container: lector / inline-size; position: relative; display: flex; flex-direction: column; height: 100%; min-height: 0; }
.gc-correo-lector__cargando { margin: auto; }
.gc-correo-lector__cabecera { flex: none; padding: 12px 18px 12px; border-bottom: 1px solid var(--gc-borde); background: color-mix(in srgb, var(--gc-fondo) 30%, transparent); }
.gc-correo-lector__barra { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.gc-correo-volver { display: none; }
.gc-correo-lector__asunto { margin: 10px 0 8px; font-size: clamp(1.15rem, 1.6vw, 1.45rem); line-height: 1.25; letter-spacing: -.015em; overflow-wrap: anywhere; }
.gc-correo-lector__chips { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.gc-correo-lector__cuerpo { flex: 1; min-height: 0; overflow-y: auto; padding: 16px 18px 28px; }
.gc-correo-lector__principal { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.gc-correo-lector__ficha { display: none; }
@container lector (min-width: 900px) {
  .gc-correo-lector__cuerpo { display: grid; grid-template-columns: minmax(0, 1fr) 286px; gap: 18px; align-items: start; }
  .gc-correo-lector__ficha { display: block; position: sticky; top: 0; }
  .gc-correo-ficha-boton, .gc-correo-ficha__cerrar { display: none !important; }
}
@container lector (max-width: 899px) {
  .gc-correo-lector__ficha.visible {
    display: block; position: absolute; z-index: 6; top: 12px; right: 12px; bottom: 12px; width: min(330px, calc(100% - 24px)); overflow-y: auto;
    background: var(--gc-superficie); border-color: var(--gc-borde-fuerte); box-shadow: var(--gc-sombra-l); animation: gc-desde-derecha var(--gc-normal) var(--gc-curva);
  }
}
@container lector (max-width: 560px) {
  .gc-correo-solo-ancho { display: none !important; }
  .gc-correo-solo-estrecho { display: flex !important; }
}

.gc-correo-pastilla {
  display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--gc-borde-fuerte);
  background: var(--gc-superficie-2); color: var(--gc-texto-suave); font-size: var(--gc-t-xs); font-weight: 600; cursor: pointer; white-space: nowrap;
  transition: border-color var(--gc-rapido), color var(--gc-rapido), background var(--gc-rapido);
}
.gc-correo-pastilla:hover:not([disabled]) { color: var(--gc-texto); border-color: var(--gc-texto-tenue); }
.gc-correo-pastilla[disabled] { cursor: default; }
.gc-correo-pastilla .gc-i { width: 14px; height: 14px; }
.gc-correo-pastilla .gc-avatar { width: 20px; height: 20px; font-size: 8px; margin-left: -5px; }
.gc-correo-pastilla--cian { color: var(--gc-cian); border-color: color-mix(in srgb, var(--gc-cian) 40%, transparent); background: var(--gc-cian-fondo); }
.gc-correo-pastilla--violeta { color: var(--gc-violeta); border-color: color-mix(in srgb, var(--gc-violeta) 40%, transparent); background: color-mix(in srgb, var(--gc-violeta) 12%, transparent); }
.gc-correo-pastilla--exito { color: var(--gc-exito); border-color: color-mix(in srgb, var(--gc-exito) 40%, transparent); background: var(--gc-exito-fondo); }
.gc-correo-pastilla--aviso { color: var(--gc-aviso); border-color: color-mix(in srgb, var(--gc-aviso) 40%, transparent); background: var(--gc-aviso-fondo); }
.gc-correo-pastilla--peligro { color: var(--gc-peligro); border-color: color-mix(in srgb, var(--gc-peligro) 45%, transparent); background: var(--gc-peligro-fondo); }
.gc-correo-pastilla--suave { border-style: dashed; background: none; }
.gc-correo-ia-marca { display: inline-grid; place-items: center; color: var(--gc-violeta); }
.gc-correo-etiquetas-edicion { display: flex; align-items: flex-start; gap: 6px; flex: 1 1 100%; }
.gc-correo-etiquetas-edicion .gc-campo { flex: 1; margin: 0; }

/* menús desplegables */
.gc-correo-menu-ancla { position: relative; }
.gc-correo-menu {
  position: absolute; left: 0; top: calc(100% + 6px); z-index: 30; min-width: 230px; max-width: 320px; max-height: 360px; overflow-y: auto; padding: 6px;
  border-radius: var(--gc-radio); background: var(--gc-cristal-fuerte); border: 1px solid var(--gc-borde-fuerte); box-shadow: var(--gc-sombra-l);
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); animation: gc-entrar-arriba var(--gc-rapido) var(--gc-curva);
}
.gc-correo-menu--derecha { left: auto; right: 0; }
.gc-correo-menu button, .gc-correo-menu a { display: flex; align-items: center; gap: 9px; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px; background: none; color: var(--gc-texto); font-size: var(--gc-t-s); text-align: left; cursor: pointer; }
.gc-correo-menu a { text-decoration: none; box-sizing: border-box; }
.gc-correo-menu button:hover, .gc-correo-menu a:hover { background: var(--gc-hover); }
.gc-correo-menu button .gc-i, .gc-correo-menu a .gc-i { color: var(--gc-texto-suave); }
.gc-correo-menu button .gc-avatar { width: 24px; height: 24px; font-size: 9px; }
.gc-correo-menu__titulo { display: block; padding: 6px 10px 4px; font-size: var(--gc-t-xs); color: var(--gc-texto-tenue); text-transform: uppercase; letter-spacing: .08em; }
.gc-correo-menu__elegir { display: flex; gap: 6px; padding: 8px 6px 4px; border-top: 1px solid var(--gc-borde); margin-top: 4px; }
.gc-correo-menu__elegir .gc-entrada { height: 32px; font-size: var(--gc-t-xs); }

/* avisos dentro del lector */
.gc-correo-alerta { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: var(--gc-radio); border: 1px solid var(--gc-borde); background: var(--gc-superficie); font-size: var(--gc-t-s); }
.gc-correo-alerta > .gc-i { width: 22px; height: 22px; margin-top: 1px; }
.gc-correo-alerta p { margin: 2px 0 0; color: var(--gc-texto-suave); }
.gc-correo-alerta--peligro { border-color: color-mix(in srgb, var(--gc-peligro) 55%, var(--gc-borde)); background: linear-gradient(120deg, color-mix(in srgb, var(--gc-peligro) 16%, var(--gc-superficie)), var(--gc-superficie) 75%); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gc-peligro) 10%, transparent); }
.gc-correo-alerta--peligro > .gc-i, .gc-correo-alerta--peligro b { color: var(--gc-peligro); }
.gc-correo-alerta--aviso { border-color: color-mix(in srgb, var(--gc-aviso) 45%, var(--gc-borde)); background: linear-gradient(120deg, color-mix(in srgb, var(--gc-aviso) 10%, var(--gc-superficie)), var(--gc-superficie) 75%); }
.gc-correo-alerta--aviso > .gc-i { color: var(--gc-aviso); }
.gc-correo-alerta--ia { align-items: center; border-color: color-mix(in srgb, var(--gc-violeta) 40%, var(--gc-borde)); background: linear-gradient(120deg, color-mix(in srgb, var(--gc-violeta) 12%, var(--gc-superficie)), var(--gc-superficie) 75%); }
.gc-correo-alerta--ia > .gc-i { color: var(--gc-violeta); }
.gc-correo-motivos { margin: 6px 0 0; padding-left: 18px; font-size: var(--gc-t-xs); color: var(--gc-texto-suave); }
.gc-correo-motivos li + li { margin-top: 2px; }

.gc-correo-cliente-linea { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: var(--gc-radio); border: 1px solid var(--gc-borde); background: var(--gc-superficie); }
.gc-correo-cliente-linea.sin-cliente { border-style: dashed; background: none; }
.gc-correo-cliente-linea .gc-campo { margin: 0; }
.gc-correo-cliente-linea__nombre { display: block; font-weight: 700; color: var(--gc-texto); }

/* asistente (IA y clasificación) */
.gc-correo-ia {
  position: relative; padding: 12px 14px; border-radius: var(--gc-radio); background: linear-gradient(var(--gc-superficie), var(--gc-superficie)) padding-box,
  linear-gradient(120deg, color-mix(in srgb, var(--gc-violeta) 60%, transparent), color-mix(in srgb, var(--gc-cian) 45%, transparent) 50%, color-mix(in srgb, var(--gc-naranja) 40%, transparent)) border-box;
  border: 1px solid transparent; font-size: var(--gc-t-s);
}
.gc-correo-ia__cabecera { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.gc-correo-ia__icono { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: var(--gc-sobre-color); background: linear-gradient(135deg, var(--gc-violeta), var(--gc-cian)); box-shadow: 0 6px 18px -6px var(--gc-violeta); }
.gc-correo-ia__icono .gc-i { width: 16px; height: 16px; }
.gc-correo-ia__clasificacion { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; margin-top: 10px; }
.gc-correo-ia__frase { margin: 8px 0 0; color: var(--gc-texto-suave); }
.gc-correo-ia__resumen { margin: 10px 0 4px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px; }
.gc-correo-ia__resumen li { position: relative; padding-left: 16px; line-height: 1.5; }
.gc-correo-ia__resumen li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 2px; transform: rotate(45deg); background: linear-gradient(135deg, var(--gc-violeta), var(--gc-cian)); }
.gc-correo-ia__tareas { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--gc-borde); }
.gc-correo-ia__tareas b { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.gc-correo-ia__tareas ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.gc-correo-ia__tareas li { display: flex; align-items: center; gap: 8px; justify-content: space-between; }
/* Tareas del correo y las que propone la IA (D-430) */
.gc-correo-tareas { margin: 0 0 12px; padding: 10px 12px; border: 1px solid var(--gc-borde); border-radius: var(--gc-radio-m, 12px); background: var(--gc-superficie); }
.gc-correo-tareas__fila { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: var(--gc-t-s); }
.gc-correo-tareas__fila > .gc-i { flex: none; color: var(--gc-texto-tenue); }
.gc-correo-chip--tarea { max-width: 280px; text-decoration: none; color: var(--gc-texto-suave); }
.gc-correo-chip--tarea:hover { color: var(--gc-texto); }
.gc-correo-chip--tarea.hecha { filter: saturate(.5); text-decoration: line-through; }
.gc-correo-tareas__propuestas { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--gc-borde); }
.gc-correo-tareas__titulo { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: var(--gc-t-s); margin-bottom: 6px; }
.gc-correo-tareas__titulo > .gc-i { flex: none; color: var(--gc-cian); }
.gc-correo-tareas__propuestas ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.gc-correo-tareas__propuestas li { display: flex; align-items: center; gap: 8px; font-size: var(--gc-t-s); }

/* mensajes */
.gc-correo-mensajes { display: flex; flex-direction: column; gap: 8px; }
.gc-correo-msj { border: 1px solid var(--gc-borde); border-radius: var(--gc-radio-l); background: var(--gc-superficie); overflow: hidden; transition: border-color var(--gc-rapido), box-shadow var(--gc-normal); }
.gc-correo-msj.abierto { box-shadow: var(--gc-sombra); }
.gc-correo-msj.sin-leer { border-color: color-mix(in srgb, var(--gc-naranja) 35%, var(--gc-borde)); }
.gc-correo-msj.saliente { background: linear-gradient(120deg, color-mix(in srgb, var(--gc-cian) 5%, var(--gc-superficie)), var(--gc-superficie) 60%); }
.gc-correo-msj__cabecera { display: flex; align-items: center; gap: 10px; padding: 10px 14px; cursor: pointer; }
.gc-correo-msj__cabecera:hover { background: var(--gc-hover); }
.gc-correo-msj__quien { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: var(--gc-t-s); }
.gc-correo-msj__quien > small { font-size: var(--gc-t-xs); }
.gc-correo-msj__de { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 6px; min-width: 0; }
.gc-correo-msj__de > small { min-width: 0; max-width: 100%; }
.gc-correo-msj__meta { flex: none; display: flex; align-items: center; gap: 6px; font-size: var(--gc-t-xs); color: var(--gc-texto-tenue); }
.gc-correo-msj__meta .gc-i { width: 14px; height: 14px; }
.gc-correo-msj__cuerpo { padding: 0 14px 12px; display: flex; flex-direction: column; gap: 10px; }
.gc-correo-msj__cargando { display: flex; align-items: center; gap: 8px; padding: 22px; color: var(--gc-texto-tenue); font-size: var(--gc-t-s); }
.gc-correo-msj__pie { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; padding-top: 4px; border-top: 1px solid var(--gc-borde); }
.gc-correo-imagenes { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 10px; border-radius: 10px; background: var(--gc-superficie-2); border: 1px solid var(--gc-borde); font-size: var(--gc-t-xs); color: var(--gc-texto-suave); }
.gc-correo-imagenes > .gc-i { color: var(--gc-texto-tenue); }
.gc-correo-rastreadores { display: inline-flex; align-items: center; gap: 6px; font-size: var(--gc-t-xs); color: var(--gc-exito); }
.gc-correo-rastreadores .gc-i { width: 14px; height: 14px; }
.gc-correo-avisos-msj { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; font-size: var(--gc-t-xs); color: var(--gc-aviso); }
.gc-correo-avisos-msj li { display: flex; gap: 6px; align-items: flex-start; }
.gc-correo-marco { position: relative; border-radius: 14px; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 10px 30px -18px rgba(0, 0, 0, .55); }
.gc-correo-marco iframe { display: block; width: 100%; border: 0; background: #fff; color-scheme: light; }
.gc-correo-marco__alto { position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(0, 0, 0, .1); background: rgba(255, 255, 255, .92); color: #1B1F25; font-size: 12px; font-weight: 600; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, .15); }
.gc-correo-texto { font-size: var(--gc-t-m); line-height: 1.6; }
.gc-correo-texto__propio, .gc-correo-texto__cita { white-space: pre-wrap; overflow-wrap: anywhere; }
.gc-correo-texto__cita { margin-top: 8px; padding-left: 12px; border-left: 3px solid var(--gc-borde-fuerte); color: var(--gc-texto-tenue); font-size: var(--gc-t-s); }
.gc-correo-cita-boton { display: inline-grid; place-items: center; margin-top: 6px; width: 34px; height: 18px; border-radius: 6px; border: 1px solid var(--gc-borde-fuerte); background: var(--gc-superficie-2); color: var(--gc-texto-suave); cursor: pointer; }
.gc-correo-adjuntos { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(310px, 100%), 1fr)); gap: 8px; }
.gc-correo-adjunto { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; padding: 8px 8px 8px 10px; border-radius: 12px; border: 1px solid var(--gc-borde); background: var(--gc-superficie-2); min-width: 0; }
.gc-correo-adjunto.factura { border-color: color-mix(in srgb, var(--gc-exito) 35%, var(--gc-borde)); }
.gc-correo-adjunto__icono { flex: none; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--gc-naranja-fondo); color: var(--gc-enlace); }
.gc-correo-adjunto.factura .gc-correo-adjunto__icono { background: var(--gc-exito-fondo); color: var(--gc-exito); }
.gc-correo-adjunto__texto { flex: 1 1 120px; min-width: 0; display: flex; flex-direction: column; font-size: var(--gc-t-s); }
.gc-correo-adjunto__texto small { font-size: 11px; }
.gc-correo-adjunto__acciones { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.gc-correo-en-docs { color: var(--gc-exito) !important; }
.gc-correo-detalles { display: grid; grid-template-columns: max-content 1fr; gap: 4px 14px; margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--gc-superficie-2); font-size: var(--gc-t-xs); }
.gc-correo-detalles dt { color: var(--gc-texto-tenue); }
.gc-correo-detalles dd { margin: 0; overflow-wrap: anywhere; }
.gc-correo-visor-imagen { display: block; max-width: 100%; max-height: 70vh; margin: 0 auto; border-radius: 10px; }
.gc-correo-responder { display: flex; gap: 8px; flex-wrap: wrap; padding: 4px 0; }

/* notas internas */
.gc-correo-notas { margin-top: 4px; padding: 14px; border-radius: var(--gc-radio-l); border: 1px dashed color-mix(in srgb, var(--gc-aviso) 45%, var(--gc-borde)); background: color-mix(in srgb, var(--gc-aviso) 5%, transparent); }
.gc-correo-notas h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: var(--gc-t-m); }
.gc-correo-notas h3 > .gc-i { color: var(--gc-aviso); }
.gc-correo-nota { display: flex; gap: 10px; padding: 10px 12px; margin-bottom: 8px; border-radius: 12px; background: color-mix(in srgb, var(--gc-aviso) 10%, var(--gc-superficie)); border-left: 3px solid var(--gc-aviso); font-size: var(--gc-t-s); }
.gc-correo-nota__texto { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.gc-correo-mencion { padding: 0 4px; border-radius: 5px; background: var(--gc-cian-fondo); color: var(--gc-cian); font-weight: 600; }
.gc-correo-nota-nueva { position: relative; display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }
.gc-correo-nota-nueva textarea { width: 100%; resize: vertical; min-height: 64px; }
.gc-correo-menciones { position: absolute; left: 0; bottom: calc(100% - 4px); z-index: 20; min-width: 240px; padding: 6px; border-radius: 12px; background: var(--gc-cristal-fuerte); border: 1px solid var(--gc-borde-fuerte); box-shadow: var(--gc-sombra-l); }
.gc-correo-menciones button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 6px 8px; border: 0; border-radius: 8px; background: none; color: var(--gc-texto); font-size: var(--gc-t-s); cursor: pointer; text-align: left; }
.gc-correo-menciones button[aria-selected="true"], .gc-correo-menciones button:hover { background: var(--gc-seleccion); }

/* ficha del cliente */
.gc-correo-lector__ficha { padding: 14px; border-radius: var(--gc-radio-l); border: 1px solid var(--gc-borde); background: var(--gc-superficie); font-size: var(--gc-t-s); }
.gc-correo-ficha__cabecera { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.gc-correo-ficha__cerrar { margin-left: auto; }
.gc-correo-ficha__datos { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 5px 10px; margin: 0 0 10px; font-size: var(--gc-t-xs); }
.gc-correo-ficha__datos dt { color: var(--gc-texto-tenue); }
.gc-correo-ficha__datos dd { margin: 0; min-width: 0; }
.gc-correo-ficha__datos .gc-avatar { width: 20px; height: 20px; font-size: 8px; }
.gc-correo-ficha__notas { display: flex; flex-direction: column; gap: 6px; margin-bottom: 8px; }
.gc-correo-ficha__notas div { display: flex; gap: 6px; padding: 7px 9px; border-radius: 9px; background: var(--gc-aviso-fondo); font-size: var(--gc-t-xs); }
.gc-correo-ficha__notas .gc-i { color: var(--gc-aviso); flex: none; width: 14px; height: 14px; margin-top: 2px; }
.gc-correo-lector__ficha h4 { display: flex; align-items: center; gap: 6px; margin: 14px 0 8px; font-size: var(--gc-t-s); }
.gc-correo-lector__ficha h4 .gc-i { color: var(--gc-enlace); width: 15px; height: 15px; }
.gc-correo-lector__ficha h4 .gc-correo-cuenta { margin-left: auto; height: 18px; font-size: 10px; }
.gc-correo-ficha__plazos, .gc-correo-ficha__docs { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.gc-correo-ficha__plazos li { display: flex; align-items: center; gap: 8px; font-size: var(--gc-t-xs); }
.gc-correo-ficha__docs li { display: flex; flex-direction: column; font-size: var(--gc-t-xs); min-width: 0; }
.gc-correo-ficha__enlace { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--gc-borde); background: var(--gc-superficie-2); color: var(--gc-texto); font-size: var(--gc-t-s); cursor: pointer; }
.gc-correo-ficha__enlace:hover { border-color: var(--gc-naranja); }
.gc-correo-ficha__contactos { display: flex; flex-direction: column; gap: 2px; margin: 8px 0 12px; }

/* ================================================================ redactor */
.gc-correo-redactor {
  position: fixed; z-index: var(--gc-z-panel); right: 22px; bottom: 0; width: min(680px, calc(100vw - 32px)); height: min(680px, calc(100vh - 86px));
  display: flex; flex-direction: column; border-radius: var(--gc-radio-l) var(--gc-radio-l) 0 0; border: 1px solid var(--gc-borde-fuerte); border-bottom: 0;
  background: var(--gc-cristal-fuerte); -webkit-backdrop-filter: blur(26px) saturate(140%); backdrop-filter: blur(26px) saturate(140%);
  box-shadow: var(--gc-sombra-l), 0 0 0 1px color-mix(in srgb, var(--gc-naranja) 12%, transparent); animation: gc-correo-subir var(--gc-normal) var(--gc-curva);
}
@keyframes gc-correo-subir { from { transform: translateY(24px); opacity: 0; } }
.gc-correo-redactor--minimo { height: auto; width: min(380px, calc(100vw - 32px)); }
.gc-correo-redactor--grande { right: 50%; bottom: 18px; transform: translateX(50%); width: min(1040px, calc(100vw - 48px)); height: calc(100vh - 110px); border-radius: var(--gc-radio-l); border-bottom: 1px solid var(--gc-borde-fuerte); animation: none; }
.gc-correo-redactor.encima { box-shadow: var(--gc-sombra-l), 0 0 0 3px var(--gc-naranja); }
.gc-correo-redactor__cabecera {
  flex: none; display: flex; align-items: center; gap: 8px; padding: 9px 10px 9px 16px; border-radius: inherit; cursor: default; user-select: none;
  background: linear-gradient(100deg, color-mix(in srgb, var(--gc-naranja) 18%, transparent), transparent 70%); border-bottom: 1px solid var(--gc-borde);
}
.gc-correo-redactor__cabecera b { font-size: var(--gc-t-s); }
.gc-correo-redactor__guardado { font-size: 11px; color: var(--gc-texto-tenue); white-space: nowrap; }
.gc-correo-redactor__cuerpo { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: auto; }
.gc-correo-redactor__campos { display: flex; flex-direction: column; padding: 4px 16px 0; }
.gc-correo-redactor__campos > * { border-bottom: 1px solid var(--gc-borde); }
.gc-correo-redactor__de, .gc-correo-redactor__asunto, .gc-correo-redactor__cliente { display: flex; align-items: center; gap: 8px; min-height: 42px; }
.gc-correo-redactor__de .gc-correo-select { flex: 1 1 auto; min-width: 0; border: 0; background: none; padding-left: 0; font-weight: 600; text-overflow: ellipsis; }
.gc-correo-redactor__de .gc-correo-enlace { flex: none; }
.gc-correo-redactor__cliente .gc-campo { margin: 0; }
.gc-correo-redactor__cliente .gc-entrada { border: 0; background: none; padding-left: 0; height: 36px; }
.gc-correo-input { flex: 1; min-width: 0; height: 40px; border: 0; background: none; color: var(--gc-texto); font-size: var(--gc-t-m); font-weight: 600; }
.gc-correo-input:focus { outline: none; }
.gc-correo-enlace { display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; padding: 2px 4px; color: var(--gc-enlace); font-size: var(--gc-t-s); font-weight: 600; cursor: pointer; border-radius: 6px; }
.gc-correo-enlace:hover { text-decoration: underline; }
.gc-correo-redactor__pie { position: sticky; bottom: 0; z-index: 4; flex: none; display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-top: 1px solid var(--gc-borde); background: var(--gc-superficie-2); }
.gc-correo-enviar { position: relative; display: flex; }
.gc-correo-enviar > .gc-boton:first-child { border-radius: var(--gc-radio) 0 0 var(--gc-radio); padding-inline: 18px; }
.gc-correo-enviar > .gc-boton:nth-child(2) { border-radius: 0 var(--gc-radio) var(--gc-radio) 0; margin-left: 1px; }
.gc-correo-redactor__soltar { position: absolute; inset: 52px 12px 12px; z-index: 5; display: grid; place-items: center; align-content: center; gap: 8px; border-radius: var(--gc-radio); border: 2px dashed var(--gc-naranja); background: color-mix(in srgb, var(--gc-fondo) 80%, transparent); color: var(--gc-enlace); font-weight: 700; pointer-events: none; }
.gc-correo-redactor__soltar .gc-i { width: 34px; height: 34px; }
.gc-correo-redactor .gc-correo-editor { flex: 1 0 auto; display: flex; flex-direction: column; }
.gc-correo-redactor .gc-correo-editor__barra { padding: 6px 12px; border-bottom: 1px solid var(--gc-borde); }
.gc-correo-redactor .gc-correo-editor__envoltorio { flex: 1; }
.gc-correo-redactor .gc-correo-editor__area { padding: 14px 16px; border: 0; border-radius: 0; background: none; }

.gc-correo-aviso { display: flex; align-items: flex-start; gap: 10px; margin: 8px 12px 0; padding: 9px 12px; border-radius: 11px; border: 1px solid var(--gc-borde); background: var(--gc-superficie); font-size: var(--gc-t-s); }
.gc-correo-aviso > div { flex: 1; min-width: 0; }
.gc-correo-aviso > .gc-i { width: 18px; height: 18px; margin-top: 1px; }
.gc-correo-aviso--ia { border-color: color-mix(in srgb, var(--gc-violeta) 45%, var(--gc-borde)); background: color-mix(in srgb, var(--gc-violeta) 9%, var(--gc-superficie)); }
.gc-correo-aviso--ia > .gc-i { color: var(--gc-violeta); }
.gc-correo-aviso--aviso { border-color: color-mix(in srgb, var(--gc-aviso) 45%, var(--gc-borde)); background: color-mix(in srgb, var(--gc-aviso) 8%, var(--gc-superficie)); }
.gc-correo-aviso--aviso > .gc-i { color: var(--gc-aviso); }
.gc-correo-aviso--cian { margin: 0 12px 8px; border-color: color-mix(in srgb, var(--gc-cian) 40%, var(--gc-borde)); background: var(--gc-cian-fondo); align-items: center; }
.gc-correo-aviso--cian > .gc-i { color: var(--gc-cian); }

/* direcciones */
.gc-correo-dir { position: relative; display: flex; align-items: flex-start; gap: 8px; padding: 5px 0; }
.gc-correo-dir__etiqueta { flex: none; width: 52px; padding-top: 7px; font-size: var(--gc-t-s); color: var(--gc-texto-tenue); }
.gc-correo-redactor__de .gc-correo-dir__etiqueta, .gc-correo-redactor__asunto .gc-correo-dir__etiqueta, .gc-correo-redactor__cliente .gc-correo-dir__etiqueta { padding-top: 0; }
.gc-correo-dir__caja { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; gap: 5px; align-items: center; min-height: 32px; cursor: text; }
.gc-correo-dir__caja input { flex: 1 1 140px; min-width: 120px; height: 30px; border: 0; background: none; color: var(--gc-texto); font-size: var(--gc-t-s); }
.gc-correo-dir__caja input:focus { outline: none; }
.gc-correo-ficha { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 2px 4px 2px 10px; border-radius: 999px; background: var(--gc-naranja-fondo); border: 1px solid color-mix(in srgb, var(--gc-naranja) 30%, transparent); font-size: var(--gc-t-s); }
.gc-correo-ficha.mala { background: var(--gc-peligro-fondo); border-color: color-mix(in srgb, var(--gc-peligro) 50%, transparent); color: var(--gc-peligro); }
.gc-correo-ficha button { display: grid; place-items: center; width: 18px; height: 18px; border: 0; border-radius: 50%; background: none; color: inherit; cursor: pointer; opacity: .7; }
.gc-correo-ficha button:hover { opacity: 1; background: var(--gc-hover); }
.gc-correo-ficha button .gc-i { width: 12px; height: 12px; }
.gc-correo-dir__lista { position: absolute; left: 60px; right: 0; top: calc(100% - 2px); z-index: 25; max-height: 260px; overflow-y: auto; padding: 6px; border-radius: 12px; background: var(--gc-cristal-fuerte); border: 1px solid var(--gc-borde-fuerte); box-shadow: var(--gc-sombra-l); }
.gc-correo-dir__opcion { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 8px; cursor: pointer; font-size: var(--gc-t-s); }
.gc-correo-dir__opcion[aria-selected="true"] { background: var(--gc-seleccion); }
.gc-correo-dir__error { width: 100%; padding: 0 0 6px 60px; font-size: var(--gc-t-xs); color: var(--gc-peligro); }
.gc-correo-dir.error .gc-correo-dir__caja { box-shadow: inset 0 -2px 0 var(--gc-peligro); }
.gc-correo-dir { flex-wrap: wrap; }

/* editor */
.gc-correo-editor { position: relative; border-radius: var(--gc-radio); }
.gc-correo-editor__barra { display: flex; align-items: center; gap: 2px; flex-wrap: wrap; padding: 4px; }
.gc-correo-editor__barra button { display: inline-flex; align-items: center; gap: 5px; height: 30px; min-width: 30px; justify-content: center; padding: 0 7px; border: 0; border-radius: 7px; background: none; color: var(--gc-texto-suave); font-size: var(--gc-t-xs); font-weight: 600; cursor: pointer; }
.gc-correo-editor__barra button:hover, .gc-correo-editor__barra button[aria-pressed="true"] { background: var(--gc-hover); color: var(--gc-texto); }
.gc-correo-editor__barra button .gc-i { width: 16px; height: 16px; }
.gc-correo-editor__sep { width: 1px; height: 18px; margin: 0 4px; background: var(--gc-borde-fuerte); }
.gc-correo-editor__enlace { display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-bottom: 1px solid var(--gc-borde); }
.gc-correo-editor__enlace .gc-entrada { height: 32px; }
.gc-correo-editor__envoltorio { position: relative; }
.gc-correo-editor__area {
  padding: 12px 14px; border: 1px solid var(--gc-borde-fuerte); border-radius: var(--gc-radio); background: var(--gc-campo); color: var(--gc-texto);
  font-size: var(--gc-t-m); line-height: 1.6; overflow-wrap: anywhere; outline: none;
}
.gc-correo-editor__area:focus { border-color: color-mix(in srgb, var(--gc-naranja) 55%, transparent); }
.gc-correo-editor__area p { margin: 0 0 .7em; }
.gc-correo-editor__area blockquote { margin: .5em 0 .5em .2em; padding-left: .9em; border-left: 3px solid var(--gc-borde-fuerte); color: var(--gc-texto-suave); }
.gc-correo-editor__area a { color: var(--gc-cian); }
.gc-correo-editor__area img { max-width: 100%; height: auto; }
.gc-correo-editor__area .gc-firma { margin-top: 1em; padding-top: .6em; border-top: 1px dashed var(--gc-borde-fuerte); color: var(--gc-texto-suave); font-size: .92em; }
.gc-correo-editor__area .gc-cita { margin-top: 1em; color: var(--gc-texto-tenue); font-size: .92em; }
.gc-correo-editor__placeholder { position: absolute; left: 16px; top: 14px; color: var(--gc-texto-tenue); pointer-events: none; }
.gc-correo-editor__area > p:first-child:has(> br:only-child):not(:focus-within)::before { content: "Escribe aquí tu mensaje…"; position: absolute; color: var(--gc-texto-tenue); pointer-events: none; }

/* paneles flotantes del redactor */
.gc-correo-flotante {
  position: absolute; z-index: 20; left: 12px; right: 12px; top: 210px; max-height: min(420px, 60%); display: flex; flex-direction: column; gap: 6px; padding: 8px;
  border-radius: var(--gc-radio); background: var(--gc-cristal-fuerte); border: 1px solid var(--gc-borde-fuerte); box-shadow: var(--gc-sombra-l);
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); animation: gc-entrar-arriba var(--gc-rapido) var(--gc-curva);
}
.gc-correo-flotante--arriba { top: auto; bottom: calc(100% + 8px); left: 0; right: auto; width: 320px; max-height: 420px; }
.gc-correo-flotante__lista { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.gc-correo-flotante__grupo { display: flex; align-items: center; gap: 6px; padding: 8px 8px 4px; font-size: 10.5px; text-transform: uppercase; letter-spacing: .1em; color: var(--gc-texto-tenue); font-weight: 700; }
.gc-correo-flotante__grupo .gc-i { color: var(--gc-violeta); width: 13px; height: 13px; }
.gc-correo-flotante__opcion { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; width: 100%; padding: 8px 10px; border: 0; border-radius: 9px; background: none; color: var(--gc-texto); text-align: left; font-size: var(--gc-t-s); cursor: pointer; }
.gc-correo-flotante__opcion:hover { background: var(--gc-hover); }
.gc-correo-flotante__opcion b { display: flex; align-items: center; gap: 6px; font-weight: 600; }
.gc-correo-flotante__opcion small { font-size: var(--gc-t-xs); }
.gc-correo-flotante__opcion--fila { flex-direction: row; align-items: center; gap: 10px; }
.gc-correo-flotante__pie { display: flex; align-items: center; gap: 6px; padding: 8px 8px 2px; border-top: 1px solid var(--gc-borde); font-size: var(--gc-t-xs); }
.gc-correo-flotante__elegir { display: flex; gap: 6px; padding: 8px 4px 2px; border-top: 1px solid var(--gc-borde); }
.gc-correo-flotante__elegir .gc-entrada { height: 32px; font-size: var(--gc-t-xs); }
.gc-correo-adjuntos--redactor { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 8px 14px 0; }
.gc-correo-adjunto-ficha { display: inline-flex; align-items: center; gap: 6px; max-width: 280px; padding: 4px 4px 4px 10px; border-radius: 10px; border: 1px solid var(--gc-borde-fuerte); background: var(--gc-superficie-2); font-size: var(--gc-t-xs); }
.gc-correo-adjunto-ficha .gc-i { width: 14px; height: 14px; color: var(--gc-enlace); flex: none; }
.gc-correo-adjunto-ficha button { display: grid; place-items: center; width: 20px; height: 20px; border: 0; border-radius: 6px; background: none; color: var(--gc-texto-suave); cursor: pointer; }
.gc-correo-adjunto-ficha button:hover { background: var(--gc-hover); color: var(--gc-texto); }
.gc-correo-adjunto-ficha.subiendo { opacity: .75; }

/* deshacer el envío */
.gc-correo-deshacer { position: fixed; z-index: calc(var(--gc-z-panel) + 2); left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; flex-direction: column; gap: 8px; width: min(520px, calc(100vw - 24px)); }
.gc-correo-deshacer__item {
  display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 16px; background: var(--gc-cristal-fuerte); border: 1px solid var(--gc-borde-fuerte);
  box-shadow: var(--gc-sombra-l), var(--gc-brillo-naranja); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); font-size: var(--gc-t-s);
  animation: gc-correo-subir var(--gc-normal) var(--gc-curva-muelle);
}
.gc-correo-deshacer__item .gc-boton { flex: none; }
.gc-correo-deshacer__anillo { --p: 1; flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--gc-naranja) calc(var(--p) * 360deg), var(--gc-borde-fuerte) 0); transition: background 1s linear; }
.gc-correo-deshacer__anillo b { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--gc-superficie); font-size: 12px; font-variant-numeric: tabular-nums; }

/* atajos */
.gc-correo-atajos { display: grid; grid-template-columns: max-content 1fr; gap: 9px 18px; margin: 0; font-size: var(--gc-t-s); }
.gc-correo-atajos dt { display: flex; gap: 4px; justify-content: flex-end; }
.gc-correo-atajos dd { margin: 0; color: var(--gc-texto-suave); }

/* bienvenida (sin buzones) */
.gc-correo-bienvenida { max-width: 640px; margin: 6vh auto 0; display: grid; justify-items: center; gap: 14px; text-align: center; padding: 34px 24px; border-radius: var(--gc-radio-xl); border: 1px solid var(--gc-borde); background: var(--gc-cristal); box-shadow: var(--gc-sombra); }
.gc-correo-bienvenida h1 { margin: 6px 0 0; }
.gc-correo-bienvenida p { margin: 0; max-width: 520px; }
.gc-correo-bienvenida__icono { width: 86px; height: 86px; border-radius: 28px; display: grid; place-items: center; color: var(--gc-sobre-acento); background: var(--gc-degradado-marca); box-shadow: var(--gc-brillo-naranja); transform: perspective(500px) rotateX(10deg) rotateY(-12deg); }
.gc-correo-bienvenida__icono .gc-i { width: 42px; height: 42px; stroke-width: 1.6; }

/* pestaña del expediente */
.gc-correo-pestana__lista { display: flex; flex-direction: column; gap: 4px; padding: 6px; border-radius: var(--gc-radio-l); border: 1px solid var(--gc-borde); background: var(--gc-cristal); }

/* ================================================================ ajustes */
.gc-correo-pasos { display: flex; gap: 6px; margin: 0 0 18px; padding: 0; list-style: none; counter-reset: paso; }
.gc-correo-pasos li { flex: 1; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: var(--gc-superficie-2); color: var(--gc-texto-tenue); font-size: var(--gc-t-xs); font-weight: 600; }
.gc-correo-pasos li span { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--gc-superficie-3); font-size: 11px; }
.gc-correo-pasos li.actual { color: var(--gc-texto); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gc-naranja) 45%, transparent); background: var(--gc-naranja-fondo); }
.gc-correo-pasos li.actual span { background: var(--gc-naranja); color: var(--gc-sobre-acento); }
.gc-correo-pasos li.hecho span { background: var(--gc-exito); color: var(--gc-sobre-color); }
.gc-correo-descubierto { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--gc-radio); background: linear-gradient(120deg, color-mix(in srgb, var(--gc-cian) 12%, var(--gc-superficie)), var(--gc-superficie) 70%); border: 1px solid color-mix(in srgb, var(--gc-cian) 35%, var(--gc-borde)); }
.gc-correo-descubierto > .gc-i { width: 22px; height: 22px; color: var(--gc-cian); }
.gc-correo-instrucciones { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--gc-superficie-2); font-size: var(--gc-t-s); color: var(--gc-texto-suave); white-space: pre-line; }
.gc-correo-oauth { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border-radius: var(--gc-radio-l); border: 1px solid var(--gc-borde-fuerte); background: var(--gc-superficie); color: var(--gc-texto); text-align: left; cursor: pointer; transition: transform var(--gc-rapido), box-shadow var(--gc-normal), border-color var(--gc-rapido); }
.gc-correo-oauth:hover:not([disabled]) { transform: translateY(-2px); border-color: var(--gc-naranja); box-shadow: var(--gc-brillo-naranja); }
.gc-correo-oauth small { display: block; color: var(--gc-texto-suave); font-size: var(--gc-t-xs); }
.gc-correo-oauth__logo { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font: 700 20px/1 var(--gc-fuente-titulos); color: #fff; background: linear-gradient(135deg, #4285F4, #34A853 55%, #FBBC05 80%, #EA4335); }
.gc-correo-oauth--microsoft .gc-correo-oauth__logo, .gc-correo-oauth__logo--microsoft { background: linear-gradient(135deg, #F25022, #7FBA00 40%, #00A4EF 70%, #FFB900); }
.gc-correo-oauth__logo--google { background: linear-gradient(135deg, #4285F4, #34A853 55%, #FBBC05 80%, #EA4335); }
.gc-entrada-grupo:has(> .gc-correo-ver-clave) .gc-entrada { padding-right: 44px; }
.gc-correo-ver-clave { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: 8px; background: none; color: var(--gc-texto-suave); cursor: pointer; }
.gc-correo-ver-clave:hover { background: var(--gc-hover); color: var(--gc-texto); }
.gc-correo-servidores { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: var(--gc-radio); background: var(--gc-superficie-2); }
.gc-correo-servidores__fila { display: grid; grid-template-columns: 120px minmax(0, 1fr) 100px 130px; gap: 10px; align-items: end; }
.gc-correo-servidores__fila > b { align-self: center; font-size: var(--gc-t-s); }
.gc-correo-servidores .gc-campo { margin: 0; }
.gc-correo-prueba { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: 10px; background: var(--gc-superficie-2); font-size: var(--gc-t-s); }
.gc-correo-prueba > div { display: flex; align-items: flex-start; gap: 6px; }
.gc-correo-prueba b { color: var(--gc-texto); }
.gc-correo-listo { display: grid; justify-items: center; text-align: center; gap: 8px; padding: 10px 0; }
.gc-correo-listo h3 { margin: 6px 0 0; }
.gc-correo-listo__icono { width: 70px; height: 70px; border-radius: 22px; display: grid; place-items: center; color: var(--gc-sobre-color); background: linear-gradient(135deg, var(--gc-exito), var(--gc-cian)); box-shadow: 0 14px 36px -12px var(--gc-exito); }
.gc-correo-listo__icono .gc-i { width: 34px; height: 34px; }
.gc-correo-colores { display: flex; gap: 8px; flex-wrap: wrap; }
.gc-correo-colores button { width: 30px; height: 30px; border-radius: 10px; border: 2px solid transparent; background: var(--c); cursor: pointer; box-shadow: 0 4px 12px -4px var(--c); }
.gc-correo-colores button[aria-pressed="true"] { border-color: var(--gc-texto); transform: scale(1.08); }
.gc-correo-carpetas-ajuste { display: flex; flex-direction: column; gap: 2px; padding: 6px; border-radius: var(--gc-radio); border: 1px solid var(--gc-borde); max-height: 260px; overflow-y: auto; }
.gc-correo-carpeta-ajuste { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 8px; font-size: var(--gc-t-s); }
.gc-correo-carpeta-ajuste.apagada { color: var(--gc-texto-tenue); }
.gc-correo-usuarios { display: flex; flex-direction: column; gap: 4px; }
.gc-correo-usuario { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 8px; font-size: var(--gc-t-s); }
.gc-correo-usuario:hover { background: var(--gc-hover); }
.gc-correo-regla-fila { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.gc-correo-regla-fila > select.gc-entrada:first-child { flex: 0 1 210px; }
.gc-correo-regla-fila > select.gc-entrada:nth-child(2):not(.crece) { flex: 0 1 140px; }
.gc-correo-regla-fila .gc-campo { margin: 0; }
.gc-correo-regla-fila > .crece, .gc-correo-regla-fila > .gc-entrada.crece { flex: 1 1 180px; width: auto; min-width: 140px; }
.gc-correo-regla-fila > button { flex: none; }
.gc-correo-variables { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; margin-top: 8px; padding: 10px; border-radius: var(--gc-radio); background: var(--gc-superficie-2); }
.gc-correo-variables b { display: block; margin-bottom: 4px; font-size: var(--gc-t-xs); color: var(--gc-texto-tenue); text-transform: uppercase; letter-spacing: .08em; }
.gc-correo-variable { display: block; width: 100%; padding: 4px 6px; border: 0; border-radius: 6px; background: none; color: var(--gc-texto); font-size: var(--gc-t-xs); text-align: left; cursor: pointer; }
.gc-correo-variable:hover { background: var(--gc-seleccion); }
.gc-correo-previa { display: flex; flex-direction: column; gap: 8px; }
.gc-correo-previa__asunto { display: flex; flex-direction: column; padding: 8px 12px; border-radius: 10px; background: var(--gc-superficie-2); }
.gc-correo-buzones { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr)); gap: 14px; }
.gc-correo-buzones > *, .gc-correo-plantillas > *, .gc-correo-reglas > * { min-width: 0; }
.gc-correo-buzon-tarjeta {
  --c: var(--gc-naranja); display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: var(--gc-radio-l); border: 1px solid var(--gc-borde);
  background: linear-gradient(160deg, color-mix(in srgb, var(--c) 9%, var(--gc-superficie)), var(--gc-superficie) 55%); box-shadow: var(--gc-sombra-s);
}
.gc-correo-buzon-tarjeta header { display: flex; align-items: center; gap: 12px; }
.gc-correo-buzon-tarjeta__icono { flex: none; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; color: var(--gc-tinta-c, #0B0D10); background: linear-gradient(135deg, color-mix(in srgb, var(--c) 90%, #fff), color-mix(in srgb, var(--c) 70%, #000)); box-shadow: 0 8px 20px -8px var(--c); }
.gc-correo-buzon-tarjeta__chips { display: flex; gap: 5px; flex-wrap: wrap; }
.gc-correo-buzon-tarjeta__error { display: flex; gap: 8px; margin: 0; padding: 8px 10px; border-radius: 10px; background: var(--gc-aviso-fondo); font-size: var(--gc-t-xs); }
.gc-correo-buzon-tarjeta__error .gc-i { flex: none; margin-top: 1px; }
.gc-correo-buzon-tarjeta__datos { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 12px; margin: 0; font-size: var(--gc-t-xs); }
.gc-correo-buzon-tarjeta__datos dt { color: var(--gc-texto-tenue); }
.gc-correo-buzon-tarjeta__datos dd { margin: 0; overflow-wrap: anywhere; }
.gc-correo-buzon-tarjeta footer { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--gc-borde); }
.gc-correo-reglas { display: flex; flex-direction: column; gap: 8px; }
.gc-correo-regla { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--gc-radio-l); border: 1px solid var(--gc-borde); background: var(--gc-superficie); }
.gc-correo-regla.apagada { filter: saturate(.5); }
.gc-correo-regla__texto { margin: 4px 0 2px; font-size: var(--gc-t-s); }
.gc-correo-plantillas-grupo { margin-bottom: 18px; }
.gc-correo-plantillas { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(290px, 100%), 1fr)); gap: 12px; }
.gc-correo-plantilla { display: flex; flex-direction: column; gap: 6px; padding: 14px; border-radius: var(--gc-radio-l); border: 1px solid var(--gc-borde); background: var(--gc-superficie); }
.gc-correo-plantilla.apagada { filter: saturate(.5); }
.gc-correo-plantilla header { display: flex; align-items: center; gap: 8px; }
.gc-correo-plantilla p { margin: 0; font-size: var(--gc-t-s); }
.gc-correo-plantilla footer { display: flex; align-items: center; gap: 4px; margin-top: auto; padding-top: 8px; border-top: 1px solid var(--gc-borde); }
.gc-correo-ajustes-despacho { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.gc-correo-ajustes-despacho__ancho { grid-column: 1 / -1; }
.gc-correo-rango { width: 100%; accent-color: var(--gc-naranja); }
.gc-correo-app { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: var(--gc-radio); border: 1px solid var(--gc-borde); background: var(--gc-superficie-2); }
.gc-correo-app header { display: flex; align-items: center; gap: 10px; }
.gc-correo-app .gc-campo { margin: 0; }
.gc-correo-app .gc-correo-oauth__logo { width: 32px; height: 32px; border-radius: 10px; font-size: 16px; }
.gc-correo-guia { margin: 0; padding: 10px 12px 10px 30px; border-radius: 10px; background: var(--gc-superficie); font-size: var(--gc-t-xs); color: var(--gc-texto-suave); display: flex; flex-direction: column; gap: 6px; }

/* ================================================================ adaptable */
@media (max-width: 1599px) {
  .gc-correo { grid-template-columns: 210px minmax(300px, 350px) minmax(0, 1fr); gap: 10px; }
  .gc-correo-redactar { height: 40px; }
}
@media (max-width: 1100px) {
  .gc-correo { grid-template-columns: minmax(290px, 360px) minmax(0, 1fr); }
  .gc-correo__lateral { position: fixed; z-index: calc(var(--gc-z-barra) + 5); left: 0; top: 0; bottom: 0; width: 280px; border-radius: 0 var(--gc-radio-l) var(--gc-radio-l) 0; background: var(--gc-cristal-fuerte); transform: translateX(-104%); transition: transform var(--gc-normal) var(--gc-curva); }
  .gc-correo.lateral-abierto .gc-correo__lateral { transform: none; box-shadow: var(--gc-sombra-l); }
  .gc-correo-solo-movil { display: inline-flex !important; }
  .gc-correo-lista__cabecera .gc-correo-solo-movil.gc-boton--primario { display: none !important; }
  .gc-correo-ajustes-despacho { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .gc-contenido:has(> .gc-correo) { padding: 8px 8px 10px; }
  .gc-correo { grid-template-columns: minmax(0, 1fr); --gc-correo-alto: calc(100vh - var(--gc-alto-barra) - 18px); }
  @supports (height: 100dvh) { .gc-correo { --gc-correo-alto: calc(100dvh - var(--gc-alto-barra) - 18px); } }
  .gc-correo__lector { display: none; }
  .gc-correo.con-hilo .gc-correo__lista { display: none; }
  .gc-correo.con-hilo .gc-correo__lector { display: flex; }
  .gc-correo-volver { display: inline-flex; }
  .gc-correo-solo-escritorio { display: none !important; }
  .gc-correo-lista__cabecera .gc-correo-solo-movil.gc-boton--primario { display: inline-flex !important; }
  .gc-correo-lector__cabecera { padding: 10px 12px; }
  .gc-correo-lector__cuerpo { padding: 12px 10px 24px; }
  .gc-correo-msj__cuerpo { padding: 0 10px 10px; }
  .gc-correo-adjuntos { grid-template-columns: 1fr; }
  .gc-correo-redactor, .gc-correo-redactor--grande { inset: 0; right: 0; transform: none; width: 100%; height: 100%; border-radius: 0; border: 0; }
  .gc-correo-redactor--minimo { inset: auto 0 0 0; height: auto; }
  .gc-correo-dir__etiqueta { width: 40px; }
  .gc-correo-dir__lista { left: 0; }
  .gc-correo-dir__error { padding-left: 48px; }
  .gc-correo-flotante--arriba { width: calc(100vw - 28px); }
  .gc-correo-deshacer { bottom: 12px; }
  .gc-correo-servidores__fila { grid-template-columns: 1fr 1fr; }
  .gc-correo-servidores__fila > b { grid-column: 1 / -1; }
  .gc-correo-buzones { grid-template-columns: minmax(0, 1fr); }
  .gc-correo-buzon-tarjeta header { flex-wrap: wrap; }
  .gc-correo-pasos li { font-size: 0; gap: 0; justify-content: center; }
  .gc-correo-pasos li span { font-size: 11px; }
  .gc-correo-regla { flex-wrap: wrap; }
}