/* ==================================================================
   Correo Muralla — capa visual
   Marca: Muralla Legal. Azules del logotipo, panel de navegación
   profundo, superficies de vidrio y movimiento discreto.
   ================================================================== */

:root{
  /* Azules tomados del logotipo */
  --azul-900:#061726;
  --azul-850:#0A2238;
  --azul-800:#0C2C4E;
  --azul-700:#134676;
  --azul-600:#1E5A98;   /* azul principal de la marca */
  --azul-500:#2B78B8;
  --azul-400:#4F9AD3;
  --azul-300:#8CC3E8;
  --azul-100:#D6E8F7;
  --azul-050:#EDF5FC;

  --lienzo:#EDF2F8;
  --panel:#FFFFFF;
  --tinta:#0E1B2A;
  --suave:#62758B;
  --tenue:#93A4B8;
  --linea:#DCE6F0;
  --ambar:#D9932F;
  --rojo:#B3342C;

  --radio:14px;
  --radio-sm:10px;

  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --marca:"Montserrat",var(--sans);

  --sombra-1:0 1px 2px rgba(10,34,56,.06), 0 8px 24px -12px rgba(10,34,56,.18);
  --sombra-2:0 24px 60px -24px rgba(6,23,38,.45);
  --brillo:0 8px 24px -8px rgba(43,120,184,.55);
  --curva:cubic-bezier(.22,.8,.3,1);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--sans);
  font-size:15px;
  line-height:1.55;
  color:var(--tinta);
  background:var(--lienzo);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,textarea,select{font:inherit;color:inherit}
a{color:var(--azul-600)}
:focus-visible{outline:2px solid var(--azul-500);outline-offset:2px;border-radius:4px}

/* Barras de desplazamiento discretas */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:rgba(98,117,139,.28);border-radius:8px;border:3px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(98,117,139,.45);background-clip:content-box}
*::-webkit-scrollbar-track{background:transparent}

/* ==================================================================
   Acceso
   ================================================================== */
body.is-login{
  display:grid;
  place-items:center;
  padding:24px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(90% 70% at 50% 0%, #10375F 0%, transparent 60%),
    linear-gradient(170deg, var(--azul-850) 0%, var(--azul-900) 55%, #04101C 100%);
  color:#fff;
}

/* Halos en movimiento detrás del formulario */
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aurora span{
  position:absolute;display:block;border-radius:50%;
  filter:blur(90px);opacity:.55;
  will-change:transform;
}
.aurora span:nth-child(1){
  width:52vw;height:52vw;left:-12vw;top:-14vw;
  background:radial-gradient(circle at 35% 35%, var(--azul-500), transparent 68%);
  animation:deriva-1 26s ease-in-out infinite alternate;
}
.aurora span:nth-child(2){
  width:44vw;height:44vw;right:-10vw;top:8vh;
  background:radial-gradient(circle at 60% 40%, var(--azul-400), transparent 66%);
  animation:deriva-2 32s ease-in-out infinite alternate;
  opacity:.4;
}
.aurora span:nth-child(3){
  width:60vw;height:60vw;left:20vw;bottom:-32vw;
  background:radial-gradient(circle at 50% 50%, var(--azul-700), transparent 70%);
  animation:deriva-3 38s ease-in-out infinite alternate;
  opacity:.5;
}
@keyframes deriva-1{to{transform:translate3d(10vw,8vh,0) scale(1.15)}}
@keyframes deriva-2{to{transform:translate3d(-8vw,12vh,0) scale(1.2)}}
@keyframes deriva-3{to{transform:translate3d(-12vw,-8vh,0) scale(1.1)}}

/* Retícula muy tenue sobre los halos */
body.is-login::after{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(70% 60% at 50% 40%, #000 0%, transparent 100%);
}

.acceso{
  position:relative;z-index:2;
  width:100%;max-width:400px;
  animation:entra-acceso .7s var(--curva) both;
}
@keyframes entra-acceso{from{opacity:0;transform:translateY(18px) scale(.98)}}

.acceso__marca{text-align:center;margin-bottom:28px}
.logo-marca{
  width:132px;height:auto;display:block;margin:0 auto 20px;
  filter:drop-shadow(0 10px 30px rgba(79,154,211,.45));
  animation:flota 7s ease-in-out infinite;
}
@keyframes flota{50%{transform:translateY(-6px)}}

.acceso__marca h1{
  font-family:var(--marca);font-weight:700;font-size:25px;
  margin:0 0 6px;letter-spacing:-.015em;color:#fff;
}
.acceso__marca p{margin:0;color:rgba(214,232,247,.7);font-size:13.5px;letter-spacing:.01em}

.acceso__form{
  position:relative;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  padding:28px 26px 22px;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:var(--sombra-2);
  overflow:hidden;
}
/* Filo luminoso superior */
.acceso__form::before{
  content:"";position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,transparent,rgba(140,195,232,.8),transparent);
}
.acceso__form label{
  display:block;font-size:12.5px;font-weight:600;letter-spacing:.02em;
  color:rgba(214,232,247,.75);margin:0 0 7px;
}
.acceso__form input{
  width:100%;padding:13px 14px;margin-bottom:18px;
  border:1px solid rgba(255,255,255,.16);border-radius:10px;
  background:rgba(4,16,28,.35);color:#fff;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
.acceso__form input::placeholder{color:rgba(214,232,247,.35)}
.acceso__form input:focus{
  outline:none;border-color:var(--azul-400);
  background:rgba(4,16,28,.5);
  box-shadow:0 0 0 4px rgba(79,154,211,.18);
}
.acceso__form button{
  position:relative;overflow:hidden;
  width:100%;padding:13px;border:0;border-radius:10px;
  background:linear-gradient(135deg,var(--azul-500),var(--azul-600) 55%,var(--azul-700));
  color:#fff;font-weight:700;font-size:15px;letter-spacing:.01em;cursor:pointer;
  box-shadow:var(--brillo);
  transition:transform .18s var(--curva), box-shadow .2s;
}
.acceso__form button:hover{transform:translateY(-1px);box-shadow:0 14px 32px -10px rgba(43,120,184,.7)}
.acceso__form button:active{transform:translateY(0)}
/* Destello que recorre el botón */
.acceso__form button::after{
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-18deg);
  animation:destello 4.5s ease-in-out infinite;
}
@keyframes destello{0%,55%{left:-60%}85%,100%{left:120%}}

.acceso__pie{font-size:12px;color:rgba(214,232,247,.55);text-align:center;margin:18px 0 0;line-height:1.5}
.aviso{padding:11px 13px;border-radius:10px;font-size:13.5px;margin:0 0 18px}
.aviso--error{background:rgba(179,52,44,.18);color:#FFD9D6;border:1px solid rgba(255,120,110,.35)}

/* ==================================================================
   Estructura general
   ================================================================== */
body.is-app{overflow:hidden}
.app{
  height:100dvh;
  display:grid;
  grid-template-columns:250px 400px 1fr;
  background:var(--lienzo);
}

/* ------------------------------ Panel lateral --------------------- */
.rail{
  position:relative;
  display:flex;flex-direction:column;
  padding:20px 16px 16px;
  min-width:0;
  color:#C9DCEC;
  background:
    radial-gradient(120% 60% at 0% 0%, rgba(43,120,184,.45) 0%, transparent 60%),
    linear-gradient(185deg, var(--azul-800) 0%, var(--azul-850) 45%, var(--azul-900) 100%);
  overflow:hidden;
}
/* Resplandor lento en el fondo del panel */
.rail::before{
  content:"";position:absolute;width:320px;height:320px;top:-120px;left:-120px;
  background:radial-gradient(circle, rgba(79,154,211,.35), transparent 70%);
  filter:blur(40px);pointer-events:none;
  animation:respira 12s ease-in-out infinite;
}
@keyframes respira{50%{transform:translate(30px,40px) scale(1.2);opacity:.7}}

.rail__top{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:24px}
.rail__logo{width:34px;height:auto;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.rail__marca{min-width:0;line-height:1.3}
.rail__marca strong{
  display:block;color:#fff;font-family:var(--marca);
  font-size:14.5px;font-weight:700;letter-spacing:-.01em;
}
.rail__marca span{
  display:block;font-size:11.5px;color:rgba(201,220,236,.6);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.btn{border:0;border-radius:var(--radio-sm);cursor:pointer;background:none;padding:10px 15px;transition:all .18s var(--curva)}
.btn--primario{
  position:relative;
  background:linear-gradient(135deg,var(--azul-400),var(--azul-600));
  color:#fff;font-weight:700;width:100%;
  box-shadow:var(--brillo);
}
.btn--primario:hover{transform:translateY(-1px);box-shadow:0 14px 30px -10px rgba(79,154,211,.75)}
.btn--primario:active{transform:translateY(0)}
.btn--texto{color:inherit;opacity:.72;padding:7px 0;text-align:left}
.btn--texto:hover{opacity:1}
.btn--mini{font-size:12.5px}

.carpetas{position:relative;flex:1;overflow-y:auto;margin:22px -8px 0;padding:0 8px}
.carpetas .cargando{font-size:13px;color:rgba(201,220,236,.5);padding:0 10px}
.carpeta{
  position:relative;
  display:flex;align-items:center;gap:10px;
  width:100%;text-align:left;
  padding:9px 12px;margin-bottom:2px;border:0;border-radius:var(--radio-sm);
  background:none;color:#B9CFE3;cursor:pointer;
  font-size:13.5px;font-weight:500;
  transition:background .18s, color .18s, transform .18s var(--curva);
}
.carpeta:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}
.carpeta.activa{
  background:linear-gradient(90deg, rgba(79,154,211,.28), rgba(79,154,211,.06));
  color:#fff;font-weight:700;
}
/* Marca vertical de la carpeta abierta */
.carpeta.activa::before{
  content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,var(--azul-300),var(--azul-500));
  box-shadow:0 0 12px rgba(140,195,232,.8);
}
.carpeta__n{
  margin-left:auto;font-size:11.5px;font-weight:700;
  background:rgba(255,255,255,.12);color:#DCEBF7;
  padding:2px 8px;border-radius:20px;
}
.carpeta.activa .carpeta__n{background:var(--azul-300);color:var(--azul-900)}

.rail__salir{position:relative;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.rail__salir .btn--texto{font-size:13px}

/* ------------------------------ Lista ----------------------------- */
.lista{
  display:flex;flex-direction:column;min-width:0;
  background:var(--panel);
  border-right:1px solid var(--linea);
}
.lista__head{
  display:flex;align-items:center;gap:10px;
  padding:16px 18px 12px;
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--linea);
}
.buscador{flex:1;min-width:0}
.buscador input{
  width:100%;padding:11px 15px;
  border:1px solid var(--linea);border-radius:24px;
  background:var(--lienzo);
  font-size:13.5px;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
.buscador input::placeholder{color:var(--tenue)}
.buscador input:focus{
  outline:none;background:#fff;border-color:var(--azul-400);
  box-shadow:0 0 0 4px rgba(79,154,211,.14);
}
.icono{
  border:0;background:none;cursor:pointer;color:var(--suave);
  width:36px;height:36px;border-radius:50%;flex:none;
  font-size:16px;line-height:1;
  transition:background .18s, color .18s, transform .3s var(--curva);
}
.icono:hover{background:var(--azul-050);color:var(--azul-600)}
#btnRefrescar:active{transform:rotate(360deg)}

.lista__sub{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 18px;font-size:12.5px;color:var(--suave);
  border-bottom:1px solid var(--linea);
}
#tituloCarpeta{font-weight:700;color:var(--tinta);letter-spacing:.01em}
.pagina{display:flex;align-items:center;gap:4px}
.pagina .icono{width:28px;height:28px;font-size:15px}
#paginaTexto{font-variant-numeric:tabular-nums;min-width:52px;text-align:center}

.correos{list-style:none;margin:0;padding:6px 0 30px;overflow-y:auto;flex:1}
.correo{
  position:relative;
  display:block;width:100%;text-align:left;
  padding:13px 18px 14px 20px;
  border:0;border-bottom:1px solid var(--linea);
  background:none;cursor:pointer;
  transition:background .16s, padding-left .16s var(--curva);
  animation:entra-fila .38s var(--curva) both;
}
@keyframes entra-fila{from{opacity:0;transform:translateY(6px)}}
.correo:nth-child(1){animation-delay:.01s}
.correo:nth-child(2){animation-delay:.03s}
.correo:nth-child(3){animation-delay:.05s}
.correo:nth-child(4){animation-delay:.07s}
.correo:nth-child(5){animation-delay:.09s}
.correo:nth-child(6){animation-delay:.11s}
.correo:nth-child(7){animation-delay:.13s}
.correo:nth-child(8){animation-delay:.15s}
.correo:nth-child(9){animation-delay:.17s}
.correo:nth-child(n+10){animation-delay:.19s}

.correo:hover{background:var(--azul-050);padding-left:24px}
.correo.activo{background:linear-gradient(90deg,var(--azul-050),transparent)}
.correo.activo::before,
.correo.nuevo::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--azul-400),var(--azul-600));
}
.correo.activo::before{width:4px;box-shadow:2px 0 12px rgba(43,120,184,.4)}

.correo__fila{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}
.correo__de{
  flex:1;min-width:0;font-size:13.5px;color:var(--suave);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.correo__fecha{font-size:11.5px;color:var(--tenue);flex:none;font-variant-numeric:tabular-nums}
.correo__marca{color:var(--ambar);font-size:12px;flex:none}
.correo__asunto{
  font-family:var(--marca);font-size:14px;font-weight:500;color:var(--tinta);
  letter-spacing:-.01em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;
}
.correo__extracto{
  font-size:12.5px;color:var(--tenue);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.correo.nuevo .correo__de{color:var(--tinta);font-weight:600}
.correo.nuevo .correo__asunto{font-weight:700;color:var(--azul-800)}

/* Carga con destello */
.cargando-lista,.cargando{
  padding:18px;font-size:13.5px;color:var(--tenue);list-style:none;
  background:linear-gradient(90deg,transparent 0%,rgba(140,195,232,.18) 50%,transparent 100%);
  background-size:200% 100%;
  animation:barrido 1.4s ease-in-out infinite;
}
@keyframes barrido{to{background-position:-200% 0}}

/* ------------------------------ Lector ---------------------------- */
.lector{overflow-y:auto;min-width:0;position:relative}
.vacio{
  height:100%;display:grid;place-items:center;
  color:var(--tenue);font-size:14px;padding:40px;text-align:center;
}
.mensaje{
  max-width:820px;margin:0 auto;padding:34px 40px 80px;
  animation:entra-mensaje .34s var(--curva) both;
}
@keyframes entra-mensaje{from{opacity:0;transform:translateY(10px)}}

.msg__volver{display:none}
.msg__asunto{
  font-family:var(--marca);font-size:26px;font-weight:700;
  line-height:1.25;letter-spacing:-.02em;margin:0 0 20px;color:var(--tinta);
}
.msg__meta{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.avatar{
  width:44px;height:44px;flex:none;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--azul-400),var(--azul-700));
  color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em;
  box-shadow:0 0 0 3px rgba(79,154,211,.16), 0 6px 16px -6px rgba(19,70,118,.6);
}
.msg__quien{min-width:0;flex:1;font-size:13.5px}
.msg__quien strong{display:block;font-weight:700;color:var(--tinta)}
.msg__quien span{color:var(--suave);font-size:12.5px}
.msg__fecha{font-size:12.5px;color:var(--tenue);flex:none;text-align:right}

.msg__acciones{
  display:flex;flex-wrap:wrap;gap:8px;
  padding:14px 0 18px;margin-bottom:8px;
  border-bottom:1px solid var(--linea);
}
.accion{
  border:1px solid var(--linea);background:var(--panel);
  color:var(--azul-700);font-size:13px;font-weight:600;
  padding:8px 15px;border-radius:22px;cursor:pointer;
  transition:all .18s var(--curva);
}
.accion:hover{
  background:var(--azul-600);border-color:var(--azul-600);color:#fff;
  transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(30,90,152,.8);
}
.accion--peligro{color:var(--rojo)}
.accion--peligro:hover{background:var(--rojo);border-color:var(--rojo)}
select.accion{padding-right:10px}

.bloqueadas{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:linear-gradient(90deg,var(--azul-050),transparent);
  border:1px solid var(--azul-100);border-left:3px solid var(--azul-400);
  border-radius:var(--radio-sm);
  padding:11px 14px;margin-bottom:16px;font-size:13px;color:var(--azul-800);
}
.cuerpo{background:var(--panel);border-radius:var(--radio);box-shadow:var(--sombra-1);overflow:hidden}
.cuerpo iframe{display:block;width:100%;border:0;min-height:220px}
.plain{
  font-size:15px;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;
  margin:0;padding:26px;
}

.adj{margin-top:22px}
.adj h3{font-family:var(--marca);font-size:13px;font-weight:700;color:var(--suave);margin:0 0 10px}
.adj__item{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio-sm);
  padding:10px 15px;margin:0 8px 8px 0;font-size:13px;
  color:var(--azul-700);text-decoration:none;font-weight:600;
  transition:all .18s var(--curva);
}
.adj__item:hover{border-color:var(--azul-400);transform:translateY(-2px);box-shadow:var(--sombra-1)}

/* ------------------------------ Redactor -------------------------- */
.redactor{
  position:fixed;inset:0;z-index:50;
  align-items:center;justify-content:center;padding:28px;
  background:rgba(6,23,38,.55);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  animation:aparece .22s ease both;
}
.redactor:not([hidden]){display:flex}
@keyframes aparece{from{opacity:0}}

.redactor__caja{
  display:flex;flex-direction:column;
  width:100%;max-width:720px;max-height:88dvh;
  background:var(--panel);border-radius:18px;overflow:hidden;
  box-shadow:var(--sombra-2);
  animation:sube-caja .3s var(--curva) both;
}
@keyframes sube-caja{from{opacity:0;transform:translateY(24px) scale(.97)}}

.redactor__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;
  background:linear-gradient(135deg,var(--azul-800),var(--azul-700));
  color:#fff;
}
.redactor__head strong{font-family:var(--marca);font-size:15.5px;font-weight:700;letter-spacing:-.01em}
.redactor__head .icono{color:rgba(255,255,255,.75)}
.redactor__head .icono:hover{background:rgba(255,255,255,.14);color:#fff}

.redactor__campos{padding:6px 20px}
.redactor__campos label{
  display:flex;align-items:center;gap:12px;
  border-bottom:1px solid var(--linea);
  font-size:12px;font-weight:600;color:var(--tenue);letter-spacing:.02em;
}
.redactor__campos input{flex:1;border:0;padding:12px 0;background:none;font-size:14px;color:var(--tinta)}
.redactor__campos input:focus{outline:none}
.redactor__campos label:focus-within{border-bottom-color:var(--azul-400)}
.oculto-cc{display:none}
.oculto-cc.visible{display:flex}
#verCc{margin:10px 0 0;font-size:12.5px;color:var(--azul-600);opacity:1;font-weight:600}
#cBody{
  flex:1;min-height:220px;resize:none;border:0;padding:20px;
  font-size:14.5px;line-height:1.65;font-family:var(--sans);
}
#cBody:focus{outline:none}
.adjuntos{padding:0 20px;display:flex;flex-wrap:wrap;gap:8px}
.adjunto-chip{
  background:var(--azul-050);border:1px solid var(--azul-100);border-radius:20px;
  padding:6px 13px;font-size:12.5px;color:var(--azul-700);font-weight:600;
}
.redactor__pie{
  display:flex;align-items:center;gap:16px;
  padding:16px 20px;border-top:1px solid var(--linea);
  background:linear-gradient(180deg,#fff,var(--lienzo));
}
.redactor__pie .btn--primario{width:auto;padding:11px 30px}
.redactor__pie .btn--texto{color:var(--azul-700);font-weight:600;opacity:1}
.redactor__pie .btn--texto:hover{color:var(--azul-500)}
.estado{font-size:12.5px;color:var(--suave);margin-left:auto}

/* ------------------------------ Aviso flotante -------------------- */
.toast{
  position:fixed;left:50%;bottom:28px;z-index:60;
  transform:translateX(-50%);
  background:linear-gradient(135deg,var(--azul-800),var(--azul-900));
  color:#fff;padding:12px 22px;border-radius:26px;
  font-size:13.5px;font-weight:600;
  box-shadow:0 18px 40px -14px rgba(6,23,38,.8);
  animation:sube-aviso .3s var(--curva) both;
}
@keyframes sube-aviso{from{opacity:0;transform:translate(-50%,16px)}}

.solo-movil{display:none}

/* ==================================================================
   Pantallas pequeñas
   ================================================================== */
@media (max-width:1180px){
  .app{grid-template-columns:224px 360px 1fr}
  .mensaje{padding:28px 30px 70px}
}
@media (max-width:900px){
  .solo-movil{display:inline-block}
  .app{grid-template-columns:1fr}
  .rail{
    position:fixed;inset:0 auto 0 0;width:280px;z-index:30;
    transform:translateX(-100%);
    transition:transform .28s var(--curva);
  }
  .app.menu-abierto .rail{transform:none;box-shadow:24px 0 60px -20px rgba(6,23,38,.7)}
  .lista{border-right:0}
  .lector{display:none}
  .app.leyendo .lista{display:none}
  .app.leyendo .lector{display:block}
  .mensaje{padding:20px 20px 70px}
  .msg__asunto{font-size:21px}
  .msg__volver{
    display:inline-flex;align-items:center;gap:6px;
    border:0;background:none;color:var(--azul-600);font-weight:600;
    padding:0 0 14px;font-size:13.5px;cursor:pointer;
  }
  .redactor{padding:0}
  .redactor__caja{max-width:none;max-height:100dvh;height:100dvh;border-radius:0}
  .acceso{max-width:100%}
}

/* ==================================================================
   Movimiento reducido
   ================================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .aurora span{animation:none}
}