.login-container > div {
    display: flex;
    align-items: center;
}
.content_contact.contact4-foo> a {
    font-size: .95rem;
    font-weight: 800;
}
.text-ca> div {
    color: #3e3e3e;
    font-size: 2rem;
}
p.stock-message> b {
    font-family: 'Montserrat';
}

img.casa-logo-foo {
    max-width: 4.1rem!important;
}
.title__footer {
    color: #ffd600;
    font-family: 'Montserrat';
}

p.title-white-pass {
    font-family: 'Montserrat';
    text-transform: initial!important;
}
.img-ojo {
    max-width: 1.5rem;
}
@media only all and (max-width: 700px){
    div#product-detail-header {
        display: grid!important;
        grid-template-areas:
            "title back"
            "wish wish";
    }
    .section_porductDetalle-title {
        width: 75%;
        grid-area: title;
    }
    .navegacion_sectionCatalog {
        grid-area: wish;
    }
    .section_productDetalle {
        grid-area: back;
    }
    .navegacion_sectionCatalog {
        display: flex;
        justify-content: center;
    }
    }
.footer__ni {
    background: rgb(24,28,55);
background: linear-gradient(0deg, rgba(24,28,55,1) 0%, rgba(0,53,127,1) 100%);
}
/********************variables************************/

$color-primary-ni: #0e3575;
/********************variables************************/
/********recuperacion pw*********/
.img__recPw {
    width: 8rem;
    height: 8rem;
}
.ques__detalle {
    font-size: 0.7rem;
    padding-top: 0.5rem;
}
center.img__proximamente {
    width: 100%;
    padding: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#myForm> div> #btn-cancelar {
    display: none;
}
.title-white-xlarge {
    color: #0e3575;
  }
.reset-confirm> form, .reset-complete>form {
    width: 90%;
    max-width: 30rem;
    padding: 2rem;
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

.reset-confirm, .reset-complete {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    height: calc(100vh - 9.5rem);
    align-items: center;
    min-height: 42rem;
}

button#btn-enviar-token {
    margin-top: 1rem!important;
}
p.encabezado-restorepass {
    color: #0e3575;
}
.controls {

    margin: auto!important;
    text-align: center;

}
.reset {
    width: 90%;
    max-width: 36rem;
    padding: 2rem;
    background: #fff;
    border-radius: 15px;
box-shadow: inherit;
}
#div-seleccion-header h6, #div-seleccion-header p {
    color: #0e3575;
}
img.image__otcPw {
    width: 90%;
    max-width: 33rem;
    margin-bottom: 2rem;
}
p.text__otPw {
    color: #014586!important;
    font-weight: 600;
}
.btn-validar, #validate-question {
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  background: #002e64!important;
    color: #fff;
        margin: auto!important;
    width: 100%;
    max-width: 12rem;
    border-radius: 20px!important;
    height: 100%;
    max-height: 2.5rem;
}
.img__recPw {
    width: 8rem;
    height: 8rem;
    margin-bottom: 1rem;
}
.viewPass {
    z-index: 9999999;
}
/********recuperacion pw*********/
/************************home****************************/
@media only all and (max-width: 47.938rem){

  div#image-size__grid {
    max-height: 17rem;
}

}
.g-offcanvas-toggle {
    color: #002e64!important;
}
div#image-size__grid {
    max-height: 13rem;
}



.g-mosaicgrid-item-title> a {
    color: #0e3575!important;
    font-weight: 700;
}
div#points-grid__back{
background: url("/images/nueva-imagen-cnv/home/points-back.png");
}
.points-grid-image {
    display: grid;
    grid-auto-rows: auto 5rem;
}
.points-grd {
    align-items: end;
}
.UserPointsgrid {
    color: #0e3575;
    font-family: Montserrat;
    font-weight: bold;
    font-size: 1.2rem;
    cursor: context-menu;
    transform: scaleX(.7);
    letter-spacing: -1px;
}

.number-points-grd {
    display: flex;
    justify-content: center;
    cursor: context-menu;
    align-items: flex-end;
    transform: scaleY(2);
    font-family: Montserrat !important;
    color: #0e3575;
    padding-top: 2rem !important;
    font-size: 3rem;
}
.g-mosaicgrid-item {
    background: rgba(0, 108, 196, 0);
}
.g-mosaicgrid-style1 .g-mosaicgrid-content, .g-mosaicgrid-content.custom-itm  {
    background: #58a0ff!important;
    color: #fff;
}

/* section#g-navigation {
    background: #00357f!important;
} */
.fa-user-secret:before{
  background: url("/images/nueva-imagen-cnv/header/user-secret.png")!important;
  background-repeat: no-repeat!important;
background-size: 35px 35px!important;

}
.wel-align-cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wel-align-cont> div {
    height: auto;
    display: flex;
    align-items: center;
}
a.g-logo> img {
    width: 8rem;
    padding: .5rem;
}
.g-home-particles.g-galatea-style #g-navigation .g-container .g-block > .g-content {
    border-bottom: 0!important;
}
.g-block.size-44.align-right {
    display: flex;
    justify-content: center;
    align-items: center;
}
.welcome-nav {

    margin-left: 2rem;

}
.welcome-nav> p {
    color: #fff!important;
}


.top-mn-sec> div {
    width: 100%;
}
section#g-navigation> div {
    width: 95%;
    margin: auto!important;
}
#points-header {
      font-size: 1.1rem;
    font-weight: 500;
    color: #fff !important;
    margin-right: 1rem;
}
/*********************************************************/
p.login_passw {
    color: #000!important;
    text-align: center;
}
.viewPass {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black!important;
    top: 0;
    bottom: 0;
}
i.fa.fa-eye {
    color: #000!important;
}
i.fa.fa-eye:hover {
    color: rgba(0, 0, 0, 0.79)!important;
}
.viewPass:hover {
    color: rgba(0, 0, 0, 0.79)!important;
}
.btn-link__login> button {
    width: 16rem;
    padding: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: $color-primary-ni;
    color: #fff;
        margin: auto;
}
a.link__form-login {
    font-size: 0.7rem;
    color: $color-primary-ni;
    display: flex;
justify-content: center;
align-items: center;
    width: fit-content;
}
.login-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
}
.login-img {
    grid-column: 1 / 3;
    grid-row: 1;

    justify-content: center;
}
.login-from {
    grid-column: 2 / 4;
    grid-row: 1 / 2;
}
.login-img> img {
    max-width: 30rem;
    z-index: 99;
}

.login-container {
    width: 90%;
    margin: auto;
}
.login__form {
    height: 20rem;
    width: 90%;
    background: rgba(0, 0, 0, 0.22);
    max-width: 36rem;
        grid-template-rows: 3rem auto 3rem;
}
a.link__form-login::before {
    content: url("../../../../images/nueva-imagen-cnv/cuadro_boton.png");
        margin-right: 0.3rem;
}
button#acceptBtn {
    margin: auto;
    display: flex;
    justify-content: center!important;
    align-items: center!important;
}
a#text__size-grid {
    font-size: 1.1rem;
}
.footer_login {
    min-height: 8.5rem;
}

#g-page-surround {
    background: rgba(255, 255, 255, 0);
    overflow: hidden;
}
.cnv-login {
    width: 100%;

    height: calc(100vh - 8.5rem);
    display: flex;
    justify-content: center;
    background-image: url('/images/latam/generales/background_casa.png') !important;
    background-attachment: scroll!important;
    background-repeat: no-repeat !important;
    background-size:100% 100% !important;
    background-position: center top !important;
}
.form__img-title {
    grid-column: 2 / 4;
    grid-row: 1 / 2;
    margin: auto;
}
.form__link-login {
  grid-column: 2 / 4;
  grid-row: 3 / 3;

  width: 105%!important;
  margin: auto;

}
.form__link-login {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
.form__inputs-login {
    grid-column: 2 / 4;
    grid-row: 2 / 3;
}
.form__img-title> img {
    max-width: 19rem;
    text-align: center;
}
.login__form {
    height: 20rem;
    width: 90%;
    background: rgba(236, 236, 236, 0.65);
    max-width: 35rem;
    margin-left: 2rem;
    border-radius: 20px;
    color: #faebd700;
    min-width: 33rem;
    border: 2px solid rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    padding: .7rem;
}

.footer {
    background: black;
    height: 12rem;
    position: fixed;
    bottom: 0;
    min-height: 14rem;
    width: 100%;
}


.info__contacto> em {
    font-weight: bold;
}
.container_login{

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2px;
  grid-auto-rows: minmax(100px, auto);
  grid-template: "section-1 section-1 section-1" "section-2 section-2 section-2" "section-3 section-3 section-3";
  padding: 0rem 1rem;
}
button#listoBtn {
    width: 90% !important;
    margin: auto!important;
    display: flex;
}
.info__contacto, .info__contacto>a,.subtitle__footer {
    color: #fff!important;
    font-weight: 600;
}
.footer_login {
    background: url(../../../../images/nueva-imagen-cnv/Recurso_1.png?5e62e586);
    background-attachment: fixed;
    background-repeat: round;
}
.section1__footer {
    grid-area: section-1;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    text-align: center;

}
.section2__footer {
    grid-area: section-2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template: "contacto1 contacto2 contacto3"
}
.logo__pepsico-footer> img {
    width: 6.7rem;
}
.title__footer>img {
    width: 30rem;
}
.subtitle__footer {
    font-size: .9rem;
}

.contacto__telefono {
    grid-area: contacto1;
}
.contacto__email {
    grid-area: contacto2;
}
.contacto__helpdesk {
    grid-area: contacto3;
}
.section2__footer> div {
    display: flex;
    justify-content: center;
}
.icon__footer> img {
    max-width: 2.8rem;
}
.info__contacto {
    font-size: .8rem;
}
.contacto__telefono > .info__contacto {
    font-size: 0.7rem;
    display: block;
}
.icon__footer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.info__contacto {
    font-size: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
  }
  .section3__footer {
      grid-area: section-3;
      grid-column: 2 / 3!important;
      grid-row: 3 / 3;
      text-align: center;
  }
  a.link__form-login:hover {
    color: rgba(14, 53, 117, 0.89);
    letter-spacing: .7px;
    transition: .5s;
}
a.link__form-login {
    transition: .5s;
}

div#system-message>div {
    width: 80%;
    max-width: 40rem;
    min-width: 18rem;
}
#password, #username {
    color: #000!important;
}

@media (max-width: 770px) {

  .section2__footer {
    grid-area: section-2;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template: " contacto1 contacto1 contacto2 contacto2 " "contacto3 contacto3 contacto3 contacto3"!important;
  }

}
@media (max-width: 575px) {

    .section2__footer {
      grid-template-columns: repeat(1, 1fr);
      grid-template: " contacto1" "contacto2 " "contacto3"!important;
    }
    .info__contacto {

      justify-content: center!important;
      text-align: center!important;
    }
    .contacto__telefono > .info__contacto {
      font-size: 0.7rem;
      display: block;
    }
    .section2__footer > div {
    display: block!important;
    }



}
@media (max-width: 949px) {
  .login-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas:
    "images"
    "form"
    "mesajes";
    }
    .bloque__elcRp {
    width: 100%!important;
}
.bloque__elcRp {
    width: 90%!important;
    max-width: 29rem;
    margin: auto!important;
    float: none!important;
}
    .cnv-login {
    height: auto;
    min-height: 30rem;
}
    .icon__footer, .info__contacto {
    margin-bottom: .5rem;
    }
    a.link__form-login {
    width: fit-content;
    margin: auto;
    }
    .form__img-title>img {
    width: 100%;
    }
    .login-from {
    grid-column: 2 / 4;
    grid-row: 1 / 2;
    grid-area: form;
    text-align: center;
    justify-content: center;
    }
    .login-img {
    grid-column: 3 / 3;
    grid-row: 1;

    justify-content: center;
    grid-area: images;
    }
    .login-img > img {
    max-width: 13rem;
    }
    .login__form {
    min-width: auto!important;
    margin-left: 0rem!important;
        grid-template-rows: 3rem auto 5rem;
    }
    .btn-link__login > button {
    width: 90%;
    max-width: 16rem;
    min-width: 9rem;
    }
    .form__img-title {
      grid-column: 1 / 4;
    }
    .form__inputs-login {
      grid-column: 1 / 4;
    }
    .form__link-login {
      grid-column: 1 / 4;
      grid-template-areas:
    "buton buton"
    "linklg1 linklg2";
    }
    div#login__footer-link2 {
    grid-area: linklg2;
    }
    div#login__footer-link1 {
    grid-area: linklg1;
    }
    div#login__footer-link3 {
    grid-area: buton;
    display: flex;
    justify-content: center;
    }
    .container_login {
    padding: 0.5rem 1rem .5rem 1rem;
    }
    button.open-button {
    margin: auto;
    left: 0;
    right: 0;
    }
    .footer_login {
      background-size: 100% 100%;
      padding-bottom: 2.5rem;
}


.img-login__ni {
  padding: 0rem!important;
  display: flex!important;
justify-content: center!important;
  margin-bottom: -5rem!important;

}
.login {
  margin-top: 0!important;
  padding: .5rem!important;
  padding-top: 4rem!important;
  max-height: 30rem!important;
}
img#image-login-cnvNi {
  padding: 0!important;
      max-width: 16rem!important;
}
.container_login__ni {
    display: block!important;
        min-width: 24rem!important;
        width: 100%!important;
}

}
@media only all and (min-height: 945px){
	.container__recuperarPw{
	height: calc(100vh - 8.5rem)!important;
	}

}
@media only all and (min-width: 75rem){

  .g-home-particles.g-galatea-style #g-header .g-mosaicgrid{
        margin-top: 0rem!important;
  }
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: ;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  margin: .5rem auto!important;
}

body.site.com_users.view-reset .btn-validar {
  background: !important;
        color: white !important;
  font-size: 12px;
    font-weight: bolder !important;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background: #1ca5df; */
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover {
  color: white;
}
:focus {
    outline: none;
}
.hvr-rectangle-out:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
a.hvr-rectangle-out {
    width: 5rem;
    padding: 0.3rem;
    justify-content: center;
    align-items: center;
    display: flex;
    background: #0e3575;
    color: #fff;
}
.hvr-rectangle-out:before {
        /* background: #1ca5df; */
}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #1ca5df;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
.items__page-rec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
div#center__irtem-rec {
    grid-column: 2 / 3;
}
.items__page-rec {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
div#center__irtem-rec {
    grid-column: 2 / 3;
}
.img__item {
    display: flex;
    justify-content: center;
}
.texto__item {
    display: flex;
    justify-content: center;
}

.texto__item> img {
    max-width: 15rem;
}
.item_rec> div {
    padding: .5rem;
}
.items__page-rec {
    padding: 2rem 2rem;
}
@media only all and (max-width: 530px){

  .items__page-rec {
    display: block!important;
    justify-content: center;
    align-items: center;
  }
  .item_rec {
    display: block;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: auto;
}
}

.container__foo-ni {


    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: .5rem;
    grid-gap:5px 10px;
    font-family: Montserrat!important;
}
.content_foo-ni1 {
    padding: .5rem;
}
.title__footer> img {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    max-width: 28rem;
    min-width: 22rem;
}
.subtitle__footer {
    width: 90%;
    font-size: .8rem;
    margin: auto;
    text-align: center;
}
.content_foo-ni1 {
    max-width: 35rem;
}   
.content_foo-ni2 {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    padding: 0.5rem;
    max-width: 35rem;
    padding-left: 4.2rem;
}
.content_foo-ni2> img {
    width: 90%;
    max-width: 7rem;
    padding: .5rem 0rem;
}
.content_contact{

  color : #fff;
  font-size: .7rem;
  font-weight: 600;
  display: flex;
align-items: center;
/* min-width: 23rem; */

    padding-left: .5rem;
}
img.imageContacFoo {
    height: 5.5rem;
    margin-top: 0.3rem;
}
.icon_foo-ni { grid-area: icons;}
.contact1-foo{ grid-area: correo;
              padding-bottom: .3rem;
            font-size: .8rem;}
.contact2-foo{ grid-area: telefono;
                  
                
                }
.contact3-foo{ grid-area: ayuda;
  font-size: 1rem;
      font-weight: bolder;}
.contact4-foo{ grid-area: horario;
    font-size: 0.7rem;}

.rcont_foo-ni {
    display: grid;
    grid-template-areas:
        "icons horario horario"
        "icons correo correo"!important;
    grid-template-columns: 2rem auto;
    margin: auto;
    width: 75%!important;
    max-width: 26rem;
    gap: 0px !important;
}
.contact4-foo {
    grid-area: horario;
    line-height: 1.1;
    letter-spacing: 1px;
    font-family: Montserrat;
    font-weight: 500;
}
.title__footer {
    color: #ffd500;
    font-family: 'Montserrat';
    font-size: 1.3rem;
    text-align: center;
}
.icon_foo-ni {

        font-size: .9rem;
            text-align: center;
}
.contact4-foo {
    grid-area: horario;
    line-height: 1.1;
    letter-spacing: 1px;
    font-family: Montserrat;
    font-weight: 500;
}
.subtitle__footer {
    font-family: Montserrat;
    font-weight: 500;
}
button.open-button {
    width: 150px !important;
    background-color: #fff !important;
    height: 2rem;
    opacity: 1;
    color: #014586;
    font-weight: 600;
}
.bttom_section-ni {
    text-align: center;
    grid-column: 1/3;
    margin: auto;
    width: 90%;
}
.content_contact.contact2-foo>strong {
    padding-right: .4rem;
}

.content_contact.contact2-foo {
    font-size: 1.1rem;
    font-weight: 500;
}
.documents__legales {
    width: 100%;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: unset;
    font-size: 0.7rem;
    max-width: 35rem;
    padding-left: .4rem;
}
.documents__legales > a {
    color: #fff !important;
        font-size: .7rem;

}
.documents__legales > a:hover {
    opacity: .5;
    transition: .3s;
}
i.fa.fa-comment.fa-fw {
    font-size: 1.2rem!important;
}

.text-cht-bot {
    width: 80%!important;
    font-size: .8rem!important;
    text-align: center;
}
button.open-button {
    width: 150px !important;
    background-color: #014586 !important;
    height: 2rem;
    opacity: 1;
}
.form-container .btn:hover, .open-button:hover {
    opacity: 1;

}
.cerrar-btnDF> button {
    width: 90%;
}
.cerrar-btnDF {
    display: flex;
    justify-content: center;
    align-items: center;
}
a.g-menu-item-container> img {
    max-width: 2rem;
}
@media only all and (max-width: 1000px){

  .content_foo-ni2 {
    justify-content: center;
    padding: 0rem!important;
    padding-bottom: .5rem!important;
  }
  .lcont_foo-ni> div {
    margin: auto;
}
  .container__foo-ni {
    display: block;
    padding-bottom: 2.5rem;
        
}
.documents__legales {
    padding: 1rem 0rem 0rem 0rem;
    justify-content: center;
}
}

/***********top secundary**********/

li.g-menu-item.g-menu-item---module-NMVyg.g-menu-item-type-particle.g-standard {
    display: flex;
    justify-content: center;
    align-items: center;
}
a.g-menu-item-container > img {
    max-width: 2rem;
    height: 1.7rem;
    width: 1.8rem;
}
.top-mn-sec > div>  nav.g-main-nav> ul {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container i{

  padding-bottom: 0rem!important;
}
.g-social.social {
    margin: 0;
}
.g-social.social {
    margin-right: 0rem!important;
}
span.fa.fa-question-circle {
    color: #0e3575;
    margin: 0!important;
    font-size: 2rem;
}
#g-navigation .g-social a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.g-social.social> a {
    margin: 0!important;
    margin-right: .9rem!important;
}
.container__homeGrid {
    padding: 4rem 0rem;
    margin-bottom: 4rem;
}
table.table_filter tr {
    color: #0e3575!important;
}
input#buscador {
    border: 2px solid rgb(202, 202, 202) !important;
}
i#search__filter {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    color: #004484;
}
button#product-view__back-btn {
    color: #fff;
    background: #58a0ff!important;
    font-family: Montserrat;
}
button#product-view__back-btn:hover {
    opacity: .8;
}
h1.checkout-delivery__title::before , h3#cart-view__title::before {
    display: none;
}
/* .swal2-actions> button.swal2-styled {
    background: #58a0ff!important;
    width: 8rem;
}

button.swal2-cancel.swal2-styled {
    background: #fc2323!important;
} */
h4.h4TeamAdd.pop__alert> strong {
    color: #fff;
}

h4.h4TeamAdd.pop__alert {
    color: #fff!important;
}
span.star {
    float: left;
}
span#icon__add {
    color: aliceblue;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#header__popAdd {
    display: flex;
    justify-content: center;
    align-items: center;
}
div#header__popAdd> .col-11 {
    width: 70%;
    max-width: 21rem;
}
div#header__popAdd> .col-1 {
    padding: 0!important;
    width: 30%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
h4.h4Team {
    color: #fff;
}
button#botn {
    width: 2.5rem;
    height: 2.4rem;
    padding: 0rem;
    background: #c6c6c5;
    background: linear-gradient(0deg, rgba(198, 198, 197, 1) 0%, rgba(244, 244, 244, 1) 54%, rgba(246, 246, 246, 1) 55%, rgba(255, 255, 255, 1) 100%) !important;
    border: 2px solid #d0d0cf 42 !important;
    border-top: 4px !important;
    border: 2px solid #093886 !important;
    border-radius: 4px;
    vertical-align: middle;
}
input#buscador::placeholder , #busqueda::placeholder {
    color: #093886de;
}
input#busqueda::placeholder {
    color: #004484;
}
button.button-CG {
    color: #fff;
    font-family: Montserrat;
    font-size: 0.8rem !important;
    font-family: 'Montserrat';
    font-weight: 600;
}
input#buscador {
    border: 2px solid #093580 !important;
}

button#cart-view__empty-btn, #cart-view__checkout-btn {
    border: 0 !important;
    margin: 0.5rem !important;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1rem;
    min-width: 8rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  
}
#cart-view__checkout-btn{
      background: #0e3575;
}
button#cart-view__checkout-btn:hover {
    background: #0e3575!important;
}
.texto__item {
    font-size: 1.7rem;
    text-align: center;
    line-height: 1;
    color: #0e3575;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 600;
}
.description__text-re {
    color: #0e3575;
    font-size: 1.1rem;
    font-weight: 600;
    font-family: Montserrat;
    text-align: center;
    margin-top: 0.5rem;
}
/*********************MECANICAS STYLES*************************/
.meca__title-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.images__mecanicas {
    text-align: center;
    width: 90%;
    margin: auto;
}
.mecanica__premios {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    padding: 3rem 0rem;
}
.mecanica__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px 10px;
    border-bottom: 2px solid #004085;
    padding-bottom: 1.4rem;
    padding-top: 1.4rem;
}
.mecanica_item__content {

}
.resp__item.bold__resp > strong {
    font-weight: 900;
    font-size: 1.3rem;
}
.btn_mecaIzq {
    float: left!important;
}
button.btn__politicas {
    float: right;
}
.mecanica_item__image>img {
    padding: 1rem;
    max-width: 25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.tr-body-EC>td {
    padding: .5rem;
    color: #093886;
    text-align: center;
}
.button__politicas {
    margin-top: 1rem!important;
    width: 100%!important;
}
.card.card-body.politicas__content-mecanicas li {
    text-align: justify;
    font-size: 0.75rem;
}
button.open-button {
    width: 150px !important;
    background-color: #fff !important;
    height: 2rem;
    opacity: 1;
    color: #014586;
    font-weight: 600;
    border: 1px solid;
}
.btn__politicas {
    width: 90%;
    max-width: 10rem;
    height: 2rem;
    border-radius: 6px;
    background: #004085!important;
    color: #fff;
    font-family: Montserrat;
}
.politicas__content-mecanicas {
    color: #004085;
    padding: 1rem;
    width: 100%;
    margin: auto;
    border: 2px solid #004085;
    margin-top: 2rem;
    font-size: .7rem;
}
.hr__mecanica-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-gap: 10px!important;
    padding: .5rem;
}
span.marcador__span-text {
    font-size: .6rem;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.ques__item {
    align-items: center;
    display: block;
    font-weight: 600;
}

.mecanica__text-item {
    border: 3px solid #eeeced;
    border-radius: 5px;
    background: #fff;
}
.mecanica__text-item .hr__mecanica-text:nth-child(2n+1) {
    background: #eeeced;
}
.mecanica_item__image {
    display: block;
    align-items: center;
    justify-content: center;
    max-height: 19rem;
}
.resp__item {
    font-size: .95rem;
}
.leyenda__ilustra {
    text-align: center;
    font-size: 0.7rem;
}

/*********************MECANICAS STYLES*************************/
.content_contact.contact1-foo> a:hover {
    opacity: .8;
}
.content_contact.contact1-foo> a {
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    min-width: 23rem;
    
}


.img__recPw {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem;
    margin-top: 3rem;
}
.content_contact.contact3-foo> a:hover {
    opacity: .8;
}
.content_contact.contact3-fooHelp > a {
    font-size: 1.1rem;
    color: #fff !important;
    padding-left: 0.2rem;
    font-family: Montserrat;
    font-weight: 800;
}
.content_contact.contact3-foo> a {
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    min-width: 23rem;
    padding-left: 0.2rem;
}

.prog-circle {

width: 7.2rem!important;
height: 7.2rem!important;

background: #cbcbca;
}
.ayuda__text {
    line-height: 1.2;
}
.documents__legales > a {
    color: #fff !important;
    font-size: 0.7rem;
    text-decoration: underline;
}
@media only all and (max-width:500px){

  .title__footer {
    color: #014586;
    font-family: Montserrat;
    font-size: 0.5rem;
    text-align: center;
  }
  .content_contact.contact2-foo {
    font-size: .5rem;
}
section#g-navigation {
    padding-bottom: .3rem!important;
}
}
body {
    /*background-image: url(/images/latam/generales/background_casa.png) !important;*/
  background:#fff ;
    background-position: center;
    background-size: cover;
}
strong.font-titleCG {
    font-family: 'Montserrat';
    color: #3c3c3c;
    font-size: 1.9rem;
    margin: 2rem 0rem;
}
div#text-sections-cnvid {
    padding-top: 2rem;
}
div#text-sections-cnvid {
    color: #6d6d6d;
}
div#text-sections-cnvid> strong {
    font-weight: bold;
    color: #00357f;
}
img.logo_CGlinks {
        width: 90%!important;
    height: 90%!important;
    max-height: 18rem;
    max-width: 18rem;
}
.boton-CG> a> button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0!important;
    height: 2.5rem;
    width: 90%;
    min-width: 13rem;
    font-family: Montserrat;
    font-size: 1rem!important;
    border-radius: 5px!important;
    
}

.boton-CG> a {
   
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.number__pts, .name__pts-edc {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-family: CleanSports;
    font-size: 1.6rem;
    color: #000;
}
.text__pts {
    width: 90%;
    margin: auto;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
}
.button-estacue {
    font-family: Montserrat;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.5rem;
    font-size: 1rem;
    width: 90%;
    max-width: 10rem;
    margin-bottom: .5rem;
    margin: auto;
    margin-top: 1rem;
    background: linear-gradient(0deg, rgba(250,131,61,1) 0%, rgba(253,207,0,1) 100%)!important;
    color: #093886;
    font-weight: 700;
}
.section3-EDC {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
#button-puntos-gan2 {
    border: 0px solid #093886;
    border-radius: 5px;
    float: right;
    color: #093886;
    font-weight: 700;
    padding: .5rem;
    text-align: center;
    display: flex;
    background: linear-gradient(0deg, rgba(250, 131, 61, 1) 0%, rgba(253, 207, 0, 1) 100%) !important;
    font-family: Montserrat;
    font-size: .9rem;
}
.pts_container__edc {
    display: grid;
    /* grid-row: 1; */
}
#section1, #section2, #section3 {
    background: none!important;
    border: 0px !important;
}
.number__pts.pts__mancha, .name__pts-edc {
    width: 13rem;
}
.div-imgEDC {
    width: 30%;
    min-width: 12rem;
    max-width: 13rem;
    display: flex;
    justify-content: center;
    align-items: center!important;
        padding-top: 0rem!important;
}
.div-tblEDC {
    width: 100%;
    margin-top: 1rem;
}
.table-estacue> div {
    padding-bottom: 2rem;
}
.div-imgEDC> img {
    max-width: 7rem;
    margin: auto;
}
#tr-head-EC>td, #tr-head-EC2>td {
    font-size: .7rem;
    background: #093886;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-family: Montserrat;
}
.wel-align-cont > div {
    width: 100%;
}
.meca__grafica-img {
    margin-bottom: 2rem;
}

.CenterCont_foo-ni {
    display: grid;
    grid-template-areas:
        "icons ayuda ayuda ayuda"
        "icons ayuda1 ayuda1 ayuda1"
        "icons ayuda1 ayuda1 ayuda1"
        "icons ayuda1 ayuda1 ayuda1";
    grid-template-columns: 2rem auto;
    margin: auto;
    width: 75%;
    max-width: 26rem;
    gap: 0px !important;
    grid-template-rows: 2.5rem auto auto auto;
}

.ayuda__text {
    grid-area: ayuda1;
}

.ayuda__text {
    color: #fff;
    font-family: Montserrat;
    font-size: .8rem;
    display: flex;
    padding-left: .6rem;
}
.CenterCont_foo-ni {
    display: grid;
    grid-template-areas:
        "icons ayuda ayuda ayuda"
        "icons ayuda1 ayuda1 ayuda1"
        "icons ayuda1 ayuda1 ayuda1"
        "icons ayuda1 ayuda1 ayuda1";
    grid-template-columns: 2rem auto;
    margin: auto;
    width: 75%;
    max-width: 26rem;
    gap: 0px !important;
    grid-template-rows: 2.5rem auto auto auto;
}
img.img_nohover {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
}
img.img_sihover {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
    opacity: 0;
}
a.g-imagegrid-link {
    display: grid!important;
}