html.informe-cerrado{
  overflow:hidden;
  overscroll-behavior:none;
}
html.informe-cerrado body{
  overflow:hidden;
  overscroll-behavior:none;
  touch-action:none;
}
html.informe-cerrado body > :not(#muro-informe):not(script):not(nav){
  filter:blur(9px);
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  transition:filter .4s ease;
}
html.informe-cerrado .nav{
  z-index:210;
  pointer-events:auto;
}

#muro-umbral{
  position:relative;
  height:0;
  pointer-events:none;
}
#muro-umbral::after{
  content:"";
  position:absolute;
  left:50%;
  width:100vw;
  margin-left:-50vw;
  top:0;
  height:min(48vh, 380px);
  background:linear-gradient(to bottom, transparent 0%, var(--fondo, #F3F2EF) 82%);
  z-index:6;
  pointer-events:none;
}
html.informe-cerrado #muro-umbral::after,
html.informe-abierto #muro-umbral::after{
  display:none;
}

#muro-informe{
  display:flex;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:200;
  align-items:center;
  justify-content:center;
  padding:24px 24px 12vh;
  background:linear-gradient(
    to bottom,
    transparent 0%,
    color-mix(in srgb, var(--fondo, #F3F2EF) 18%, transparent) 22%,
    color-mix(in srgb, var(--fondo, #F3F2EF) 78%, transparent) 52%,
    var(--fondo, #F3F2EF) 78%
  );
  transition:opacity .4s ease, visibility .4s ease;
}
html.informe-cerrado #muro-informe{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}

.muro-card{
  width:100%;
  max-width:480px;
  background:transparent;
  color:var(--texto, #1A1B1D);
  text-align:center;
}
.muro-card h2{
  font-size:clamp(24px, 4.2vw, 32px);
  font-weight:700;
  letter-spacing:-.035em;
  line-height:1.18;
  margin-bottom:10px;
}
.muro-card .muro-bajada{
  color:var(--texto, #1A1B1D);
  font-size:16px;
  font-weight:400;
  line-height:1.45;
  margin:0 auto 22px;
  max-width:38ch;
}
.muro-form{
  display:flex;
  gap:8px;
  align-items:stretch;
  max-width:420px;
  margin:0 auto;
}
.muro-form input[type="email"]{
  flex:1;
  min-width:0;
  appearance:none;
  border:1px solid rgba(26,27,29,.16);
  background:#fff;
  color:var(--texto, #1A1B1D);
  border-radius:10px;
  padding:13px 14px;
  font-size:15px;
  font-family:inherit;
}
[data-theme="dark"] .muro-form input[type="email"]{
  background:var(--tarjeta, #121316);
  border-color:var(--borde-fuerte, rgba(255,255,255,.16));
}
.muro-form input[type="email"]:focus{
  outline:2px solid var(--rojo, #E05A48);
  outline-offset:1px;
}
.muro-form input[type="email"]::placeholder{color:var(--gris, #6F6E6A)}
.muro-form button{
  appearance:none;
  border:0;
  background:var(--rojo, #E05A48);
  color:var(--boton-texto, #fff);
  font-size:14px;
  font-weight:700;
  font-family:inherit;
  padding:13px 18px;
  border-radius:10px;
  cursor:pointer;
  white-space:nowrap;
  transition:opacity .15s;
}
.muro-form button:hover{opacity:.9}
.muro-form button:disabled{opacity:.55;cursor:wait}
.muro-error{
  display:none;
  margin-top:12px;
  font-size:13px;
  color:var(--rojo, #E05A48);
}
.muro-error.visible{display:block}
.muro-nota{
  margin:18px auto 0;
  font-size:11px;
  line-height:1.4;
  color:var(--gris, #6F6E6A);
}

@media (max-width:560px){
  .muro-form{flex-direction:column}
  .muro-form button{width:100%}
}

@media (prefers-reduced-motion: reduce){
  html.informe-cerrado body > :not(#muro-informe):not(script):not(nav){
    filter:blur(6px);
    transition:none;
  }
  #muro-informe{transition:none}
}

.muro-card .muro-uso{margin-top:14px}