:root {
  --color-principal: #7c02d6;
  --color-secundario: #ff6600;
  --color-principal-contraste: #FFFFFF;
  --color-link-texto: #7c02d6;
  --color-boton-principal: #7c02d6;
  --color-boton-principal-rollover: #ff6600;
  --color-boton-principal-texto: #FFF;
  --color-boton-principal-texto-rollover: #FFF;
  --color-boton-secundario: #EFEFEF;
  --color-boton-secundario-rollover: #FFF;
  --color-boton-secundario-texto: #666;
  --color-boton-secundario-texto-rollover: #666;
  --color-gris-claro: #EFEFEF;
  --color-beige: #e5ddd5;
  --color-bg-submenu-1: #EFEFEF;
}

.txt-letras-separadas-1 {
	letter-spacing:0.2em;
}
.txt-letras-separadas-2 {
	letter-spacing:0.4em;
}


html { 
	overflow-y: scroll;
	overflow-x: hidden;
}
body {
	background-color: #FFF;
	line-height:1.3em;
	color: #333;
	letter-spacing:0.25px;
}
a {
	text-decoration: none !important;
		color: #000000;
}
a:hover,
a:visited,
a:link {
	text-decoration: none !important;
	color: #000000;
}
strong {
	font-weight: 700;
}
li {
	list-style-type: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	
}
h1,h2,h3,h4,h5,h6 {
	margin:0px;
}


/* --------------------------- */
/* BOTONES BOOTSTRAP */
/* --------------------------- */

.btn-secondary,
.btn-secondary:link,
.btn-secondary:active,
.btn-secondary:visited {
	background-color: var(--color-boton-secundario)!important;
	color: var(--color-boton-secundario-texto)!important;
	border: solid 1px #333 !important;
	border-radius:16px;
	font-weight:600;
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.btn-secondary:hover {
	background-color: var(--color-boton-secundario-rollover)!important;
	color: var(--color-boton-secundario-texto-rollover)!important;
	border: solid 1px #FFF !important;
}

button.close,
input[type=button],
input[type=submit],
input[type=reset],
form.commerce-add-to-cart #edit-submit,
button,
button:link,
button:visited,
button:active,
button:focus,
.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:focus,
.button-primary,
.button-primary:link,
.button-primary:visited,
.button-primary:active,
.button-primary:focus,
.btn-secondary,
.btn-secondary:link,
.btn-secondary:visited,
.btn-secondary:active,
.btn-secondary:focus,
.form-submit,
.form-submit:link,
.form-submit:visited,
.form-submit:active,
.form-submit:focus,
.pager-item > a,
.pager .pager-next > a,
.pager .pager-previous > a {
	background-color: var(--color-boton-principal);
	color: var(--color-boton-principal-texto);
	border: none !important;
	border-radius:16px;
	font-weight:600;
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#slider .button-bold {
	font-weight:600;
	text-shadow: none;
}
button.close:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
form.commerce-add-to-cart #edit-submit:hover,
button:hover,
.btn-primary:hover,
.button-primary:hover,
.form-submit:hover,
.pager-item > a:hover,
.pager .pager-next > a:hover,
.pager .pager-previous > a:hover {
	background-color: var(--color-boton-principal-rollover);
	color: var(--color-boton-principal-texto-rollover);
}

@media (max-width: 575.98px) {
	button.close,
	input[type=button],
	input[type=submit],
	input[type=reset],
	form.commerce-add-to-cart #edit-submit,
	button,
	button:link,
	button:visited,
	button:active,
	button:focus,
	.btn-primary,
	.btn-primary:link,
	.btn-primary:visited,
	.btn-primary:active,
	.btn-primary:focus,
	.button-primary,
	.button-primary:link,
	.button-primary:visited,
	.button-primary:active,
	.button-primary:focus,
	.btn-secondary,
	.btn-secondary:link,
	.btn-secondary:visited,
	.btn-secondary:active,
	.btn-secondary:focus,
	.form-submit,
	.form-submit:link,
	.form-submit:visited,
	.form-submit:active,
	.form-submit:focus,
	.pager-item > a,
	.pager .pager-next > a,
	.pager .pager-previous > a {
		padding:6px 16px 6px 16px;
		font-size:14px;
	}
}
@media (min-width: 576px) {
	button.close,
	input[type=button],
	input[type=submit],
	input[type=reset],
	form.commerce-add-to-cart #edit-submit,
	button,
	button:link,
	button:visited,
	button:active,
	button:focus,
	.btn-primary,
	.btn-primary:link,
	.btn-primary:visited,
	.btn-primary:active,
	.btn-primary:focus,
	.button-primary,
	.button-primary:link,
	.button-primary:visited,
	.button-primary:active,
	.button-primary:focus,
	.btn-secondary,
	.btn-secondary:link,
	.btn-secondary:visited,
	.btn-secondary:active,
	.btn-secondary:focus,
	.form-submit,
	.form-submit:link,
	.form-submit:visited,
	.form-submit:active,
	.form-submit:focus,
	.pager-item > a,
	.pager .pager-next > a,
	.pager .pager-previous > a {
		padding:8px 16px 8px 16px;
		font-size:16px;
	}
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}




.wp-block-getwid-images-slider.has-arrows-inside,
.wp-block-getwid-media-text-slider.has-arrows-inside,
.wp-block-getwid-post-slider.has-arrows-inside,
.wp-block-getwid-post-carousel.has-arrows-inside {
	display: block;
	float: left;
	width: 100%;
}




/* 	------------------------------------------
	CONTENEDORES
---------------------------------------------- */

.row {
	position: relative;
}
.col-12 {
	float: left;
}

.bloque,
#bloque_HEADER,
#bloque_SLI,
#bloque_PAGINA,
#bloque_FOOTER {
	position:relative;
	display:block;
	float:left;
	width:100%;
}


.content,
.container,
.contenedor,
.col-full {
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
  display:block;
  box-sizing:border-box;
}
@media (max-width: 575.98px) {
	.content,
	.container,
	.contenedor,
	.col-full {
    	width: 100%;
		padding: 0 32px 0 32px;
	}
}
@media (min-width: 576px) {
	.content,
	.container,
	.contenedor,
	.col-full {
    	max-width: 540px;
		padding: 0 32px 0 32px;
	}
}
@media (min-width: 768px) {
	.content,
	.container,
	.contenedor,
	.col-full {
		max-width: 720px;
		padding: 0 16px 0 16px;
	}
}
@media (min-width: 992px) {
	.content,
	.container,
	.contenedor,
	.col-full {
		max-width: 960px;
		padding: 0 16px 0 16px;
	}
}
@media (min-width: 1200px) {
	.content,
	.container,
	.contenedor,
	.col-full {
		max-width: 1140px;
		padding: 0 16px 0 16px;
	}
}
@media (min-width: 1400px) {
	.content,
	.container,
	.contenedor,
	.col-full {
		max-width: 1366px;
		padding: 0 16px 0 16px;
	}
}




/* --------------------------- */
/* CONTENEDOR ANGOSTO */
/* --------------------------- */

.contenedor-angosto-1,
.contenedor-angosto-2 {
	display:block;
	position:relative;
	float:left;
}
@media (max-width: 575.98px) {
	.contenedor-angosto-1,
	.contenedor-angosto-2 {
		margin:0px;
		width:100%;
		padding-left:24px;
		padding-right:24px;
	}
}
@media (min-width: 576px) {
	.contenedor-angosto-1,
	.contenedor-angosto-2 {
		margin:0px;
		width:100%;
		padding-left:24px;
		padding-right:24px;
	}
}
@media (min-width: 768px) {
	.contenedor-angosto-1 {
		width:83.3333333%;
		margin-left:8.3333333%;
		margin-right:8.3333333%;
		padding-left:0px;
		padding-right:0px;
	}
	.contenedor-angosto-2 {
		margin:0px;
		width:100%;
		padding-left:24px;
		padding-right:24px;
	}
}
@media (min-width: 992px) {
	.contenedor-angosto-1 {
		width:66.66666666%;
		margin-left:16.666666%;
		margin-right:16.666666%;
	}
	.contenedor-angosto-2 {
		width:50%;
		margin-left:25%;
		margin-right:25%;
	}
}
@media (min-width: 1200px) {
	.contenedor-angosto-1 {
		width:60%;
		margin-left:20%;
		margin-right:20%;
	}
	.contenedor-angosto-2 {
		width:33.3333333%;
		margin-left:33.3333333%;
		margin-right:33.3333333%;
	}
}
@media (min-width: 1400px) {
	.contenedor-angosto-1 {
		width:50%;
		margin-left:25%;
		margin-right:25%;
	}
	.contenedor-angosto-2 {
		width:33.3333333%;
		margin-left:33.3333333%;
		margin-right:33.3333333%;
	}
}



/* --------------------------- */
/* WHATSAPP */
/* --------------------------- */

.WA-contenedor {
	display:block;
	position:fixed;
	right:24px;
	width:60px;
	height:60px;
	z-index:1000;
	border-radius:100%;
	background-color:#FFF;
}
.ICO-wa-1 {
	display:block;
	position:relative;
	float:left;
	width:100%;
	height:100%;
}
.ICO-wa-1 > .ico {
	fill:#0C6;
	width:100%;
	height:100%;
}
.ICO-wa-1:hover,
.ICO-wa-1 > .ico:hover {
	fill:var(--color-gris);
	color: var(--color-gris);
}
@media (max-width: 575.98px) {
	.WA-contenedor {
		bottom:90px;
	}
}
@media (min-width: 576px) {
	.WA-contenedor {
		bottom:90px;
	}
}
@media (min-width: 768px) {
	.WA-contenedor {
		bottom:24px;
	}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}


/* ------------------------------------- */
/* BOTON CONSULTA */
/* ------------------------------------- */

.CONS-bot-contenedor,
.CONS-bot-contenedor-WA {
	display:block;
	position:fixed;
	z-index:1000;
}
.CONS-bot-contenedor .boton,
.CONS-bot-contenedor-WA .boton {
	text-align:center;
	display:block;
	background-color:#FFF;
	border-radius:100%;
	-webkit-box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.24);
	-moz-box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.24);
	box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.24);
}
.CONS-bot-contenedor .boton > .ico {
	fill: var(--color-principal);
}
.CONS-bot-contenedor .boton > span{
	color:var(--color-principal);
}
@media (max-width: 575.98px) {
	.CONS-bot-contenedor {
		bottom:80px;
		right:10px;
	}
	.CONS-bot-contenedor-WA {
		bottom:130px;
		right:10px;
	}
	.CONS-bot-contenedor .boton {
		width:45px;
		height:45px;
		padding-top:4px;
	}
	.CONS-bot-contenedor .boton > span{
		font-size:24px;
	}
}
@media (min-width: 576px) {
	.CONS-bot-contenedor {
		bottom:80px;
		right:10px;
	}
	.CONS-bot-contenedor-WA {
		bottom:130px!important;
		right:10px;
	}
	.CONS-bot-contenedor .boton {
		width:50px;
		height:50px;
		padding-top:4px;
	}
	.CONS-bot-contenedor .boton > span{
		font-size:28px;
	}
}
@media (min-width: 768px) {
	.CONS-bot-contenedor {
		bottom:20px;
		right:10px;
	}
	.CONS-bot-contenedor-WA {
		bottom:80px!important;
		right:10px;
	}
	.CONS-bot-contenedor .boton,
	.CONS-bot-contenedor-WA .boton {
		width:55px;
		height:55px;
		padding-top:8px;
	}
	.CONS-bot-contenedor .boton > span{
		font-size:32px;
	}
}
@media (min-width: 992px) {
	.CONS-bot-contenedor {
		bottom:20px;
		right:20px;
	}
	.CONS-bot-contenedor-WA {
		bottom:80px!important;
		right:20px;
	}
}
@media (min-width: 1200px) {
	.CONS-bot-contenedor {
		bottom:30px;
		right:30px;
	}
	.CONS-bot-contenedor-WA {
		bottom:90px!important;
		right:30px;
	}
}




/* --------------------------- */
/* ICONOS REDES */
/* --------------------------- */

.ICO-red-contenedor-1 {
	display:block;
	z-index:500;
	top:20px;
	text-align:center;
}
.ICO-red-contenedor-2 {
	float:left;
	display:block;
	z-index:500;
	width:100%;
	margin-top:10px;
}
.ICO-red-contenedor-1 .ICONO,
.ICO-red-contenedor-2 .ICONO {
	display:inline-block;
	position:relative;
	width:40px;
	height:40px;
	overflow:hidden;
	text-align:center;
}

@media (max-width: 575.98px) {
	.ICO-red-contenedor-1 {
		position:absolute;
		left:50px;
	}
	.ICO-red-contenedor-2 {
		text-align:left;
	}
}
@media (min-width: 576px) {
	.ICO-red-contenedor-1 {
		position:absolute;
		left:50px;
	}
	.ICO-red-contenedor-2 {
		text-align:left;
	}
}
@media (min-width: 768px) {
	.ICO-red-contenedor-1 {
		position:absolute;
		left:50px;
	}
	.ICO-red-contenedor-2 {
		text-align:left;
	}
}
@media (min-width: 992px) {
	.ICO-red-contenedor-1 {
		position:absolute;
		left:40px;
	}
}
@media (min-width: 1200px) {

}



/* --------------------------- */
/* ICONOS */
/* --------------------------- */

.ico {
	vertical-align: middle;
	overflow: hidden;
	text-align:center;
	-webkit-transition: fill 0.5s, width 0.5s, height 0.5s, transform 0.5s; /* For Safari 3.1 to 6.0 */
	transition: fill 0.5s, width 0.5s, height 0.5s, transform 0.5s;
}
.ico:hover {
	fill: var(--color-boton-principal-rollover)!important;
	transform: scale(1.1);
	transform: translateY(-8px)
}

.ico-16,
.ico-20,
.ico-24,
.ico-25,
.ico-30,
.ico-32,
.ico-40,
.ico-48,
.ico-56,
.ico-64,
.ico-72,
.ico-80,
.ico-88,
.ico-96,
.ico-100{
	display:inline-block;
	position:relative;
	overflow: visible;
	text-align:center;
	vertical-align:top;
}
.ico-16 {
	width:16px;
	height:16px;
}
.ico-20 {
	width:20px;
	height:20px;
}
.ico-24 {
	width:24px;
	height:24px;
}
.ico-25 {
	width:25px;
	height:25px;
}
.ico-30 {
	width:30px;
	height:30px;
}
.ico-32 {
	width:32px;
	height:32px;
}
.ico-40 {
	width:40px;
	height:40px;
}
.ico-48 {
	width:48px;
	height:48px;
}
.ico-56 {
	width:56px;
	height:56px;
}
.ico-64 {
	width:64px;
	height:64px;
}
.ico-72 {
	width:72px;
	height:72px;
}
.ico-80 {
	width:80px;
	height:80px;
}
.ico-88 {
	width:88px;
	height:88px;
}
.ico-96 {
	width:96px;
	height:96px;
}
.ico-100 {
	width:100px;
	height:100px;
}
.ico-txt {
	display:inline;
	position:relative;
	width:auto;
	text-align:center;
	vertical-align:top;
}

.ico-redondo {
	border-radius: 100%;
}


.ico-borde-2 {
	border-style: solid;
	border-width: 2px;
}
.ico-borde-4 {
	border-style: solid;
	border-width: 4px;
}
.ico-borde-6 {
	border-style: solid;
	border-width: 6px;
}
.ico-borde-8 {
	border-style: solid;
	border-width: 8px;
}


.ico-borde-principal {
	border-color: var(--color-principal);
}
.ico-borde-negro {
	border-color: #000;
}
.ico-borde-blanco {
	border-color: #FFF;
}


.ico-error {
	fill:#e12129;
}
.ico-ok {
	fill:var(--color-principal);
}
.ico-negro {
	fill: #000;
}
.ico-blanco {
	fill: #FFF;
}
.ico-principal {
	fill:var(--color-principal);
}
.ico-wa,
.ico-verde {
	fill:#0C6!important;
}





/* ------------------------------------- */
/* MENU SUPERIOR */
/* ------------------------------------- */

#bloque_HEADER{
	border-top: solid 10px #3d70af;
}

.bloque-header {
	position: relative;
	float: left;
	width: 100%;
	align-items: flex-start;
}
.bloque-header > .logo-sitio,
.bloque-header > .menu-sitio {
	position: relative;
	display: block;
	float: left;
}
.bloque-header > .logo-sitio > a {
	position: relative;
	display: block;
	float: left;
	height: 80px;
	width: 100%;
	background-image: url("");
	background-position: center center;
	background-size: 90% auto;
	background-repeat: no-repeat;
}
.bloque-header > .menu-sitio > nav {
	padding: 0;
}
.bloque-header > .menu-sitio > nav > .navbar-toggler {
	position: absolute;
	display: block;
	float: left;
	right: 0px;
	top: -60px;
	background-color: #FFF!important;
}
.bloque-header > .menu-sitio > nav > .navbar-toggler > .navbar-toggler-icon {
	width: 2em!important;
	height: 2em!important;
}

@media (max-width: 575.98px) {
	.bloque-header {
		display: block;
	}
	.bloque-header > .logo-sitio {
		width: 180px;
	}
	.bloque-header > .menu-sitio {
		width: 100%;
		padding-left: 0px;
	}
}
@media (min-width: 576px) {
	.bloque-header {
		display: block;
	}
	.bloque-header > .logo-sitio {
		width: 200px;
	}
	.bloque-header > .menu-sitio {
		width: 100%;
		padding-left: 0px;
	}
}
@media (min-width: 768px) {
	.bloque-header {
		display: block;
	}
	.bloque-header > .logo-sitio {
		width: 200px;
	}
	.bloque-header > .menu-sitio {
		width: 100%;
		padding-left: 0px;
	}
}
@media (min-width: 992px) {
	.bloque-header {
		display: flex;
	}
	.bloque-header > .logo-sitio {
		width: 220px;
	}
	.bloque-header > .menu-sitio {
		width: calc(100% - 220px);
		text-align: left;
		padding-left: 32px;
	}
}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}





#menu-menu-principal {
	padding: 0px;
}
#menu-menu-principal > li > a {
	width: 100%;
	display: block;
	text-transform: uppercase;
	transition-property: background-color;
	transition-duration: 0.5s;
}
#menu-menu-principal > li > a:hover {
	background-color: #CCC;
}
#menu-menu-principal > li > ul > li > a {
	padding: 8px 16px;
	width: 100%;
	display: block;
	transition-property: background-color;
	transition-duration: 0.5s;
}
#menu-menu-principal > li.current-menu-item > a {
	background-color: var(--color-principal);
	color: #FFF;
}
#menu-menu-principal > li.current-menu-item > a:hover {
	background-color: var(--color-principal);
	color: #FFF;
}
#menu-menu-principal > li > ul.sub-menu > li.current-menu-item,
#menu-menu-principal > li > ul.sub-menu > li.current-menu-item > a {
	background-color: var(--color-principal);
	color: #FFF;
}

#menu-menu-principal > li > ul > li:hover,
#menu-menu-principal > li > ul > li:hover > a {
	transition-property: background-color, color;
	transition-duration: 0.5s;
	background-color: var(--color-principal)!important;
	color: var(--color-principal-contraste)!important;
}

@media (min-width: 140px) {
	#menu-menu-principal > li > a {
		border-bottom: solid 1px #CCC;
		padding: 16px 16px 16px;
	}
	#menu-menu-principal > li > ul {
		display: block;
		position: relative;
		padding: 16px;
		width: 100%;
		background-color: var(--color-bg-submenu-1);
	}
}
@media (min-width: 992px) {
	#menu-menu-principal > li > a {
		border-bottom: none;
		padding: 28px 16px 16px;
	}
	#menu-menu-principal > li > ul {
		display: none;
		position: absolute;
		padding: 16px;
		width: 300px;
		background-color: var(--color-bg-submenu-1);
		z-index: 500;
	}
	#menu-menu-principal > li:hover > ul {
		display: block;
	}
}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}





/* 	------------------------------------------
	BLOQUE FOOTER
---------------------------------------------- */


#bloque_FOOTER {
	color: #CCC;
}
#bloque_FOOTER .secciones > a {
	display: block;
	float: left;
	width: 100%;
	color: #CCC;
}

@media (max-width: 479px) {
	#bloque_FOOTER .miembros img,
	#bloque_FOOTER .calidad img {
		width: 100%;
	}
}
@media (min-width: 480px) {
	#bloque_FOOTER .miembros img,
	#bloque_FOOTER .calidad img {
		width: auto;
	}
}
@media (min-width: 768px) {
	#bloque_FOOTER .miembros img,
	#bloque_FOOTER .calidad img {
		width: 100%;
	}
}
@media (min-width: 992px) {
	#bloque_FOOTER .miembros img,
	#bloque_FOOTER .calidad img {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	#bloque_FOOTER .miembros img,
	#bloque_FOOTER .calidad img {
		width: auto;
	}
}




/* 	------------------------------------------
	BLOQUE FONDOS
---------------------------------------------- */
.bg-naranja {
	background-color:var(--color-secundario);
}
.bg-azul {
	background-color: var(--color-principal);
}
.bg-gris-claro {
	background-color:#EFEFEF;
}
.bg-gris-oscuro {
	background-color:#666;
}
.bg-beige {
	background-color: var(--color-beige);
}
.bg-imagen {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}



@media (max-width: 479px) {
	
}
@media (min-width: 480px) {
	
}
@media (min-width: 768px) {
	
}
@media (min-width: 992px) {
	
}


/* ------------------------------------- */
/* FORMULARIOS */
/* ------------------------------------- */

form input,
form textarea,
form select {
	padding: 8px 16px;
	border: solid 1px #999;
	border-radius: 4px;
}
form > p > label {
	margin-bottom: 0px;
	font-size: 16px;
	width: 100%;
}
form > p > label input,
form > p > label textarea {
	width: 100%;
}


.wpcf7 form > p {
	float: left;
	display: block;
	width: 100%;
}
.wpcf7 form > p > label {
	margin-bottom: 0px;
}
.wpcf7 form > p > label input[type="file"] {
	background-color: #FFF;
}

.wpcf7 > form .frm-consulta {
	text-align: left;
}
.wpcf7 form.sent .wpcf7-response-output {
	border: solid 1px #999;
	padding: 16px;
	border-radius: 4px;
}
form .wpcf7-response-output {
	float: left;
	width: 100%;
	margin: 0px 0!important;
}

/* MENSAJE DE ESPERA MIENTRAS SE ENVIA EL FORMULARIO */
.wpcf7-spinner {
	margin: 0px;
	width: 60px;
	height: 60px;
	z-index: 500;
	position: fixed;
	left: calc(50% - 30px);
	top: calc(50% - 40px);
}
.wpcf7-spinner::after {
	content: 'PROCESANDO...';
	color: #FFF;
	font-weight: 700;
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 400;
	left: 0px;
	top: 0px;
	padding-top: calc(50vh + 40px);
	text-align: center;
	background-color: #000;
	opacity: 0.6;
}
.wpcf7-spinner::before {
	top: 10px;
	left: 10px;
	width: 12px;
	height: 12px;
	transform-origin: 20px 20px;
}
/* //MENSAJE DE ESPERA MIENTRAS SE ENVIA EL FORMULARIO */


/* ------------------------------------- */
/* FORMULARIO COMERCIAL */
/* ------------------------------------- */

.FRM-contacto-comercial {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.FRM-contacto-comercial > div > form > p:nth-child(2),
.FRM-contacto-comercial > div > form > p:nth-child(3),
.FRM-contacto-comercial > div > form > p:nth-child(4),
.FRM-contacto-comercial > div > form > p:nth-child(5),
.FRM-contacto-comercial > div > form > p:nth-child(7),
.FRM-contacto-comercial > div > form > p:nth-child(8) {
	width: 50%;
}
.FRM-contacto-comercial > div > form > p:nth-child(2) > label,
.FRM-contacto-comercial > div > form > p:nth-child(4) > label,
.FRM-contacto-comercial > div > form > p:nth-child(7) > label {
	width: calc(100% - 20px);
}





/* ------------------------------------- */
/* SLIDERS */
/* ------------------------------------- */

.SLI {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}
.SLI > .contenedor {
	height: 100%;
}
.SLI-texto {
	display: block;
	position: relative;
	color: #FFF;
}
.SLI-texto > .SLI-contenido {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.SLI-texto > a.btn-primary {
	background-color: #FFF!important;
	color: var(--color-principal)!important;
}

@media (max-width: 575.98px) {
	.SLI {
		height: 50vh;
	}
	.SLI .margen-0,
	.SLI .margen-20,
	.SLI .margen-25,
	.SLI .margen-30,
	.SLI .margen-40,
	.SLI .margen-50,
	.SLI .margen-60,
	.SLI .margen-75	{
		padding-left: 0%;
	}
	.SLI-texto {
		width: calc(100% - 32px);
	}
	.SLI-texto > h2 {
		font-size: 36px;
	}
	.SLI-texto > h3 {
		font-size: 22px;
	}
	.SLI-texto > .SLI-contenido {
		display: block;
	}
}
@media (min-width: 576px) {
	.SLI {
		height: 60vh;
	}
	.SLI .margen-0,
	.SLI .margen-20,
	.SLI .margen-25,
	.SLI .margen-30,
	.SLI .margen-40,
	.SLI .margen-50,
	.SLI .margen-60,
	.SLI .margen-75	{
		padding-left: 0%;
	}
	.SLI-texto {
		width: calc(100% - 32px);
	}
	.SLI-texto > h2 {
		font-size: 40px;
	}
	.SLI-texto > h3 {
		font-size: 24px;
	}
	.SLI-texto > .SLI-contenido {
		display: block;
	}
}
@media (min-width: 768px) {
	.SLI {
		height: 50vh;
	}
	.SLI .margen-0,
	.SLI .margen-20,
	.SLI .margen-25,
	.SLI .margen-30,
	.SLI .margen-40,
	.SLI .margen-50,
	.SLI .margen-60,
	.SLI .margen-75	{
		padding-left: 0%;
	}
	.SLI-texto {
		width: calc(100% - 32px);
	}
	.SLI-texto > h2 {
		font-size: 40px;
	}
	.SLI-texto > h3 {
		font-size: 24px;
	}
	.SLI-texto > .SLI-contenido {
		display: block;
	}
}
@media (min-width: 992px) {
	.SLI {
		height: 60vh;
	}
	.SLI .margen-0 {
		padding-left: 0%;
	}
	.SLI .margen-20	{
		padding-left: 20%;
	}
	.SLI .margen-25	{
		padding-left: 25%;
	}
	.SLI .margen-30	{
		padding-left: 30%;
	}
	.SLI .margen-40	{
		padding-left: 40%;
	}
	.SLI .margen-50	{
		padding-left: 50%;
	}
	.SLI .margen-60	{
		padding-left: 60%;
	}
	.SLI .margen-75	{
		padding-left: 75%;
	}
	.SLI-texto {
		width: calc(100% - 32px);
	}
	.SLI-texto > h2 {
		font-size: 40px;
	}
	.SLI-texto > h3 {
		font-size: 24px;
	}
}
@media (min-width: 1200px) {
	.SLI {
		height: 60vh;
	}
	.SLI-texto > h2 {
		font-size: 40px;
	}
	.SLI-texto > h3 {
		font-size: 24px;
	}
}
@media (min-width: 1400px) {
	.SLI {
		height: 60vh;
	}
	.SLI-texto > h2 {
		font-size: 50px;
	}
	.SLI-texto > h3 {
		font-size: 30px;
	}
}





/* ------------------------------------- */
/* BANNERS */
/* ------------------------------------- */

.bloque-banner {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 24px 0;
}
.bloque-banner > .bloque-banner-pc,
.bloque-banner > .bloque-banner-m {
	position: relative;
	float: left;
	width: 100%;
}
.bloque-banner > .bloque-banner-pc > img,
.bloque-banner > .bloque-banner-m > img {
	width: 100%;
	height: auto;
}

@media (max-width: 575.98px) {
	.bloque-banner > .bloque-banner-pc {
		display:none;
	}
	.bloque-banner > .bloque-banner-m {
		display:block;
	}
}
@media (min-width: 576px) {
	.bloque-banner > .bloque-banner-pc {
		display:none;
	}
	.bloque-banner > .bloque-banner-m {
		display:block;
	}
}
@media (min-width: 768px) {
	.bloque-banner > .bloque-banner-pc {
		display:block;
	}
	.bloque-banner > .bloque-banner-m {
		display:none;
	}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}



/* 	------------------------------------------
	BLOQUE EMPRESAS
---------------------------------------------- */

.BLO-empresa-contenedor {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	text-align: center;
}
.BLO-empresa-contenedor > .empresa-logo {
	display: inline-block;
	position: relative;
}
.BLO-empresa-contenedor > .empresa-logo > img {
	width: 90%;
	height: auto;
}
@media (max-width: 479px) {
	.BLO-empresa-contenedor > .empresa-logo {
		width: 30%;
	}
}
@media (min-width: 480px) {
	.BLO-empresa-contenedor > .empresa-logo {
		width: 30%;
	}
}
@media (min-width: 768px) {
	.BLO-empresa-contenedor > .empresa-logo {
		width: 15%;
	}
}
@media (min-width: 992px) {
	.BLO-empresa-contenedor > .empresa-logo {
		width: 15%;
	}
}
@media (min-width: 1200px) {

}

.logos-calidad {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	height: 160px;
}
.logos-calidad > img {
	width: 100%;
	height: auto;
}
.logos-calidad-footer {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
.logos-calidad-footer > img {
	width: 100%;
	height: auto;
}


.logo-footer {
	text-align:center;
}
.logo-footer .logo-pc {
	position:relative;
	display:block;
	margin:0px;
	height:100px;
	float:left;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
@media (max-width: 479px) {
	.logo-footer .logo-pc {
		background-size: 100% auto;
	}
	.logos-calidad {
		height: auto;
	}
	.logos-calidad > img {
		width: 100%;
		height: auto;
	}
}
@media (min-width: 480px) {
	.logo-footer .logo-pc {
		background-size: auto auto;
	}
	.logos-calidad {
		height: auto;
	}
	.logos-calidad > img {
		width: 100%;
		height: auto;
	}
}
@media (min-width: 768px) {
	.logo-footer .logo-pc {
		background-size: auto auto;
	}
	.logos-calidad {
		height: 160px;
	}
	.logos-calidad > img {
		width: auto;
		height: 100%;
	}
}
@media (min-width: 992px) {
	.logo-footer .logo-pc {
		background-size: 100% auto;
	}
}
@media (min-width: 1200px) {
	.logo-footer .logo-pc {
		background-size: 90% auto;
	}
}






.imagenPopup {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.imagenPopup > img {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}


.imagen-ancho-20 {
	display: inline-block;
	position: relative;
	width: 20%;
	text-align: center;
}
.imagen-ancho-30 {
	display: inline-block;
	position: relative;
	width: 30%;
	text-align: center;
}
.imagen-ancho-50 {
	display: block;
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
}
.imagen-ancho-100 {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
.imagen-ancho-20 > img,
.imagen-ancho-30 > img,
.imagen-ancho-50 > img,
.imagen-ancho-100 > img {
	position: relative;
	width: 100%;
	height: auto;
}






/* ------------------------------------- */
/* COMENTARIOS */
/* ------------------------------------- */

#respond {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
#reply-title {
	margin-bottom: 16px;
}

form.comment-form {
	
}
form.comment-form > p {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
form.comment-form > p > label {
	display: block!important;
	position: relative;
	float: left;
	width: 100%;
}
form.comment-form > p > input[type=text],
form.comment-form > p > textarea {
	display: block!important;
	position: relative;
	float: left;
	width: 100%;
}
form.comment-form > p.form-submit {
	padding: 0px;
}
form.comment-form > p > input[type=checkbox] {
	width: 32px;
	height: 20px;
	margin-right: 12px;
	margin-top: 8px;
	float: left;
	display: block;
}
form.comment-form > p.comment-form-cookies-consent > label {
	width: calc(100% - 50px)!important;
	float: left;
}

ol.commentlist {
	margin: 16px 0 16px 0;
	padding-left: 0px;
}
ol.commentlist > li {
	padding: 24px;
	margin-bottom: 8px;
	border-radius: 16px;
	background: #FFF;
}
ol.commentlist > li.thread-alt {
	margin-left: 16px;
}


/* ------------------------------------- */
/* EMPRESAS */
/* ------------------------------------- */


.EMP-listado-contenedor {
	display: block;
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
}
.EMP-G-1 {
	display: inline-block;
	position:relative;
	text-align:center;
	transition: 0.8s;
}
.EMP-G-1 .imagen {
	position:relative;
	text-align:center;
	overflow:hidden;
}
.EMP-G-1 .imagen > img {
	height:auto;
	width:90%;
	max-width: 90%;
	height:auto;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.EMP-G-1 .imagen:hover img { /* ANIMACION IMAGEN HOVER */
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.EMP-G-1 .imagen > a > img {
	height:auto;
	width:90%;
	max-width: 90%;
	height:auto;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.EMP-G-1 .imagen > a:hover img { /* ANIMACION IMAGEN HOVER */
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.EMP-G-1 .contenido {
	width:100%;
	display:block;
	position:relative;
}
.EMP-G-1 .contenido > h3 {
	text-align:center;
	font-size:14px;
	margin-top:10px;
}
.EMP-G-1 .contenido > p {
	display:block;
	font-size:12px;
}

.EMP-titulo {
	display:block;
	position:relative;
	float:left;
	width:100%;
}
.EMP-titulo > h2 {
	font-size:24px;
	text-align:center;
}

@media (max-width: 479px) {
	.EMP-G-1 {
		min-height:100px;
		width:30%;
	}
	.EMP-G-1 .imagen {
		height:auto;
		padding-bottom:0px;
	}
	.EMP-G-1 .contenido {
		height:auto;
	}
}
@media (min-width: 480px) {
	.EMP-G-1 {
		min-height:110px;
		width:30%;
	}
	.EMP-G-1 .imagen:before {
		padding-bottom:70%;
	}
	.EMP-G-1 .imagen {
		top: 0px;
	}
	.EMP-G-1 .contenido {
		height:auto;
	}
}
@media (min-width: 768px) {
	.EMP-G-1 {
		width:15%;
	}
}
@media (min-width: 992px) {
	.EMP-G-1 {
		width:15%;
	}
}
@media (min-width: 1200px) {
	.EMP-G-1 {
		width:15%;
	}
}


/* ------------------------------------- */
/* SERVICIOS */
/* ------------------------------------- */

.servicio-listado > ul {
	margin: 0px;
	padding: 0px;
}
.servicio-listado > ul > li {
    margin: 0px;
    list-style: none;
    background-color: #d8e2ef;
    padding: 6px 0 8px 16px;
    margin-bottom: 8px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}







/* ------------------------------------- */
/* BENEFICIO LISTA */
/* ------------------------------------- */

.BF-lista-contenedor,
.BF-lista-contenedor-shortcode {
	display: flex;
	position: relative;
	width: 100%;
	align-items: stretch; /* ESTO DETERMINA QUE EL ALTO DE LOS HIJOS SEA EL 100% */
	flex-wrap: wrap;
}
.BF-lista-item {
	display: block;
	position: relative;
	float: left;
	box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.30);
	border-radius: 16px;
	margin-bottom: 32px;
	padding: 16px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.BF-lista-item > a {
	display: block;
	position: absolute;
	width: calc(100% - 32px);
	height: calc(100% - 32px);
	z-index: 50;
}
.BF-lista-item:hover {
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.30);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.BF-lista-imagen {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 200px;
	background-color: #CCC;
}
.BF-lista-imagen > img {
	width: 100%;
	height: auto;
}
.BF-lista-logo-contenedor {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 60px;
}
.BF-lista-logo {
	display: block;
	position: absolute;
	float: left;
	border-radius: 8px;
	background-color: #CCC;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.30);
}
.BF-lista-logo > img,
.BF-lista-logo > a > img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.BF-lista-promo {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
.BF-lista-promo > h2 {
	font-size: 32px;
}
.BF-lista-comercio {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.BF-lista-descripcion-corta {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
@media (max-width: 575.98px) {
	.BF-lista-contenedor {
		padding: 8% 0;
	}
	.BF-lista-item {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.BF-lista-imagen {
		height: 160px;
	}
	.BF-lista-logo {
		width: 160px;
		height: 160px;
		left: calc(50% - 80px);
		top: -120px;
	}
}
@media (min-width: 576px) {
	.BF-lista-contenedor {
		padding: 8% 0;
	}
	.BF-lista-item {
		width: calc(50% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.BF-lista-imagen {
		height: 120px;
	}
	.BF-lista-logo {
		width: 120px;
		height: 120px;
		left: calc(50% - 60px);
		top: -80px;
	}
}
@media (min-width: 768px) {
	.BF-lista-contenedor {
		padding: 6% 0;
	}
	.BF-lista-item {
		width: calc(33% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.BF-lista-imagen {
		height: 160px;
	}
	.BF-lista-logo {
		width: 160px;
		height: 160px;
		left: calc(50% - 80px);
		top: -120px;
	}
}
@media (min-width: 992px) {
	.BF-lista-item {
		width: calc(33% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.BF-lista-imagen {
		height: 200px;
	}
	.BF-lista-logo {
		width: 200px;
		height: 200px;
		left: calc(50% - 100px);
		top: -160px;
	}
}
@media (min-width: 1200px) {
	.BF-lista-item {
		width: calc(25% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.BF-lista-imagen {
		height: 200px;
	}
	.BF-lista-logo {
		width: 200px;
		height: 200px;
		left: calc(50% - 100px);
		top: -160px;
	}
}
@media (min-width: 1400px) {
	
}


/* ------------------------------------- */
/* BENEFICIO DETALLE */
/* ------------------------------------- */

.BF-detalle-bajo-menu {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 140px;
	margin-bottom: 32px;
	background-color: var(--color-principal);
}
.BF-detalle-contenedor {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	background-color: #FFF;
	border-radius: 16px;
}
.BF-detalle-principal {
	display: flex;
	position: relative;
	width: 100%;
	align-items: center;
}
.BF-detalle-principal .BF-detalle-imagen {
	display: block;
	position: relative;
	width: 50%;
	float: left;
	background-color: #CCC;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 16px;
}
.BF-detalle-principal .BF-detalle-imagen .BF-detalle-logo {
	display: block;
	position: absolute;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.30);
	border-radius: 8px;
}
.BF-detalle-principal .BF-detalle-imagen .BF-detalle-logo > a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 50;
	border-radius: 8px;
}
.BF-detalle-principal .BF-detalle-imagen .BF-detalle-logo > img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.BF-detalle-principal .BF-detalle-info-principal {
	display: block;
	position: relative;
	width: 50%;
	float: left;
	padding-left: 140px;
}
.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-comercio {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-promo {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-promo > h2 {
	font-size: 32px;
}
.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-descripcion-corta {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones,
.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones-slider {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding-top: 16px;
}
.BF-detalle-secundario {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 32px;
	margin-bottom: 32px;
}
.BF-detalle-secundario .BF-detalle-info,
.BF-detalle-secundario .BF-detalle-datos-comercio,
.BF-detalle-secundario .BF-detalle-dato-comercio-links,
.BF-detalle-secundario .BF-otros-beneficios {
	display: block;
	position: relative;
	float: left;
}
.BF-detalle-secundario .BF-detalle-dato-comercio-links {
	margin-top: 16px;
	width: 100%;
}
.BF-detalle-secundario .BF-detalle-info .BF-detalle-descripcion,
.BF-detalle-secundario .BF-detalle-info .BF-detalle-bases,
.BF-detalle-secundario .BF-detalle-datos-comercio .BF-detalle-dato-comercio-titulo {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 16px;
}
.BF-detalle-secundario .BF-detalle-datos-comercio .BF-detalle-dato-comercio-descripcion {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 16px;
}
@media (max-width: 575.98px) {
	.BF-detalle-principal {
		display: block;
		width: 100%;
		float: left;
	}
	.BF-detalle-principal .BF-detalle-imagen {
		width: 100%;
		min-height: 320px;
	}
	.BF-detalle-principal .BF-detalle-imagen .BF-detalle-logo {
		width: 200px;
		height: 200px;
		right: calc(50% - 100px);
		bottom: -50px;
	}
	.BF-detalle-principal .BF-detalle-info-principal {
		width: 100%;
		padding-left: 0px;
		padding-top: 64px;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-comercio {
		text-align: center;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-promo {
		text-align: center;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-descripcion-corta {
		text-align: center;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones,
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones-slider {
		text-align: center;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones-slider {
		padding-bottom: 32px;
	}
	.BF-detalle-secundario .BF-detalle-info,
	.BF-detalle-secundario .BF-detalle-datos-comercio,
	.BF-detalle-secundario .BF-otros-beneficios {
		width: 100%;
	}
	.BF-detalle-secundario .BF-detalle-info {
		padding-right: 0px;
	}
}
@media (min-width: 576px) {
	.BF-detalle-principal {
		display: block;
		width: 100%;
		float: left;
	}
	.BF-detalle-principal .BF-detalle-imagen {
		width: 100%;
		min-height: 400px;
	}
	.BF-detalle-principal .BF-detalle-imagen .BF-detalle-logo {
		width: 200px;
		height: 200px;
		right: calc(50% - 100px);
		bottom: -50px;
	}
	.BF-detalle-principal .BF-detalle-info-principal {
		width: 100%;
		padding-left: 0px;
		padding-top: 64px;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-comercio {
		text-align: center;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-promo {
		text-align: center;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-descripcion-corta {
		text-align: center;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones,
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones-slider {
		text-align: center;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones-slider {
		padding-bottom: 32px;
	}
	.BF-detalle-secundario .BF-detalle-info,
	.BF-detalle-secundario .BF-detalle-datos-comercio,
	.BF-detalle-secundario .BF-otros-beneficios {
		width: 100%;
	}
	.BF-detalle-secundario .BF-detalle-info {
		padding-right: 0px;
	}
}
@media (min-width: 992px) {
	.BF-detalle-principal {
		display: flex;
		width: 100%;
		float: none;
	}
	.BF-detalle-principal .BF-detalle-imagen {
		width: 50%;
		min-height: 400px;
	}
	.BF-detalle-principal .BF-detalle-imagen .BF-detalle-logo {
		width: 200px;
		height: 200px;
		top: calc(50% - 100px);
		right: -100px;
	}
	.BF-detalle-principal .BF-detalle-info-principal {
		width: 50%;
		padding-left: 140px;
		padding-top: 0px;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-comercio {
		text-align: left;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-promo {
		text-align: left;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-descripcion-corta {
		text-align: left;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones,
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones-slider {
		text-align: left;
	}
	.BF-detalle-principal .BF-detalle-info-principal .BF-detalle-botones-slider {
		padding-bottom: 0px;
	}
	.BF-detalle-secundario .BF-detalle-info,
	.BF-detalle-secundario .BF-detalle-datos-comercio,
	.BF-detalle-secundario .BF-otros-beneficios {
		width: 50%;
	}
	.BF-detalle-secundario .BF-detalle-info {
		padding-right: 32px;
	}
}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {
	
}


/* ------------------------------------- */
/* BENEFICIO CODIGO */
/* ------------------------------------- */


.BF-codigo-contenedor {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.BF-codigo-datos,
.BF-codigo-usuario-datos,
.BF-codigo-comercio-datos {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 24px;
}
.BF-codigo-codigo {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.BF-codigo-codigo h2,
.BF-codigo-codigo h3 {
	text-align: center;
}
.BF-codigo-codigo h3 {
	color: #333;
	padding-bottom: 8px;
}
.BF-codigo-codigo h2 {
	text-align: center;
	margin-bottom: 8px;
	padding: 16px;
	border: #CCC 2px dashed;
	border-radius: 16px;
}
.BF-codigo-descripcion {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
.BF-codigo-comercio-nombre {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}
.BF-codigo-usuario-nombre {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	font-weight: 600;
}
.BF-codigo-usuario-dni {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
.BF-codigo-comercio-promo {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.BF-codigo-comercio-promo > h2 {
	font-size: 32px;
	text-align: center;
}
.BF-codigo-comercio-descripcion-corta {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}



#search-filter-form-145 {
	
}
#search-filter-form-145 > ul {
	padding: 0px!important;
}
#search-filter-form-145 > ul > li > input[type=submit] {
	width: 100%;
}
#search-filter-form-145 > ul > li > label {
	width: 100%;
}
.searchandfilter select.sf-input-select {
	width: 100%!important;
}
.searchandfilter h4 {
    margin: 0;
    padding: 0px 0 8px;
    font-size: 14px;
	color: #333;
}

@media (max-width: 575.99px) {
	#search-filter-form-145 > ul > li {
		width: 100%;
		padding-right: 0px;
		margin-right: 0px
	}
}
@media (min-width: 576px) {
	#search-filter-form-145 > ul > li {
		width: 100%;
		padding-right: 0px;
		margin-right: 0px
	}
}
@media (min-width: 992px) {
	#search-filter-form-145 > ul > li {
		width: 33%;
		padding-right: 16px;
		margin-right: 0px
	}
}