/* Caja de suscripción a la newsletter (extraída del sitio antiguo de Cine Albéniz) */

/* --- Botón lateral fijo --- */
.newsletter-button {
	position: fixed;
	color: #FFF;
	right: 10px;
	background-color: #000;
	padding: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: fit-content;
	z-index: 99;
	transform: rotate(-90deg);
	margin-right: -140px;
	text-transform: uppercase;
	font-size: 14px !important;
	text-decoration: none;
	cursor: pointer;
}

.newsletter-button:hover {
	background-color: #b2b2b2;
	text-decoration: none;
	color: #000;
}

@media (max-width: 991px) {
	.newsletter-button {
		display: none;
	}
}

/* --- Lightbox y caja --- */
.box-newsletter {
	display: block;
}

.box-newsletter.n_lightbox {
	display: none;
	background-color: #000;
	position: fixed;
	z-index: 99999;
	opacity: 0.8;
	width: 100%;
	height: 100vh;
	top: 0;
}

.box-newsletter.n_lightbox.open {
	display: block;
}

.box-newsletter .xclose {
	font-size: 36px !important;
	right: 30px !important;
	color: #000;
}

.box-newsletter.n_suscription {
	display: none;
	background-color: #FFF;
	position: fixed;
	z-index: 99999;
	width: 900px;
	max-width: 95%;
	text-align: center;
	left: 0;
	right: 0;
	margin: auto;
	border: #000 solid 3px;
	border-radius: 12px;
	top: 0;
	height: fit-content;
	bottom: 0;
	padding-top: 30px;
	box-sizing: border-box;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black;
}

.box-newsletter.n_suscription.open {
	display: block;
	color: black;
}

.box-newsletter.n_suscription img {
	height: 60px !important;
	width: auto;
	max-width: 80%;
}

.box-newsletter.n_suscription .tt {
	font-size: 18px;
	margin-top: 30px;
}

.box-newsletter.n_suscription .tt2,
.box-newsletter.n_suscription .tt3 {
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #000;
}

.box-newsletter.n_suscription .tt4 {
	font-size: 16px;
	margin-top: 30px;
}

.box-newsletter.n_suscription .tt2 span {
	font-size: 40px;
	margin-top: 30px;
}

.box-newsletter .n_link {
	color: #396dc8;
	text-decoration: none;
}

.box-newsletter .n_link:hover {
	color: #000;
	text-decoration: underline;
}

@media (max-height: 900px) {
	.box-newsletter .xclose {
		font-size: 20px !important;
		right: 15px !important;
	}

	.box-newsletter.n_suscription {
		width: 640px;
		padding-top: 10px;
	}

	.box-newsletter.n_suscription img {
		height: 45px !important;
	}

	.box-newsletter.n_suscription .tt {
		font-size: 14px;
		margin-top: 11px;
	}

	.box-newsletter.n_suscription .tt2 {
		font-size: 17px;
		margin-top: 23px;
		margin-bottom: 0px;
	}
}

/* --- Estilos del formulario de Mautic --- */
.box-newsletter .mauticform_wrapper { max-width: 600px; margin: 10px auto; font-family: Helvetica, Arial, sans-serif; color: #000000; }
.box-newsletter .mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
.box-newsletter .mauticform-description { margin-top: 2px; margin-bottom: 10px; }
.box-newsletter .mauticform-error { margin-bottom: 10px; color: red; }
.box-newsletter .mauticform-message { margin-bottom: 10px; color: green; }
.box-newsletter .mauticform-row { display: block; margin-bottom: 20px; }
.box-newsletter .mauticform-label { font-size: 1em; display: block; font-weight: bold; margin-bottom: 10px; line-height: 1.3; }
.box-newsletter .mauticform-row.mauticform-required .mauticform-label:after { color: #C00; content: " *"; display: inline; }
.box-newsletter .mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
.box-newsletter .mauticform-errormsg { display: block; color: #C00; margin-top: 5px; font-size: 0.9em; }
.box-newsletter .mauticform-selectbox,
.box-newsletter .mauticform-input,
.box-newsletter .mauticform-textarea { width: 100%; padding: 0.5em 0.5em; border: 1px solid #000; background: #eee; box-shadow: 0px 0px 0px #fff inset; box-sizing: border-box; border-width: 0 0 1px 0; outline: none; font-size: 0.9em; }
.box-newsletter .mauticform-selectbox:focus,
.box-newsletter .mauticform-input:focus,
.box-newsletter .mauticform-textarea:focus { outline: 1px solid #000; border-color: transparent; }
.box-newsletter .mauticform-checkboxgrp-row,
.box-newsletter .mauticform-radiogrp-row { display: flex; align-items: flex-end; gap: 10px; font-size: 1em; margin: 10px 0 10px 0; }
.box-newsletter .mauticform-checkboxgrp-label,
.box-newsletter .mauticform-radiogrp-label { font-weight: normal; }
.box-newsletter .mauticform-checkboxgrp-checkbox,
.box-newsletter .mauticform-radiogrp-radio { accent-color: #000000; margin: 0 10px 0 0; line-height: 0.5; width: 20px; min-width: 20px; height: 20px; }
.box-newsletter .mauticform-button-wrapper .mauticform-button.btn-default,
.box-newsletter .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { color: #ffffff; background-color: #000000; border-color: #ffffff; transition: .25s ease all; }
.box-newsletter .mauticform-button-wrapper .mauticform-button.btn-default:hover,
.box-newsletter .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default:hover,
.box-newsletter .mauticform-button-wrapper .mauticform-button.btn-default[disabled],
.box-newsletter .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { color: #000000; background-color: #ffffff; border-color: #000000; }
.box-newsletter .mauticform-button-wrapper .mauticform-button,
.box-newsletter .mauticform-pagebreak-wrapper .mauticform-pagebreak { display: inline-block; margin-bottom: 0; font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 13px; line-height: 1.3856; user-select: none; }
.box-newsletter .mauticform-button-wrapper .mauticform-button.btn-default[disabled],
.box-newsletter .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { opacity: 0.75; cursor: not-allowed; }
.box-newsletter .mauticform-pagebreak-wrapper .mauticform-button-wrapper { display: inline; }
.box-newsletter .mauticform-message:not(:empty) + .mauticform-innerform { display: none; }
.box-newsletter .mauticform-button-wrapper .mauticform-button.btn-default[name="mauticform[submit]"],
.box-newsletter .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[name="mauticform[submit]"] { width: 100%; padding: 10px; font-size: inherit; margin-top: 25px; }
.box-newsletter .mauticform-field-hidden { display: none; }

/* Texto libre (aviso legal): el tema pintaba el enlace en blanco y más grande. */
.box-newsletter .mauticform-freetext { font-size: 0.9em; line-height: 1.4; }
.box-newsletter .mauticform-freetext p { font-size: inherit; line-height: inherit; margin: 0; color: #000000; }
.box-newsletter .mauticform-freetext a { color: #b10331; font-size: inherit; line-height: inherit; font-weight: normal; text-decoration: underline; }
.box-newsletter .mauticform-freetext a:hover,
.box-newsletter .mauticform-freetext a:focus { color: #000000; text-decoration: underline; }
