/* Acceso con el correo, compartido (ver comun/newsletter.js). Usa la paleta de las guías. */ /* Guía cerrada: el script del pone .nl-cerrada en . Se ve la cabecera, el formulario y un avance borroso del primer bloque; el resto espera al correo. */ .nl-cerrada .hoja > [data-newsletter] ~ :not(.pie) { display: none !important; } .nl-cerrada .hoja > [data-newsletter] + :not(.pie) { display: block !important; max-height: 240px; overflow: hidden; filter: blur(2.5px); opacity: 0.55; pointer-events: none; user-select: none; -webkit-mask-image: linear-gradient(#000 30%, transparent); mask-image: linear-gradient(#000 30%, transparent); } .nl-cerrada .hoja > .pie { display: none; } .newsletter { margin: 28px 0 32px; padding: 30px 24px 26px; background: #1a1a1a; color: #f5f0e8; border-radius: 2px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } .newsletter .meta { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(245, 240, 232, 0.55); } .newsletter h2 { font-family: 'Playfair Display', Georgia, serif; font-weight: 600; font-size: clamp(24px, 6vw, 30px); line-height: 1.15; margin: 10px 0 12px; } .newsletter .nl-texto { font-size: 15px; line-height: 1.6; color: rgba(245, 240, 232, 0.82); margin: 0 0 18px; } .newsletter form { display: grid; gap: 10px; } .newsletter input[type="email"] { width: 100%; box-sizing: border-box; padding: 14px 16px; border: 1px solid rgba(245, 240, 232, 0.3); background: rgba(245, 240, 232, 0.06); color: #f5f0e8; font: inherit; /* 16px: con menos, Safari de iPhone hace zoom al tocar el campo */ font-size: 16px; border-radius: 3px; } .newsletter input::placeholder { color: rgba(245, 240, 232, 0.45); } .newsletter a { color: #e3936f; } .newsletter button { background: #c96f4a; border: 1px solid #c96f4a; color: #fff; font-family: inherit; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; padding: 16px; border-radius: 999px; cursor: pointer; } .newsletter button[disabled] { opacity: 0.6; cursor: default; } .newsletter .trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .newsletter .nl-aviso { font-size: 12.5px; line-height: 1.5; color: rgba(245, 240, 232, 0.62); margin: 2px 0 0; } .newsletter .nl-estado { font-size: 14px; min-height: 1.4em; margin: 0; color: #f5f0e8; } .newsletter .nl-dentro { font-size: 15px; line-height: 1.5; margin: 0; } @media print { .newsletter { display: none; } }