:root {
  --color-principal: #000000;
  --color-principal-claro: #666666;
  --color-principal-oscuro: #333333;
  --color-principal-oscuro-2: #ac1414;
  --color-principal-contraste: #FFF;
  --color-secundario: #FDB819;
  --color-link-texto: #000000;
  --color-boton-principal: #FDB819;
  --color-boton-principal-rollover: #000000;
  --color-boton-principal-texto: #000000;
  --color-boton-principal-texto-rollover: #FFF;
  --color-boton-secundario: #000000;
  --color-boton-secundario-rollover: #FDB819;
  --color-boton-secundario-texto: #FDB819;
  --color-boton-secundario-texto-rollover: #000000;
  --color-gris-claro: #EFEFEF;
  --color-gris: #CCCCCC;
  --color-bg-submenu-1: #FFF;
  --color-pastel: #ece8e0;
  --color-whatsapp: #0C6;
}

/* 	------------------------------------------
	BLOQUE FONDOS
---------------------------------------------- */
.bg-principal {
	background-color:var(--color-principal);
}
.bg-azul {
	background-color:#00468c;
}
.bg-negro {
	background-color:#000000;
	color: #FFF;
}
.bg-blanco {
	background-color:#FFFFFF;
}
.bg-gris-oscuro {
	background-color:#001c38;
}
.bg-gris-medio {
	background-color:#666;
}
.bg-gris-claro {
	background-color:#EFEFEF;
}
.bg-transparente {
	background-color: transparent;
}
.bg-blanco {
	background-color: #FFF;
	color: #333;
}
.bg-pastel {
	background-color: var(--color-pastel);
}
.bg-gradiente-principal-180-1 {
	background: var(--color-principal);
	background: linear-gradient(180deg,  var(--color-principal) 25%,  var(--color-principal-oscuro) 100%);
	color: #000;
}
.bg-gradiente-principal-180-2 {
	background: var(--color-principal);
	background: linear-gradient(180deg,  var(--color-principal) 25%,  var(--color-principal-oscuro-2) 100%);
	color: #000;
}
.bg-gradiente-principal-45-1 {
	background: var(--color-principal);
	background: linear-gradient(45deg,  var(--color-principal) 25%,  var(--color-principal-oscuro) 100%);
	color: #000;
}
.bg-gradiente-principal-45-2 {
	background: var(--color-principal);
	background: linear-gradient(45deg,  var(--color-principal) 25%,  var(--color-principal-oscuro-2) 100%);
	color: #000;
}
.bg-principal {
	background: var(--color-principal);
	color: #000;
}
.bg-principal-oscuro {
	background: var(--color-principal-oscuro);
	color: #CCC;
}
.bg-principal-oscuro-2 {
	background: var(--color-principal-oscuro-2);
	color: #CCC;
}



/* ------------------------------------- */
/* BUSCADOR - SEARCH Y FILTER */
/* ------------------------------------- */
form.searchandfilter {
	display: block!important;
	position: relative;
    float: left;
    width: 100%;
}
form.searchandfilter > ul {
	padding: 0px;
	margin: 0px;
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
form.searchandfilter > ul > li {
	
}
form.searchandfilter > ul > li > label {
	width: 100%;
}
form.searchandfilter > ul > li > label > input,
form.searchandfilter > ul > li > label > select {
	width: 100%;
}
@media (max-width: 575.99px) {
	form.searchandfilter > ul > li {
		display: block;
		float: left;
		width: 100%;
		padding-right: 0px;
	}
	form.searchandfilter > ul > li > label {
		width: 100%;
	}
}
@media (min-width: 576px) {
	form.searchandfilter > ul > li {
		display: inline-block;
		float: left;
		padding-right: 16px;
	}
	form.searchandfilter > ul > li > label {
		width: 100%;
	}
}
@media (min-width: 767px) {
	form.searchandfilter > ul > li {
		display: inline-block;
		float: left;
		padding-right: 16px;
	}
	form.searchandfilter > ul > li > label {
		width: 100%;
	}
}


/* ------------------------------------- */
/* BUSCADOR MENU */
/* ------------------------------------- */

.BOT-buscador-rojo,
.BOT-buscador-negro {
	display: block;
	position: relative;
	float: left;
	background-image: url(https://dev.patriamuebles.com.ar/wp-content/uploads/ico-buscar-negro-1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90% 90px;
}
.BOT-buscador-rojo {
	background-image: url(https://dev.patriamuebles.com.ar/wp-content/uploads/ico-buscar-blanco-1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90% 90%;
	background-color: var(--color-principal);
	border-radius: 16px;
}
.BOT-buscador-negro {
	background-image: url(https://dev.patriamuebles.com.ar/wp-content/uploads/ico-buscar-negro-1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90% 90%;
}

@media (max-width: 575.99px) {
	.BOT-buscador-rojo,
	.BOT-buscador-negro {
		width: 24px;
		height: 24px;
	}
}
@media (min-width: 576px) {
	.BOT-buscador-rojo,
	.BOT-buscador-negro {
		width: 32px;
		height: 32px;
	}
}



/* ------------------------------------- */
/* BUSCADOR - PAGINADOR */
/* ------------------------------------- */
.BLOG-paginacion-contenedor {
	display: block;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 16px 0 24px;
}
.BLOG-paginacion-contenedor > a {
	display: inline-block;
    background-color: var(--color-principal);
    padding: 16px;
	border-radius: 8px;
	color: #FFFFFF!important;
	text-decoration: none;
}
.BLOG-paginacion-contenedor > a:first-child {
	margin-right: 8px;
}
.BLOG-paginacion-contenedor > a:last-child {
	margin-left: 8px;
}




html { 
	overflow-y: scroll;
	overflow-x: hidden;
}
body {
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	background-color: #FFF;
	line-height:1.4em;
	color: #193746;
	letter-spacing:0.25px;
}
a {
	text-decoration: none !important;
		color: #000000;
}
a:hover,
a:visited,
a:link {
	text-decoration: none !important;
	color: #000000;
}

li {
	list-style-type: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.4px;
}
h1,h2,h3,h4,h5,h6
.content-area .elementor-widget-theme-post-content h1,
.content-area .elementor-widget-theme-post-content h2,
.content-area .elementor-widget-theme-post-content h3,
.content-area .elementor-widget-theme-post-content h4,
.content-area .elementor-widget-theme-post-content h5,
.content-area .elementor-widget-theme-post-content h6 {
	margin-top:0px;
	margin-bottom: 0px;
}
strong,
b {
	font-weight: 600;
}



/*

@media (max-width: 479px) {
	h1 {
		font-size:32px;
	}
	h2 {
		font-size:24px;
	}
	h3 {
		font-size:20px;
	}
	h4 {
		font-size:18px;
	}
}
@media (min-width: 480px) {
	h1 {
		font-size:32px;
	}
	h2 {
		font-size:24px;
	}
	h3 {
		font-size:20px;
	}
	h4 {
		font-size:18px;
	}
}
@media (min-width: 768px) {
	h1 {
		font-size:38px;
	}
	h2 {
		font-size:28px;
	}
	h3 {
		font-size:22px;
	}
	h4 {
		font-size:18px;
	}
}
@media (min-width: 992px) {
	h1 {
		font-size:38px;
	}
	h2 {
		font-size:28px;
	}
	h3 {
		font-size:22px;
	}
	h4 {
		font-size:18px;
	}
}
@media (min-width: 1200px) {
	h1 {
		font-size:38px;
	}
	h2 {
		font-size:28px;
	}
	h3 {
		font-size:22px;
	}
	h4 {
		font-size:18px;
	}
}
@media (min-width: 1200px) {
	h1 {
		font-size:40px;
	}
	h2 {
		font-size:30px;
	}
	.SLI h2 {
		font-size:200%;
	}
	h3 {
		font-size:24px;
	}
	h4 {
		font-size:20px;
	}
}
*/

/* --------------------------- */
/* TEXTOS */
/* --------------------------- */

.text-principal {
	color: var(--color-principal)
}



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

a.post-edit-link {
    text-transform: uppercase;
	font-size: 12px;
	font-weight: 600!important;
    padding: 4px 8px;
    background-color: var(--color-secundario);
    color: #FFF!important;
}


.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 2px #000 !important;
	border-radius:0px;
	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:0px;
	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:8px 16px 10px 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 10px 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
---------------------------------------------- */

.ast-container, 
.ast-container-fluid {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

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

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

.ast-container,
.content,
.container,
.contenedor,
.col-full {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  display:block;
  box-sizing:border-box;
}
@media (max-width: 767.99px) {
	.ast-container,
	.content,
	.container,
	.contenedor,
	.col-full {
    	width: 100%;
		padding: 0 0% 0 0%;
	}
}
@media (min-width: 768px) {
	.ast-container,
	.content,
	.container,
	.contenedor,
	.col-full {
		max-width: 100%;
		padding: 0 0% 0 0%;
	}
}
@media (min-width: 1366px) {
	.ast-container,
	.content,
	.container,
	.contenedor,
	.col-full {
		max-width: 100%!important;
		padding: 0 0% 0 0%;
	}
}




/* --------------------------- */
/* 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: ;
	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 MOVIL */
/* ------------------------------------- */
#menuToggle {
	display: block;
	position: relative;
	top: 52px;
	left: 50px;
	z-index: 1000;
	-webkit-user-select: none;
	user-select: none;
	width: 80px;
	font-size: 16px;
}
#menuToggle a {
	text-decoration: none;
	color: #232323;
	transition: color 0.3s ease;
}
#menuToggle a:hover {
	color: tomato;
}
#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0; /* hide this */
	z-index: 2; /* and place it over the hamburger */
	-webkit-touch-callout: none;
}

#menuToggle span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: #cdcdcd;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child {
	transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #232323;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
	transform: rotate(-45deg) translate(0, -1px);
}
#menu-movil {
	position: absolute;
	width: 320px;
	margin: -100px 0 0 -50px;
	padding: 50px;
	padding-top: 125px;
	min-height: 100vh;
	background: #ededed;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	/* to stop flickering of text in safari */
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#menu-movil > li {
	padding: 8px 0;
	font-size: 18px;
}
#menu-movil > li > ul {
	border-left: solid 2px #000;
    margin-top: 8px;
	margin-bottom: 8px;
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0px;
}
#menu-movil > li > ul > li {
	display: block;
	padding: 8px 8px 8px 12px;
	position: relative;
	float: left;
	width: 100%;
	line-height: normal;
}
#menu-movil > li > ul > li:hover {
	background-color: var(--color-principal);
}
#menu-movil > li > ul > li > a {
	position: relative;
    display: block;
    text-transform: uppercase;
    padding: 0px;
    font-size: 14px;
    font-weight: 700;
    float: left;
    width: 100%;
}
#menu-movil > li > ul > li > a:hover {
    color: #000;
}
#menu-movil > li > ul > li.current-menu-item {
	background-color: var(--color-principal);
}



#menuToggle input:checked ~ ul {
	transform: none;
}



/* ------------------------------------- */
/* MENU DESKTOP */
/* ------------------------------------- */

.menu-desktop-contenedor {
	display: block;
	position: relative;
	float: left;
}
#menu-desktop {
	display: block;
	float: right;
	margin: 0px;
	text-align: left;
	z-index: 500;
	font-size: 16px;
}
#menu-desktop > li {
	display: block;
	float: left;
	padding: 8px 10px;
	margin: 0px;
	text-align: left;
}
#menu-desktop > li > a,
#menu-desktop > li > ul > li > a {
	width: 100%;
	display: block;
	font-weight: 600;
	color: #FFF;
	transition-property: background-color;
	transition-duration: 0.5s;
}
#menu-desktop > li > a {
	padding: 8px 0px;
}
#menu-desktop > li > ul > li > a {
	padding: 8px 16px;
	position: relative;
	z-index: 500;
}
#menu-desktop > li > ul > li {
	left: -16px;
	position: relative;
	width: calc(100% + 16px);
}
#menu-desktop > li > a::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    background: var(--color-principal);
    transition: width .3s;
	margin-top: 10px;
}

#menu-desktop > li > a:hover::after {
    width: 100%;
    transition: width .3s;
}



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

#menu-desktop > li.current-menu-item > a::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: var(--color-principal);
    transition: width .3s;
	margin-top: 10px;
}
#menu-desktop > li > ul > li.current-menu-item > a {
    background-color: var(--color-principal)!important;
	color: #000000!important;
}

@media (max-width: 575.98px) {
	#menu-desktop > li {
		width: 100%;
	}
}
@media (min-width: 576px) {
	#menu-desktop > li {
		width: 100%;
	}
}
@media (min-width: 768px) {
	#menu-desktop > li {
		width: auto;
	}
}
@media (min-width: 992px) {
	.menu-desktop-contenedor {
		width: calc(100% - 220px);
		text-align: left;
		padding-left: 32px;
		padding-top: 20px;
	}
	#menu-desktop > li {
		width: auto;
	}
	#menu-desktop > li > a {
		border-bottom: none;
	}
	#menu-desktop > li > ul {
		display: none;
		position: absolute;
		padding: 0px 0px 16px 0px;
		width: 380px;
		background-color: var(--color-bg-submenu-1);
		z-index: 500;
	}
	#menu-desktop > li > ul:before {
		content: '';
		display: block;
		position: absolute;
		width: 16px;
		height: 100%;
		left: -16px;
		background-color: var(--color-bg-submenu-1);
		z-index: 200;
	}
	#menu-desktop > li:hover > ul {
		display: block;
	}
}
@media (min-width: 1200px) {

}


/* ------------------------------------- */
/* MENU SECUNDARIO */
/* ------------------------------------- */

#MENU-secundario-sitio {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	z-index: 1000;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}
#menu-secundario > li {
	display: block;
	float: right;
	margin: 0px;
	text-align: left;
}
#menu-secundario > li > a {
	padding: 2px 10px 4px 0;
	width: 100%;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	transition-property: background-color;
	transition-duration: 0.5s;
	color: #FFF;
}
#menu-secundario > li > ul > li:hover,
#menu-secundario > 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 (max-width: 575.98px) {

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

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

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

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

}




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

.MENU-espaciador {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 80px;
}

.bloque-header {
	display: block;
	position: absolute;
	float: left;
	width: 100%;
	align-items: center;
	align-content: center;
	z-index: 10;
	/* background-color: var(--color-principal) */
}
.corte-irregular-menu {
	display: block;
	position: absolute;
	width: 100%;
	height: 31px;
	background-repeat: repeat-x;
	z-index: 8;
	bottom: -30px;
	background-image: url("https://www.mariasoto.com.ar/w/wp-content/uploads/2021/09/corte-irregular-base-recta-sup-ROJO-1.png");
	background-position: center top;
}





/* ------------------------------------- */
/* 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%;
}


/* MENSAJE DE ONFIRMACIÓN */
div.wpforms-container-full .wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	
}
@media (max-width: 767.99px) {
	div.wpforms-container-full .wpforms-confirmation-container-full, 
	div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
		background: var(--color-gris-claro)!important;
		border: 1px solid #CCC!important;
	}
}
@media (min-width: 768px) {
	div.wpforms-container-full .wpforms-confirmation-container-full, 
	div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
		background: #FFF!important;
		border: none!important;
	}
}



.wpcf7 form > p {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 8px!important;
}
.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;
}
.wpcf7-not-valid-tip {
	font-size: 11px!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);
	background-color: #000;
}
.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: rgba(0, 0, 0, 0.7);
}
.wpcf7-spinner::before {
	top: 10px;
	left: 10px;
	width: 12px;
	height: 12px;
	transform-origin: 20px 20px;
	background-color: #FFF;
}
/* //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);
}





/* ------------------------------------- */
/* FORMULARIO POPUP */
/* ------------------------------------- */
#popupFormulario form > p:nth-child(2),
#popupFormulario form > p:nth-child(3),
#popupFormulario form > p:nth-child(4),
#popupFormulario form > p:nth-child(5),
#popupFormulario form > p:nth-child(6),
#popupFormulario form > p:nth-child(7) {
	width: 50%;
}
#popupFormulario form > p:nth-child(2) > label,
#popupFormulario form > p:nth-child(4) > label,
#popupFormulario form > p:nth-child(6) > label {
	width: calc(100% - 20px);
}

/* ------------------------------------- */
/* FORMULARIO CONTACTO */
/* ------------------------------------- */
#FRM-contacto form > p:nth-child(2),
#FRM-contacto form > p:nth-child(3),
#FRM-contacto form > p:nth-child(4),
#FRM-contacto form > p:nth-child(5),
#FRM-contacto form > p:nth-child(6),
#FRM-contacto form > p:nth-child(7) {
	width: 50%;
}
#FRM-contacto form > p:nth-child(2) > label,
#FRM-contacto form > p:nth-child(4) > label,
#FRM-contacto form > p:nth-child(6) > label {
	width: calc(100% - 20px);
}

/* 	------------------------------------------
	FILL COLOR
---------------------------------------------- */

.fill-blanco {
	fill: #FFF;
}
.fill-negro {
	fill: #000;
}


/* ------------------------------------- */
/* 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;
}




/* ------------------------------------- */
/* LISTA 1 */
/* ------------------------------------- */

ul.lista-items-1 {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0;
}
ul.lista-items-1 > li {
	padding: 8px 0;
}
ul.lista-items-1 > li.item-cuadrado {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	list-style: none;
	padding-left: 16px;
}
ul.lista-items-1 > li.item-cuadrado::before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	left: 0px;
	top: 16px;
	background-color: #000;
}
ul.lista-items-1 > li.item-rojo::before,
ul.lista-items-1 > li.item-principal::before {
	background-color: var(--color-principal);
}
ul.lista-items-1 > li.item-azul::before,
ul.lista-items-1 > li.item-secundario::before {
	background-color: var(--color-secundario);
}


/* ------------------------------------- */
/* BLOQUES DIVIDIDOS 1 */
/* ------------------------------------- */
.bloque-dividido-1 {
	display: flex;
	position: relative;
	width: 100%;
	align-items: stretch; /* ESTO DETERMINA QUE EL ALTO DE LOS HIJOS SEA EL 100% */
	flex-wrap: wrap;
	min-height: 400px;
	z-index: 5;
}
/* PARA QUE EL ALTO DE LOS HIJOS SEA 100% NO SE DEBE SETEAR EL ALTO EN EL HIJO */
.bloque-dividido-1 .columna-angosta {
	display: flex;
	position: relative;
	float: left;
	align-items: center;
	z-index: 9;
}
.bloque-dividido-1 .columna-ancha {
	display: flex;
	position: relative;
	align-items: center;
	z-index: 9;
}
.bloque-dividido-1 .columna-igual {
	display: flex;
	position: relative;
	align-items: center;
	z-index: 9;
}
.columna-angosta-texto {
	
}
.columna-igual-texto {
	
}


/* ------------------------------------- */
/* LISTA PRODUCTOS */
/* ------------------------------------- */
.add_to_cart_button {
	display: none!important;
}




/* VISTA DE CARRITO FLOTANTE */
.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col {
    text-align: center!important;
}
.xoo-wsc-img-col img {
    width: auto!important;
    height: 50px!important;
}


table.shop_table .cart_item td.product-thumbnail > a,
.woocommerce-cart-form__cart-item .product-thumbnail > a {
	display: inline-block!important;
	text-align: center!important;
	width: 100%;
}
table.shop_table .cart_item td.product-thumbnail > a > img,
.woocommerce-cart-form__cart-item .product-thumbnail > a > img {
	height: 60px!important;
	width: auto!important;
	display: inline-block!important;
}


product-thumbnail

.woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name {
    max-width: auto!important;
    padding-right: 40px;
}




/* TABLA ATRIBUTOS */
table.shop_attributes,
table.shop_attributes th,
table.shop_attributes td,
table.shop_attributes > tbody > td, 
table.shop_attributes > tbody > tr {
	border:none;
	padding: 0px;
}
table.shop_attributes > tbody > tr {
	border-bottom: solid 1px #CCC!important;
}
table.shop_attributes > tbody {
	border-top: solid 1px #CCC!important;
}
table.shop_attributes th {
	width: 60%!important;
	padding-left: 0px;
}
table.shop_attributes td {
	width: 40%!important;
	padding-left: 0px;
}



/* Tamaño precio */
.woocommerce-js ul.products li.product .price, 
.woocommerce-page ul.products li.product .price {
    font-size: 1.1em!important;
}


.PRD-lista-cuotas-contenedor {
	display: flex;
	width: 100%;
	align-items: center;
	align-content: center;
}
.PRD-lista-cuotas-icono {
	display: block;
	position: relative;
	float: left;
	width: 24px;
	height: 16px;
	padding-right: 6px;
}
.PRD-lista-cuotas {
	display: block;
	position: relative;
	float: left;
	width: calc(100% - 24px);
	font-size: 12px;
	line-height: normal;
}