/* ------------------------------------------------------------------
   Ajustes propios de gestmailing.com

   Se carga la ultima, despues del tema Optima, y solo contiene lo que
   el tema no traia: los estilos del formulario de contacto propio (el
   de Contact Form 7 desaparecio al quitar WordPress) y unos retoques
   de responsive del contenido heredado.
   ------------------------------------------------------------------ */

/* --- Formulario de contacto ------------------------------------- */

.gm-form {
	max-width: 480px;
}

.gm-form .field {
	margin-bottom: 18px;
}

.gm-form label {
	margin-bottom: 4px;
}

/* El tema es de antes de HTML5 y sus reglas de formulario solo alcanzan a
   input[type="text"], "password" y "email". Por eso el telefono se pide con
   type="text" e inputmode="tel": se ve igual que los demas campos y en el movil
   sigue saliendo el teclado numerico. */
.gm-form input[type="text"],
.gm-form input[type="email"] {
	width: 100%;
	max-width: 320px;
}

.gm-form textarea {
	width: 100%;
	min-height: 170px;
	max-width: 480px;
}

.gm-form [aria-invalid="true"] {
	border: 1px solid #c0392b;
}

.gm-form .field-error {
	display: block;
	margin-top: 4px;
	color: #c0392b;
	font-size: 13px;
	line-height: 18px;
}

/* Consentimiento: la casilla va en linea con el texto, no encima. */
.gm-form .field--consent label {
	display: flex;
	align-items: baseline;
	gap: 8px;
	max-width: 480px;
	font-size: 13px;
	line-height: 20px;
}

.gm-form .field--consent input[type="checkbox"] {
	width: auto;
	flex: 0 0 auto;
	margin: 0;
}

.gm-form .submit-wrap input {
	margin-right: 10px;
}

/* Campo trampa para bots: invisible, pero sin display:none para que
   los rellenadores automaticos lo sigan viendo. */
.gm-form .hp-field {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Aviso del resultado del envio */
.form-aviso {
	margin: 0 0 20px;
	padding: 12px 16px;
	border-radius: 3px;
	border-left: 4px solid;
	font-size: 14px;
	line-height: 20px;
	max-width: 480px;
}

.form-aviso--ok {
	border-left-color: #2e7d32;
	background: #eaf5ea;
	color: #245c27;
}

.form-aviso--error {
	border-left-color: #c0392b;
	background: #fdecea;
	color: #96261a;
}

.form-aviso a {
	color: inherit;
	text-decoration: underline;
}

/* --- Encabezado de pagina --------------------------------------- */

/* El tema corta el titulo con puntos suspensivos en cuanto no cabe en una
   linea ("VALOR AÑADIDO Y ..."). Se le deja pasar a la segunda linea y la
   banda azul crece con el, en vez de quedarse en 100px fijos. */
#heading {
	height: auto;
	min-height: 100px;
}

#wrapper #heading .page-heading h1 {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	line-height: 1.25;
}

#heading .page-heading {
	padding-top: 32px;
	padding-bottom: 32px;
}

/* --- Retoques del contenido heredado ---------------------------- */

/* Las imagenes y tablas que venian de WordPress traen anchos fijos. */
#page-content img,
#page-content iframe,
#page-content table {
	max-width: 100%;
}

#page-content img {
	height: auto;
}

/* Las tablas de precios y coberturas son anchas: que hagan scroll
   dentro de su caja en lugar de desbordar la pagina en el movil. */
#page-content .table-scroll {
	overflow-x: auto;
}

/* Los datos de contacto: sin vinetas y sin el hueco que el tema deja entre
   la vineta y el texto. */
dl.address dd {
	margin-left: 0;
}

dl.address dd ul {
	margin: 10px 0 0;
	padding-left: 0;
	list-style: none;
}

dl.address dd ul li {
	margin-bottom: 4px;
	padding-left: 0;
	background: none;
}

dl.address dd ul li:before {
	content: none;
}