html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
  }
  :root{
	--colMain : #4E1588;
	--colMain2 : #FEDD00;
	--colBlue : #88B7E7;
	--yellow : #FEDD00;
	--purple : #660087;
	--colWhite : #fff;
  }


  html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: "Sofia Sans Condensed", sans-serif;
  }
  body {
	  font-size: 1.1em;
	  font-weight:normal;
	  font-family: "Sofia Sans Condensed", sans-serif;
	  letter-spacing: 1px;
	  line-height: 1.75;
	  color: #444;
	  text-rendering: optimizeLegibility;
	  overflow-x: hidden;
	  background: var(--colMain);
    position: relative;
  }

  header{background: #101E40;}

  /* section{margin-top: 200px;} */

a{text-decoration: none;}   
p{color: var(--colMain2);font-size: 1.4em; font-weight: 600;line-height: 1.5em;}
.titular{color:var(--colMain);font-size: 1.5em;color: var(--colMain2);font-weight: 800;}
.space{padding-top: 150px;}
.mec-tit{font-size: 2em;color: var(--colMain);font-weight: 900; text-transform: uppercase; font-style: italic;}
.mec-p{font-size: 1.5em;color: var(--colMain);font-weight: 900; text-transform: uppercase; line-height: 1em;}
.secnum{font-size: 1.8em;color: var(--colMain2);font-weight: 900;background:var(--colMain); width: 50px;height: 50px; border-radius: .25rem;padding-bottom: 10px;}
.mecanica{background: var(--colMain2);}
.menucolor{background: var(--colMain);}


h1{font-size: 2.5em; color: var(--colMain2);font-family: "Sofia Sans Condensed", sans-serif;font-weight: 900;text-transform: uppercase;}
h2{color:var(--colMain); font-size: 2.3em; padding: 10px 0; margin-bottom: 30px; margin-top: 30px;font-weight: 900;text-transform: uppercase;}

#navbarNav ul li{text-transform: uppercase;font-size: 1.2em;font-weight: 600;}
#navbarNav ul li a{color: var(--colMain2);}
#navbarNav ul li a:hover{color: var(--colWhite);}
.bg-light{background: var(--colMain);}
.bg-menu{background-color: var(--colMain);padding-top: -10px}
.burger{background-color: var(--colMain2);color: var(--colMain);}
#navbarNav ul li a.active {border-bottom: 1px solid #fff;color: var(--colWhite);}
.carousel-caption span{color: #fff; font-size: 4em;}
.modal-header{background: var(--colMain);}

.btn-close-modal-top {
    color: var(--colMain) !important;
    background-color: var(--colMain2) !important;
    padding: 5px;
	font-size: 1em;
    border-radius: 10px;
	width: 40px;
	height: 40px;
	text-align: center;
    font-weight: 900;
    border: solid 1px var(--colCorpG);
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.btn-close-modal{
    color: var(--colMain) !important;
    background-color: var(--colMain2) !important;
    padding: 10px;
	font-size: 1em;
    border-radius: 3px;
    font-weight: 400;
    border: solid 1px var(--colCorpG);
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.card-question{background: var(--colMain2)}
.card-question a {text-decoration: none; color: var(--colMain); font-weight: 900;font-style: italic; font-size: 1.05em;}
.card-question a:hover {text-decoration: none; color: #ea3f34; font-weight: 900;font-style: italic; font-size: 1.05em;}
.card-body-content{background: var(--colWhite); font-size: 1em;}
.accordion-space{padding-top: 10px;}

.btn-canjea {
	max-width:328px;
	width:100%;
    color: var(--colMain) !important;
    background-color: var(--colMain2) !important;
    padding: 30px;
	font-size: 2em;
    border-radius: 3px;
    font-weight: 900;
    border: solid 3px var(--colMain2);
    display: inline-block;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.btn-canjea a{
    color: var(--colMain);
}
.btn-canjea:hover{
    color: #ea3f34 !important;
    font-weight:900;
    border: solid 3px #13148b;
    transition-duration: 0.3s;
}
.btn-canjea:disabled{
    background-color: #ea3f34;
}

@media screen and (max-width: 411px)
{
    .boton {
        width:230px;
        margin-top:10px;
    }
    
	.btn-canjea{
        font-size: 6vw;
        max-width: 75%;
	}
  .quees {
    background-image: url(../img/elementos/bgXs.jpg); }
}

#canjeatucodigo {
	padding-top: 100px;
	padding-bottom: 200px; }

footer{margin-top: 80px;}
.footermodal{text-align: center;}
.footermodal ul li{
    display: inline;
    color: #fff;
    font-size: 10pt;
    text-align: center;
}
.footermodal ul li a{color: #fff;font-size: 1.1em;text-decoration: none;}

.bluecircle{width: 52px;}
.bluemx{background: var(--colBlue);font-size: .6em;}
.bluemx a{color:#101E40;font-family: "Open Sans", sans-serif;}
.powered{width: 230px;margin-top: -50px;padding-right: 50px;}

#quees {
  background-image: url(../img/elementos/bg.png); 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  
}