.img_banner{ width: 100%; }


 @font-face {
        font-family: "SalvoSansCond-Regular";
        src: url("../fonts/SalvoSans/SalvoSansCond-Regular.otf");
}

@font-face {
        font-family: "SalvoSansCond-Bold";
        src: url("../fonts/SalvoSans/SalvoSansCond-Bold.otf");
}

@font-face {
        font-family: "SalvoSansCond-Black";
        src: url("../fonts/SalvoSans/SalvoSansCond-Black.otf");
}

@font-face {
        font-family: "SalvoSansCond-Light";
        src: url("../fonts/SalvoSans/SalvoSansCond-Light.otf");
}

@font-face {
        font-family: "SalvoSansCond-LightItalic.otf";
        src: url("../fonts/SalvoSans/SalvoSansCond-LightItalic.otf");
}

body{ font-family: "SalvoSansCond-Regular"; }
header{ width: 100%; position: relative;}
strong, b{font-family: "SalvoSansCond-Bold";}
.anual{ display: none; }
.logo-am{display: block; float: left; color: #000; text-decoration: none; font-size: 16px;}
.logo-am img{display: inline-block; vertical-align: middle;}
.logo-am span{display: inline-block; vertical-align: middle; margin-left: 10px;}
.estatus-user{ float: right;  color: #000; text-decoration: none;}
.estatus-user img{display: inline-block; vertical-align: middle;}
.estatus-user span{display: inline-block; vertical-align: middle; margin-left: 10px;}

.container {
    max-width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#section-welcome {
    text-align: center;
    margin: 10px 0;
    padding: 0 30px;
}
.content-suscribe-01 {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.content-suscribe-01 h1 , .sub_plan {
    font-size:42px;
    font-family: "SalvoSansCond-Bold";
    margin: 0;

}
.sub_plan {
 margin-bottom: 50px;
}

.content-suscribe-01 p {
    max-width: 555px;
    display: inline-block;
    font-size: 20px;
}

.content-suscribe-01 p a {
    color: #000000;
    text-decoration: underline;
}

.switch{    margin: 0 auto; position: relative;  padding: 0 10px;  text-align: center;  margin-bottom: 65px; }
.switch span {display: inline-block;vertical-align: middle; font-size: 18px;  color: #797979;   }
.switchBtn {position: relative;display: inline-block;width: 77px; height: 28px; margin: 0 5px; vertical-align: middle;}
.switchBtn input { display: none;}
.slide {position: absolute; cursor: pointer; top: 0;left: 0; right: 0;bottom: 0;-webkit-transition: .4s;
    transition: .4s;padding: 8px;color: #fff; border: 1px solid #C7D1DB; }
.slide.round {border-radius: 19px;}
.slide:before { position: absolute; content: ""; height: 20px; width: 20px;left: 5px; bottom: 3px;background-color: #72bf44; -webkit-transition: .4s;transition: .4s;}
.slide.round:before {border-radius: 50%;}
.title-switch{vertical-align: middle; font-size: 18px; font-weight: 700;  display: inline-block; margin-right: 15px; }
input:checked + .slide:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); left: 25px;}
.anual_slide{-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); left: 25px;}
.text-ahorro {
    font-size: 11px !important;
    margin-top: 0 !important;
    font-weight: inherit !important;
    background: red;
    color: #fff !important;
    position: relative;
    border-radius: 20px;
    padding: 2px 5px;
}
.switch-anual{ margin-top: -20px; }
.product-list {
    margin-bottom: 20px;
    text-align: center;
    margin-top: 70px;
}
.product-item-container {
   text-decoration: inherit !important;
    width: 26%;
    display: inline-block;
    vertical-align: text-top;
    border: 1px solid #72BF44;
    border-radius: 10px;
    padding: 20px 2%;
    margin: 0 1%;
    position: relative;
}
.product-header {
    text-align: left;
}
.product-title{
    font-family: "SalvoSansCond-Bold";
    font-size: 28px;
    cursor: default;
    margin-bottom: 0;
    margin-top: 10px;
}


.product-item ul{
    padding: 0;
    list-style: none;
     }
.product-item ul li{  font-size: 14px; font-family: "SalvoSansCond-Regular"; margin-bottom: 10px; }
.product-item ul  li img{ display: inline-block; vertical-align: middle;  margin-right: 10px; }
.product-item ul  li  span{display: inline-block; width: 70% ; vertical-align: middle;}
#ePaper .product-item ul li:nth-child(4) span { color: #2D333F; opacity: 0.3; }
.payment-price { font-family: "SalvoSansCond-Black";  font-size: 42px; color: #72BF44; text-align: left;}
.payment-price span{ font-family: "SalvoSansCond-Light";  font-size: 32px; color: #000000; }
.payment-text{ font-family: "SalvoSansCond-LightItalic.otf"; font-size: 14px; text-align: left; margin-bottom: 15px;}
.btn-offert{ font-family: "SalvoSansCond-Bold"; width: 100%; display: inline-block; background:#72BF44;  color: #fff; text-transform: uppercase; font-size: 16px;     border-radius: 20px; padding: 8px 0;}
.selector_radio{ display: none; }
.plan_popular  .btn-offert{ background: #F7931E; }
.plan_popular { border: 1px solid #FE8200; }
.plan_recomendado{ background: rgb(254,122,2);
background: linear-gradient(0deg, rgba(254,122,2,1) 46%, rgba(253,187,45,1) 100%); font-size: 18px; font-family: "SalvoSansCond-Bold"; color: #ffffff;  border-top-left-radius: 10px;
border-top-right-radius: 10px; padding: 10px 0;
    position: absolute;
    left: -1px;
    top: -42px;
    width: 100%; border-left: 1px solid #FE8200;
    border-right: 1px solid #FE8200; text-transform: uppercase;}
#impreso_diario{border-top-left-radius: 0px; border-top-right-radius: 0px;}
#beneficios{ text-align: center;  margin-top:50px ;}
.card-beneficios{ min-height: 380px;  margin-bottom: 30px; }
.card-beneficios img{ width: 100%; height: auto; }
.card-beneficios h3{ font-family: "SalvoSansCond-Bold";  font-size: 28px; margin: 10px 0; }
.card-beneficios p{ font-size: 20px; margin: 0 ; }
.card-beneficios:nth-child(6), .card-beneficios:nth-child(7) { padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 30%;
    padding-bottom: 40px;}
.card-beneficios:nth-child(6) h3, .card-beneficios:nth-child(7) h3 , .card-beneficios:nth-child(5) h3,  .card-beneficios:nth-child(4) h3{margin-top: 40px }
.card-beneficios:nth-child(2) h3{margin-top:25px;}
 .card-beneficios:nth-child(3) h3{margin-top:30px;}
 #terminos-condiciones {
    margin-top: 30px; text-align: center;
}

.parrafo-login-article_02 {
    text-align: center;
    color: #000 !important;
    font-size: 16px !important;
    line-height: 25px !important;
    margin-bottom: 0 !important;
    margin: 0;
}

.parrafo-login-article_02 a {
    color: #000;
    text-decoration: underline;
}

.btn-whatsapp {
    position: fixed;
    bottom: 48px;
    right: 5px;
    bottom: 5px;
}

#footer-beneficios{ background: #000000;  position: relative; padding: 20px 0; color: #fff; margin-top: 50px; font-size: 14px;}
.logo-am-footer{ display: inline-block;  vertical-align: middle;}
.footer_col_01{ display: inline-block;  vertical-align: middle; margin-left: 30px;}
.ul-btns a { color: #fff; margin-right:10px; text-decoration: none;}
.btn_circulo_beneficios{float: right; margin-top: 15px;}
.product-title img{ display: none; }
.planes-beneficios{ cursor: pointer; }

.content-suscribe-01 h1{    margin-top: 40px;}
.product-item ul li span a{ color: #000000;  }
.terminos-condiciones{ text-align: center;  font-family: "SalvoSansCond-Regular";     line-height: 22px; margin-bottom: 20px;}
.terminos-condiciones a{ color: #000000;  text-decoration: underline;}
.terminos-condiciones strong{ font-weight: bold; }
.final_price {
    font-size: 20px;
    text-decoration: line-through;
    margin-top: 15px;
    text-align: left;
    text-decoration-color: red;
    
}

.btn-planes{ float: right;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    background-color: #ff7b00;
    color: #fff;
    text-decoration: none;
    padding: 4px 12px;
    font-size: 12px;
    border-radius: 20px;
    margin-right: 20px; cursor: pointer;}
.btn-pagar-oxxo{

    margin-top: 10px;
    cursor: pointer;
    font-family: "SalvoSansCond-Bold";
    width: 100%;
    display: inline-block;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 20px;
    padding: 4px 0;
    border: 1px solid #e63336;


}
.btn-pagar-oxxo img{     display: inline-block;  vertical-align: middle; margin-left: 5px; height:20px !important; width:auto !important; }
.modal { display: none;  position: fixed;  z-index: 1;  left: 0; top: 0; width: 100%;   height: 100%;  overflow: auto;   background-color: rgba(0,0,0,0.4); }
.modal-content { margin: 15% auto; max-width:37%; position: relative;}
.modal-content img { width:100%; height:auto; }
.close {right: 10px; color: #fff;font-size: 30px;font-weight: bold; position: absolute; }
.close:hover,.close:focus { color: black; text-decoration: none; cursor: pointer; }




@media (max-width: 700px) {
.modal-content {max-width: 90%; }
    #codigo-input{width: 50% !important;}
 header{padding: 10px 20px;
    text-align: center;
    border-top: solid 2px var(--verde-claro);
    box-shadow: 0 1px 4px rgb(0 0 0/15%);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 200;
    box-sizing: border-box;}
.container{ width: 95%; padding: 0 2.5%;}
.logo-am span, .estatus-user span{ display: none; }
.content-suscribe-01 p{display: none;}
.content-suscribe-01 h1, .sub_plan{    margin-top: 5px; font-size: 32px; }
.logo-am img{width: 58px;}

}