@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

/* reset main div *****************************************/
#e3Eco_Widget-Header, #e3Eco_Widget-Site, #e3Eco_Widget-Thanks, #e3Eco_Widget-Cart {
	margin: 0;
	padding: 0;
}
#e3Eco_Widget-Site, #e3Eco_Widget-Thanks, #e3Eco_Widget-Cart {
	width: 100%;
}



/* e3Eco-Site *****************************************/
.e3Eco-Site * {
	font-family: 'Open Sans', sans-serif;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 1em !important;
}
/*.e3Eco-Site {
	font-size: 13.5px;
    width: calc(100% - 3px);
    max-width: calc(100% - 3px);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f6f6;
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 5px;
    float: left;
    gap: 0 !important;
}*/
.e3Eco-Site {
	font-size: 13.5px;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f6f6;
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 5px;
    float: left;
    gap: 0 !important;
}
.e3Eco-Site .e3Eco-Site-img {
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.e3Eco-Site .e3Eco-Site-img .e3Eco-Site-svg {
	width: 24px;
	height: auto;
}
.e3Eco-Site .e3Eco-Site-text {
	width: auto;
}
.e3Eco-Site .e3Eco-Site-text .e3Eco-Site-title {
	width: 100%;
	color: #000;
	margin: 0 0 2px !important;
	letter-spacing: -0.01em;
}
.e3Eco-Site .e3Eco-Site-text .e3Eco-Site-title .e3Eco-Site-main {
	margin-right: 5px !important;
	font-weight: 600;
	font-size: 1.05em !important;
	line-height: 120%;
	display: inline;
}
.e3Eco-Site .e3Eco-Site-text .e3Eco-Site-title .e3Eco-Site-powered {
	font-weight: 400;
	font-size: 0.8em !important;
	line-height: 120%;
	margin: 2px 0px 0px !important;
	opacity: 0.7;
	display: inline-block;
}
.e3Eco-Site .e3Eco-Site-text .e3Eco-Site-copy {
    width: 100%;
    font-weight: 400;
    font-size: 0.92em !important;
    line-height: 140%;
    color: #3D3D3F;
    margin: 0;
    letter-spacing: -0.01em;
}
.e3Eco-Site .e3Eco-Site-text .e3Eco-Site-copy a {
	color: #3D3D3F;
	text-decoration: underline;
	display: inline-block;
	font-size: 0.95em !important;
}


.e3Eco-Site {
    column-gap: 8px !important;
    padding: 15px 2.5% !important;
}
@media (min-width: 768px) {
	.e3Eco-Site {column-gap: 11px !important; font-size: 14px !important;}
	.e3Eco-Site .e3Eco-Site-img .e3Eco-Site-svg {width: 27px;}
}
@media (min-width: 1400px) {
	.e3Eco-Site {font-size: 14.5px !important;}
	.e3Eco-Site .e3Eco-Site-img .e3Eco-Site-svg {width: 33px;}
}




/* e3Eco-Site - minicart (hack de posición para plat. Stores) *****************************************/
.CART_BOX .cart-window .e3Eco-Site.Cart {
    margin: 5px;
    width: calc(100% - 10px);
    font-size: 13px !important;
    line-height: 110% !important;
    padding: 7px 10px !important;
}



/* e3Eco-Shipping *****************************************/

.e3Eco-Site.Shipping {
    background: #fff !important;
    border-color: #fff !important;
    padding: 40px 15px !important;
}
.e3Eco-Site.Shipping .e3Eco-Site-img .e3Eco-Site-svg {
	width: 132px;
	height: auto;
}
.e3Eco-Site.Shipping .e3Eco-Site-first {
    color: #129E57;
}
.e3Eco-Site.Shipping .e3Eco-Site-title {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.e3Eco-Site.Shipping .e3Eco-Site-main {
    font-size: 1.2em !important;
    color: #393939 !important
}
.e3Eco-Site.Shipping .e3Eco-Site-text .e3Eco-Site-title a {
    display: none !important;
}

@media (max-width: 430px) {
.e3Eco-Site.Shipping {
    flex-direction: column;
    text-align: center;
    padding: 25px 15px !important;
}
.e3Eco-Site.Shipping .e3Eco-Site-img .e3Eco-Site-svg {
    width: 100px;
    margin-bottom: 10px !important;
}	
}



/* e3Eco-Header *****************************************/
.e3Eco-Header * {
	font-family: 'Open Sans', sans-serif;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 1em !important;
}
.e3Eco-Header {
	display: flex;
	gap: 0 !important;
}
.e3Eco-Header > a {
	font-size: 12.8px !important;
	width: fit-content;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	text-decoration: none !important;
	color: #000;
	margin: 0 !important;
	padding: 0 !important;
	gap: 5px !important;
}
.e3Eco-Header .e3Eco-Header-text {
	font-weight: 600;
	font-size: 1em !important;
	line-height: 105%;
	align-items: baseline;
	margin: 0px;
	display: flex;
	flex-flow: wrap;
	padding: 0;
	gap: 7px;
}
.e3Eco-Header-textMobile {display: flex !important}
.e3Eco-Header-textDesktop {display: none !important}
.e3Eco-Header .e3Eco-Header-svg {
	width: 18px;
	height: auto;
	margin: 2px 0px 0px !important;
}
.e3Eco-Header .e3Eco-Header-more {
	font-weight: 400;
	font-size: 0.92em;
	opacity: 0.8;
	text-decoration: underline;
	display: block;
	padding: 0;
	margin: 0;
}
.e3Eco-Header .e3Eco-Header-more:hover {
	opacity: 1;
}

@media (min-width: 768px) {
	.e3Eco-Header > a {font-size: 14px !important;}
	.e3Eco-Header-textMobile {display: none !important}
	.e3Eco-Header-textDesktop {display: flex !important}
}
@media (min-width: 1200px) {
	.e3Eco-Header > a {
		gap: 6px !important;
	}
}
@media (max-width: 286px) {
	.e3Eco-Header > a {
		font-size: 13px !important;
	    flex-direction: column;
	    align-items: start;
	}
	.e3Eco-Header .e3Eco-Header-more {margin: -10px 0 0 25px !important;}
	.e3Eco-Header .e3Eco-Header-svg {margin: 2px 5px 0px 0px !important;}
	.e3Eco-Header .e3Eco-Header-text {align-items: start;}
}