.cmps select {
	appearance: none;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
	background-color: #f7f8f8;
	width: 682px;
	border: 0;
	height: 60px;
	border-radius: 10px
}

@media screen and (max-width:510px) {
	.cmps select {
		width: 252px;
		height: 41px
	}
}

@media screen and ((min-width:510px) and (max-width:767px)) {
	.cmps select {
		width: 496px;
		height: 49px
	}
}

.hipervinculo-modal {
	color: #43b0ff !important;
	text-decoration: underline;
	font-weight: bold;
	font-size: 24px;
	margin: auto 10px
}

.texto-modal {
	margin-top: 10px;
	font-weight: bold;
	font-size: 24px;
	margin: 10px 35px
}

.servicios-cont {
	column-gap: 45px;
	row-gap: 15px
}

#menu_promotion a p {
	display: flex;
	align-items: center;
	font-weight: bold
}

body {
	background-color: #fff
}

.colaborador-ctn {
	display: flex;
	flex-direction: row
}

.colaborador-ctn input {
	width: 167px
}

.aaz-text-center {
	text-align: center !important
}

.beneficios li {
	margin-left: 20px
}

.beneficios {
	margin: 10px auto
}

p {
	font-family: 'Montserrat', sans-serif;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 400
}

#nomeinteresa .h3, h3 {
	font-size: 1.5rem
}

.ctn-emp {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px
}

.parte .uno {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 20px !important;
	color: #af2c2c !important;
	margin-bottom: 0;
	text-align: center
}

.parte .do {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 16px !important;
	color: var(--gray-dark) !important;
	margin-bottom: 0
}

.parte input {
	text-align: center
}

.parte .do {
	width: auto;
	border: 0;
	height: 25px;
	border-radius: 10px
}

.beneficios-img h3 {
	color: #1c6645;
	font-weight: bold
}

.beneficios-img label {
	font-weight: bold;
	font-size: 14px
}

.beneficios-img img {
	margin: auto 55px
}

.img-fluid2 {
	max-width: 51%;
	height: auto
}

.gap-servicios {
	row-gap: 30px
}

.black-creditos h6 {
	opacity: .8;
	font-size: 13px !important;
	color: inherit;
	font-family: inherit;
	line-height: 1.2;
	margin-top: 9em
}

.black-creditos a {
	color: #7b7b7b !important
}

.img-banner {
	width: 100%
}

.hidden {
	display: none
}

#index {
	height: 100%
}

#nomeinteresa {
	height: 100%
}

.back {
	background-image: url(/resources/img/socio/BannerLandingDesk.webp);
	height: auto;
	min-height: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.back h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 3em !important;
	color: #fff !important;
	margin-top: 200px;
	text-align: center;
	line-height: 1em !important
}

.back h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 2em !important;
	color: #fff !important;
	margin-top: 50px;
	text-align: center;
	line-height: 1em !important
}

.btn {
	padding: .5em
}

.btn-primary {
	background-color: #48bc1d;
	border-color: #fff
}

.btn-primary:hover {
	background-color: #fff;
	color: #000 !important
}

.btn-secondary {
	background-color: #b5b5b5;
	border-color: #fff
}

.creditos h6 {
	font-size: 13px !important;
	margin-top: 7em;
	color: #fff
}

.row {
	margin-right: 0 !important;
	margin-left: 0 !important
}

.col-12 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

.box {
	margin-top: 30px
}

.box h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 2em !important;
	color: #af2c2c !important;
	margin-top: 10px;
	text-align: center;
	line-height: 1em !important
}

.box h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 1.4em !important;
	color: #000 !important;
	margin-top: 10px;
	text-align: center
}

.box p {
	text-align: left
}

.box a {
	color: #af2c2c !important
}

.box1 img {
	max-width: 60% !important;
	text-align: center
}

.box1 h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 1.1em !important;
	color: #000 !important;
	margin-top: 10px;
	text-align: left
}

.box img {
	max-width: 80% !important;
	text-align: center
}

.s-2 h3 {
	text-align: center !important
}

.s-2 img {
	max-width: 70%;
	margin-bottom: 10px;
	align-content: center;
	text-align: center
}

* {
	margin: 0;
	padding: 0
}

html {
	height: 100%;
	background: linear-gradient(rgba(196, 102, 0, 0.6),
		rgba(155, 89, 182, 0.6))
}

body {
	font-family: montserrat, arial, verdana
}

#msform {
	width: auto;
	max-width: 400px;
	margin: 50px auto;
	text-align: center;
	position: relative
}

#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	position: relative
}

#msform fieldset:not(:first-of-type) {
	display: none
}

#msform input, #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2c3e50;
	font-size: 13px
}

#msform .action-button {
	width: 100px;
	background: #af2c2c;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px;
	margin: 10px 5px;
	text-decoration: none;
	font-size: 14px
}

#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27ae60
}

.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2c3e50;
	margin-bottom: 10px
}

.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px
}

#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step
}

#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto
}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1
}

#progressbar li:first-child:after {
	content: none
}

#progressbar li.active:before, #progressbar li.active:after {
	background: #27ae60;
	color: white
}

.zoom {
	transition: transform .2s;
	width: 100%
}

.zoom:hover {
	-webkit-box-shadow: 2px 2px 4px #00000085;
	-moz-box-shadow: 2px 2px 4px #00000085;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
	transform: scale(1.01)
}

.s-1 {
	padding-top: 1.5em;
	padding-bottom: 1.5em
}

.s-1 h2 {
	color: #000;
	font-size: 4em;
	padding: 0 0 .5em 0;
	line-height: .8;
	font-weight: 300
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5,
	.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1,
	.col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
	.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
	.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2,
	.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
	.col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
	.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
	.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4,
	.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.menu {
	background-color: #fff;
	height: 40px;
	padding: 0 !important;
	margin: 0 !important
}

.menu .container-fluid {
	padding: 0 !important;
	margin: 0 !important
}

.head_exp {
	top: 0;
	background-color: #fff;
	padding: .4em;
	left: 0;
	position: fixed;
	display: block;
	width: 100%;
	border-bottom-color: #000;
	border-right-width: 2px;
	border-bottom-style: solid;
	z-index: 99;
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out
}

.head_exp:hover {
	background-color: #fff
}

ul.nav.justify-content-end {
	-webkit-margin-start: 0 !important;
	-webkit-margin-end: 0 !important
}

.mobile {
	display: none
}

a {
	color: #fff !important
}

.back-redes {
	background-color: #af2c2c
}

.redes {
	opacity: 1;
	max-width: 40px !important;
	margin: 0 5px;
	transition: transform .3s
}

.redes:hover {
	opacity: .7;
	transform: scale(1.2)
}

.red {
	font-size: 15px;
	text-align: center;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px
}

.video {
	margin-top: 50px;
	margin-bottom: -7px
}

footer p {
	text-align: center;
	font-family: 'Georgia', serif;
	font-size: 1em;
	color: #c3c3c3
}

@media ( min-height :700px) and (min-width:775px) {
	#content {
		position: absolute;
		bottom: 0
	}
}

@media ( min-width :200px) and (max-width:775px) {
	.black-creditos h6 {
		font-size: 12px;
		font-weight: 500
	}
	.back {
		background-image: url(/resources/img/socio/BannerLandingMovil.webp);
		height: auto;
		min-height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}
	.back h1 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700 !important;
		font-size: 2em !important;
		color: #fff !important;
		margin-top: 70px;
		text-align: center;
		line-height: 1em !important;
		padding-left: 15px;
		padding-right: 15px
	}
	.back h3 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700 !important;
		font-size: 1.3em !important;
		color: #fff !important;
		margin-top: 0;
		text-align: center;
		line-height: 1em !important;
		padding-left: 15px;
		padding-right: 15px
	}
	.btn-primary {
		background-color: #48bc1d;
		border-color: #fff;
		max-width: 80%
	}
	.btn-primary:hover {
		background-color: #fff;
		color: #000 !important
	}
	.btn-secondary {
		background-color: #b5b5b5;
		border-color: #fff;
		max-width: 80%
	}
	.creditos {
		margin-top: 11em;
		color: #fff
	}
	.creditos h6 {
		font-size: 12px;
		font-weight: 500
	}
	.botones {
		text-align: -webkit-center
	}
	.s-1 {
		padding-top: 0;
		padding-bottom: 1em
	}
	.s-1 h2 {
		padding-top: 10px;
		font-size: 3em
	}
	.video {
		margin-top: 112px
	}
	.redes {
		width: 80% !important;
		margin-right: 10px
	}
	.redes a {
		padding: 0 7px
	}
	.red {
		font-size: 18px;
		text-align: center;
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 0 !important
	}
	p {
		padding-left: 15px;
		padding-right: 15px;
		font-family: 'Montserrat', sans-serif;
		line-height: 1.2;
		font-size: 18px;
		font-weight: 400
	}
	.box1 {
		padding-left: 2.5em;
		padding-right: 1.5em
	}
	.box img {
		max-width: 60%;
		margin-bottom: 10px;
		align-content: center;
		text-align: center
	}
	.box h3 {
		margin-bottom: 50px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700 !important;
		font-size: 1.1em !important;
		color: #000 !important;
		margin-top: 10px;
		text-align: center
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5,
		.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1,
		.col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
		.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
		.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2,
		.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
		.col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
		.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
		.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
		.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4,
		.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 0;
		padding-left: 0
	}
}

body {
	background-color: #fff
}

p {
	font-family: 'Montserrat', sans-serif;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 400
}

.parallax {
	background-image: url(/resources/img/socio/banner.webp);
	height: 340px;
	max-height: 60%;
	background-attachment: fixed;
	background-position-y: 4rem;
	background-repeat: no-repeat;
	background-size: contain
}

#meinteresa .row {
	margin-right: 0 !important;
	margin-left: 0 !important
}

#meinteresa .col-12 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

#meinteresa .box {
	margin-top: 10px
}

#meinteresa .box h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 2em !important;
	color: #17A54D !important;
	margin-top: 10px;
	text-align: center;
	line-height: 1em !important
}

#meinteresa .box h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 1.1em !important;
	color: #17A54D !important;
	margin-top: 10px;
	text-align: left
}

.title-t {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 2em !important;
	color: #af2c2c !important;
	margin-top: 10px;
	text-align: center;
	line-height: 1em !important
}

#meinteresa .box p {
	text-align: left
}

#meinteresa .box a {
	color: #af2c2c !important
}

#meinteresa .box1 img {
	max-width: 60% !important;
	text-align: center
}

#containerBurbuja {
	border-radius: 20px;
	padding: 2px;
	transition: width .5s ease;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	background-color: #f3f3f3
}

.tooltip-emp {
	position: fixed;
	bottom: 43%;
	right: 2.1em;
	z-index: 20;
	width: 261px;
	height: 103px;
	background: #f3f3f3;
	border-radius: 20px;
	box-shadow: none;
	transition: width .5s ease
}

#containerBurbuja.collapsed {
	width: 142px;
	height: 80px
}

#containerBurbuja.collapsed #pregunta {
	display: flex;
	margin-top: -65px;
	margin-left: 34px
}

#containerBurbuja.expanded {
	width: 261px;
	height: 103px;
	white-space: nowrap
}

#flecha {
	margin-right: 104px
}

.pregunta {
	margin-top: -40px;
	margin-left: -3px
}

#hiddenContent {
	display: none;
	vertical-align: top
}

#containerBurbuja.expanded #hiddenContent {
	display: inline-block
}

#numE {
	margin-top: -20px;
	font-style: italic;
	font-weight: 300;
	margin-left: 42px
}

#inNumE {
	height: 20px;
	width: 170px;
	background-color: #fff;
	border-radius: 7px;
	border: 0;
	margin-left: 10px;
	margin-top: -1px
}

#preYfle {
	display: flex;
	margin-top: -3px
}

.hidden {
	display: none
}

.input-container {
	display: flex;
	align-items: center;
	width: 246px;
	height: 17px;
	margin-left: 26px
}

.input-container button {
	background-color: #00c853;
	border: 0;
	padding: 0;
	border-radius: 50%;
	cursor: pointer;
	margin-left: -18px;
	display: flex;
	align-items: center;
	justify-content: center;
	outline: 0;
	width: 16px;
	height: 16px;
	margin-top: -1px
}

.classFlecha {
	margin-left: 21rem !important;
	width: 22px;
	margin-top: -23px;
	transform: rotate(180deg)
}

.input-container button svg {
	width: 16px;
	height: 16px;
	fill: white;
	transform: rotate(180deg)
}

#meinteresa .box1 h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 1.1em !important;
	color: #000 !important;
	margin-top: 10px;
	text-align: left
}

.flex-row img {
	max-width: 100% !important;
	text-align: center
}

#meinteresa .box img {
	max-width: 80% !important;
	text-align: center
}

.cnt-txt-img {
	display: flex;
	align-items: center;
	flex-direction: column
}

.flex-row {
	display: flex;
	flex-direction: row;
	justify-content: center
}

#meinteresa .s-2 h3 {
	text-align: center !important
}

#meinteresa .s-2 img {
	max-width: 70%;
	margin-bottom: 10px;
	align-content: center;
	text-align: center
}

.cmps {
	display: flex;
	flex-direction: column
}

.cmps input {
	background-color: #f7f8f8;
	width: 647px;
	border: 0;
	height: 60px;
	border-radius: 10px
}

input, select {
	padding: 0 20px
}

.frm-sorteo {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 2.9rem
}

.cmps label {
	margin-top: 1rem;
	margin-bottom: 0;
	font-size: 21px;
	color: #525252
}

.frm-sorteo button {
	width: 326px;
	height: 74px;
	border-radius: 50px;
	background-color: #af2c2c;
	border: 0;
	margin: 3rem auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 31.2px;
	text-align: center;
	color: #fff
}

* {
	margin: 0;
	padding: 0
}

html {
	height: 100%;
	background: linear-gradient(rgba(196, 102, 0, 0.6),
		rgba(155, 89, 182, 0.6))
}

body {
	font-family: montserrat, arial, verdana
}

#msform {
	width: auto;
	max-width: 400px;
	margin: 50px auto;
	text-align: center;
	position: relative
}

#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	position: relative
}

#msform fieldset:not(:first-of-type) {
	display: none
}

#msform input, #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2c3e50;
	font-size: 13px
}

#msform #meinteresa .action-button {
	width: 100px;
	background: #af2c2c;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px;
	margin: 10px 5px;
	text-decoration: none;
	font-size: 14px
}

#msform #meinteresa .action-button:hover, #msform #meinteresa .action-button:focus
	{
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27ae60
}

#meinteresa .fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2c3e50;
	margin-bottom: 10px
}

#meinteresa .fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px
}

#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step
}

#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto
}

#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1
}

#progressbar li:first-child:after {
	content: none
}

#progressbar li#meinteresa .active:before, #progressbar li#meinteresa .active:after
	{
	background: #27ae60;
	color: white
}

#meinteresa .zoom {
	transition: transform .2s;
	width: 100%
}

#meinteresa .zoom:hover {
	-webkit-box-shadow: 2px 2px 4px #00000085;
	-moz-box-shadow: 2px 2px 4px #00000085;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
	transform: scale(1.01)
}

#meinteresa .s-1 {
	padding-top: 1.5em;
	padding-bottom: 1.5em
}

#meinteresa .s-1 h2 {
	color: #000;
	font-size: 4em;
	padding: 0 0 .5em 0;
	line-height: .8;
	font-weight: 300
}

#meinteresa .col, #meinteresa .col-1, #meinteresa .col-10, #meinteresa .col-11,
	#meinteresa .col-12, #meinteresa .col-2, #meinteresa .col-3,
	#meinteresa .col-4, #meinteresa .col-5, #meinteresa .col-6, #meinteresa .col-7,
	#meinteresa .col-8, #meinteresa .col-9, #meinteresa .col-auto,
	#meinteresa .col-lg, #meinteresa .col-lg-1, #meinteresa .col-lg-10,
	#meinteresa .col-lg-11, #meinteresa .col-lg-12, #meinteresa .col-lg-2,
	#meinteresa .col-lg-3, #meinteresa .col-lg-4, #meinteresa .col-lg-5,
	#meinteresa .col-lg-6, #meinteresa .col-lg-7, #meinteresa .col-lg-8,
	#meinteresa .col-lg-9, #meinteresa .col-lg-auto, #meinteresa .col-md,
	#meinteresa .col-md-1, #meinteresa .col-md-10, #meinteresa .col-md-11,
	#meinteresa .col-md-12, #meinteresa .col-md-2, #meinteresa .col-md-3,
	#meinteresa .col-md-4, #meinteresa .col-md-5, #meinteresa .col-md-6,
	#meinteresa .col-md-7, #meinteresa .col-md-8, #meinteresa .col-md-9,
	#meinteresa .col-md-auto, #meinteresa .col-sm, #meinteresa .col-sm-1,
	#meinteresa .col-sm-10, #meinteresa .col-sm-11, #meinteresa .col-sm-12,
	#meinteresa .col-sm-2, #meinteresa .col-sm-3, #meinteresa .col-sm-4,
	#meinteresa .col-sm-5, #meinteresa .col-sm-6, #meinteresa .col-sm-7,
	#meinteresa .col-sm-8, #meinteresa .col-sm-9, #meinteresa .col-sm-auto,
	#meinteresa .col-xl, #meinteresa .col-xl-1, #meinteresa .col-xl-10,
	#meinteresa .col-xl-11, #meinteresa .col-xl-12, #meinteresa .col-xl-2,
	#meinteresa .col-xl-3, #meinteresa .col-xl-4, #meinteresa .col-xl-5,
	#meinteresa .col-xl-6, #meinteresa .col-xl-7, #meinteresa .col-xl-8,
	#meinteresa .col-xl-9, #meinteresa .col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px
}

#meinteresa .menu {
	background-color: #fff;
	height: 40px;
	padding: 0 !important;
	margin: 0 !important
}

#meinteresa .menu #meinteresa .container-fluid {
	padding: 0 !important;
	margin: 0 !important
}

#meinteresa .head_exp {
	top: 0;
	background-color: #fff;
	padding: .4em;
	left: 0;
	position: fixed;
	display: block;
	width: 100%;
	border-bottom-color: transparent;
	border-right-width: 2px;
	border-bottom-style: solid;
	z-index: 99;
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out
}

#meinteresa .head_exp:hover {
	background-color: #fff
}

ul#meinteresa .nav#meinteresa .justify-content-end {
	-webkit-margin-start: 0 !important;
	-webkit-margin-end: 0 !important
}

#meinteresa .mobile {
	display: none
}

a {
	color: #fff !important
}

#meinteresa .back-redes {
	background-color: #17A54D
}

#meinteresa .back-redes2 {
	background-color: #17a54d
}

#meinteresa .redes {
	opacity: 1;
	max-width: 40px !important;
	margin: 0 5px;
	transition: transform .3s
}

#meinteresa .redes:hover {
	opacity: .7;
	transform: scale(1.2)
}

#meinteresa .red {
	font-size: 16px;
	text-align: center;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px
}

#meinteresa .creditos h4 {
	font-size: 1.1em;
	margin-top: 60%
}

#meinteresa .video {
	margin-top: 50px;
	margin-bottom: -7px
}

footer p {
	text-align: center;
	font-family: 'Georgia', serif;
	font-size: 1em;
	color: #c3c3c3
}

@media ( min-width :200px) and (max-width:360px) {
	#meinteresa .parallax {
		background-image:
			url(/resources/img/socio/banner_mobile_meinteresa.webp);
		background-attachment: scroll;
		height: 500px;
		max-height: 80%;
		background-position-y: 3rem;
		background-repeat: no-repeat;
		background-size: contain
	}
	#meinteresa .s-1 {
		padding-top: 0;
		padding-bottom: 1em
	}
	#meinteresa .s-1 h2 {
		padding-top: 10px;
		font-size: 3em
	}
	#meinteresa .video {
		margin-top: 112px
	}
	#meinteresa .redes {
		width: 80% !important;
		margin-right: 10px
	}
	#meinteresa .redes a {
		padding: 0 7px
	}
	#meinteresa .red {
		font-size: 18px;
		text-align: center;
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 0 !important
	}
	p {
		padding-left: 15px;
		padding-right: 15px;
		font-family: 'Montserrat', sans-serif;
		line-height: 1.2;
		font-size: 18px;
		font-weight: 400
	}
	#meinteresa .box1 {
		padding-left: 2.5em;
		padding-right: 1.5em
	}
	#meinteresa .box img {
		max-width: 60%;
		margin-bottom: 10px;
		align-content: center;
		text-align: center
	}
	#meinteresa .box h3 {
		margin-bottom: 50px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700 !important;
		font-size: 1.1em !important;
		color: #af2c2c !important;
		margin-top: 10px;
		text-align: center
	}
	#meinteresa .col, #meinteresa .col-1, #meinteresa .col-10, #meinteresa .col-11,
		#meinteresa .col-12, #meinteresa .col-2, #meinteresa .col-3,
		#meinteresa .col-4, #meinteresa .col-5, #meinteresa .col-6,
		#meinteresa .col-7, #meinteresa .col-8, #meinteresa .col-9,
		#meinteresa .col-auto, #meinteresa .col-lg, #meinteresa .col-lg-1,
		#meinteresa .col-lg-10, #meinteresa .col-lg-11, #meinteresa .col-lg-12,
		#meinteresa .col-lg-2, #meinteresa .col-lg-3, #meinteresa .col-lg-4,
		#meinteresa .col-lg-5, #meinteresa .col-lg-6, #meinteresa .col-lg-7,
		#meinteresa .col-lg-8, #meinteresa .col-lg-9, #meinteresa .col-lg-auto,
		#meinteresa .col-md, #meinteresa .col-md-1, #meinteresa .col-md-10,
		#meinteresa .col-md-11, #meinteresa .col-md-12, #meinteresa .col-md-2,
		#meinteresa .col-md-3, #meinteresa .col-md-4, #meinteresa .col-md-5,
		#meinteresa .col-md-6, #meinteresa .col-md-7, #meinteresa .col-md-8,
		#meinteresa .col-md-9, #meinteresa .col-md-auto, #meinteresa .col-sm,
		#meinteresa .col-sm-1, #meinteresa .col-sm-10, #meinteresa .col-sm-11,
		#meinteresa .col-sm-12, #meinteresa .col-sm-2, #meinteresa .col-sm-3,
		#meinteresa .col-sm-4, #meinteresa .col-sm-5, #meinteresa .col-sm-6,
		#meinteresa .col-sm-7, #meinteresa .col-sm-8, #meinteresa .col-sm-9,
		#meinteresa .col-sm-auto, #meinteresa .col-xl, #meinteresa .col-xl-1,
		#meinteresa .col-xl-10, #meinteresa .col-xl-11, #meinteresa .col-xl-12,
		#meinteresa .col-xl-2, #meinteresa .col-xl-3, #meinteresa .col-xl-4,
		#meinteresa .col-xl-5, #meinteresa .col-xl-6, #meinteresa .col-xl-7,
		#meinteresa .col-xl-8, #meinteresa .col-xl-9, #meinteresa .col-xl-auto
		{
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 0;
		padding-left: 0
	}
}

body {
	background-color: #fff
}

p {
	font-family: 'Montserrat', sans-serif;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 400
}

#inNumE {
	-moz-appearance: textfield;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	text-align: center
}

#inNumE::-webkit-outer-spin-button, #inNumE::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

#nomeinteresa .form {
	margin-top: 80px
}

#nomeinteresa .btn {
	background: #af2c2c;
	border: 0
}

#nomeinteresa .btn:hover {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #8c3737;
	border: 0
}

#nomeinteresa .fondo {
	background-image: url(/resources/img/socio/crossword.png);
	background-repeat: repeat;
	background-size: cover;
	height: auto;
	min-height: 100%
}

#nomeinteresa .titulo {
	padding-top: 100px;
	text-align: center
}

#nomeinteresa .titulo h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700 !important;
	font-size: 2.5em !important;
	color: #af2c2c !important;
	text-align: center;
	line-height: 1em !important
}

#nomeinteresa .row {
	margin-right: 0 !important;
	margin-left: 0 !important
}

#nomeinteresa .col-12 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

* {
	margin: 0;
	padding: 0
}

html {
	height: 100%;
	background: linear-gradient(rgba(196, 102, 0, 0.6),
		rgba(155, 89, 182, 0.6))
}

body {
	font-family: montserrat, arial, verdana
}

#nomeinteresa .mobile {
	display: none
}

#nomeinteresa .desk {
	display: block
}

#nomeinteresa .col, .col-1, .col-10, #nomeinteresa .col-11, .col-12,
	.col-2, #nomeinteresa .col-3, .col-4, .col-5, #nomeinteresa .col-6,
	.col-7, .col-8, #nomeinteresa .col-9, .col-auto, .col-lg, #nomeinteresa .col-lg-1,
	.col-lg-10, .col-lg-11, #nomeinteresa .col-lg-12, .col-lg-2, .col-lg-3,
	#nomeinteresa .col-lg-4, .col-lg-5, .col-lg-6, #nomeinteresa .col-lg-7,
	.col-lg-8, .col-lg-9, #nomeinteresa .col-lg-auto, .col-md, .col-md-1,
	#nomeinteresa .col-md-10, .col-md-11, .col-md-12, #nomeinteresa .col-md-2,
	.col-md-3, .col-md-4, #nomeinteresa .col-md-5, .col-md-6, .col-md-7,
	#nomeinteresa .col-md-8, .col-md-9, .col-md-auto, #nomeinteresa .col-sm,
	.col-sm-1, .col-sm-10, #nomeinteresa .col-sm-11, .col-sm-12, .col-sm-2,
	#nomeinteresa .col-sm-3, .col-sm-4, .col-sm-5, #nomeinteresa .col-sm-6,
	.col-sm-7, .col-sm-8, #nomeinteresa .col-sm-9, .col-sm-auto, .col-xl,
	#nomeinteresa .col-xl-1, .col-xl-10, .col-xl-11, #nomeinteresa .col-xl-12,
	.col-xl-2, .col-xl-3, #nomeinteresa .col-xl-4, .col-xl-5, .col-xl-6,
	#nomeinteresa .col-xl-7, .col-xl-8, .col-xl-9, #nomeinteresa .col-xl-auto
	{
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

#nomeinteresa .menu {
	background-color: #fff;
	height: 40px;
	padding: 0 !important;
	margin: 0 !important
}

#nomeinteresa .menu.container-fluid {
	padding: 0 !important;
	margin: 0 !important
}

#nomeinteresa .head_exp {
	top: 0;
	background-color: #fff;
	padding: .4em;
	left: 0;
	position: fixed;
	display: block;
	width: 100%;
	border-bottom-color: #000;
	border-right-width: 2px;
	border-bottom-style: solid;
	z-index: 99;
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out
}

#nomeinteresa .head_exp:hover {
	background-color: #fff
}

ul#nomeinteresa .nav#nomeinteresa .justify-content-end {
	-webkit-margin-start: 0 !important;
	-webkit-margin-end: 0 !important
}

#nomeinteresa .mobile {
	display: none
}

a {
	color: #fff !important
}

#nomeinteresa .back-redes {
	background-color: #af2c2c
}

#nomeinteresa .redes {
	opacity: 1;
	max-width: 40px !important;
	margin: 0 5px;
	transition: transform .3s
}

#nomeinteresa .redes:hover {
	opacity: .7;
	transform: scale(1.2)
}

#nomeinteresa .red {
	font-size: 15px;
	text-align: center;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px
}

footer p {
	text-align: center;
	font-family: 'Georgia', serif;
	font-size: 1em;
	color: #c3c3c3
}

@media ( min-width :300px) and (max-width:560px) {
	#nomeinteresa .desk {
		display: none
	}
	#nomeinteresa .mobile {
		display: block
	}
}

@media ( min-width :200px) and (max-width:775px) {
	#nomeinteresa .form {
		max-width: 80%;
		padding-left: 25px
	}
	#nomeinteresa .redes {
		width: 80% !important;
		margin-right: 10px
	}
	#nomeinteresa .redes a {
		padding: 0 7px
	}
	#nomeinteresa .red {
		font-size: 18px;
		text-align: center;
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 0 !important
	}
	p {
		padding-left: 15px;
		padding-right: 15px;
		font-family: 'Montserrat', sans-serif;
		line-height: 1.2;
		font-size: 18px;
		font-weight: 400
	}
	#nomeinteresa .col, .col-1, .col-10, #nomeinteresa .col-11, .col-12,
		.col-2, #nomeinteresa .col-3, .col-4, .col-5, #nomeinteresa .col-6,
		.col-7, .col-8, #nomeinteresa .col-9, .col-auto, .col-lg,
		#nomeinteresa .col-lg-1, .col-lg-10, .col-lg-11, #nomeinteresa .col-lg-12,
		.col-lg-2, .col-lg-3, #nomeinteresa .col-lg-4, .col-lg-5, .col-lg-6,
		#nomeinteresa .col-lg-7, .col-lg-8, .col-lg-9, #nomeinteresa .col-lg-auto,
		.col-md, .col-md-1, #nomeinteresa .col-md-10, .col-md-11, .col-md-12,
		#nomeinteresa .col-md-2, .col-md-3, .col-md-4, #nomeinteresa .col-md-5,
		.col-md-6, .col-md-7, #nomeinteresa .col-md-8, .col-md-9, .col-md-auto,
		#nomeinteresa .col-sm, .col-sm-1, .col-sm-10, #nomeinteresa .col-sm-11,
		.col-sm-12, .col-sm-2, #nomeinteresa .col-sm-3, .col-sm-4, .col-sm-5,
		#nomeinteresa .col-sm-6, .col-sm-7, .col-sm-8, #nomeinteresa .col-sm-9,
		.col-sm-auto, .col-xl, #nomeinteresa .col-xl-1, .col-xl-10, .col-xl-11,
		#nomeinteresa .col-xl-12, .col-xl-2, .col-xl-3, #nomeinteresa .col-xl-4,
		.col-xl-5, .col-xl-6, #nomeinteresa .col-xl-7, .col-xl-8, .col-xl-9,
		#nomeinteresa .col-xl-auto {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 0;
		padding-left: 0
	}
}

.error-message {
	color: #f44336
}

.title-left {
	text-align: left !important
}

.columna {
	flex-basis: 40rem
}

.imagen-contenedor {
	width: 100%
}

.imagen-ajustada {
	width: 100%;
	height: auto;
	display: block
}

@media screen and (max-width:510px) {
	#Servicios, #Beneficios, #Registro {
		height: 189px !important
	}
	#nomeinteresa .h3, h3 {
		font-size: 16px
	}
	.menu2 {
		flex-direction: column;
		gap: 10px;
		margin: 15px auto
	}
	#contenedorSorteo {
		padding-top: 232px
	}
	.beneficios-img img {
		margin: auto
	}
	.cmps label {
		font-size: 17px
	}
	.cmps input {
		width: 214px;
		height: 41px
	}
	.frm-sorteo button {
		width: 108px;
		height: 38px;
		font-size: 20px
	}
	.align-self-center {
		align-self: center !important
	}
	.title-left {
		text-align: center !important
	}
	.img-fluid2 {
		max-width: 116%
	}
}

@media screen and (max-width:375px) {
	#contenedorSorteo {
		padding-top: 87px
	}
	#Servicios, #Beneficios, #Registro {
		height: 189px
	}
}

@media screen and (max-width:425px) {
	#contenedorSorteo {
		padding-top: 232px
	}
	#Servicios, #Beneficios, #Registro {
		height: 189px
	}
}

@media screen and (max-width:768px) {
	.servicios-table {
		display: ruby
	}
	#Servicios, #Beneficios, #Registro {
		height: 40px
	}
}

@media screen and (min-width:586px) {
	#menu_promotion {
		gap: 4rem
	}
}

@media screen and ((min-width:510px) and (max-width:767px)) {
	.cmps label {
		font-size: 20px
	}
	.cmps input {
		width: 459px;
		height: 49px
	}
}

@media screen and (max-width:323px) {
	.servicios-cont {
		column-gap: 33px
	}
}

@media screen and (max-width:320px) {
	#contenedorSorteo {
		padding-top: 186px
	}
	#Servicios, #Beneficios, #Registro {
		height: 166px
	}
}

@media screen and (min-width:511px) {
	.img-fluid {
		max-width: 50%;
		height: auto
	}
	#meinteresa .box img {
		max-width: 167px !important;
		max-height: 158px !important;
		text-align: center
	}
	#contenedorSorteo {
		padding-top: 73px
	}
}

@media screen and (max-width:510px) {
	#meinteresa .box img {
		max-width: 89px !important;
		text-align: center;
		max-height: 84px !important
	}
	.img-fluid {
		max-width: 50%;
		height: auto
	}
}