/* ==========================================================================
   PUENTE ENTRE EL CSS DEL THEME Y LOS WIDGETS NATIVOS DE ELEMENTOR
   Se aplican desde Elementor → Avanzado → Clases CSS del widget, para que los
   titulares, textos y botones nativos usen los mismos estilos que el theme
   (.mim-title, .mim-button...) sin repetir la tipografía en cada widget.

   - mim-el-title            Widget "Título". Mismo estilo que .mim-title.
     mim-el-title--light     Variante clara (#B6F0FE, peso 300) para fondos oscuros.
     <span class="mim-highlight">  Dentro del título: palabra en #005888.
   - mim-el-text             Widget "Editor de texto". Montserrat 16px gris.
     mim-el-text--white      Variante en blanco para fondos oscuros.
   - mim-el-button           Widget "Botón". Mismo estilo que .mim-button.
   ========================================================================== */

.elementor-widget-heading.mim-el-title .elementor-heading-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	font-weight: 800;
	line-height: 1.05;
	text-transform: uppercase;
	color: #004D79;
}

.elementor-widget-heading.mim-el-title .mim-highlight {
	color: #005888;
}

.elementor-widget-heading.mim-el-title--light .elementor-heading-title {
	font-weight: 300;
	color: #B6F0FE;
}

.elementor-widget-text-editor.mim-el-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #6F6F6F;
}

.elementor-widget-text-editor.mim-el-text p {
	margin: 0 0 1em;
	line-height: 1.5;
}

.elementor-widget-text-editor.mim-el-text p:last-child {
	margin-bottom: 0;
}

.elementor-widget-text-editor.mim-el-text--white {
	color: #fff;
}

.elementor-widget-button.mim-el-button .elementor-button {
	display: inline-block;
	padding: 10px 25px;
	border: 0;
	border-radius: 0 0 20px 0;
	background-color: #00EAA4;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;
	color: #fff;
	transition: opacity .2s ease;
}

.elementor-widget-button.mim-el-button .elementor-button:hover,
.elementor-widget-button.mim-el-button .elementor-button:focus {
	color: #fff;
	opacity: .85;
}

@media only screen and (max-width: 767px) {
	.elementor-widget-heading.mim-el-title .elementor-heading-title {
		font-size: 36px;
	}
}