/*
 * Estilos de contenidos del megamenú (Apariencia → Menús → "Menu Prube", elementos con "texto
 * personalizado" de Astra Pro). Estaban en un <style> dentro del propio elemento de menú, pero desde
 * Astra Pro 4.13 ese texto pasa por wp_kses_post() al guardar y al mostrar: la etiqueta <style> se
 * elimina y el CSS salía como texto en el menú. No volver a poner <style> ni <script> en esos elementos.
 */

/* "Zonas de Bajas Emisiones" (menu-item-333945, Noticias y actualidad) */
.main-header-menu .menu-item .header-menu-zbe {
	margin: -10px -15px !important;
	padding: 20px !important;
	width: calc(100% + 30px) !important;
}

.header-menu-zbe {
	min-width: 260px;
}

/* "Información y contratación" (menu-item-338971, Ayuda y asistencia): tarjeta "te llamamos".
   Las reglas de botones originales no tenían ámbito (input[type="submit"] afectaba a toda la web):
   se limitan a la tarjeta. */
.cardCTCmenu {
	background: #1b74da;
	color: #ffffff;
	width: 100%;
	max-width: 340px;
	margin: 0 auto;
	padding: 10px 10px 14px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	position: relative;
}

#card-form {
	min-height: 350px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#card-success {
	min-height: 200px;
	padding-top: 40px;
	padding-bottom: 40px;
}

/* funciones.js alterna .hidden entre las tres tarjetas ("Llamadme gratis" → formulario → enviado).
   El <style> original tenía además un .hidden genérico, que es el que ocultaba #card-llamadme. */
#card-llamadme.hidden,
#card-form.hidden,
#card-success.hidden {
	display: none !important;
}

.cardCTCmenu .btn-primary,
.cardCTCmenu input[type="submit"] {
	width: 100%;
	background: #ffffff;
	color: #1b74da;
	border: none;
	border-radius: 4px;
	padding: 10px 0;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 10px;
}

.cardCTCmenu .btn-primary:hover,
.cardCTCmenu input[type="submit"]:hover {
	background: #f0f0f0;
}

.cardCTCmenu .close-btn {
	position: absolute;
	top: 10px;
	right: 12px;
	background: transparent;
	border: none;
	color: #ffffff;
	font-size: 22px;
	cursor: pointer;
}

.cardCTCmenu .texto-acepto {
	font-size: 12px;
	line-height: 1.3;
}

.cardCTCmenu .texto-acepto a {
	color: #ffffff;
	text-decoration: underline;
	cursor: pointer;
}

.success-box {
	background: #1b74da;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
	position: relative;
}

.success-close {
	position: absolute;
	top: 8px;
	right: 10px;
	background: #ffffff;
	color: #003f7d;
	border: none;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
	font-weight: bold;
}

#card-success .success-close {
	background: transparent !important;
	color: #ffffff !important;
	border: none !important;
	width: auto !important;
	height: auto !important;
	font-size: 26px !important;
	font-weight: bold;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

#card-success .success-box {
	position: relative;
	background: #1b74da !important;
	box-shadow: none !important;
	border-radius: 8px;
}