/*CSS PARA PAGINAS DE CLIENTES*/
/*---HOMEPAGE CLIENTE---*/
.home_clie_box1 {
	padding: 50px 0;
}
.home_clie_box1 > div {
	margin: 0 16px;
	padding: 20px 0;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	width: 316px;
	color: #fff;
	display: inline-block;
	background-color: var(--color-principal);
	position: relative;
}
.home_clie_box1 p {
	margin: 0;
	font-size: 19px;
	text-transform: uppercase;
}
.home_clie_box1 strong {
	font-size: 27px;
}
.home_clie_box1 .more_info {
	margin-top: -15px;
	width: 29px;
	height: 29px;
	background: url('../img/icon-info-2.png') center center no-repeat;
	position: absolute;
	top: 50%;
	right: 10px;
	color:black;
}
.home_clie_box1 .more_info p {
	margin: 0;
	padding: 15px 12px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	max-width: 154px;
	font-size: 11px;
	text-align: left;
	text-transform: none;
	background-color: var(--color-terciario);
	display: none;
	position: fixed;
	z-index: 99;
}
.home_clie_box1 .more_info:hover p {
	display: block;
}
.home_clie_box2 {
	padding: 95px 0;
	color: #fff;
	background: var(--color-principal) url('../img/w100.png') center center no-repeat;
	background-size: 14px 100%;
}
.home_clie_box2 .cont_larg {
	margin: 0 auto;
	width: 100%;
	display: table;
}
.home_clie_box2 > div > div {
	display: table-cell;
	vertical-align: middle;
}
.home_clie_box2 > div > div:nth-child(1),.home_clie_box2 > div > div:nth-child(3) {
	width: 38%;
}
.home_clie_box2 h2 {
	margin: 0 0 50px;
	font-size: 42px;
	text-transform: uppercase;
}
.home_clie_box2 h3 {
	margin: 0;
	font-size: 27px;
	text-transform: uppercase;
}
.home_clie_box2 img {
	width: 100%;
	width: 206px;
}
.home_clie_box3 {
	border-top: 14px solid #fff;
	background-color: var(--color-principal);
}
.home_clie_box3 img {
	margin: 0 auto;
	width: auto;
	max-width: 90%;
	display: block;
}
.home_clie_sli1 {
	padding: 50px 0;
}
.home_clie_sli1 > div {
	box-sizing: border-box;
	margin: 0 auto;	
	width: 100%;
	max-width: 1350px;
}
.home_clie_sli1 h2 {
	margin: 0 0 25px;
	font-weight: var(--font-bold);
	font-size: 26px;
	text-transform: uppercase;
}
.home_clie_sli1 .cont_carr {
	padding: 0 50px;
}
.home_clie_sli1 .cont_carr .carr_arrw {
	top: 105px;
}
.home_clie_sli1 .owl-carousel > div > * {
	width: 210px;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
}
.home_clie_sli1 .owl-carousel .owl-item:hover {
	opacity: 0.8;
}
.home_clie_sli1 .owl-carousel > div img {
	width: 100%;
	margin-bottom: 15px;
}
.home_clie_sli1 .owl-carousel > div span {
	margin: 0 auto;
	width: 88%;
	display: inline-block;
}
/*---MIS PEDIDOS---*/
.orde_hist {
	margin-top: 25px;
}
.orde_info {
	width: 100%;
	display: table;
}
.orde_info > div {
	display: table-cell;
	vertical-align: top;
}
.orde_info .orde_list,.orde_info .orde_addr {
	width: 22%;
}
.orde_info .orde_deta {
	padding: 0 40px;
}
.orde_list > a:link,.orde_list > a:visited {	
	margin-bottom: 20px;
	padding: 35px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-size: 16px;
	background: var(--color-terciario) url('../img/order-arrow.png') right 20px center no-repeat;
	display: block;
}
.orde_list > a.orde_acti {	
	background-color: var(--color-principal);
}
.orde_list > a:hover,.orde_list > a.orde_acti:hover {	
	text-decoration: none;
	background-color: var(--color-secundario);
}
.orde_list > a > span {
	margin-bottom: 6px;	
	font-size: 21px;
	display: block;
}
.orde_list > a > em {	
	margin-left: 15px;
	font-style: normal;
}
.orde_deta > div {
	padding: 35px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	background-color: var(--color-principal);
}
.orde_deta h3 {
	margin: 0 0 22px;
	font-size: 22px;
	text-transform: uppercase;
}
.orde_deta table {
	border-collapse: collapse;
	width: 100%;
	font-size: 16px;
}
.orde_deta th {
	padding: 10px 0;
	border-top: 1px solid var(--color-terciario);
	border-bottom: 1px solid var(--color-terciario);
	font-weight: var(--font-regular);
}
.orde_deta tbody td {
	padding-bottom: 15px;
	text-align: center;
	vertical-align: middle;
}
.orde_deta tbody td:nth-child(1) {
	width: 68px;
	text-align: left;
}
.orde_deta tbody td:nth-child(2) {
	padding-left: 15px;
	width: 30%;
	text-align: left;
}
.orde_deta tbody tr:nth-child(1) td {
	padding-top: 15px;
}
.orde_deta tbody td img {
	width: 100%;
	display: block;
}
.orde_deta tfoot td {
	padding: 20px 0;
	border-top: 1px solid var(--color-terciario);
	font-weight: var(--font-regular);
	text-align: right;
}
.orde_deta tfoot td:nth-child(3) {
	text-align: center;
}
.orde_addr > div {
	padding: 35px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-size: 16px;
	background-color: var(--color-principal);
}
/*---CARRITO---*/
.cart_info {
	margin: 0 auto;
	width: 84%;
	display: table;
}
.cart_info > div {
	display: table-cell;
	vertical-align: bottom;
}
.cart_info .orde_deta {
	width: 78%;
}
.cart_info .cart_orde {
	text-align: right;
}
.cart_info .cart_orde a:link,.cart_info .cart_orde a:visited {
	padding-left: 36px;
	color: #fff;
	background: var(--color-principal) url('../img/icon-confirm.png') 7px 10px no-repeat;
}
.cart_info .cart_orde a:hover {
	background-color: var(--color-secundario)
}
/*----FORMULARIO---*/
.form_cont > form {	
	background-color: var(--color-principal);
}
.inpt_wi29 {
	width: 29%;
	float: left;
}
.inpt_wi65 {
	width: 65%;
	float: right;
}
/*---RESPONSIVE---*/
@media screen and (max-width: 1300px) {
	.home_clie_box2 h2{font-size: 36px;}
	.orde_list > a:link, .orde_list > a:visited,.orde_deta > div,.orde_addr > div{padding: 20px;}
	.orde_deta h3{margin-bottom: 16px;}
	.orde_deta tfoot td{padding-bottom: 0;}	
	.home_clie_sli1{padding: 50px 30px;}
}
@media screen and (max-width: 1200px) {
	.home_clie_box1 > div{width: 300px;}
	.home_clie_box1 p{font-size: 17px;}
	.home_clie_box1 p strong{font-size: 24px;}
	.home_clie_box2 > div > div:nth-child(1), .home_clie_box2 > div > div:nth-child(3){box-sizing: border-box;padding: 0 40px;width: 40%;}
	.home_clie_box2 > div > div br{display: none;}
	.home_clie_box2 h2{font-size: 32px;}
	.orde_info,.orde_info > div{box-sizing: border-box;display: block;}
	.orde_info > div{width: 70%;float: left;}
	.orde_info .orde_list{width: 30%;}
	.orde_info .orde_deta,.orde_info .orde_addr{padding: 0 0 0 40px;}
	.orde_info .orde_addr{margin-top: 40px;width: auto;}
	.cart_info{width: 100%;}
	.cart_info .orde_deta{width: 70%;}

}
@media screen and (max-width: 900px) {
	.home_clie_box1 > div{margin: 20px;}
	.home_clie_box2{background-image: none;}
	.home_clie_box2 .cont_larg{display: block;}
	.home_clie_box2 > div > div,.home_clie_box2 > div > div:nth-child(1), .home_clie_box2 > div > div:nth-child(3){width: 100%;display: block;}
	.home_clie_box2 > div > div:nth-child(1){padding-bottom: 40px;}
	.home_clie_box2 > div > div:nth-child(2){background: url('../img/w100.png') center center no-repeat;background-size: 100% 14px;}
	.home_clie_box2 > div > div:nth-child(3){padding-top: 40px;}
	.orde_info .orde_list,.orde_info .orde_deta,.orde_info .orde_addr{padding-left: 0;width: 100%;float: none;}
	.orde_info .orde_addr{margin-top: 20px;}
	.orde_list > a{box-sizing: border-box;width: calc(50% - 10px);float: left;}
	.orde_list > a:nth-child(2n){float: right;}
	.cart_info,.cart_info > div{display: block;}
	.cart_info .orde_deta{width: 100%;} 	
}
@media screen and (max-width: 700px) { 
	.home_clie_sli1 h2 br{display: none;}
}
@media screen and (max-width: 500px) {
	.orde_list > a,.orde_list > a:nth-child(2n){width: 100%;float: none;}
	.orde_deta table thead {display: none;}	  
	.orde_deta table tbody tr{border-bottom: 3px solid #ddd;display: block;margin-bottom: .625em;}	  
	.orde_deta table tbody td{padding-top: 15px;border-top: 1px solid #ddd;display: block;font-size: .8em;text-align: right;}
	.orde_deta table tbody td::before{content: attr(data-label);float: left;text-transform: uppercase;}
	.orde_deta table tbody td:nth-child(1),.orde_deta table td:nth-child(2){border-top: 0 none;float: left;}
	.orde_deta table tbody td:nth-child(2){margin-top: 10px;}
	.orde_deta table tbody td:nth-child(3){clear: both;}
	.orde_deta table tfoot td{padding-top: 10px;font-weight: var(--font-bold);text-transform: uppercase;float: left;}
	.orde_deta table tfoot td:nth-child(1){display: none;}
	.orde_deta table tfoot td:nth-child(3){border-top: 0 none;float: right;}
	.inpt_wi29,.inpt_wi65{width: 100%;float: none;}
}