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

body{
	min-height: 100vh;
	background: rgb(112,97,104);
	background: -moz-linear-gradient(132deg, rgba(112,97,104,1) 0%, rgba(157,145,153,1) 100%);
	background: -webkit-linear-gradient(132deg, rgba(112,97,104,1) 0%, rgba(157,145,153,1) 100%);
	background: linear-gradient(132deg, rgba(112,97,104,1) 0%, rgba(157,145,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#706168",endColorstr="#9d9199",GradientType=1);
}

.container{
	position: relative;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}
#logo{
	padding: 7px 0 65px;
	text-align: center;
}
#row1{
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
#row1 .col{
	padding: 35px 0;
	position: relative;
}
#row1 .col1{
	flex-basis: 60%;
	width: 60%;
	float: right;
	max-width: 1080px;
	padding-left: 50px;
}
#row1 .col2{
	flex-basis: 40%;
	width: 40%;
	float: left;
	padding-left: 50px;
	padding-right: 50px;
}
#row1 .col1 img{
	width: 100%;
	max-width: 100%;
	display: block;
	height: auto;
}
#form{
	max-width: 557px;
	margin: 0 auto
}
#frmVende .bg{
	background: #e8e5e6;	
	border-radius: 20px;
	padding: 42px 55px 25px;
	text-align: center;
	margin-bottom: 35px
}
#frmVende select,
#frmVende input[type="text"]{
	display: block;
	width: 100%;
	font-size: 20px;
	height: auto;
	text-align: center;
	color: #4b4a4a
}
#frmVende select option{
	text-align: center;
	text-align-last:center;
}
.titForm{
	text-align: center;
	font-size: 36px;
	color: #4b4a4a;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 35px
}
#frmVende input[type="submit"]{
	display: block;
	background: #c6194e;
	color: #FFF;
	width: 256px;
	height: 67px;
	border-radius: 8px;
	border: none;
	margin: 0 auto;
	font-size: 25px;
}
.url{
	text-align: center;
	font-size: 23px;
	color: #FFF;
	margin-top: 25px
}

.titDer{
	color: #FFF;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 25px;
}
.subTit{
	color: #000;
	background: #FFF;
	border: solid 4px #a8a8a8;
	border-radius: 20px;
	width: auto;
	display: inline-block;
	font-size: 40px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	padding: 3px 60px 5px;
	position: absolute;
	left: 50px;
	top: 100px;
	box-shadow: 3px 3px 5px 5px rgba(0,0,0,0.2)
}
.comision{
	color: #FFF;
	font-size: 120px;
	line-height: 110px;
	font-weight: 700;
	text-shadow: 0 0 10px rgba(0,0,0,0.7)
}
.comision span{
	font-size: 30px;
	display: block;
	line-height: 30px;
	font-weight: 400
}

#divWhatsapp{
	color: #626262;
	background: #FFF;
	border: solid 4px #a8a8a8;
	border-radius: 40px;
	display: inline-block;
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	padding: 5px 15px 8px;
	position: absolute;
	left: 50px;
	bottom: 40px;
	box-shadow: 3px 3px 5px 5px rgba(0,0,0,0.2);
	max-width: 390px;
	width: 100%;
	text-align: center;
}
#divWhatsapp a{color: inherit; text-decoration: none;}
#divWhatsapp .fa{
	color: #000
}
#frmVende ::-webkit-input-placeholder {
    opacity: 1;
    color: #4b4a4a
}
#frmVende :-moz-placeholder {
    opacity: 1;
    color: #4b4a4a
}
#frmVende ::-moz-placeholder {
    opacity: 1;
    color: #4b4a4a
}
#frmVende :-ms-input-placeholder {
    opacity: 1;
    color: #4b4a4a
}
#frmVende :focus::-webkit-input-placeholder {
    opacity: 0.7;
}
#frmVende :focus:-moz-placeholder {
    opacity: 0.7;
}
#frmVende :focus::-moz-placeholder {
    opacity: 0.7;
}
#frmVende :focus:-ms-input-placeholder {
    opacity: 0.7;
}

#resultFiles{
	border: dashed 1px rgb(231, 18, 78);
	padding: 10px;
}
#resultFiles .item{
	display: inline-block;
	padding: 8px 8px 8px 10px;
	border-radius: 3px;
	background: rgba(255,255,255,0.6);
	margin: 2px;
}
#resultFiles >div i{
	cursor: pointer;
	color: red;
}
#upArchivo{
	margin-top: 15px
}

.mf_upload_ins{
	background: #c6194e;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
	padding: 6px 12px 8px;
	max-width: 200px;
	margin: 0 auto;
}
#upArchivo form,
#upArchivo input[type="file"] {
  	position: absolute;
  	left: 50%;
  	transform: translateX(-50%);
  	height: 40px;
  	width: 200px;
  	overflow: hidden;
  	opacity: 0;
  	cursor: pointer;
  	z-index: 2
}
#resultFiles:empty{
	display: none;
}
hr {
  border-top: 1px solid #c2c2c2;
}


@media(max-width: 1480px){
	#row1 .col1 {
	  flex-basis: 58%;
	}
	#row1 .col2 {
	  flex-basis: 42%;
	}
}
@media(max-width: 1368px){
	#row1 .col1 {
	  flex-basis: 55%;
	}
	#row1 .col2 {
	  flex-basis: 45%;
	  padding-left: 25px;
	  padding-right: 25px
	}
	.titForm {
  		font-size: 30px;
	}
}

@media(max-width: 1199px){
	.subTit{
		font-size: 30px;
	}
	#divWhatsapp{
		font-size: 30px;
		max-width: 290px;
		bottom: 0
	}
	.titDer {
  		margin-bottom: 105px;
	}
	.comision {
  		font-size: 90px;
	}
	.comision span {
  		font-size: 23px;
  		text-align: center;
	}
}
@media(max-width: 1099px){
	#frmVende .bg {
	  	padding: 42px 30px;
	}
	.titForm {
  		font-size: 27px;
	}
}
@media(max-width: 991px){
	.subTit{
		padding: 3px 30px 5px;
		font-size: 25px
	}
	#divWhatsapp {
  		font-size: 25px;
  		width: auto;
	}
	.titForm {
  		font-size: 23px;
  		line-height: normal;
	}
}
@media(min-width: 768px){
	.comision{
		position: absolute;
		left: 50px;
		top: 200px;
	}
}
@media(max-width: 767px){
	#row1 {
  		flex-direction: column;
  	}
  	#row1 .col1,
  	#row1 .col2{
  		flex-basis: 100%;
  		width: 100%;
  		margin: 0 auto;
  		float: none;
  		position: static;
  		padding: 0 25px
  	}
  	#row1 .col1{
  		padding: 230px 0 0;
  	}
  	#logo{
  		position: absolute;
  		top: 0;
  		left: 50%;
  		transform: translateX(-50%);
  	}
  	
  	.subTit{
  		position: static;
  		margin: 0 auto 15px;
  		max-width: 340px;
  		text-align: center;
  		display: block;

  	}
  	.titDer{
  		text-align: center;
  		margin: 0 auto 15px;
  		padding: 0 15px;
  	}
  	.comision{
  		position: relative;
  		max-width: 140px;
  		bottom: -90px;
  		left: 10%;
  		z-index: 2
  	}

	#row1 .col1 img {
	    width: 70%;
	    display: block;
	    height: auto;
	    float: right;
	    position: relative;
	    bottom: 60px;
	}
	#row1 .col2{
  		padding-bottom: 160px;
  	}
  	#divWhatsapp {
	  	bottom: 30px;
	  	left: 50%;
	  	transform: translateX(-50%);
	}
}

@media(max-width: 680px){
	.titDer {
  		font-size: 30px;
	}
}

@media(max-width: 500px){
	.comision {
  		bottom: -20px;
	}
}
@media(max-width: 480px){
	#divWhatsapp {
  		font-size: 20px;
		max-width: 230px;
		width: 100%;
	}
	#divWhatsapp a{
		font-size: inherit;
	}
}
@media(max-width: 400px){
	.comision {
	  	font-size: 60px;
	  	text-align: center;
		line-height: 50px;
		bottom: 20px
	}
	.comision span {
  		font-size: 18px;
	}
	.subTit{
		margin-bottom: 55px
	}
}
@media(max-width: 380px){
	.subTit{
		max-width: 260px;
		padding: 3px 20px 5px;
		font-size: 20px;
	}
	.titForm {
  		font-size: 21px;
	}
	#frmVende .bg {
	  	padding: 42px 15px;
	}
	#row1 .col2{
		padding-left: 15px;
		padding-right: 15px
	}
	.url{
		font-size: 19px
	}

}