/**
 * ---------------------------------------------------------------------------
 * Formulario de newsletter: mensajes + atribución de reCAPTCHA
 * ---------------------------------------------------------------------------
 * Ubicación: /site/templates/dist/css/newsletter.css
 *
 * Archivo aparte a propósito: el CSS de producción (dist/css/app.min.v2.css)
 * se compila desde una carpeta src/scss que NO está en el FTP, así que no se
 * puede regenerar. Todo lo nuevo va aquí para no tocar el bundle minificado.
 * ---------------------------------------------------------------------------
 */


/* ---------------------------------------------------------------------------
 * Badge flotante de reCAPTCHA: oculto.
 *
 * Se usa visibility y no display:none porque es la forma que documenta Google:
 * el iframe sigue existiendo y el widget funciona igual. Al ocultarlo, Google
 * OBLIGA a mostrar su atribución junto al formulario -> .newsletter-legal, que
 * se imprime desde footer.php.
 * --------------------------------------------------------------------------- */
.grecaptcha-badge {
    visibility: hidden;
}


/* ---------------------------------------------------------------------------
 * Bloque bajo el formulario (mensaje de estado + texto legal).
 *
 * El contenedor va en position:absolute para que NADA de lo que aparezca aquí
 * mueva el layout del footer: el bloque .right tiene altura fija de 10rem y
 * debajo va el marquee de horarios.
 *
 * Dentro del contenedor, mensaje y texto legal se apilan con flujo normal, así
 * que no pueden solaparse aunque el mensaje ocupe dos o tres líneas en móvil.
 * --------------------------------------------------------------------------- */
footer.new_footer div.top div.right > div {
    position: relative;              /* referencia de posicionamiento */
}

.newsletter-foot {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 8px;
}


/* --- Mensaje de estado ---------------------------------------------------- */

.newsletter-msg {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
}

/* Sin texto no ocupa espacio: así el texto legal se queda pegado al formulario
   mientras no haya nada que comunicar. */
.newsletter-msg:empty {
    display: none;
}

.newsletter-msg.is-info {
    opacity: .65;
}

.newsletter-msg.is-ok {
    font-weight: 600;
}

.newsletter-msg.is-error {
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* --- Atribución obligatoria de Google ------------------------------------ */

.newsletter-legal {
    margin: 6px 0 0;
    font-size: 10px;
    line-height: 1.4;
    opacity: .3;
}

/* El footer fuerza 14px a TODOS sus enlaces con el selector
   `footer.new_footer div.top div.right a`, que tiene más especificidad que
   `.newsletter-legal a`. Hay que repetir la cadena completa para ganarle
   sin recurrir a !important. */
footer.new_footer div.top div.right .newsletter-legal a {
    font-size: inherit;
    text-decoration: underline;
}

footer.new_footer div.top div.right .newsletter-legal a:hover {
    opacity: .8;
}


/* --- Estado "enviando" --------------------------------------------------- */

form.js-newsletter [type="submit"][disabled] {
    opacity: .45;
    cursor: default;
}

form.js-newsletter input[readonly] {
    opacity: .7;
}