/* Páginas públicas del Centro Deportivo Municipal Mediterráneo
   (alta, confirmación, baja y gestión de preferencias).
   El logo va por CSS con ruta relativa: así sigue funcionando aunque
   cambie el dominio. */

body {
  background: #e9ebf0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #12151e;
}
.container.wrap {
  background: #ffffff;
  border: 1px solid #e6e9ef;
  max-width: 520px;
  padding: 0 34px 34px;
  margin: 34px auto;
}

/* Cabecera: fuera el logo de listmonk, dentro el del centro */
.header { border-bottom: 0; padding: 0; margin: 0 -34px 6px; }
.header .logo img { display: none; }
.header .logo a {
  display: block;
  height: 132px;
  /* Logo BLANCO sobre la banda oscura: la versión en tinta se pierde ahí. */
  background: #0f1420 url('/uploads/logo-mediterraneo.png') center/176px auto no-repeat;
}
.header .logo a::after {
  content: ''; display: block; height: 3px;
  background: linear-gradient(90deg, #1a6f96, #1a7f6d 55%, #a8481a);
  position: relative; top: 129px;
}

h1, h2 { font-weight: 700; letter-spacing: -.01em; color: #12151e; }
h2 { font-size: 21px; margin-top: 22px; }

label { font-size: 13px; color: #5f6672; }
input[type="text"], input[type="email"] {
  border: 1px solid #d7dbe2; border-radius: 0; padding: 11px 12px; font-size: 16px;
}
input[type="text"]:focus, input[type="email"]:focus { border-color: #1a6f96; outline: 2px solid #d7e9f2; }

.button, button[type="submit"] {
  background: #12151e; border: 0; border-radius: 0;
  padding: 13px 22px; font-size: 15px; font-weight: 700; color: #fff; cursor: pointer;
}
.button:hover, button[type="submit"]:hover { background: #1a6f96; }

.lists .description, .description { color: #9aa1ae; font-size: 12.5px; }
a { color: #1a6f96; }
.right a { font-size: 12.5px; color: #9aa1ae; }