/*
 * Aviso de suscripción (plantilla "Aviso de suscripción").
 * Solo lo que Elementor no da con sus controles: ancho mínimo de las acciones, márgenes de
 * los textos, subrayado de los enlaces y el aviso dentro de las fichas de revista y ebook.
 * Colores siempre del kit (var(--e-global-color-…)).
 */

/* Escritorio: la columna de acciones mide lo que el botón (deja el título en una línea). */
.aom-aviso-acciones {
	min-width: 0;
}
/* El enlace «Inicia sesión» no ensancha la columna: se parte en líneas bajo el botón. */
.aom-aviso-acciones .aom-aviso-acceso {
	width: 0;
	min-width: 100%;
}
/* Tablet y móvil: más especificidad que .e-con de Elementor (se carga después y pisaba el ancho). */
@media (max-width: 1024px) {
	.aom-aviso .e-con.aom-aviso-acciones {
		min-width: 250px; /* cabe «¿Ya eres suscriptor? Inicia sesión» en una línea */
	}
}
@media (max-width: 767px) {
	.aom-aviso .e-con.aom-aviso-acciones {
		min-width: 0;
		width: 100%;
	}
}

/* Títulos p y texto del aviso sin márgenes propios (el espacio lo da el gap). */
.aom-aviso .elementor-widget p.elementor-heading-title,
.aom-aviso .aom-aviso-texto p:last-child {
	margin: 0;
}
.aom-aviso .aom-aviso-texto p:last-child {
	margin-bottom: 0;
}

/* Enlaces secundarios: sin subrayado, subrayados al pasar. */
.aom-aviso .aom-aviso-acceso a,
.aom-aviso .aom-aviso-cuenta a {
	text-decoration: none;
}
.aom-aviso .aom-aviso-acceso a:hover,
.aom-aviso .aom-aviso-acceso a:focus-visible,
.aom-aviso .aom-aviso-cuenta a:hover,
.aom-aviso .aom-aviso-cuenta a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/*
 * Fichas de revista impresa y ebook: el aviso va dentro del contenido de la entrada, cuyo CSS
 * da margen a p y pinta los enlaces. Aquí se devuelve el aviso a sus estilos.
 */
.aom-doc-paywall--aviso {
	margin: 28px 0;
}
.aom-doc-paywall--aviso .aom-aviso .elementor-widget p {
	margin: 0;
}
.aom-doc-paywall--aviso .aom-aviso a.elementor-button,
.aom-doc-paywall--aviso .aom-aviso a.elementor-button:hover,
.aom-doc-paywall--aviso .aom-aviso a.elementor-button:focus-visible {
	text-decoration: none;
	color: var(--e-global-color-4cef510) !important;
}
.aom-doc-paywall--aviso .aom-aviso .aom-aviso-acceso a,
.aom-doc-paywall--aviso .aom-aviso .aom-aviso-cuenta a {
	color: var(--e-global-color-0731c04) !important;
}

/* Ajuste al diseño de Figma (221-9291): sombra del botón e insignia sin estilos heredados. */
.aom-aviso .aom-aviso-boton .elementor-button {
	box-shadow: 0 2px 8px color-mix(in srgb, var(--e-global-color-b57e532) 17%, transparent);
}
.aom-aviso .aom-aviso-insignia img,
.aom-doc-paywall--aviso .aom-aviso .aom-aviso-insignia img {
	display: block;
	height: auto;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
}
.aom-aviso .aom-aviso-boton .elementor-button:hover,
.aom-aviso .aom-aviso-boton .elementor-button:focus-visible {
	background-image: none;
	background-color: var(--e-global-color-0731c04);
}
