/*Eva 1.0.25.11.24*/
/* ==== 1.0 RESET ==== */
html body {
	text-align: center;
	padding-bottom: 0;
}
/* Padding y margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/* Tamaños de los headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
/* Estilos de las listas */
ol, ul {
	list-style: inherit;
	padding: 0 !important;
}
/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Bordes de las tablas */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Otros bordes */
fieldset, img {
	border: 0;
}
/* Alineacón del texto */
caption, th {
	text-align: left;
}
/* Comillas */
q:before, q:after {
	content: ”;
}
/* ==== 2.0 CONTENIDO TEXTUAL ==== */
/* ==== 2.1 Títulos ==== */
h1, h2, h3, h4, h5, h6 {
	display: inline-block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 3rem 0 1rem 0 !important;
}
h1 {
	color: #786721 !important;
	font: 400 2.2rem/2.2rem 'Mont Bold', sans-serif !important;
}
	/* Título en header */
	.header-wrap h1 {
		font-size: 0.8rem !important;
		padding: 0.5rem !important;
	}
h2 {
	color: #786721 !important;
	font: 400 2.2rem/2.2rem 'Mont Bold', sans-serif !important;
}
h3 {
	color: #786721 !important;
	font: 400 1.9rem/2.2rem 'Mont Bold', sans-serif !important;
}
h4 {
	color: #786721 !important;
	font: 400 1.6rem/2.2rem 'Mont Bold', sans-serif !important;
}
h5 {
	color: #786721 !important;
	font: 400 1.3rem/2.2rem 'Mont Bold', sans-serif !important;
}
h6 {
	color: #786721 !important;
	font: 400 1rem/2.2rem 'Mont Bold', sans-serif !important;
}
/* ==== 2.2 Textos ==== */
p, strong, em, label, blockquote, li {
	text-align: left;
}
p {
	color: #000000;
	font: 400 1rem/2rem 'Mont', sans-serif;
	margin: 1rem !important;
}
strong{
	font-weight: bold;
}
em {
	font-style: italic;
}
span {
	display: inline;
	font: inherit;
}
	span p {
		display: inline;
	}
label {
	font: 600 1rem/1rem 'Mont', sans-serif !important;
	margin: 0.5rem;
	clear: both;
}
p label {
	font-size: inherit;
}
	/* Título para los Widgets */
	#label-title {
		color: #414142;
		font: 800 1.2rem/1rem 'Mont', sans-serif !important;
		text-align: center;
		margin-top: 2rem;
	}
/* ==== 2.3 Enlaces ==== */
/* Utilizamos las etiqetas "body a" anidadas para que prevalescan los colores pero sin forzar como se hace con la etiqueta "!important" */
body a {
	color: #654d72;
	text-decoration: underline;
}
	body a:hover {
		color: #988c9e;
	}
/* ==== 2.4 Citas y referencias ==== */	
blockquote {
	background-color: #588ad5;
	border-radius: 1rem 1rem 0 1rem;
	padding: 2rem 1rem !important;
	margin: 2rem !important;
}
	/* Contenido de cita */
	blockquote p {
		color: #ffffff;
		font: 400 1.2rem/2rem 'Mont', sans-serif !important;
		text-align: center;
	}
	/* Mención de la cita */
	blockquote cite {
		color: #ffffff;
		font: 800 1rem/2rem 'Mont', sans-serif !important;
		text-align: right;
		width: 80%;
		margin: 0.5rem auto;
	}
/* ==== 2.5 Listas ==== */	
ul, ol {
	color: #000000;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li {
	font: 400 1rem/2rem 'Mont', sans-serif;
	padding-left: 0.2rem;
	margin-left: 2.5rem;
}
li li {
	font-size: inherit;
	margin-left: 1rem;
}
ul li li {
	list-style: circle;
}
ol li li {
	list-style: inherit;
}
/* ==== 2.6 Separador, color editable con WP ==== */	
hr {
	display: inline-block;
	width: 100%;
	margin: 1rem 0 !important;
}
/* ==== 2.7 Estilos para la etiqueta <code> tomado de: https://codepen.io/tzmartin/pen/RGoQGj ==== */	
pre {
	background-color: #000000;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333333+1,000000+100 */
	background: radial-gradient(ellipse at center,  rgba(51,51,51,1) 1%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: solid 2px #808080;
	border-radius: 0.5rem;
	margin: 1rem;
}
pre code {
  counter-reset: line-numbering;
}
pre code .line::before {
	display: inline-block;
	background-color: #4d4d4d;
	color: #ffffff;
	text-align: right;
	width: 40px;
	border-bottom: solid 1px #ffffff;
    padding: 0.2rem;
	margin-left: -4rem;
    margin-right: 1rem;
    opacity: 0.5;
	content: counter(line-numbering);
    counter-increment: line-numbering;
}
code, .wp-block-code code {
	color: #00ffff;
	text-align: left;
	min-height: 100px;
	max-height: 500px;
	padding: 1rem 2rem 1rem 4rem;
	counter-increment: linenumber;
}
/* ==== 3.0 REDES SOCIALES ==== */
/* Envoltura de Botónes Sociales */
.socialbuttons {
	width: 100%;
}
/* Íconos de Redes Sociales */
li.social-button, a.social-button, .social-button li a {
	display: inline-block;
	background-image: url(../images/sprite-icons.png);
	background-position: left;
	background-repeat: no-repeat;
	font-family: 'Mont', sans-serif;
	font-size: 1rem;
	line-height: 40px;
	text-align: left;
	text-decoration: none;
	width: auto;
	height: 40px;
	margin: 0.2em;
	padding-left: 40px;
}
li.social-button {
	color: #000000;
}
a.social-button, .socialbuttons li a {
	color: #3772c8;
}
#facebook {
	background-position: 0 0;
}
#messenger {
	background-position: 0 -40;
}
#twitter {
	background-position: 0 -80px;
}
#instagram {
	background-position: 0 -120px;
}
#email {
	background-position: 0 -160px;
}
#googleplus {
	background-position: 0 -200px;
}
#youtube {
	background-position: 0 -240px;
}
#pinterest {
	background-position: 0 -280px;
}
#linkedin {
	background-position: 0 -320px;
}
#whatsapp-social-web, #whatsapp-social-api {
	background-position: 0 -360px;
}
#whatsapp-social-api {
	display: none;
}
#telegram {
	background-position: 0 -400px;
}
#telephone {
	background-position: 0 -440px;
}
#mexico {
	background-position: 0 -960px;
}
#usa {
	background-position: 0 -1000px;
}
	a:hover.social-button, .socialbuttons li a:hover {
		background-color: inherit;
		background-image: url(../images/sprite-icons.png);
		background-repeat: no-repeat;
		color: #82aae4;
	}
	a:hover#facebook {
		background-position: 0 -480px;
	}
	a:hover#messenger {
		background-position: 0 -520px;
	}
	a:hover#twitter {
		background-position: 0 -560px;
	}
	a:hover#instagram {
		background-position: 0 -600px;
	}
	a:hover#email {
		background-position: 0 -640px;
	}
	a:hover#googleplus {
		background-position: 0 -680px;
	}
	a:hover#youtube {
		background-position: 0 -720px;
	}
	a:hover#pinterest {
		background-position: 0 -760px;
	}
	a:hover#linkedin {
		background-position: 0 -800px;
	}
	a:hover#whatsapp-social-web, a:hover#whatsapp-social-api {
		background-position: 0 -840px;
	}
	a:hover#telegram {
		background-position: 0 -880px;
	}
	/* Barra Flotante Redes Sociales */
	.social-bar {
		display: inline-block;
		position: fixed;
		background-color: #f2f2f2;
		color: #ffffff;
		line-height: 0;
		bottom: 50%;
		right: 10px;
		width: 40px;
		height: auto;
		padding: 0;
		margin: 0;
		z-index: 10000;
	}
	a#facebook-bar, a#instagram-bar, a#whatsapp-bar-web, a#whatsapp-bar-movil {
		width: 40px;
		height: 40px;
		float: left;
		padding: 0;
		margin: 0;
	}
	a#facebook-bar {
		background-color: #1773EA;
		background-image:  url(../images/facebook-bar.png);
		background-position: top center;
		background-repeat: no-repeat;
	}
	a#instagram-bar {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7bf00+0,f40f3b+33,f502bf+66,780bf4+100 */
		background: url(../images/instagram-bar.png), linear-gradient(135deg,  #f7bf00 0%,#f40f3b 33%,#f502bf 66%,#780bf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-position: center top;
		background-repeat: no-repeat;
	}
	a#whatsapp-bar-web, a#whatsapp-bar-movil {
		background-color: #25cf43;
		background-image:  url(../images/whatsapp-bar.png);
		background-position: top center;
		background-repeat: no-repeat;
	}
	a#whatsapp-bar-movil {
		display: none;
	}
	a:hover#facebook-bar {
		background-color: #404EB0;
	}
	a:hover#instagram-bar {
		background-image:  url(../images/instagram-bar.png);
		background-color: #E94B56;
	}
	a:hover#whatsapp-bar-web, a:hover#whatsapp-bar-movil {
		background-color: #128C7E;
	}
/* ==== 4.0 ESTRUCTURA GENERAL ==== */
.container, .container-fluid {
	margin: 0 auto !important;
	padding: 0 !important;
}
.row {
	margin: 0 !important;
}
/* ==== 5.0 ENCABEZADO ==== */
.header-wrap {
	background-color: #ffffff;
}
/* La clase .header-section no se muestra en responsivo */
.header-section {
	display: inline-block;
	padding: 0;
	margin: 0;
}
/* ==== 5.1 Logotipo Alternativo en Encabezado ==== */
#logotipo-encabezado {
	padding: 0;
	margin: 1rem auto;
}
/* ==== 5.2 Barra de Navegación con Bootstrap: https://github.com/wp-bootstrap/wp-bootstrap-navwalker ==== */
.navbar, .navbar-expand-md {
    background-color: #ffffff;
	display: block !important;
	position: relative !important;
	padding: 0 1em !important;
	z-index: 1100;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* Orientación del Menú (izquierda - derecha) */
.navbar-nav {
	margin-left: auto !important;
}
/* Barra de Menú Pegajosa */
.fixed-navbar {
	position: fixed !important;
	z-index:1100;
	width:100%;
	box-shadow: 0 0 0.8rem 0.05rem rgba(0,0,0,0.40);
}
/* === 5.3 Logotipo en Barra de Navegación ==== */
.navbar-brand {
	display: inline-block !important;
	padding: 0.2rem 0 !important;
	margin: 0 1rem !important;
	height: 50px !important;
}
/* === 5.4 Elementos de Menú ==== */
.navbar li {
	font: 600 1rem/2rem 'Mont', sans-serif;
	list-style: none;
	padding: 0;
	margin: 0;
	border-radius: inherit;
}
/* Color y Altura de Pestañas */
.header-wrap .navbar-light .navbar-nav .nav-link {
	color: #1a1a1a;
	text-decoration: none !important;
	padding: 1rem 0.5rem;
	transition: background-color 500ms;
}
	.header-wrap .navbar-light .navbar-nav .nav-link:focus, .header-wrap .navbar-light .navbar-nav .nav-link:hover, .header-wrap .navbar-light .navbar-nav a:hover.nav-link {
		background-color: #cac29e;
		color: #ffffff !important;
		transition: background-color 500ms;
	}
/* Pestaña Activa */
.header-wrap .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	background-color: #ede8d0;
	color: #1a1a1a !important;
}
/* Pestaña Desactivada */
.header-wrap .navbar-light .navbar-nav .nav-link.disabled {
	color: #808080 !important;
}
/* === 5.5 Menú Desplegable ==== */
.header-wrap .dropdown-menu {
	background-color: #f2f2f2 !important;
	border: solid 1px #cccccc;
	border-radius: 0.4rem;
}
	.header-wrap .dropdown-item, .dropdown-item {
		color: #414142 !important;
		font-family: 'Mont', sans-serif ;
		font-size: 1rem;
		font-weight: 600;
		text-decoration: none !important;
		padding: 0.2rem 0.5rem;
		border-radius: inherit;
	}
		.header-wrap .dropdown-item:focus, .header-wrap .dropdown-item:hover, .header-wrap .dropdown-item:active, .header-wrap .dropdown-item.active {
			background-color: #aaa171;
			color: #ffffff !important;
			text-decoration: none !important;
		}
/* ==== 6.0 SECCIONES ==== */
/* La clase ".barra-filtros" es una barra para widget para dar espacio a búsqueda avanzada por filtros, aparece en la página "index.php" */
/* La clase ".barra-404" es la barra de búsqueda en la página "404.php" */
.barra-filtros, .barra-404 {
	background-color: #e6e6e6 !important;
	z-index: 1;
}
.barra-404 {
	padding: 1rem 0;
	margin: 0.5rem 0;
	border-radius: 0.5rem;
}
.widget-section {
	padding: 0;
}
/* Margenes del Bloque de WP para Columnas */
.wp-block-columns {
	padding: 1.5rem;
}
.widget-section p {
	font: 400 1rem/2rem 'Mont', sans-serif;
}
.widget-section strong, .widget-section em {
	font: inherit;
}
.widget-section span, .widget-section label {
	font: inherit;
}
.widget-section li {
	font: 400 1rem/2rem 'Mont', sans-serif;
}
.widget-section li a {
	font: inherit;
}
.widget-section li li {
	font: inherit;
}
/* ==== 6.1 Fondos Base ==== */
.base-claro {
	background-color: #ffffff;
}
.base-obscuro {
	background-color: #333333;
}
/* La clase ".base-imagen" se utiliza para dar variedad al fondo de algunas páginas especiales sin afectar los estilos de texto. Es independiente de los fondos de secciones o widgets*/
.base-imagen {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffdf2+0,ede8d0+100&0.6+0,0.6+100 */
	background: linear-gradient(to bottom,  rgba(255,253,242,0.6) 0%,rgba(237,232,208,0.6) 100%), url(../images/fondo-imagen-1.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}
.fondos-colores, .fondos-imagenes, .fondos-degradados {
	padding: 0 !important;
	margin: 0 !important;
}
/* ==== 6.2 Fondos de Colores ==== */
#fondo-azul {
	background-color: #9691a3;
}
	.fondos-colores h1, .fondos-colores h2, .fondos-colores h3, .fondos-colores h4, .fondos-colores h5, .fondos-colores h6 {
		color: #ffffff !important;
		text-shadow: none !important;
		padding: 10rem 0 2rem 0 !important;
	}
	.fondos-colores p, .fondos-colores strong, .fondos-colores em, .fondos-colores span, .fondos-colores label, .fondos-colores li {
		color: #ffffff;
		font: 400 1rem/2rem 'Mont', sans-serif;
	}
	.fondos-colores strong {
	  font-weight: bold;
	}
	.fondos-colores a, .fondos-colores li a, .fondos-colores .socialbuttons a {
			color: #ede8d0;
	}
		.fondos-colores a:hover, .fondos-colores li a:hover, .fondos-colores .socialbuttons a:hover {
			color: #cccccc;
		}
	.fondos-colores .socialbuttons a {
		color: #ede8d0;
	}
		.fondos-colores .socialbuttons a:hover {
			color: #cccccc;
		}
/* ==== 6.3 Fondos Degradados ==== */		
#fondo-degradado {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ede8d0+0,aaa171+100 */
	background: linear-gradient(to bottom,  rgba(237,232,208,1) 0%,rgba(170,161,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
	.fondos-degradados h1, .fondos-degradados h2, .fondos-degradados h3, .fondos-degradados h4, .fondos-degradados h5, .fondos-degradados h6 {
		color: #ffffff !important;
		text-shadow: none !important;
		padding: 10rem 0 2rem 0 !important;
	}
	.fondos-degradados p, .fondos-degradados strong, .fondos-degradados em, .fondos-degradados span, .fondos-degradados label, .fondos-degradados li {
		color: #ffffff;
		font: 400 1rem/2rem 'Mont', sans-serif;
	}
	.fondos-degradados strong {
	  font-weight: bold;
	}
	.fondos-degradados a, .fondos-degradados li a, .fondos-degradados .socialbuttons a {
		color: #77708b;
	}
		.fondos-degradados a:hover, .fondos-degradados li a:hover, .fondos-degradados .socialbuttons a:hover {
			color: #000000;
		}
	.fondos-degradados .socialbuttons a {
		color: #77708b;
	}
		.fondos-degradados .socialbuttons a:hover {
			color: #000000;
		}
/* ==== 6.4 Fondos Imagenes ==== */
/* Las siguientes secciones muestran una imagen de fondo con un degradado encima */
#fondo-imagen-uno {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffdf2+0,ede8d0+100&0.6+0,0.6+100 */
	background: linear-gradient(to bottom,  rgba(255,253,242,0.6) 0%,rgba(237,232,208,0.6) 100%), url(../images/fondo-imagen-1.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}
#fondo-imagen-dos {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffdf2+0,ede8d0+100&0.6+0,0.6+100 */
	background: linear-gradient(to bottom,  rgba(255,253,242,0.6) 0%,rgba(237,232,208,0.6) 100%), url(../images/fondo-imagen-2.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}#fondo-imagen-tres {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffdf2+0,ede8d0+100&0.6+0,0.6+100 */
	background: linear-gradient(to bottom,  rgba(255,253,242,0.6) 0%,rgba(237,232,208,0.6) 100%), url(../images/fondo-imagen-3.jpg); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
}
	.fondos-imagenes h1, .fondos-imagenes h2, .fondos-imagenes h3, .fondos-imagenes h4, .fondos-imagenes h5, .fondos-imagenes h6 {
		color: #786721 !important;
		text-shadow: none !important;
		padding: 10rem 0 2rem 0 !important;
	}
	.fondos-imagenes p, .fondos-imagenes strong, .fondos-imagenes em, .fondos-imagenes span, .fondos-imagenes label, .fondos-imagenes li {
		color: #000000;
		font: 400 1rem/2rem 'Mont', sans-serif;
	}
	.fondos-imagenes strong {
	  font-weight: bold;
	}
	.fondos-imagenes a, .fondos-imagenes li a, .fondos-imagenes .socialbuttons a {
		color: #654d72;
	}
		.fondos-imagenes a:hover, .fondos-imagenes li a:hover, .fondos-imagenes .socialbuttons a:hover {
			color: #988c9e;
		}
	.fondos-imagenes .socialbuttons a {
		color: #654d72;
	}
		.fondos-imagenes .socialbuttons a:hover {
			color: #988c9e;
		}
/* ==== 6.5 Columnas Alfa y Beta ==== */
.columna-alfa, .columna-beta {
	display: flex !important;
 	flex-flow: wrap !important;
	color: #1a1a1a;
	justify-content: center !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0.5rem auto !important;
	border: none;
	border-radius: 0.8rem;
	overflow:hidden;
}
	/* Texto en Columnas Alfa */
	.columna-alfa {
		background-color: #ede8d0;
	}
		.columna-alfa h1, .columna-alfa h2, .columna-alfa h3, .columna-alfa h4, .columna-alfa h5, .columna-alfa h6 {
			font: 400 1.2rem/1.4rem 'Mont Bold', sans-serif !important;
			color: #000000 !important;
			padding: 1.5rem 0 0.5rem 0 !important;
			margin: 0;
		}
		.columna-alfa p, .columna-alfa strong, .columna-alfa em, .columna-alfa span, .columna-alfa label, .columna-alfa li {
			color: #000000;
			font: 400 1rem/2rem 'Mont', sans-serif;
		}
		.columna-alfa strong {
		  font-weight: bold;
		}
		.columna-alfa a, .columna-alfa li a, .columna-alfa .socialbuttons a {
			color: #654d72;
		}
			.columna-alfa a:hover, .columna-alfa li a:hover, .columna-alfa .socialbuttons a:hover {
				color: #988c9e;
			}
		.columna-alfa .socialbuttons a {
			color: #654d72;
		}
			.columna-alfa .socialbuttons a:hover {
				color: #988c9e;
			}
	/* Texto en Columnas Beta */
	.columna-beta {
		background-color: #ffffff;
	}
		.columna-beta h1, .columna-beta h2, .columna-beta h3, .columna-beta h4, .columna-beta h5, .columna-beta h6 {
			font: 400 1.2rem/1.4rem 'Mont Bold', sans-serif !important;
			color: #000000 !important;
			padding: 1.5rem 0 0.5rem 0 !important;
			margin: 0;
		}
		.columna-beta p, .columna-beta strong, .columna-beta em, .columna-beta span, .columna-beta label, .columna-beta li {
			color: #000000;
			font: 400 1rem/2rem 'Mont', sans-serif;
		}
		.columna-beta strong {
		  font-weight: bold;
		}
		.columna-beta a, .columna-beta li a, .columna-beta .socialbuttons a {
			color: #654d72;
		}
			.columna-beta a:hover, .columna-beta li a:hover, .columna-beta .socialbuttons a:hover {
				color: #988c9e;
			}
		.columna-beta .socialbuttons a {
			color: #654d72;
		}
			.columna-beta .socialbuttons a:hover {
				color: #988c9e;
			}
/* ==== 7.0 TARJETAS DE ENTRADAs ==== */
/* El atributo 'align-items: normal' permite que las tarjetas de entradas dentro de dichas etiquetas mantenga uniforme su altura */
section.loop-wrap, article.loop-wrap {
	display: flex;
	align-items: normal;
}
.card {
	display: inline-block;
	background-color: #ffffff !important;
	width: 100%;
	border: solid 1px #e6e6e6 !important;
	margin: 0.5rem 0 !important;
	height: auto !important;
	border-radius: 1rem !important;
	overflow:hidden;
	box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.05);
}
/* ==== 7.1 Imagenes de Entradas y Portada ==== */
.card-img {
	position:relative;
	padding: 0;
	margin: 0;
}
.img-fluid img, img.img-fluid, .card-img img, img.card-img {
	vertical-align: top;
	width: 100%;
	height: auto;
}
	/* Efecto de ZOOM para las imágenes, podemos utilizar la clase '.zoom-section' para dar zoom a otras secciones. */
	.card-img img, img.card-img, .zoom-section img, img.zoom-section {
		transition: transform 0.5s;
	}
	.card-img img:hover, img:hover.card-img, .zoom-section img:hover, img:hover.zoom-section {
		transform: scale(1.2);
		box-sizing: border-box;
	}
/* ==== 7.2 Título de Entrada ==== */
article {
	padding-bottom: 1rem;
}
h3.card-title {
	font: 400 1.3rem/1.5rem 'Mont Bold', sans-serif !important;
	padding: 1rem 0.5rem 0.5rem 0.5rem !important;
}
	h3.card-title a{
		color: #654d72 !important;
		text-decoration: none !important;
	}
		h3.card-title a:hover {
			color: #988c9e !important;
		}
/* ==== 8.0 ETIQUETAS ==== */
.etiquetas ul {
	display: inline-block;
	position: absolute;
	margin: 0 1rem;
	right: 10px;
	bottom: 40px;
}
.etiquetas ul li {
	display: inline;
	list-style: none;
	margin: 0;
}
.etiquetas li a {
	display: inline-block;
	background-color: #5a5275;
	color: #ffffff !important;
	font: 600 0.8rem/1.4rem 'Mont', sans-serif;
	text-decoration: none;
	list-style: none;
	padding: 0.2rem 0.4rem;
	margin: 0.2rem;
	border-radius: 0.2em;
	box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.4);
}
	.etiquetas li a:hover {
		background-color: #77708b;
	}		
/* ==== 9.0 TÍTULO CON IMAGEN DE FONDO ==== */
/* La clase ".titulo-envoltura" permite dar un alto mínimo para el título especial "#fondo-titulo" cuando aún no se ha dado una 'imagen destacada' a las entradas */
.titulo-envoltura figure {
	background-color: #ede8d0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ede8d0+0,aaa171+100 */
	background: linear-gradient(to bottom,  rgba(237,232,208,1) 0%,rgba(170,161,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	min-height: 150px;
}
/* El identificador #fondo-titulo permite tratar la imagen de encabezado como un fondo para poder colocar encima los Títulos y las Etiquetas */
#fondo-titulo {
	position:relative;
	margin: 0;
}
#titulo-especial {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.30) 0%,rgba(0,0,0,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	display: flex;
   	align-items: center;
	position: absolute !important;
	color: #ffffff !important;
	top: 0 !important;
	left: 0 !important;
	text-shadow: 0 0 1rem #000000 !important;
	width: 100% !important;
	height: 100% !important;
}
#titulo-especial h2 {
	color: #ffffff !important;
	padding: 0 !important;
}
/* ==== 10.0 MENÚS EN SIDEBAR Y FOOTER ==== */
aside {
	border-left: solid 1px #e6e6e6;
}
.sidebar-section {
	padding: 0 !important;
}
.sidebar-section li, .footer-section li {
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}
	.sidebar-section li a, .footer-section li a {
		display: inline-block;
		color: #3772c8 !important;
		font: 400 1rem/1.5rem 'Mont', sans-serif;
		text-decoration: none;
		width: 100%;
		padding: 0.5rem 1rem;
		margin: 0;
	}
		.sidebar-section li a:hover, .footer-section li a:hover {
			background-color: #3772c8;
			color: #ffffff !important;
		}
		.sidebar-section li li a, .footer-section li li a {
			width: 90%;
			margin-left: 10%;
		}
/* ==== 10.1 Avatar de Autor ==== */
.rounded-circle {
	display: flex !important;
	flex-flow: wrap !important;
	justify-content: center !important;
	overflow:hidden;
}
img.rounded-circle, .rounded-circle img {
	margin: 1.5rem auto;
	border-radius: 50%;
}
/* ==== 10.2 Nube de Etiquetas ==== */
.tagcloud {
	padding: 5%;
}
.wp-block-tag-cloud {
	font-weight: bold;
	text-align: center;
}
	.wp-block-tag-cloud a {
		color: #808080;
	}
	.wp-block-tag-cloud a:hover {
		color: #3772c8;
	}
/* ==== 11.0 METADATA ==== */
.metadata {
	margin: 0.5rem !important;
}
.metadata span {
	display: inline-block;
	color: #333333;
	font: 400 1rem/2rem 'Mont', sans-serif;
	text-align: center;
}
/* El color de este separador en el área Metadata no debe ser editable en WP */
.metadata hr {
	color: #cccccc !important;
	margin: 0.5rem 0 !important;
}
/* ==== 12.0 IMAGENES DE CONTENIDO ==== */
img {
	margin: auto;
}
figure {
	vertical-align: top;
	max-width: 100%;
	padding: 0;
	margin: 0 auto !important;
}
/* Alineaciones */
.alignleft, .aligncenter, .alignright {
	padding: 0.5rem 1rem;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	clear: both;
}
.alignright {
	float: right;
}
/* Imagenes con Descripción */
figcaption {
	color: #1a1a1a;
	font: 400 0.9em/1.5rem 'Mont', sans-serif;
	margin: 1em;
}
/* ==== 13.0 VÍDEOS DE CONTENIDO ==== */
/* La etiqueta 'iframe' se utiliza para todo el contenido incrustado desde otros sitios web, por lo tanto también afecta al 'Mapa de Google' incrustado. */
/* ==== 13.1 Vídeo Responsivo ==== */
/* La clase '..wp-block-embed__wrapper' pertenece a WordPress, por lo tanto el vídeo responsivo puede dejar de funcionar en futuras actualizaciones.  */
.wp-block-embed__wrapper {
	padding-bottom:56.25%;
	padding-top: 20px;
	aspect-ratio: 16/9 !important;
}
.wp-block-embed__wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	aspect-ratio: 16/9 !important;
}
/* ==== 14.0 BOTÓNES ==== */
/* Bloque de botónes de WordPress, se estilizan sus clases de forma independiente para poder editarlos dentro de WP */
a.wp-block-button__link {
	margin: 1rem auto 2rem auto;
}
a:hover.wp-block-button__link {
	opacity: .80;
}
/* ==== 14.1 Botónes Estilizados ==== */
button.btn-primary, a.btn-primary, button.btn-secondary, a.btn-secondary, button.btn-info, a.btn-info  {
	display: inline-block;
 	align-self: flex-end;
	background-color: #aaa171;
	color: #ffffff;
	font: 600 1.4rem/1rem 'Mont', sans-serif;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 2px #000000;
	padding: 1.6rem 1rem;
	margin: 1rem auto 2rem auto !important;
	border: solid 1px #ffffff;
	border-radius: 0.8rem;
	box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4);
	transition: background-color 500ms;
}
/* Se aplica una animación tipo slide con los atributos 'box-shadow' y 'transition'. */
/* El efecto slide con el atributo 'box-shadow' no permite que los botónes tengan sombra arrojada sobre el fondo. */
button.btn-primary, a.btn-primary {
	background-color: #aaa171 !important;
	color: #ffffff;
	font: 600 1.4rem/1rem 'Mont', sans-serif;
	cursor: pointer;
	padding: 1.8rem 1rem;
	box-shadow: inset 0 0 0 0 #cac29e !important;
	transition: ease-out 0.5s;
}
	button:hover.btn-primary, a:hover.btn-primary {
		color: #ffffff;
		box-shadow: inset 400px 0 0 0 #cac29e !important;
		border: solid 1px #ffffff;
	}
	.btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active {
		box-shadow: inset 400px 0 0 0 #cac29e !important;
	}
button.btn-secondary, a.btn-secondary {
	background-color: #7d6b87;
	color: #ffffff;
	font: 600 1.2rem/1rem 'Mont', sans-serif;
	cursor: pointer;
	padding: 1.4rem 1rem;
	box-shadow: inset 0 0 0 0 #988c9e;
	transition: ease-out 0.5s;
}
	button:hover.btn-secondary, a:hover.btn-secondary, input:hover.submit {
		color: #ffffff;
		box-shadow: inset 400px 0 0 0 #988c9e;
		border: solid 1px #ffffff;
	}
	.btn-secondary.focus, .btn-secondary:focus, .btn-secondary.active, .btn-secondary:active {
		box-shadow: inset 400px 0 0 0 #988c9e;
	}
/* El botón "info" tiene la animación 'hover' básica. */
button.btn-info, a.btn-info {
	background-color: #808080;
	color: #ffffff;
	font: 600 1rem/1rem 'Mont', sans-serif;
	padding: 1rem 1rem;
	transition: background-color 500ms, color 500ms, border 500ms;
}
	button:hover.btn-info, a:hover.btn-info {
		background-color: #b3b3b3;
		color: #ffffff;
		border: solid 1px #ffffff;
		transition: background-color 500ms, color 500ms, border 500ms;
	}
	.btn-info.focus, .btn-info:focus, .btn-info.active, .btn-info:active {
		background-color: #b3b3b3;
		transition: background-color 500ms, color 500ms, border 500ms;
	}
/* ==== 14.2 Botones Whatsapp Web y Descargas ==== */
a#whatsapp-web-page, a#whatsapp-movil-page, a#descarga {
	background-image: url(../images/whatsapp-page.png) !important;
	background-position: 100% 50% !important;
	background-repeat: no-repeat !important;
	display: inline-block;
	align-self: flex-end;
	background-color: #5c885c !important;
	color: #ffffff;
	font: 600 1.4rem/1.5rem 'Mont', sans-serif;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 2px #000000;
	padding: 1.5rem 1rem;
	padding-right: 60px;
	margin: 1rem auto 2rem auto !important;
	border: none;
	border-radius: 0.8rem;
	box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4) !important;
	transition: background-color 500ms;
}
/* Botón de Whatsapp móvil no se muestra en pantallas de PC. */
a#whatsapp-movil-page {
	display: none;
}
a#descarga {
	background-image: url(../images/descarga.png) !important;
}
	a:hover#whatsapp-web-page, a:hover#whatsapp-movil-page, a:hover#descarga {
		background-color: #7ea27e !important;
		color: #ffffff;
		transition: background-color 500ms, color 500ms, border 500ms;
	}
/* ==== 14.3 Botón de Búsqueda ==== */
input#searchsubmit, button.wp-block-search__button {
	display: inline-block;
	background-color: #aaa171;
	color: #ffffff !important;
	font: 600 1rem/1rem 'Mont', sans-serif;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 2px #000000;
	padding: 0 0.8rem !important;
	margin: 0 0.5rem;
	border: none;
	border-radius: 0.5rem;
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.4);
	transition: background-color 500ms, color 500ms, border 500ms;
}
	input:hover#searchsubmit, button:hover.wp-block-search__button {
		background-color: #cac29e;
		color: #ffffff !important;
		transition: background-color 500ms, color 500ms, border 500ms;
	}
	input:focus#searchsubmit, button:focus.wp-block-search__button {
		background-color: #cac29e;
		transition: background-color 500ms, color 500ms, border 500ms;
	}
/*==== 15.0 PAGINACIÓN ====--*/
.navigation {
	display: inline-block;
	width: 100%;
	padding: 0.5rem;
	margin: 1rem 0;
}
.wp-pagenavi {
	display: inline-block;
}
/* Conteo de páginas */
.wp-pagenavi span {
	display: inline-block;
	color: #333333;
	font: 600 1em/1.2rem 'Mont', sans-serif;
	text-decoration: none;
	margin: 0 0.05rem;
	padding: 0.5rem;
	border-radius: 0;
}
/*==== 15.1 Botónes de Paginación ====--*/
ul.page-numbers {
	border: none !important;
}
	ul.page-numbers li {
		display: inline-block !important;
	}
span.page-numbers, a.page-numbers {
	color: #ffffff !important;
	font: 600 0.8rem/1rem 'Mont', sans-serif !important;
	text-decoration: none;
	padding: 0.5rem !important;
	margin: 0 0.1rem !important;
	border-radius: 0.2rem !important;
	box-shadow: 0rem 0rem 0.15rem 0 #000000 !important;
}
	a.page-numbers {
		background-color: #aaa171 !important;
	}
	a:hover.page-numbers {
		background-color: #cac29e !important;
	}
/* Botón 'Página Actual' */
span.current {
	background-color: white !important;
	color: #333333 !important;
}
span.dots {
	color: #333333 !important;
	font: 600 1rem/1rem 'Mont', sans-serif !important;
	border: none !important;
	box-shadow: none !important;
}
/*==== 16.0 COMENTARIOS Y FORMULARIOS ====--*/
.comments-area {
	background-color: #ede8d0;
	padding: 0 2rem;
	margin: 1rem 0;
	border-radius: 1rem;
}
.comments-title, .comment-reply-title {
	font: 400 1.9rem/2.2rem 'Mont Bold', sans-serif !important;
}
/*==== 16.1 Envoltura Principal de Comentarios ====--*/
.comments-area li {
	vertical-align: top;
	list-style: none;
	background-color: white;
	margin: 1rem -1px -1px 0.5rem;
	padding: 0;
	border: 1px solid #e6e6e6;
	border-radius: 1rem 1rem 0 0;
	flex-flow: wrap !important;
	overflow:hidden;
}
	/* Comentario anidado */
	.comments-area li li {
		margin-left: 1rem;
	}
/*==== 16.2 Encabezado de Comentarios - Autor ====--*/
.autor-card {
	display: inline-block;
	background-color: #f9f9f9;
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
}
	.comentarios-meta {
		display: inline-block;
		padding: 1rem 0;
	}
	.comment-author p, .comment-author label, .comment-author span {
		color: #000000;
	}
	.comments-area .comment-author a {
		color: #1559bd !important;
	}
		.comments-area .comment-author a:hover {
			color: #588ad5 !important;
		}
/*==== 16.3 Botónes de Comentarios ====--*/
/* Botón de Comentario "Envíanos tu mensaje" */
.form-submit {
	display: inline-block;
}
input#submit {
	display: inline-block !important;
 	align-self: flex-end !important;
	background-color: #aaa171 !important;
	color: #ffffff !important;
	font: 600 1.2rem/1rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	padding: 1.6rem 1rem !important;
	margin: 2rem auto 2rem auto !important;
	border: solid 1px #ffffff !important;
	border-radius: 0.8rem !important;
	box-shadow: inset 0 0 0 0 #cac29e !important;
	transition: ease-out 0.5s !important;
}
	input:hover#submit {
		color: #ffffff !important;
		box-shadow: inset 400px 0 0 0 #cac29e !important;
	}
/* Botón de Respuesta */
.reply {
	display: flex !important;
	justify-content: center !important;
	border-bottom: solid #e6e6e6 1px;
}
a.comment-reply-link {
	text-decoration: none;
	padding: 0.8rem 1rem;
	margin: 1rem auto 2rem auto !important;
	border: none;
	border-radius: 0.5rem;
	transition: background-color 500ms;
	background-color: #588ad5;
	color: #ffffff;
	font: 600 1rem/1rem 'Mont', sans-serif;
	transition: background-color 500ms, color 500ms, border 500ms;
}
	a:hover.comment-reply-link {
		background-color: #82aae4;
		color: #ffffff;
	}
/*==== 16.4 Campos y Áreas de Texto ====--*/
textarea, input {
	display: inline-block !important;
	vertical-align: middle !important;
	background-color: #ffffff !important;
	color: #1a1a1a !important;
	font: 400 1rem/1rem 'Mont', sans-serif !important;
	line-height: inherit !important;
	padding: 0.4rem 1rem !important;
	margin: 0 auto !important;
	border: solid 1px #cccccc !important;
	border-radius: 4px !important;
	box-shadow: inset 0 0 0.2rem 0.2rem #f2f2f2 !important;
}
textarea {
	width: 100%;
	height: 100px !important;
}
/* Desplegables */
select {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font: 400 1rem/1rem 'Mont', sans-serif !important;
	padding: 0.6rem 0.4rem !important;
	border: solid 1px #cccccc !important;
	border-radius: 0.5rem !important;
}
	select:hover {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
		background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
/* Asterisco campo requerido */
span.required {
	color: red;
	font-weight: bold;
}
/*==== 16.5 Mensajes de Comentarios ====--*/
.alert-success {
	background-color: #b5f683;
	color: #0b4191;
	font: 600 1rem/1rem 'Mont', sans-serif !important;
	text-align: center;
	padding: 1rem;
}
p.comment-notes {
	display: inline-block;
	background-color: #fffdf2;
	font: 800 1rem/1rem 'Mont', sans-serif !important;
	text-align: center;
	width: 100%;
	padding: 1rem;
	margin: 1rem 0 !important;
	border: solid 1px #e6e6e6;
}
/* ==== 17.0 FORMULARIOS - PLUGIN: "Contact Form 7" - Takayuki Miyoshi ==== */
.wpcf7-form {
	background-color: #ede8d0;
	display: flex;
 	flex-flow: wrap;
	justify-content: center;
	max-width: 500px;
	padding: 0 1rem;
	margin: 2em auto;
	border: none;
	border-radius: 0.8rem;
	overflow:hidden;
}
/* Limitamos el ancho de los campos de texto de Contact Form */
input.wpcf7-form-control, textarea.wpcf7-form-control {
	display: inline-block !important;
	width: 100% !important;
}
/* ==== 17.1 Textos - Contact Form 7 ==== */
/* Forzamos los colores de texto para que prevalezcan y no cambien su color cuando el formulario está dentro de otras secciones. */
.wpcf7-form h1, .wpcf7-form h2, .wpcf7-form h3, .wpcf7-form h4, .wpcf7-form h5, .wpcf7-form h6 {
	color: #786721 !important;
	padding: 2.5rem 0.5rem 1rem 0.5rem !important;
}
.wpcf7-form p, .wpcf7-form strong, .wpcf7-form em, .wpcf7-form span, .wpcf7-form label, .wpcf7-form li {
	color: #1a1a1a !important;
	font: 400 1rem/2rem 'Mont', sans-serif !important;
}
.wpcf7-form p {
	margin: 0.2rem 1rem !important;
}
.wpcf7-form label {
	margin: 0;
	padding-top: 0.5rem;
}
.wpcf7-form strong {
	font-weight: 800 !important;
}
.wpcf7-form a {
	color: #654d72 !important;
}
	.wpcf7-form a:hover {
		color: #988c9e !important;
	}
.wpcf7-form li a {
	color: #654d72 !important;
}
 .wpcf7-form li a:hover {
	 color: #988c9e !important;
 }
 /* Menú Desplegable */
.wpcf7-form-control  {
	display: inline-block;
	padding: 0.5em;
}
/* ==== 17.1.1 Botón para subir archivos ==== */
.wpcf7-file {
	background-color:#fffdf2 !important;
	padding: 0.5rem !important;
	border: none !important;
	box-shadow: none !important;
}
/* ==== 17.2 Botón - Contact Form 7 ==== */
input.wpcf7-submit {
	display: inline-block !important;
	align-self: flex-end !important;
	background-color: #aaa171 !important;
	color: #ffffff !important;
	font: 600 1.2rem/1rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	width: 100% !important;
	padding: 1.4rem 1rem !important;
	margin: 2rem auto 2rem auto !important;
	border: solid 1px #ffffff !important;
	border-radius: 0.8rem !important;
	box-shadow: inset 0 0 0 0 #cac29e !important;
	transition: ease-out 0.5s !important;
}
	input:hover.wpcf7-submit {
		color: #ffffff !important;
		box-shadow: inset 400px 0 0 0 #cac29e !important;
	}
	/* Spin de carga, posicionado sobre el botón */
	.wpcf7-spinner {
		position: absolute !important;
		right: 47%;
	}
/* ==== 17.3 Mensajes - Contact Form 7 ==== */
/* Mensajes de Contact Form */
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output {
	color: #ffffff;
	font: 800 1rem/1.4rem 'Mont', sans-serif !important;
	padding: 1rem;
	margin: 0;
	border: none;
}
.wpcf7 form.sent .wpcf7-response-output {
	background-color: green;
}
.wpcf7 form.invalid .wpcf7-response-output {
	background-color: orange;
}
.wpcf7 form.failed .wpcf7-response-output {
	background-color: red;
}
/* Quitamos margenes a la etiqueta fieldset dentro de Contact Form */
.wpcf7 fieldset {
	padding: 0 !important;
	margin: 0 !important;
}
/* ==== 18.0 FORMULARIOS DE ACCESO RESTRINGIDO - PLUGIN: "WP-Members" - Chad Butler ==== */
/* Mensaje de restricción y de usuario no registrado */
#wpmem_login, #wpmem_reg {
	display: inline-block;
	width: 90% !important;
}
form#wpmem_login_form, form#wpmem_register_form {
	display: inline-block;
	margin: auto;
}
#wpmem_restricted_msg p, .wpmem_msg {
	background-color: #FEE0E9 !important;
	color: #ef3167 !important;
	font: 600 1.2rem/1.8rem 'Mont', sans-serif !important;
	text-align: center !important;
	padding: 2rem !important;
	margin: 0.5rem !important;
	border: solid 1px #FBAEC4;
	border-radius: 0.5rem;
	clear: both !important;
}
/* Contenedor del formulario WP-Members */
fieldset {
	display: inline-block !important;
	background-color: #ede8d0 !important;
	justify-content: center !important;
	width: 100% !important;
	padding: 2rem !important;
	margin: 2rem auto !important;
	border-radius: 1rem !important;
}
/* Título WP-Members */
legend {
	color: #786721 !important;
	font: 400 1.9rem/2.2rem 'Mont Bold', sans-serif !important;
	padding: 1rem 0 !important;
}
/* Etiquetas WP-Members */
fieldset label {
	font: 600 1rem/1rem 'Mont', sans-serif !important;
	padding: 1rem 0 0.2rem 0 !important;
	margin: 0.5rem !important;
	clear: both !important;
}
.req-text span, span.req, span#req {
	color: red !important;
}
/* Casilla 'recuérdame' */
input#rememberme {
	display: inline !important;
	width: 20px !important;
}
/* Botónes WP-Members */
fieldset input.buttons {
	display: inline-block !important;
	align-self: flex-end !important;
	background-color: #aaa171 !important;
	color: #ffffff !important;
	font: 600 1.2rem/1rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	width: 200px !important;
	padding: 1.6rem 1rem !important;
	margin: 2rem auto 2rem auto !important;
	border: solid 1px #ffffff !important;
	border-radius: 0.8rem !important;
	box-shadow: inset 0 0 0 0 #cac29e !important;
	transition: ease-out 0.5s !important;
}
	fieldset input:hover.buttons {
		color: #ffffff !important;
		box-shadow: inset 400px 0 0 0 #cac29e !important;
	}
/* ==== 19.0 FOOTER - PIE DE PÁGINA ==== */
/* Widget dentro del Footer */
#footer-wrap {
	background-color: #fffdf2;
	margin-top: 0;
	padding: 2% 5% !important;
	padding-bottom: 150px !important;
}
/* ==== 19.1 Textos del Footer ==== */
#footer-wrap h1, #footer-wrap h2, #footer-wrap h3, #footer-wrap h4, #footer-wrap h5, #footer-wrap h6 {
	color: #786721 !important;
	margin: 1em auto !important;
}
#footer-wrap p, #footer-wrap strong, #footer-wrap em, #footer-wrap span, #footer-wrap label, #footer-wrap li {
	color: #1a1a1a;
}
#footer-wrap a {
	color: #654d72 !important;
}
	#footer-wrap a:hover {
		color: #988c9e !important;
	}
#footer-wrap li a {
 background: none !important;
 color: #654d72 !important;
}
 #footer-wrap li a:hover {
	 background: none !important;
	 color: #988c9e !important;
 }
#footer-wrap small, #footer-wrap small p, small p {
	color: #1a1a1a;
	font: 400 0.8rem/1rem 'Mont', sans-serif;
	text-align: center;
	width: 96%;
	margin: 0 auto !important;
}
/* ==== 19.2 Botón para subir ==== */
a#subir {
	display: none;
	position: fixed;
	background-color: #ffffff;
	color: #aaa171 !important;
	font: 700 1rem/1.6rem 'Mont', sans-serif;
	text-decoration: none;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 35px 45%;
	bottom: 15px;
	border: solid 2px #aaa171;
	border-radius: 50%;
	box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.2);
	transition: background-color 500ms;
	z-index: 1000;
}
a:hover#subir {
	color: #5a5275 !important;
	border-color: #5a5275;
	transition: background-color 500ms;
}
/* ==== 19.3 Botón de Whatsapp Flotante ==== */
a#whatsapp-web, a#whatsapp-movil {
	display: inline-block;
	position: fixed;
	background-image: url(../images/whatsapp.png);
	background-position: 100% 0;
	background-repeat: no-repeat;
	color: #3772c8;
	font: 700 1rem/2rem 'Mont Bold', sans-serif;
	line-height: 60px;
	text-decoration: none;
	text-shadow: 0 0 4px #ffffff;
	width:60px;
	height:60px;
	padding-right: 110px;
	margin: 25px 15%;
	right: 0;
	bottom: 20px;
	z-index: 1001;
}
	a:hover#whatsapp-web, a:hover#whatsapp-movil {
		background-position: 100% -60px;
		color: #3772c8;
	}
a#whatsapp-movil {
	display: none;
}
/* ==== 20.0 VANILLA JS SCROLL ANIMATION ==== */
/* 15.0 Vanilla JS Scroll Animation - Animación demovimiento desde diferentes direcciones */
/* tomado de: https://alvarotrigo.com/blog/css-animations-scroll/ */
/* Utiliza las clase: '.reveal' junto con las direcciones de aparición: '.fade-left', '.fade-right' y '.fade-bottom'. */
.reveal {
  position: relative;
  opacity: 0;
}
.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
a.theChampWhatsappSvg {
	display: none;
}
/* ==== 21.0 FICHA DE PROPIEDADES (INMOBILIARIAS) - single-propiedades.php - single-terrenos.php ==== */
.datos {
	padding: 1.5rem 0 !important;
}
.datos p, .datos label, .datos span {
	display: inline-block;
	font: 600 1rem/1.4rem 'Mont', sans-serif !important;
}
.datos hr {
	background-color: #e6e6e6;
}
.datos label {
	color: #4d4d4d;
	font-weight: bold;
}
.datos figure.rounded-circle img {
	width: 160px;
}
	.rounded-circle p {
		margin: 0 auto !important;
	}
#precio-propiedad, #estatus {
	display: inline-block;
	text-align: center;
	margin: 0.4em auto;
}
p#precio-propiedad {
	color: #54c200 !important;
	font: 800 2rem/1rem 'Mont', sans-serif !important;
}
#estatus {
	color: #db8a00 !important;
	font: 600 1.2em/1em 'Mont', sans-serif !important;
}
#terreno, #construccion, #recamaras, #medios, #completos, #autos, #antiguedad, #telefono, #correo, #ubicacion {
	display: inline-block;
	background-image: url(../images/sprite-propiedades-icons.png);
	background-repeat: no-repeat;
	font: 1em/1.6em 'Poppins', sans-serif;
	text-align: left;
	height: 40px;
	padding: 5px 0 5px 35px;
	margin: 0.2em;
}
	#terreno {
		background-position: 0 0;
	}
	#construccion {
		background-position: 0 -40px;
	}
	#recamaras {
		background-position: 0 -80px;
	}
	#medios {
		background-position: 0 -120px;
	}
	#completos {
		background-position: 0 -160px;
	}
	#autos {
		background-position: 0 -200px;
	}
	#antiguedad {
		background-position: 0 -240px;
	}
	#telefono {
		background-position: 0 -280px;
	}
	#correo {
		background-position: 0 -320px;
	}
	#ubicacion {
		background-position: 0 -360px;
	}
	#whatsapp-field {
		display: inline-block;
		text-align: center;
		margin: 0.1em auto;
	}
/* 22.0 ==== ÚLTIMAS ENTRADAS - BLOQUE DE WORDPRESS ==== */
.wp-block-latest-posts {
	display: inline-flex;
	padding: 2rem !important;
}
.wp-block-latest-posts li {
	background-color: #ffffff;
	padding: 0;
	border: solid 1px #e6e6e6;
	border-radius: 0.8rem;
	overflow: hidden;
}
.wp-block-latest-posts li img {
	display: inline-block !important;
	max-width: 100% !important;
	margin: 0 !important;
	transition: transform 0.5s;
}
	.wp-block-latest-posts li img:hover {
		transform: scale(1.2);
		box-sizing: border-box;
	}
a.wp-block-latest-posts__post-title {
	display: inline-block;
	font: 400 1.2rem/1.4rem 'Mont Bold', sans-serif !important;
	text-align: center;
	width: 100%;
	margin: 1rem auto;
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
	color: #4d4d4d;
	font: 400 0.8rem/1.4rem 'Mont', sans-serif;
	text-align: center;
	padding: 0 0.5rem;
}
.wp-block-latest-posts__post-excerpt {
	padding: 0 0.8rem;
}
.wp-block-latest-posts__read-more {
	font-weight: 600;
}
/* ==== 23.0 ÚLTIMAS ENTRADAS - PLUGIN: "Recent Posts Widget With Thumbnails" - Kybernetik Services ==== */
/* Recent Post Widget Whith Thumbnails solo funciona por medio de Widgets, agregar en el widget designado "Entradas Widget" */
.rpwwt-widget, .rpwwt-widget ul {
	padding: 1rem;
}
.rpwwt-widget label#label-title {
	color: #0b4191 !important;
	font: 400 1.9rem/2.2rem 'Mont Bold', sans-serif !important;
	margin: 1rem 0.5rem;
}
.rpwwt-widget ul {
	display: inline-flex;
	width: 100%;
}
.rpwwt-widget li {
	background-color: #ffffff;
	padding: 0 !important;
	margin: 0.5rem !important;
	border: 1px solid #e6e6e6;
	border-radius: 0.8rem;
	overflow: hidden;
}
span.rpwwt-post-title {
	display: inline-block;
	font: 400 1.2rem/1.6rem 'Mont Bold', sans-serif !important;
	padding: 0.5rem !important;
	text-align: center;
	text-decoration: underline;
}
.rpwwt-widget ul li img {
	display: inline-block !important;
	max-width: 100% !important;
	margin: 0 !important;
	transition: transform 0.5s;
}
	.rpwwt-widget ul li img:hover {
		transform: scale(1.2);
		box-sizing: border-box;
	}
.rpwwt-post-title {
	width: 100%;
	margin: 1rem auto;
}
.rpwwt-post-author, .rpwwt-post-categories, .rpwwt-post-date {
	color: #4d4d4d;
	font: 400 0.8rem/1.4rem 'Mont', sans-serif;
	text-align: center;
}
.rpwwt-post-excerpt {
	font: 400 1rem/1.6rem 'Mont', sans-serif;
	margin: 0.5rem 1rem;
}
/* ==== 24.0 COMERCIO ELECTRÓNICO - PLUGIN: "WooCommerce" - Automattic ==== */
/* 24.1 Tarjeta de Producto */
.products {
	align-items: normal !important;
}
.product {
	display: flex !important;
 	flex-flow: wrap !important;
	background-color: #ffffff !important;
	border: 1px solid #e6e6e6;
	border-radius: 0.8rem;
	overflow: hidden !important;
}
/* ==== 24.1.1 Tarjeta de productos con Bloque de Woocommerce ==== */
li.wc-block-product {
	display: inline-block !important;
	margin: 0.5rem !important;
	padding-left: 0 !important;
}
.woocommerce ul.products li.product a img {
	display: inline-block !important;
	max-width: 100% !important;
	margin: 0 !important;
	transition: transform 0.5s;
}
	.woocommerce ul.products li.product a img:hover {
		transform: scale(1.1);
		box-sizing: border-box;
	}
.product h2, .product h3 {
	font: 400 1.2rem/1.4rem 'Mont Bold', sans-serif !important;
	text-align: center;
	padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;
}
	.product h2:hover, .product h3:hover {
		color: #588ad5 !important;
	}
span.price, p.price, .wc-block-components-product-price span {
	color: #7ea27e !important;
	font: 400 1.2rem/1.4rem 'Mont Bold', sans-serif !important;
	text-align: center;
	padding: 1rem !important;
	margin: 0 !important;
}
/* ==== 24.1.2 Botón Añadir al carrito - Tarjeta de producto ==== */
.product a.button, button.wp-block-button__link {
	display: inline-block !important;
 	align-self: flex-end !important;
	background-color: #5c885c !important;
	color: #ffffff !important;
	font: 600 1.2rem/1.2rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	padding: 1.2rem 1rem !important;
	margin: 1rem auto !important;
	border: none !important;
	border-radius: 0.8rem !important;
	box-shadow: inset 0 0 0 0 #7ea27e !important;
	transition: ease-out 0.5s !important;
}
	.product a:hover.button, button:hover.wp-block-button__link {
		color: #ffffff !important;
		box-shadow: inset 400px 0 0 0 #7ea27e !important;
	}
/* ==== 24.1.3 Botón Ver Carrito - Tarjeta de producto ==== */
a.added_to_cart, a.wc-forward	{
	display: inline-block !important;
 	align-self: flex-end !important;
	background-color: #7d6b87 !important;
	color: #ffffff !important;
	font: 600 1rem/1.4rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	padding: 0.8rem 1rem !important;
	margin: 0 auto 1rem auto !important;
	border: none !important;
	border-radius: 0.4rem !important;
	box-shadow: inset 0 0 0 0 #988c9e !important;
	transition: ease-out 0.5s !important;
}
	a:hover.added_to_cart, a:hover.wc-forward {
		color: #ffffff !important;
		box-shadow: inset 400px 0 0 0 #988c9e !important;
	}
/* ==== 24.1.4 Precios con Descuento - General ==== */	
/* Color del Precio Anterior */
.price del, .price del span, del, del span bdi, del .woocommerce-Price-currencySymbol {
	color: #A46F74 !important;
	font-size: 1.2rem !important;
	margin: 0.5rem auto !important;
}
/* Eliminamos el subrayado del Precio Actual */
ins {
	text-decoration: none !important;
}
/* Letrero de Oferta */
.woocommerce ul.products li.product .onsale, .wc-block-components-product-sale-badge, span.onsale {
	position: absolute !important;
	display: inline-block !important;
	top: 0 !important;
	right: 0 !important;
	left: auto !important;
	background-color: #ffa306 !important;
	color: #ffffff !important;
	font: 400 1rem/1rem 'Vazirmatn', sans-serif !important;
	line-height: 3.7rem !important;
	text-align: center !important;
	min-width: 4.5rem !important;
	min-height: 4.5rem !important;
	border: solid 2px #ffffff !important;
	border-radius: 50% !important;
	padding: 0.2rem !important;
	margin: 0.5rem !important;
	z-index: 10 !important;
}
	/* Letrero de Oferta cargado a la izquierda en la Página de Producto */
	span.onsale {
		left: 0 !important;
		right: auto !important;
	}
/* ==== 24.2 Paginación de Woocommerce ==== */
.woocommerce nav.woocommerce-pagination ul {
	display: inline-block !important;
	margin: 1rem 0.5rem !important
}
ul.page-numbers {
	height: 100px !important;
}
.woocommerce nav.woocommerce-pagination ul li {
	padding: 0.1rem !important;
	margin: 0.1rem 0.05rem !important;
	border-right: none !important;
}
/* ==== 24.3 PÁGINA DE PRODUCTO - WOOCOMMERCE ==== */
/* ==== 24.3.1 Barra de Mensajes después de Añadir al carrito ==== */
.woocommerce-message {
	font: 600 1.2rem/1.6rem 'Mont', sans-serif !important;
	margin: 0 0 0.2rem 0 !important;
}
/* ==== 24.3.2 Descripción del producto ==== */
h1.product_title {
	font: 400 1.6rem/2rem 'Mont Bold', sans-serif !important;
}
p.price {
	font-size: 2rem !important;
}
form.cart {
	display: flex !important;
 	flex-flow: wrap !important;
	justify-content: center !important;
	margin: 1.5rem 0 !important;
}
/* Cantidad de producto - Página de producto */
.quantity {
	display: inline-block !important;
	vertical-align: baseline !important;
	height: auto !important;
	margin: 1rem !important;
}
.quantity input {
	width: 80px !important;
	height: 40px !important;
	margin: auto !important;
	padding: 0 !important;
}
/* ==== 24.3.3 Botón añadir al carrito - Página de producto ==== */
button.single_add_to_cart_button {
	background-color: #5c885c !important;
	color: #ffffff !important;
	font: 600 1.2rem/1rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	padding: 1.5rem 1rem !important;
	/* margin: 1rem auto !important; */
	border: none !important;
	border-radius: 0.8rem !important;
	box-shadow: inset 0 0 0 0 #7ea27e !important;
	transition: ease-out 0.5s !important;
}
	button:hover.single_add_to_cart_button {
		color: #ffffff !important;
		box-shadow: inset 400px 0 0 0 #7ea27e !important;
	}
/* ==== 24.3.4 Etiquetas de producto ==== */
.product_meta {
	background-color: #f6f6f6 !important;
	padding: 1rem !important;
}
.product_meta span {
	display: inline-block !important;
	color: #333333 !important;
	font: 400 1rem/1.6rem 'Mont', sans-serif !important;
	text-align: center !important;
}
/* ==== 24.3.5 Valoraciones de producto ==== */
.woocommerce-tabs {
	display: inline-block !important;
	width: 100% !important;
}
.comment-respond span#reply-title {
	display: inline-block !important;
	color: #4d4d4d !important;
	font: 400 1.6rem/1rem 'Mont Bold', sans-serif !important;
	margin: 2rem 0 0.5rem 0 !important;
}
/* Calificación estrellas - Página de producto*/
.woocommerce .woocommerce-product-rating .star-rating {
	display: inline-block !important;
	float: none !important;
}
p.stars {
	text-align: center !important;
	font-size: 1.6rem !important;
}
p.stars span a {
	color: #ffa306 !important;
}
input#wp-comment-cookies-consent {
	display: inline-block !important;
	width: 20px !important;
}
/* Calificación estrellas - Tarjeta de producto */
li.product .star-rating {
	display: block !important;
	color: #ffa306 !important;
	font-size: 1.3rem !important;
	margin: 0.2rem auto !important;
}
/* Valoraciones de producto publicadas */
.comment_container {
	display: inline-block !important;
	width: 98% !important;
	margin: 0 1% !important;
}
.comment_container img {
	display: inline-block !important;
	width: 40px !important;
	margin: 0 0.5rem !important;
}
.woocommerce .star-rating span {
	color: #ffa306 !important;
}
/* Campos de Texto - Valoraciones de Producto */
p.comment-form-author, p.comment-form-email {
	display: inline-block !important;
}
p.comment-form-author input, p.comment-form-email input {
	width: 300px !important;
}
/* ==== 24.3.6 Productos Relacionados ==== */
/* Forzamos el atributo 'display: inline-block' para que el título "Productos Relacionados" no se desacomode. */
section.products {
	display: inline-block !important;
}
/* ==== 24.4 PÁGINA DE CARRITO - WOOCOMMERCE - VERSIÓN DE BLOQUES ==== */
/* ==== 24.4.1 WooCommerce - Tablas ==== */
table.shop_table, table {
	border: solid 1px #e6e6e6 !important;
}
	td {
		border-top: solid 1px #e6e6e6 !important;
	}
	tfoot td, tfoot th, tbody th {
		border-top: solid 1px #e6e6e6 !important;
	}
/* ==== 24.4.2 Contenidos de la Tabla de descripción de productos ==== */
.wc-block-components-main {
	display: inline-block !important;
	padding: 0.5rem !important;
}
/* COLUMNA de Imagen de Artículo */
td.wc-block-cart-item__image {
	padding: 0 !important;
}
/* COLUMNA de Información de Artículo */
td.wc-block-cart-item__product {
	padding: 0 !important;
}
/* COLUMNA de Precio de Artículo */
td.wc-block-cart-item__total {
	padding: 0 !important;
}
/* ==== 24.4.3 Desglose de artículos en carrito - Versión de bloques ==== */
/* Título de Artículo */
.wc-block-components-product-name, a.wc-block-components-product-name {
	display: inline-block !important;
	font: 800 1rem/1.2rem 'Mont', sans-serif !important;
	text-align: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 1rem 0.5rem !important;
}
/* Descripción del Artículo */
.wc-block-cart-item__wrap p {
	font: 400 1rem/1.2rem 'Mont', sans-serif !important;
	text-align: center !important;
}
/* Precio del Artículo */
td span.price, td p.price {
	font: 400 1.2rem/1.4rem 'Mont Bold', sans-serif !important;
	padding: 1rem 0.5rem !important;
}
/* Cantidad del Artículo */
.wc-block-cart-item__quantity {
	display: inline-block !important;
	margin: 1rem auto !important;
}
	.wc-block-components-quantity-selector {
		margin: 0.5rem auto !important;
	}
/* ==== 24.4.4 Botón Eliminar Artículo ==== */
button.wc-block-cart-item__remove-link {
	background-color: #808080 !important;
	color: #ffffff !important;
	font: 600 0.8rem/1rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	padding: 0.8rem !important;
	/* margin: 1rem auto !important; */
	border: none !important;
	border-radius: 0.4rem !important;
	box-shadow: inset 0 100px 0 0 #b3b3b3 !important;
	transition: ease-out 0.3s !important;
}
	button:hover.wc-block-cart-item__remove-link {
		color: #ffffff !important;
		box-shadow: inset 0 0 0 0 #b3b3b3 !important;
	}
/* ==== 24.4.5 Sidebar Woocommerce - Suma Total ==== */
.wc-block-components-sidebar {
	display: inline-block !important;
	padding: 0.5rem !important;
}
h2.wc-block-cart__totals-title {
	font: 800 1.4rem/1rem 'Mont', sans-serif !important;
	text-align: center !important;
}
/* ==== 24.4.5.1 Botón de Aplicar Cupón ==== */
/* Cupones Deshabilidatos */
button.wc-block-components-totals-coupon__button, a.wc-block-components-totals-coupon__button	{
	display:block !important;
	background-color: #0b4191 !important;
	color: #ffffff !important;
	font: 600 1rem/1.4rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	padding: 0.8rem 1rem !important;
	margin: 0 0.5rem !important;
	border: none !important;
	border-radius: 0.4rem !important;
	box-shadow: inset 0 0 0 0 #333333 !important;
	transition: ease-out 0.5s !important;
}
.wc-block-components-totals-coupon__button span {
	color: #ffffff !important;
}
	button:hover.wc-block-components-totals-coupon__button, a:hover.wc-block-components-totals-coupon__button {
		color: #ffffff !important;
		box-shadow: inset 400px 0 0 0 #333333 !important;
	}
	span.wc-block-components-button__text {
		font: 800 1rem/1.4rem 'Mont', sans-serif !important;
		text-align: center !important;
		width: 100% !important;
	}
/* ==== 24.4.5.2 Totales - Página de Carrito ==== */
.wc-block-formatted-money-amount {
	color: #7ea27e !important;
	font: 400 1.2rem/1.4rem 'Mont Bold', sans-serif !important;
	text-align: center;
	padding: 1rem !important;
	margin: 0 !important;
}
/* ==== 24.4.5.3 Botón "Comprobar opciones de envío" - Página de Carrito ==== */
button.wc-block-components-shipping-calculator-address__button {
	display: inline-block !important;
	background-color: #0b4191 !important;
	color: #ffffff !important;
	font: 600 1rem/1.4rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	padding: 0.8rem 1rem !important;
	margin: 1rem auto !important;
	border: none !important;
	border-radius: 0.4rem !important;
	box-shadow: inset 0 0 0 0 #333333 !important;
	transition: ease-out 0.5s !important;
}
	button:hover.wc-block-components-shipping-calculator-address__button {
		color: #ffffff !important;
		box-shadow: inset 600px 0 0 0 #333333 !important;
	}
/* ==== 24.4.5.4 Casilla de verificación - Página de Carrito ==== */
.wc-block-components-radio-control label.wc-block-components-radio-control__option {
	display: inline-block !important;
	padding: 0 0 0 40px !important;
}
input.wc-block-components-radio-control__input{
	display: inline-block !important;
	position: absolute !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	padding: 0.5rem !important;
	border-radius: 100% !important;
}
/* ==== 24.4.5.5 Formulario de Selección de Envío - Página de Carrito ==== */
.wc-block-components-totals-shipping__collaterals fieldset {
	background-color: #f9f9f9 !important;
	width: 100% !important;
	padding: 0.5rem 1rem !important;
	margin: 1rem auto !important;
	border-radius: 0.5rem !important;
}
/* ==== 24.4.5.6 Total - Página de Carrito ==== */
.wc-block-components-totals-item__value span {
	color: #3f6c3f !important;
	font: 800 2rem/1.4rem 'Mont', sans-serif !important;
}
/* ==== 24.4.5.7 Botón Proceder al pago - Página de Carrito - Versión de bloques ==== */
.wc-block-components-express-payment-continue-rule {
	display: none !important;
}
.wc-block-cart__submit-container {
	background-color: #ffffff !important;
	border-top: solid 1px #e6e6e6 !important;
	padding-bottom: 40px !important;
}
.wc-block-cart__submit-container a {
	background-color: #aaa171 !important;
	color: #ffffff !important;
	font: 600 1.4rem/1.2rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	width: 260px !important;
	padding: 1.5rem 1rem !important;
	margin: 1rem auto !important;
	border: none !important;
	border-radius: 0.8rem !important;
	box-shadow: inset 0 0 0 0 #cac29e !important;
	transition: ease-out 0.5s !important;
}
	.wc-block-cart__submit-container a:hover {
		color: #ffffff !important;
		box-shadow: inset 600px 0 0 0 #cac29e !important;
	}
	.wc-block-cart__submit-container span {
		font: 800 1.4rem/1.2rem 'Mont', sans-serif !important;
	}
/* ==== 24.5 PÁGINA FINALIZAR COMPRA - WOOCOMMERCE - VERSIÓN DE BLOQUES ==== */
/* ==== 24.5.1 Envoltura - Finalizar Compra ==== */
.wp-block-woocommerce-checkout {
	overflow: hidden !important;
}
/* ==== 24.5.2 Formularios - Página Finalizar Compra ==== */
fieldset.wc-block-components-checkout-step {
	display: inline-block !important;
	width: 100% !important;
	padding: 0.5rem 1rem !important;
	margin: 0.5rem !important;
}
.wc-block-components-checkout-step h1, .wc-block-components-checkout-step h2, .wc-block-components-checkout-step h3, .wc-block-components-checkout-step h4, .wc-block-components-checkout-step h5, .wc-block-components-checkout-step h6 {
	padding: 1rem 0 !important;
}
/* ==== 24.5.2.1 Étiquetas de campos de texto - Página Finalizar Compra ==== */
.wc-block-components-text-input label {
	padding: 0 !important;
	margin: 0 !important;
}
/* ==== 24.5.2.2 Étiquetas de contenedores de selección (desplegables) - Página Finalizar Compra ==== */
.wc-blocks-components-select__container label {
	padding: 0 !important;
	margin: 0 !important;
}
/* ==== 24.5.2.3 Casilla de verificación - Página Finalizar Compra ==== */
.wc-block-components-checkbox {
	margin: 0.5rem auto !important;
}
input.wc-block-components-checkbox__input {
	width: 15px !important;
	height: 15px !important;
	margin: 0rem !important;
	padding: 0 !important;
}
span.wc-block-components-checkbox__label {
	margin: 0 0.5rem !important;
}
/* ==== 24.5.2.4 Formas de Pago - Página Finalizar Compra ==== */
.wc-block-components-radio-control-accordion-option {
	box-shadow: none !important;
}
/* Checkbox Circulares - Página Finalizar Compra */
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	display: inline-block !important;
	background-color: #f2f2f2 !important;
	padding: 0.5rem !important;
	margin: 0.2rem 1rem !important;
	box-shadow: none !important;
}
.wc-block-components-radio-control__label {
	display: inline-block !important;
	margin-left: 40px !important;
}
fieldset.wc-block-checkout__payment-method span {
	margin-left: 5px !important;
	margin-right: 10px !important;
}
/* ==== 24.5.3 Aviso de Terminos y condiciones en página de Finalizar Compra ==== */
.wc-block-checkout__terms {
	font: 800 1rem/1.4rem 'Mont', sans-serif !important;
}
/* ==== 24.5.4 Resumen del pedido - Página Finalizar Compra ==== */
.wc-block-components-order-summary {
	padding: 0 0.5rem !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
	padding: 0 !important;
	margin: 0 !important;
}
/* Título Resumen de Pedido */
p.wc-block-components-checkout-order-summary__title-text {
	font: 800 1.2rem/1.4rem 'Mont', sans-serif !important;
	text-align: center !important;
}
/* ==== 24.5.5 Botón Realizar pedido - Página Finalizar Compra ==== */
button.wc-block-components-checkout-place-order-button {
	background-color: #aaa171 !important;
	color: #ffffff !important;
	font: 600 1.4rem/1.2rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	width: 260px !important;
	padding: 1.5rem 1rem !important;
	margin: 1rem auto !important;
	border: none !important;
	border-radius: 0.8rem !important;
	box-shadow: inset 0 0 0 0 #cac29e !important;
	transition: ease-out 0.5s !important;
}
	button:hover.wc-block-components-checkout-place-order-button {
		color: #ffffff !important;
		box-shadow: inset 600px 0 0 0 #cac29e !important;
	}
	.wc-block-components-checkout-place-order-button span, .wc-block-components-checkout-place-order-button__text {
		display: inline-block !important;
		font: 800 1.4rem/1.2rem 'Mont', sans-serif !important;
		text-align: center !important;
	}
/* ==== 24.5.6 Botón Volver al carrito ==== */
.wc-block-components-checkout-return-to-cart-button {
	background-color: #7d6b87 !important;
	color: #ffffff !important;
	font: 600 1rem/1rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	padding: 1rem 1rem 1rem 2rem !important;
	margin: 1rem !important;
	border-radius: 0.8rem !important;
	transition: background-color 500ms, color 500ms, border 500ms !important;
}
	.wc-block-components-checkout-return-to-cart-button:hover {
		background-color: #988c9e !important;
		color: #ffffff !important;
		transition: background-color 500ms, color 500ms, border 500ms !important;
	}
/* ==== 24.6 PÁGINA DE CARRITO - WOOCOMMERCE - VERSIÓN CLÁSICA ==== */
/* ==== 24.6.1 - Desglose de artículos en carrito - Versión clasica ==== */
.woocommerce-cart table.cart img {
	width: 60px !important;
}
.product-name a {
	font: 400 1rem/1.4rem 'Mont Bold', sans-serif !important;
}
/* Precio */
td span.woocommerce-Price-amount, td .product-subtotal span.woocommerce-Price-amount {
	color: #0b4191 !important;
	font: 400 1.2rem/1.4rem 'Mont Bold', sans-serif !important;
	text-align: center;
	padding: 1rem !important;
	margin: 0 !important;
}
/* Subtotal */
.product-subtotal span.woocommerce-Price-amount {
	color: #54c200 !important;
	font-size: 1.6rem !important;
}
/* ==== 24.6.2 Aplicar cupón - Versión clásica ==== */
input#coupon_code {
	display: inline-block !important;
	width: 160px !important;
	padding: 0.5rem !important;
	margin: 0.4rem 1rem !important;
}
/* ==== 24.6.3 Botónes Aplicar cupón, Actualizar carrito y Actualizar dirección ==== */
.actions button, section.shipping-calculator-form p button, p.form-row button {
	display: block !important;
 	align-self: flex-end !important;
	background-color: #7d6b87 !important;
	color: #ffffff !important;
	font: 600 1rem/1.4rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	padding: 0.8rem 1rem !important;
	margin: 0 auto !important;
	border: solid 1px #ffffff !important;
	border-radius: 0.4rem !important;
	box-shadow: inset 0 0 0 0 #988c9e !important;
	transition: ease-out 0.5s !important;
}
	.actions button:hover, section.shipping-calculator-form p button:hover, p.form-row button:hover {
		color: #ffffff !important;
		box-shadow: inset 400px 0 0 0 #988c9e !important;
	}
/* ==== 24.6.4 Mensajes Aplicar cupón ==== */
td .actions {
	color: red !important;
	font: 600 1rem/1.4rem 'Mont', sans-serif !important;
}
td strong span.amount {
	color: #54c200 !important;
	font-size: 2rem !important;
}
/* ==== 24.6.5 Sección Total del carrito - Versión clásica ==== */
/* ==== 24.6.5.1 Enlace Cambiar dirección ==== */
a.shipping-calculator-button {
	font: 400 1rem/1.2rem 'Mont Bold', sans-serif !important;
}
/* ==== 24.6.5.2 Botón Finalizar compra - Página de carrito - Versión clásica ==== */
a.checkout-button {
	display: block !important;
	background-color: #54c200 !important;
	color: #ffffff !important;
	font: 600 1.4rem/1.2rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	width: 260px !important;
	padding: 1.5rem 1rem !important;
	margin: 1rem auto !important;
	border: none !important;
	border-radius: 0.8rem !important;
	box-shadow: inset 0 0 0 0 #3772c8 !important;
	transition: ease-out 0.5s !important;
}
	a:hover.checkout-button {
		color: #ffffff !important;
		box-shadow: inset 600px 0 0 0 #3772c8 !important;
	}
/* ==== 24.7 PÁGINA FINALIZAR COMPRA - WOOCOMMERCE - VERSIÓN CLÁSICA ==== */
/* ==== 24.7.1 Mensaje ¿Tienes un cupón? ==== */
.woocommerce-info {
	margin-bottom: 0.5rem !important;
	font: 600 1rem/1.4rem 'Mont', sans-serif !important;
	margin: 0 !important;
}
/* Área para ingresar cupón */
form.checkout_coupon, form.woocommerce-form-coupon {
	margin: 0 !important;
	padding: 0 !important;
}
input#coupon_code {
	display: inline-block !important;
 	align-self: flex-end !important;
	text-align: center !important;
}
p.form-row-first, p.form-row-last {
	display: blocK !important;
	width: 50% !important;
}
/* ==== 24.7.2 Envolturas de los formularios de la página Finalizar compra ==== */
.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields {
	padding: 0 1rem !important;
}
p.form-row {
	padding: 0.5rem !important;
	margin: 0 !important;
}
.woocommerce-form__input, .input-radio {
	display: inline-block !important;
	width: 15px !important;
	height: 15px !important;
	margin: 0 0.3rem 0 1rem !important;
}
/* ==== 24.7.3 Área de formas de pago ==== */
.wc_payment_method {
	background-color: #f9f9f9 !important;
}
.payment_box, .place-order {
	background-color: #e6e6e6 !important;
}
/* ==== 24.7.3.1 Indicador o flecha de Mercado Pago ==== */
.payment_box::before {
	background-color: #f9f9f9 !important;
	border: 1em solid #e6e6e6 !important;
	border-right-color: transparent !important;
	border-left-color: transparent !important;
	border-top-color: transparent !important;
}
/* ==== 24.7.3.2 Íconos de forma de pago ==== */
.woocommerce-checkout #payment ul.payment_methods li img {
	width: 40px !important;
	height: auto !important;
}
/* ==== 24.7.4 Botón Realizar el pedido ==== */
button#place_order {
	display: block !important;
	background-color: #54c200 !important;
	color: #ffffff !important;
	font: 600 1.4rem/1.2rem 'Mont', sans-serif !important;
	cursor: pointer !important;
	text-align: center !important;
	text-decoration: none !important;
	text-shadow: 0 0 2px #000000 !important;
	width: 260px !important;
	padding: 1.5rem 1rem !important;
	margin: 1rem auto !important;
	border: none !important;
	border-radius: 0.8rem !important;
	box-shadow: inset 0 0 0 0 #3772c8 !important;
	transition: ease-out 0.5s !important;
}
	button:hover#place_order {
		color: #ffffff !important;
		box-shadow: inset 600px 0 0 0 #3772c8 !important;
	}
/* ==== 24.7.5 Selectores de País y Región ==== */
span.selection span, span.select2-dropdown {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #000000 !important;
	border-radius: 6px !important;
}
span ul li:hover {
	background-color:#3772c8 !important;
	color: #ffffff !important;
}
.select2-container--default .select2-results__option[data-selected="true"] {
	background-color: #82aae4 !important;
	color: #ffffff !important;
}
/* Título de "Beneficios" de Mercado Pago */
.mp-checkout-pro-benefits-title {
	Color: black !important;
}
/* ==== 24.8 PÁGINA MI CUENTA ==== */
.woocommerce-form {
	background-color: #ede8d0;
}
/* ==== 24.8.1 Botón Mostrar Contraseña - WooCommerce ==== */
span.password-input button.show-password-input {
	background-color:#cccccc !important;
}
	span.password-input button:hover.show-password-input {
		background-color: #e6e6e6 !important;
		box-shadow: none !important;
	}
/* ==== 24.8.2 Botones de gestión de cuenta - WooCommerce ==== */
.woocommerce-MyAccount-navigation li {
	list-style: none;
	width: 100%;
	margin: 0;
}
.woocommerce-MyAccount-navigation li a {
	background-color: #3772c8;
	display: inline-block;
	vertical-align: top;
	color: #ffffff !important;
	font: 600 1rem/1rem 'Mont', sans-serif;
	text-shadow: 0 0 5px #000000;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 0.8rem 0.4rem;
	margin: 0.2rem auto;
	border-radius: 6px;
	box-shadow: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3772c8+0,0b4191+100 */background: linear-gradient(to bottom,  #3772c8 0%,#0b4191 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
	.woocommerce-MyAccount-navigation li a:hover {
		background: #4d4d4d;
		color: #ffffff !important;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d4d4d+0,333333+100 */
		background: linear-gradient(to bottom,  #4d4d4d 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}	
/* ==== 24.9 FILTROS DE WOOCOMMERCE ==== */
.wc-blocks-filter-wrapper {
	padding: 0 1rem !important;
}
input.wc-block-formatted-money-amount {
	display: inline-block !important;
	color: #54c200 !important;
	max-width: 100px !important;
	padding: 0.2rem !important;
	margin: auto !important;
	border-radius: 0.2rem !important;
}
/* ==== 25.0 FILTRO DE ENTRADAS - PLUGIN: "Filter Everything — WooCommerce Product & WordPress Filter" - Andrii Stepasiuk ==== */
/* Utilizamos Filter Everything para filtrar entradas, Woocommerce ya incluye sus propios filtros de productos */
.wpc-filters-section, .wpc-filter-content {
	display: inline-block !important;
	width: 200px !important;
	margin: 0.4em !important;
}
.wpc-filter-title {
	display: none !important;
}
.wpc-filter-content select {
	width: 200px !important;
	margin: 0 !important;
	border-color: #808080 !important;
}
.wpc-filter-layout-dropdown .select2-container .select2-selection--single, .wpc-sorting-form .select2-container .select2-selection--single {
	padding: 0.4em !important;
	border-color: #808080 !important;
}
.select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted[aria-selected] {
	background-color: #82aae4 !important;
}
.wpc-open-close-filters-button {
	margin: 0.5em !important;
}