@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

/*GENERAL*/
body { color: #000; background: #fff; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400;}
a:hover { text-decoration: none;}
a, a:active, a:focus { outline: none; text-decoration: none;}
/**/
.banner-mobile { display: none;}
.no-min-height { min-height: 100%;}
/**/
.form-control:focus { border-color: transparent; box-shadow: none;}
input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { background: #fff;}

/*HEADER*/
header { background: #789c48; color: #fff; min-height: 56px;}
header a { color: #fff;}
header a:hover { color: #fff;}
.main-logo { float: left; padding: 7px 12px 0 0;}
.brand-logo { display: block; width: 230px; height: 41px; background: url(../images/layout/logo-tevabien.png) no-repeat; text-indent: -5000px;}
.brand-logo a { display: block; width: 100%; height: 100%;}
.brand-logo-tienda { display: block; width: 190px; height: 37px; background: url(https://www.tevabien.com/assets/images/layout/logo-tienda.png) no-repeat; text-indent: -5000px; margin-top: -6px; margin-right: 15px;}

/**/
.top-beneficios { float: left; height: 34px; padding-left: 16px; border-left: 1px solid #b2c19f; margin-top: 9px;}
.top-beneficios .banco-comafi { display: block; width: 102px; height: 13px; background: url(../images/layout/logo-beneficios-comafi.png) no-repeat; text-indent: -5000px; text-align: left;}
.top-beneficios .control-label { float: left; text-align: left; padding-top: 0; font-weight: 400; padding-right: 12px;}
.top-beneficios .texto { font-size: 12px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;}
.top-search { float: left; margin-top: 13px;}
.top-search .form-horizontal .form-group { margin: 0;}
.top-search .input-group { width: 296px; float: left;}
.top-search .input-group .form-control:first-child { border-radius: 0; border-right: none; height: 33px; font-size: 11px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; color: #626161;}
.top-search .input-group-btn:last-child > .btn { border-radius: 0; border-left: none; font-size: 21px; color: #9b9ca1; line-height: 0; height: 33px; padding: 5px 6px;}
.top-search .form-control:focus { border-right-color: transparent}
.top-search .form-control::-webkit-input-placeholder {color: #626161;}
.top-search .form-control:-moz-placeholder {color: #626161; opacity: 1;}
.top-search .form-control::-moz-placeholder {color: #626161; opacity: 1;}
.top-search .form-control:-ms-input-placeholder { color: #626161;}
.top-search .form-control:focus::-webkit-input-placeholder {color: #fff;}
.top-search .form-control:focus:-moz-placeholder {color: #fff;}
.top-search .form-control:focus::-moz-placeholder {color: #fff;}
.top-search .form-control:focus:-ms-input-placeholder { color: #fff;}
.top-nav { float: right; padding-top: 9px;}
.top-nav li { float: left; height: 35px; border-left: 1px solid #b2c19f;}
.top-nav li:first-child { border: none}
.top-nav .millas-label { display: block; position:relative; padding: 11px 25px; background: #472f92; margin-right: 16px;}
.top-nav .millas-label:focus { color: #fff;}
.top-nav .tevabien-millas { display: block; background: url(../images/layout/logo-millas.png) no-repeat; width: 105px; height: 15px; text-indent: -5000px;}
.top-nav .millas-label .fa { font-size: 22px; position: absolute; left: 10px; top: 8px;}
.top-nav .millas-label p { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1; margin: -1px 0 0 0;}
.top-nav .app-label { display: block; position: relative; padding: 8px 17px 0 42px}
.top-nav .app-label .fa { font-size: 28px; position: absolute; left: 17px; top: 5px;}
.top-nav .app-label span { font-size: 11px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.top-nav .opciones-label { padding-left: 17px; display: block;}
.top-nav .opciones-label h5 { margin: 0; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 12px; text-transform: uppercase; line-height: 1; margin-bottom: 5px;}
.top-nav .opciones-label p { font-size: 14px; margin: 0; line-height: 1;}
.top-nav .opciones-label p a { text-decoration: underline;}
.top-nav .opciones-label .user-in { padding-top: 10px;}

/*NAV*/
.icons-holder {min-height: 59px;}
.main-nav { background: #fff; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; min-height: 59px;}
.fixthis-icons { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 500;}
.nav-slider { position: relative;}
.main-nav .inner-box { padding-left: 35px; padding-right: 35px;}
.nav-slider ul { margin: 0;}
.nav-slider-icons li { float: left; display: block; text-align: center; padding: 5px 8px 0 8px; margin-right: 0 !important}
.nav-slider-icons a { color: #515151;}
.nav-slider-icons .fa { color: #789c48; line-height: 0;}
.nav-slider-icons span { display: block; font-size: 12px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;}
.nav-slider-icons .inner-table { display: table; width: 100%;}
.nav-slider-icons .inner-cell { display: table-cell; height: 30px; vertical-align: middle;}
/**/
.icon { display: inline-block; position: relative; margin: 0; padding: 0; width: 25px; height: 25px;}
.icon-bares { background: url(../icons/icono-bares.svg) no-repeat center center; background-size: contain;}
.icon-belleza { background: url(../icons/icono-belleza.svg) no-repeat center center; background-size: contain;}
.icon-bienestar { background: url(../icons/icono-bienestar.svg) no-repeat center center; background-size: contain;}
.icon-cercanos { background: url(../icons/icono-cercanos.svg) no-repeat center center; background-size: contain;}
.icon-cine { background: url(../icons/icono-cine.svg) no-repeat center center; background-size: contain;}
.icon-combustible { background: url(../icons/icono-combustible.svg) no-repeat center center; background-size: contain;}
.icon-e-commerce { background: url(../icons/icono-ecommerce.svg) no-repeat center center; background-size: contain;}
.icon-espectaculos { background: url(../icons/icono-espectaculos.svg) no-repeat center center; background-size: contain;}
.icon-entretenimiento { background: url(../icons/icono-entretenimiento.svg) no-repeat center center; background-size: contain;}
.icon-estacionamiento { background: url(../icons/icono-estacionamiento.svg) no-repeat center center; background-size: contain;}
.icon-gastronomia { background: url(../icons/icono-gastronomia.svg) no-repeat center center; background-size: contain;}
.icon-hogar-deco { background: url(../icons/icono-hogar-deco.svg) no-repeat center center; background-size: contain;}
.icon-imperdibles { background: url(../icons/icono-imperdibles.svg) no-repeat center center; background-size: contain;}
.icon-jugueterias { background: url(../icons/icono-jugueterias.svg) no-repeat center center; background-size: contain;}
.icon-librerias { background: url(../icons/icono-librerias.svg) no-repeat center center; background-size: contain;}
.icon-moda { background: url(../icons/icono-moda.svg) no-repeat center center; background-size: contain;}
/* .icon-modo { background: url(../icons/icono-modo.svg?v=2) no-repeat center center; background-size: contain; margin-bottom: -2px;} */
li:has(.icon-modo) { display: none;}
.icon-promos-del-mes { background: url(../icons/icono-promos-del-mes.svg) no-repeat center center; background-size: contain;}
.icon-provencred { background: url(../icons/icono-provencred.svg) no-repeat center center; background-size: contain;}
.icon-salud { background: url(../icons/icono-salud.svg) no-repeat center center; background-size: contain;}
.icon-servicios { background: url(../icons/icono-servicios.svg) no-repeat center center; background-size: contain;}
.icon-supermercados { background: url(../icons/icono-supermercados.svg) no-repeat center center; background-size: contain;}
.icon-te-va-jueves { background: url(../icons/icono-tevajueves.svg) no-repeat center center; background-size: contain;}
.icon-todos { background: url(../icons/icono-todos.svg) no-repeat center center; background-size: contain;}
.icon-transporte { background: url(../icons/icono-transporte.svg?v=1) no-repeat center center; background-size: contain; margin-bottom: -5px;}
.icon-turismo { background: url(../icons/icono-turismo.svg) no-repeat center center; background-size: contain;}
.icon-vinotecas { background: url(../icons/icono-vinotecas.svg) no-repeat center center; background-size: contain;}
.icon-vehiculos { background: url(../icons/icono-vehiculos.svg) no-repeat center center; background-size: contain;}
/**/
.main-nav .icon-arrows { display: block; position: absolute; top: 0; width: 27px; height: 57px; font-size: 35px; color: #848484; padding-top: 2px;}
.main-nav .icon-arrows .fa { line-height: 0;}
.main-nav .icon-prev { left: 15px; border-right: 1px solid #dedede}
.main-nav .icon-next { right: 15px; text-align: right; border-left: 1px solid #dedede}
.mobile-search-trigger { display: none;}
/**/
.c-hamburger { display: none;}
.mobile-bar { display: none;}

/*MAIN SLIDER*/
/*.home-slider { position: relative; min-height: 300px; max-height: 419px; overflow: hidden;}
.home-slider li { float: left; overflow: hidden}
.home-slider li img { width: 100%; height: auto}
.home-slider .caroufredsel_wrapper { margin-bottom: 0 !important;}
.home-slide-circles { position: absolute; width: 400px; text-align: center; left: 50%; bottom: 6px; z-index: 100; margin-left: -200px;}
.home-slide-circles .home-circles { display: block;}
.home-slide-circles .home-circles a { display: inline-block; margin-left: 5px; margin-right: 5px; width: 15px; height: 15px; text-indent: -5000px; background: #fff; border-radius: 100%;}
.home-slide-circles .home-circles a.selected { background: #789c48;}
.home-slider .arrows { display: none;}*/
.home-slider { position: relative; /*min-height: 300px; max-height: 419px;*/ overflow: hidden;}
#ninja-slider { padding: 0; background: #fff;}
#ninja-slider .inner > ul { padding-top: 22.2% !important; margin: 0;}
#ninja-slider-prev { left: 42px; display: none;}
#ninja-slider-next { right: 42px; display: none;}
#ninja-slider-prev, #ninja-slider-next { background: none;}
#ninja-slider .ns-img { border-radius: 0; box-shadow: none; background-color: #fff; background-position: top center; background-size: cover;}
#ninja-slider-pager { padding-top: 0; position: absolute; width: 100%; text-align: center; left: 0; bottom: 6px; z-index: 100;}
#ninja-slider-pager a { display: inline-block; margin-left: 5px; margin-right: 5px; width: 15px; height: 15px; text-indent: -5000px; background: #e3e3e3; border-radius: 100%; box-shadow: none}
#ninja-slider-pager a.active { background: #789c48; box-shadow: none;}

/*BANNER*/
.full-bamner-area { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; text-align: center}
.full-bamner-area img { margin: 0 auto;}

/*COMISIONES*/
.comisiones-row { border-top: 1px solid #e5e6e6;}
.comisiones-row p.cftna { margin: 30px 0; text-align: center; font-size: 120px; text-transform: uppercase; font-weight: 400; line-height: 120px;}
.comisiones-bottom { margin: 20px 0px 0px 20px; font-size: 11px; padding-bottom: 15px; text-align: center;}
.comisiones-bottom a { color: #4f504f; text-decoration: underline;}

/*FOOTER*/
.productos-servicios { padding-top: 28px; padding-bottom: 28px; border-top: 1px solid #e5e6e6;}
.full-bamner-area + .productos-servicios { border-top: none;}
.product-item { text-align: center; height: 113px; overflow: hidden; /*background: #ccc; border: 1px solid #e8e9e9;*/}
.product-item a { display: block; width: 100%; height: 100%; position: relative;}
.product-item a img { position: absolute; top: 50%; left: 50%; margin-left: -129px; margin-top: -56px;}
/**/
.newsletter-area { background: #efefef; padding-top: 18px; padding-bottom: 14px;}
.newsletter-area h3 { float: left; margin: 0; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 300; font-style: italic; font-size: 22px; padding-right: 5px;}
.newsletter-area p { float: left; margin: -5px 0 0 0; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic; font-size: 22px; padding-right: 14px; position: relative;}
.newsletter-area p:after { content: ""; display: block; width: 1px; height: 18px; border-right: 1px solid #404040; position: absolute; top: 7px; right: 0;}
.newsletter-area .action-suscribite { display: block; float: left; position: relative; padding-left: 45px; height: 21px;}
.newsletter-area .action-suscribite .fa { font-size: 22px; color: #472f92; position: absolute; left: 15px; top: 10px; line-height: 0;}
.newsletter-area .action-suscribite span { display: block; font-size: 12px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; color: #472f92; text-transform: uppercase; padding-top: 2px; text-decoration: underline;}
/**/
footer { border-top: 1px solid #e5e6e6; border-bottom: 1px solid #e5e6e6; padding-top: 20px; padding-bottom: 16px;}
footer .opciones { margin: -4px 0 0 0;}
footer .opciones .segunda-linea { padding-left: 0;}
footer .opciones li { float: left; position: relative; color: #646464; font-size: 12px; line-height: 1.6; text-transform: uppercase; padding-left: 10px; padding-right: 10px;}
footer .opciones li:first-child { padding-left: 0;}
footer .opciones li strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 11px;}
footer .opciones li a { color: #646464}
footer .opciones li a:hover { color: #000}
footer .opciones li a strong { color: #000;}
footer .opciones li:after { content: ""; height: 12px; position: absolute; top: 3px; right: 0; border-left: 1px solid #8d8d8d}
footer .opciones li:last-child:after { display: none;}
/**/
.seguinos { float: right; margin: 0;}
.seguinos span { display: block; float: left; font-size: 12px; text-transform: uppercase; padding-top: 7px;}
.seguinos a { display: block; float: left; margin-left: 10px; font-size: 21px}
.seguinos .fa-facebook-square { color: #0c6dc7;}
.seguinos .fa-facebook-square:hover {color: #0c6dc7;}
/* .seguinos .fa-twitter { color: #38b7e6;} */
.seguinos .fa-twitter { color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg width='300' height='271' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' d='m236 0h46l-101 115 118 156h-92.6l-72.5-94.8-83 94.8h-46l107-123-113-148h94.9l65.5 86.6zm-16.1 244h25.5l-165-218h-27.4z'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: 93%;}
.seguinos .fa-twitter:hover {color: #38b7e6;}
.seguinos .fa-linkedin-square {color: #356da0;}
.seguinos .fa-linkedin-square:hover {color: #034888;}
.desarrolla .seguinos { display: none;}
/**/
.desarrolla { padding-top: 6px; padding-bottom: 8px;}
.desarrolla h5 { float: right; color: #6d6c6e; font-size: 11px;}
.desarrolla h5 a { text-decoration: underline; color: #6d6c6e; margin: 0;}
/**/
footer .sep-line:after { content: ""; display: block; width: 1px; height: 40px; border-left: 1px solid #e1e2e2; position: absolute; top: -5px; right: 0;}
footer .col-md-8 + .sep-line:after { right: auto; left: 0}
/**/
.copyright { color: #787878; padding-top: 15px;}
/**/
.dsk { display: block;}
.dsk-tbl { display: block;}
.mbl { display: none}

/*MODAL FORMAT*/
.modal-dialog { margin: 0 auto; position: absolute; left: 50%; top: 50%;}
.modal-content { border-radius: 0}
.modal-body { padding: 0 60px 60px 60px}
.modal-header { padding: 30px 60px 20px 60px; border: none; position: relative}
.close { font-weight: 300; font-size: 55px; position: absolute; right: 15px; top: 0px;}

/*MODAL NEWSLETTER*/
#newsletter .modal-dialog { width: 100%; max-width: 805px; margin-left: -402px; margin-top: -332px;}
.newsletter-formulario { border: 1px solid #d3d3d3; padding: 22px;}
.modal-newsletter .modal-title { font-size: 24px; margin: 0; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 300; text-transform: uppercase;} 
.modal-newsletter .modal-title .fa { color: #472f92;}
.modal-newsletter .modal-header p { margin: 0; font-size: 13px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; padding-left: 32px;}
/**/
.formularios .leyenda { font-size: 12px; color: #f48f0c; text-align: right}
.formularios .form-group { padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; margin-left: 0; margin-right: 0;}
.formularios .form-group.error .error-message { position: absolute; top: -5px; left: 100%; display: block; background: #f48f0c; min-width: 120px; padding: 10px; color: #fff; font-size: 13px; line-height: 1;}
.formularios .form-group.error .error-message:after { right: 100%;	top: 50%; border: solid transparent; content: " "; height: 0; width: 0;	position: absolute;	pointer-events: none; border-color: rgba(244, 143, 12, 0); border-right-color: #f48f0c;	border-width: 10px;	margin-top: -10px;}
.formularios .control-label { font-size: 13px; font-weight: 400;}
.formularios .control-label.required:before { content: "*"; color: #f48e0a; position: relative; font-size: 20px; margin-right: 3px; line-height: 0; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.formularios .form-control { border-radius: 0; border: 1px solid #dee0de; background: #f7f8f7; box-shadow: none; color: #000;}
.formularios .help-label { font-size: 12px; color: #8e919f; margin-top: 9px; display: inline-block;}
.formularios .alert { border-radius: 0; font-size: 16px; margin-top: 20px; border: none;display:none;}
.formularios .alert-danger { background: #fbe6c8; color: #ef6b00;}
.formularios .btn { border: none; border-radius: 0; color: #fff; background: #789c48; font-size: 16px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; padding: 7px 40px;}
.formularios .btn:hover { background: #68893d;}
.formularios .form-control::-webkit-input-placeholder {color: #000;}
.formularios .form-control:-moz-placeholder {color: #000; opacity: 1;}
.formularios .form-control::-moz-placeholder {color: #000; opacity: 1;}
.formularios .form-control:-ms-input-placeholder { color: #000;}
.formularios .form-control:focus::-webkit-input-placeholder {color: #f7f8f7;}
.formularios .form-control:focus:-moz-placeholder {color: #f7f8f7;}
.formularios .form-control:focus::-moz-placeholder {color: #f7f8f7;}
.formularios .form-control:focus:-ms-input-placeholder { color: #f7f8f7;}
.formularios .tooltip-inner { background: #d9e5c9; color: #000; font-size: 13px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic; min-width: 170px; text-align: left; padding: 10px; line-height: 1.1;}
.formularios .tooltip.right .tooltip-arrow  { border-right-color: #d9e5c9;}

/*HOME*/
.promos-home { position: relative; z-index: 101;}
.nav-tabs { border-bottom: 1px solid #ddd; padding-bottom: 1px; margin-bottom: 40px; padding: 0 15px;}
.nav-tabs > li { min-width: 125px; font-weight: 500; background: #f7f7f7; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-left: -1px;}
.nav-tabs > li > a { border: none; border-radius: 0; background: rgba(255,255,255,.85); font-size: 15px; line-height: 1.2; text-transform: uppercase; color: #414042; padding: 12px 15px; margin: 0;}
.nav-tabs > li > .tab-todas { color: #789c48; padding-left: 15px; padding-right: 27px;}
.nav-tabs > li > .tab-unico { color: #000; padding-left: 20px; padding-right: 22px;}
.nav-tabs > li > .tab-premium { color: #789c48; padding-left: 20px; padding-right: 22px;}
.nav-tabs > li > .tab-sueldo { color: #007da9; padding-left: 20px; padding-right: 22px;}
.nav-tabs > li > .tab-nyp { color: #3faa95; padding-left: 20px; padding-right: 37px;}
.nav-tabs > li > a:hover { background: rgba(255,255,255,.7)}
.nav-tabs > li > a strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.nav-tabs > li.active { border-bottom: 1px solid #fff;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {color: #789c48; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent;}
.nav-tabs > li.active > .tab-unico, .nav-tabs > li.active > .tab-unico:focus, .nav-tabs > li.active > .tab-unico:hover {color: #000;}
.nav-tabs > li.active > .tab-premium, .nav-tabs > li.active > .tab-premium:focus, .nav-tabs > li.active > .tab-premium:hover {color: #789c48;}
.nav-tabs > li.active > .tab-sueldo, .nav-tabs > li.active > .tab-sueldo:focus, .nav-tabs > li.active > .tab-sueldo:hover {color: #007da9;}
.nav-tabs > li.active > .tab-nyp, .nav-tabs > li.active > .tab-nyp:focus, .nav-tabs > li.active > .tab-nyp:hover {color: #3faa95;}
.nav > li > a { background: #f7f7f7;}
.promo-item { background: #fff; padding: 18px 14px 14px 14px; min-height: 235px; position: relative; text-align: center; border: 1px solid #789c48; margin-bottom: 30px; display: block}
.promo-item figure { text-align: center; margin: 0 0 8px 0; width: 100%;}
.promo-item figure img { margin: 0 auto;}
.promo-item h4 { margin: 0 0 31px 0; font-size: 30px; color: #789c48; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; line-height: 1; height: 46px; min-height: 40px}
.promo-item h4 b { font-size: 12px; font-weight: 900 !important; display: block; padding-top: 5px;}
.promo-item h4 i { display: block; margin: 4px -11px; padding: 4px; font-size: 12px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; font-style: normal; color: #789c48; background: #fff;}
.promo-item h4 i.exclusivo-MODO { background: url(../images/layout/logo-modo.svg) no-repeat center center; background-size: contain; color: transparent; padding: 2px; margin-top: 7px;}
.promo-item p { margin: 0 0 6px 0; font-size: 10px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; color: #000}
.promo-item span { font-size: 10px; color: #000; display: block; position: absolute; left: 0; bottom: 18px; width: 100%; text-align: center; text-decoration: underline;}
.promo-item-premium { border-color: #789c48;}
.promo-item-premium:after { content: "PREMIUM PLATINUM"; display: block; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 10px; text-transform: uppercase; color: #fff; background: #789c48; border: 1px solid #789c48; position: absolute; left: 50%; top: -7px; line-height: 1; padding: 2px 5px 2px 5px; margin-left: -56px;}
.promo-item-sueldo { border-color: #007da9;}
.promo-item-sueldo:after { content: "PLAN SUELDO"; display: block; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 10px; text-transform: uppercase; color: #fff; background: #007da9; border: 1px solid #007da9; position: absolute; left: 50%; top: -7px; line-height: 1; padding: 2px 5px 2px 5px; margin-left: -38px;}

.promo-obs h4 { font-size: 25px; padding-top: 5px;}
.promo-bon h4 { font-size: 18px; padding-top: 11px;}

.promo-item-nyp { border-color: #6fc7b6;}
.promo-item-nyp:after { content: "Negocios y Pymes"; display: block; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 10px; text-transform: uppercase; color: #fff; background: #6fc7b6; border: 1px solid #6fc7b6; position: absolute; left: 50%; top: -7px; line-height: 1; padding: 2px 3px 2px 3px; margin-left: -51px;}

.promo-item-unico { border-color: #414141;}
.promo-item-unico:after { content: "UNICO BLACK"; display: block; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 10px; text-transform: uppercase; color: #fff; background: #414141; border: 1px solid #414141; position: absolute; left: 50%; top: -7px; line-height: 1; padding: 2px 3px 2px 3px; margin-left: -37px;}

/*LISTADO BENEFICIOS*/
.breadcrumb { padding: 8px 0; margin-bottom: 0px; background-color: transparent; border-radius: 0px;}
.breadcrumb li { font-size: 12px; line-height: 1; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400;}
.breadcrumb a {color: #969696;}
.breadcrumb > .active {color: #969696;}
.breadcrumb > li + li:before { padding: 0 3px 0 1px; color: #969696; content: ">";}
.section-title h1 { margin: 0 0 20px 0; font-size: 30px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 300; color: #000; line-height: 1;}
/**/
.listado-beneficios { margin-bottom: 50px;}
.listado-beneficios .box { border: 1px solid #e1e2e2; margin-bottom: -1px; padding: 20px;}
.listado-beneficios .box h4 { margin: 0 0 15px 0; text-transform: uppercase; color: #684dbc; font-size: 12px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.listado-beneficios .box ul { margin: 0;}
/**/
.listado-beneficios .box ul { max-height: 122px; overflow: hidden;}
.listado-beneficios #products.box ul { max-height: unset;}
.listado-beneficios .boxfull ul,
.listado-beneficios #products .verMas,
.listado-beneficios #channels .verMas,
.listado-beneficios #contacts ul { max-height: unset !important;}
.listado-beneficios .boxfull .verMas,
.listado-beneficios #products .verMas,
.listado-beneficios #channels .verMas,
.listado-beneficios #contacts .verMas { display: none;}
.verMas { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%); padding-top: 28px; margin-top: -25px; display: inline-block; width: 100%;}
.verMas span { padding-top: 10px; color: #684dbc; font-size: 11px; font-weight: 700; cursor: pointer;}
/**/
.listado-beneficios .box-categorias { overflow: hidden; /*height: 130px; */transition: all 1s ease 0s}
.listado-beneficios .showhide-todas .ocultar-todas { display: none}
.listado-beneficios .showhide-todas.open .ocultar-todas { display: block}
.listado-beneficios .showhide-todas.open .todas { display: none}
.listado-beneficios .box-categorias.expandir { height: auto;}
.listado-beneficios .filters li { margin-bottom: 5px;}
.listado-beneficios .filters li:last-child { margin-bottom: 0;}
.listado-beneficios .filters span { display: block; background: #eeefef; text-transform: uppercase; font-size: 11px; color: #4f504f; position: relative; padding: 5px 30px 5px 10px;}
.listado-beneficios .filters a { position: absolute; top: 2px; right: 6px; color: #a2a3a3; font-size: 13px; font-weight: 700;}
.listado-beneficios .categorias a { color: #000;}
.listado-beneficios .categorias a span { color: #7c7c7c;}
.listado-beneficios .categorias strong { font-size: 12px; text-transform: uppercase; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.listado-beneficios .categorias > li > span { font-size: 12px;}
.listado-beneficios .categorias ul { margin: 5px 0 17px 7px}
.listado-beneficios .categorias li li { font-size: 13px; margin-bottom: 5px;}
.listado-beneficios .categorias li li span { font-size: 11px;}
.listado-beneficios .action { font-size: 14px; color: #000; text-decoration: underline;}
.listado-beneficios select { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400;; font-size: 13px; color: #000; background: #f7f8f7; padding: 3px 12px; line-height: 1; height: 30px;}
.listado-beneficios .std li { margin-bottom: 5px;}
.listado-beneficios .std li a { font-size: 11px; color: #4f504f; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase;}
.listado-beneficios .std li:last-child { margin-bottom: 0;}
.listado-beneficios .std li a span { color: #919291;}
.listado-beneficios .col-md-10 .col-md-2 { width: 20%;}
.listado-beneficios .results { color: #414042; font-size: 14px; line-height: 1; margin-bottom: 20px;}
.listado-beneficios .results strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900;}
.listado-beneficios .show-filtros { display: none;}
/**/
.pagination { border-radius: 0;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; font-size: 12px; text-transform: uppercase; padding: 8px 13px 7px 13px;}
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; font-size: 12px; text-transform: uppercase; padding: 8px 13px 7px 13px;}
.pagination > li > a, .pagination > li > span { color: #000; background-color: #fff; font-size: 14px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; padding: 6px 13px;}
.pagination .fa { font-size: 14px;}
.pagination > li:first-child .fa { margin-right: 3px;}
.pagination > li:last-child .fa { margin-left: 3px;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #472f92; border-color: #ddd;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {color: #684dbc; background-color: #fff; border-color: #ddd;}
.listado-beneficios .pagination { margin-top: 0;}

/*FICHA*/
.ficha { margin-top: 10px;}
.ficha .titulo { font-size: 30px; color: #000; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 300; margin: 0; text-transform: uppercase; padding-bottom: 20px; border-bottom: 1px solid #7b8377; margin-bottom: 20px; position: relative}
.ficha .info p:first-child { font-size: 12px; color: #000;}
.ficha .info p { font-size: 14px;}
.ficha .info h2 { margin: 0 0 10px 0; font-size: 24px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 300; color: #789c48;}
.ficha .info h2 strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900;}
.ficha .info h3 { margin: 0 0 30px 0; font-size: 14px; color: #000;}
.ficha .info h3 strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; text-transform: uppercase;}
.ficha .info h4 { margin: 0 0 20px 0; font-size: 12px;}
.ficha .info h4 strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase;}
.ficha .info h4 a { color: #789c48; text-decoration: underline; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 13px;}
.ficha .info .fa { font-size: 16px; color: #797777; margin-right: 6px;}
.ficha .info h5 a { color: #789c48; font-size: 13px;}
.ficha .info h5 a:hover { color: #67863e;}
.ficha .medios { overflow: hidden; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9}
.ficha .medios p { font-size: 13px; margin: 0; float: left; width: 67%;}
.ficha .medios span { font-size: 12px; text-transform: uppercase; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.ficha .medios figure { float: right; margin-top: -2px; margin-bottom: -3px; max-width: 33%;}
.ficha .medios figure img { float:left; margin-left: 5px; margin-bottom: 5px; border: 1px solid #d9d9d9;}
.ficha .categorias { padding-top: 15px; padding-bottom: 15px;}
.ficha .categorias p { font-size: 11px; text-transform: uppercase; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400;}
.ficha .categorias a { display: inline-block; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; color: #472f92; background: #e4e0ef; padding: 2px 4px; margin-left: 3px;}
.ficha .categorias a:hover { background: #472f92; color: #fff;}
.ficha .bases { padding-bottom: 30px;}
.ficha .bases h4 { font-size: 12px; color: #9b9ca1; text-transform: uppercase; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400;}
.ficha .bases .comment { font-size: 12px; color: #6c6d71; width: 100%}
.ficha .bases .comment a { color: #789c48;}
.ficha .bases a.morelink { font-size: 13px; color: #789c48; text-decoration: underline;}
.ficha .bases .morecontent span { display: none;}
.ficha .sidebar { margin-top: 150px;}
.compartir { overflow: hidden}
.compartir p { float: left; color: #000; font-size: 12px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; margin: 0; padding-right: 5px; padding-top: 10px;}
.compartir ul { margin: 0;}
.compartir li { float: left; padding: 5px 0 0 10px; height: 38px;}
.compartir li:last-child { border-left: 1px solid #d9d9d9; margin-left: 15px; padding-left: 15px;}
.compartir .fa-facebook-square { color: #0c6dc7; font-size: 26px;}
/* .compartir .fa-twitter { color: #38b7e6; font-size: 27px;} */
.compartir .fa-twitter { font-size: 27px; color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg width='300' height='271' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' d='m236 0h46l-101 115 118 156h-92.6l-72.5-94.8-83 94.8h-46l107-123-113-148h94.9l65.5 86.6zm-16.1 244h25.5l-165-218h-27.4z'/%3E%3C/svg%3E"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: 90%;}
.compartir .fa-whatsapp { font-size: 27px; display: none;}

.compartir .mail-icon { background: url(../images/layout/email-icon.png) no-repeat; width: 27px; height: 25px; display: inline-block; position: relative; top: 3px;}
.compartir .print-icon { background: url(../images/layout/print-icon.png) no-repeat; width: 30px; height: 25px; display: inline-block}
.logo-box { border: 1px solid #dbdbdb; display: table; width: 100%; margin-bottom: 50px;}
.logo-box figure { display: table-cell; vertical-align: middle; height: 144px; text-align: center}
.logo-box figure img { margin: 0 auto;}
/*FiCHA PREMIUM*/
/*.ficha-premium .titulo { border-bottom: 1px solid #007da9;}*/
.ficha-premium .titulo:after { content: "BENEFICIO PREMIUM PLATINUM"; display: block; background: #fff; color: #3a3c3f; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 10px; text-transform: uppercase; position: absolute; left: 21px; bottom: -8px; border: 1px solid #7b8377; height: 16px; padding: 2px 10px 0 10px;}
/*FiCHA SUELDO*/
/*.ficha-sueldo .titulo { border-bottom: 1px solid #007da9;}*/
.ficha-sueldo .titulo:after { content: "BENEFICIO PLAN SUELDO"; display: block; background: #fff; color: #3a3c3f; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 10px; text-transform: uppercase; position: absolute; left: 21px; bottom: -8px; border: 1px solid #7b8377; height: 16px; padding: 2px 10px 0 10px;}
.ficha-unico .titulo:after { content: "BENEFICIO UNICO BLACK"; display: block; background: #fff; color: #3a3c3f; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 10px; text-transform: uppercase; position: absolute; left: 21px; bottom: -8px;; border: 1px solid #7b8377; height: 16px; padding: 2px 10px 0 10px;}
.pre-aplicar { overflow: hidden; position: absolute; top: 5px; right: -275px; width: 260px; text-align: center; border: 1px solid #d9d9d9; padding: 14px 5px 17px 5px;}
.pre-aplicar figure { float: left;}
.pre-aplicar p { font-size: 17px; color: #68893d; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 1.3;}
.pre-aplicar .action { display: inline-block; background: #007da9; /*background: #bf1e2e;*/ color: #fff; font-size: 13px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.1px; text-align: center; text-transform: uppercase; padding: 8px 20px;}
.pre-aplicar .action:hover { background: #356f94; /*background: #a61a27;*/}
.ficha-sueldo .sidebar { margin-top: 150px;}
.pre-aplicar--general { display: block !important;}
.pre-aplicar--sueldo { display: none !important;}
.ficha-sueldo .pre-aplicar--general { display: none !important;}
.ficha-sueldo .pre-aplicar--sueldo { display: block !important;}
/*MODAL EMAIL*/
.modal-dialog { width: 794px; margin-left: -397px; top: 50%}
.modal-email .modal-dialog { margin-top: -370px;}
.modal-email .modal-header,
.modal-email-ok .modal-header { padding: 25px 30px 0 50px; border: none}
.modal-email .modal-title,
.modal-email-ok .modal-title { font-size: 24px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 300; color: #000; text-transform: uppercase; margin: 0;}
.modal-email .modal-body,
.modal-email-ok .modal-body { padding: 15px 50px 50px 50px;}
.modal-email fieldset { border: 1px solid #dddddd; padding-top: 20px; padding-bottom: 25px;}
.modal-content { border-radius: 0}
.contacto-experiencia-frm .leyenda { font-size: 12px; color: #f48f0c; text-align: right; padding-right: 30px;}
.contacto-experiencia-frm .form-group { padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; margin-left: 0; margin-right: 0;}
.contacto-experiencia-frm .form-group.error .error-message { position: absolute; top: -5px; left: 100%; display: block; background: #f48f0c; min-width: 120px; padding: 10px; color: #fff; font-size: 13px; line-height: 1;}
.contacto-experiencia-frm .form-group.error .error-message:after { right: 100%;	top: 50%; border: solid transparent; content: " "; height: 0; width: 0;	position: absolute;	pointer-events: none; border-color: rgba(244, 143, 12, 0); border-right-color: #f48f0c;	border-width: 10px;	margin-top: -10px;}
.contacto-experiencia-frm .control-label { font-size: 13px; font-weight: 400;}
.contacto-experiencia-frm .control-label.required:before { content: "*"; color: #f48e0a; position: relative; font-size: 20px; margin-right: 3px; line-height: 0; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.contacto-experiencia-frm .form-control { border-radius: 0; border: 1px solid #dee0de; background: #f7f8f7; box-shadow: none; color: #000;}
.contacto-experiencia-frm .help-label { font-size: 12px; color: #8e919f; margin-top: 9px; display: inline-block;}
.contacto-experiencia-frm .alert { border-radius: 0; font-size: 16px; margin-top: 20px; border: none; margin-left: 15px; margin-right: 15px;}
.contacto-experiencia-frm .alert-danger { background: #fbe6c8; color: #ef6b00;}
.contacto-experiencia-frm .btn { border: none; border-radius: 0; color: #fff; background: #789c48; font-size: 16px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; padding-left: 40px; padding-right: 40px;}
.contacto-experiencia-frm .btn:hover { background: #68893d;}
.contacto-experiencia-frm .control-label-title { font-size: 15px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; color: #000; text-transform: uppercase;}
.modal-email .modal-header .close,
.modal-email-ok .modal-header .close { font-size: 55px; position: absolute; top: 10px; right: 20px; font-weight: 300;}
.modal-email-ok .alert { border-radius: 0; font-size: 17px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; color: #829b4f; margin-bottom: 0; padding: 5px 15px;}
/**/
.mas-beneficios { border-top: 1px solid #d9d9d9;}
.mas-beneficios .titulo { font-size: 15px; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px;}
.mas-beneficios .titulo strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; color: #472f92;}
/**/
.locales-adheridos { padding-top: 10px; padding-bottom: 30px; display: none}
.tab-suc-head p { font-size: 14px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; margin-bottom: 30px;}
.tab-suc-head p strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
/***google-maps***/ .vista-block { border-top: 1px solid #e1e2e2; height: 40px; padding-top: 8px; border-bottom: 1px solid #e1e2e2; display: none;}
.vista-block .vista { font-size: 14px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; float: left; margin-bottom: 0;}
.vista-block .label-text { color: #6d6e72; display: block; float: left; height: 24px; border-right: 1px solid #d1d3d3; padding: 2px 15px 0 0;}
.vista-block .vista-option,
.vista-block .vista-option-2 {color: #000;}
.vista-block .vista-lista { display: block; float: left; height: 24px; border-right: 1px solid #d1d3d3; padding: 2px 15px 0 15px;}
.vista-block .vista-lista .fa-bars { font-size: 18px; margin-right: 4px;}
.vista-block .vista-mapa { display: block; float: left; height: 24px; padding: 3px 15px 0 15px;}
.vista-block .vista-mapa .fa-map-marker { font-size: 18px; margin-right: 5px;}
.vista-block .vista-option.active,
.vista-block .vista-option-2.active {color: #789c48}
.vista-block .mostrar { float: right;}
.vista-block .mostrar p { float: left; margin-bottom: 0; font-size: 14px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase;}
.vista-block .mostrar .checkbox { float: left; padding-left: 12px;}
.vista-block .mostrar .checkbox label { font-size: 13px; color: #6d6e72; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; font-style: italic;}
.mac .vista-block .mostrar .checkbox label input[type="checkbox"] { margin-top: 0;}
.vista-block .mostrar .icon-comafi { display: inline-block; width: 21px; height: 19px; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat -20px 0; margin-left: 4px; margin-right: 4px; position: relative; top: 3px;}
.vista-block .mostrar .checkbox label + label { padding-left: 10px;}
.vista-block .mostrar .icon-banelco { display: inline-block; width: 49px; height: 15px; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat 0 -60px; margin-left: 4px;}
.listado-sucursales { background: #f2f2f2; border-top: 2px solid #dadadb; margin-bottom: 0; clear: both; float: none; overflow: hidden}
.listado-sucursales .table-sucursal { display: table; width: 100%; border-bottom: 1px solid #d9d9da;}
.listado-sucursales .data { display: table-cell; padding-top: 14px; padding-bottom: 14px; vertical-align: top;}
.listado-sucursales .data p { margin-bottom: 0; font-size: 13px; padding-left: 16px;}
.listado-sucursales .data p strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
/***google-maps***/ .listado-sucursales .data p a { color: #6b8912; text-decoration: underline; display: none;}
.listado-sucursales .referencias { display: table-cell; text-align: right; padding-right: 18px; vertical-align: top; padding-top: 8px;}
.listado-sucursales .referencias ul { float: right; padding-top: 5px;}
.listado-sucursales .referencias li { float: left;}
.listado-sucursales .icon-caja { display: block; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat 0 0; width: 14px; height: 16px; margin-top: 2px; margin-left: 8px;}
.listado-sucursales .icon-cajeros { display: block; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat -20px 0; width: 21px; height: 19px; margin-left: 8px;}
.listado-sucursales .icon-autoservicio { display: block; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat -50px 0; width: 18px; height: 19px; margin-left: 8px;}
.listado-sucursales .icon-visuales { display: block; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat -72px 0; width: 20px; height: 19px; margin-left: 8px;}
.listado-referencias { border-top: 1px solid #aaabad; border-bottom: 1px solid #aaabad; overflow: hidden; padding-top: 13px; padding-bottom: 13px; margin-bottom: 0;}
.listado-referencias li { float: left; font-size: 13px; color: #6d6e72; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;}
.listado-referencias p { margin-bottom: 0; font-size: 12px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; color: #000; padding-top: 10px;}
.listado-referencias .label-text { display: block; float: left; padding-left: 5px;}
.listado-referencias .icon-caja-big { display: block; float: left; width: 22px; height: 25px; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat 0 -26px; margin-top: 8px; margin-left: 25px;}
.listado-referencias .icon-cajeros-big { display: block; float: left; width: 33px; height: 29px; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat -30px -26px; margin-top: 6px; margin-left: 25px;}
.listado-referencias .icon-autoservicio-big { display: block; float: left; width: 27px; height: 28px; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat -70px -26px; margin-top: 5px; margin-left: 25px;}
.listado-referencias .icon-visuales-big { display: block; float: left; width: 30px; height: 28px; background: url(../images/comafi24/cajeros-sucursales/sprite.png) no-repeat -100px -26px; margin-top: 6px; margin-left: 25px;}
.vista-mapa-sucursales,
.vista-mapa-sucursales-2 { display: none;}

/*FREE PAGE*/
.page-detalle { color: #000; margin-bottom: 50px;}
.page-detalle ul { margin-bottom: 15px; list-style: none; margin-left: 0; padding-left: 0px;}
.page-detalle ol { margin-bottom: 15px;}
.page-detalle li { font-size: 14px; line-height: 1.7;}
.page-detalle ul li:before { content: "\f0da"; font: normal normal normal 14px/1 FontAwesome; margin-right: 6px;}
.page-detalle ol { padding-left: 15px;}
.page-detalle h2 { color: #000; font-size: 24px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 300; padding: 20px 0px; margin-bottom: 0; margin-top: 0}
.page-detalle .ancla + h2 { padding-top: 0;}
.page-detalle h3 { color: #000; font-size: 26px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 300; border-top: 1px solid #e1e2e2; padding: 20px 0px; margin-bottom: 0;}
.page-detalle .ancla:first-child + h3 { border-top: none; padding-top: 0; margin-top: 0;}
.page-detalle .ancla:first-child { top: -120px;}
.page-detalle .ancla { position: relative; top: -100px}
.page-detalle h2:first-child { border-top: none; padding-top: 0; margin-top: 0;}
.page-detalle p + h4 { margin-top: 30px;}
.page-detalle h4 { font-size: 15px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; margin-bottom: 15px;}
.page-detalle a { color: #789c48; text-decoration: underline;}
.page-detalle strong { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.page-detalle cite { font-size: 14px; color: #939598; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;}
.page-detalle table { width: 100%; border: 1px solid #d4d5d6; margin-bottom: 20px;}
.page-detalle table td { padding: 16px; border: 1px solid #d4d5d6;}
.page-detalle table th { padding: 16px; border: 1px solid #d4d5d6;}
.page-detalle h5 { font-size: 15px; color: #000; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; padding: 14px 16px; background: #f2f2f2;}
/**/
.acordion-group {margin-bottom: 30px; overflow: hidden}
.acordion-box { border: 1px solid #f2f2f2; overflow: hidden; margin-bottom: 1px;}
.acordion-box h3 { background: #f2f2f2; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; color: #789c48; margin: 0; padding: 10px 15px; font-size: 15px; border-top: none;}
.acordion-box h3 a { display: block; color: #789c48; text-decoration: none;}
.acordion-box h3 a:before {content: "\f13a";display: inline-block;font: normal normal normal 18px/1 FontAwesome; text-rendering: auto;font-size: 18px;margin-right: 10px;-webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}
.acordion-box.active h3 a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.acordion-box .accordion-body { padding: 15px; display: none;}
.acordion-box .accordion-body p:last-child { margin-bottom: 0;}
.acordion-box.active h3 { background: none;}
/**/
.panel-group .panel { border-radius: 0; box-shadow: none;}
.page-detalle .panel-group { margin-bottom: 30px;}
.page-detalle .panel-title { font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; color: #789c48; margin-bottom: 0;}
.page-detalle .panel-title a { display: block; text-decoration: none;}
.page-detalle .panel-title a:before { content: "\f13a"; display: inline-block; font: normal normal normal 18px/1 FontAwesome; text-rendering: auto; font-size: 18px; margin-right: 10px; -webkit-transition: all 0.5s ease-in-out 0s ; transition: all 0.5s ease-in-out 0s}
.page-detalle .panel-title a:focus,
.page-detalle .panel-title a:active { text-decoration: none;}
.panel-group .panel p:last-child { margin-bottom: 0;}
.panel-group .panel + .panel { margin-top: 0px;}
.panel-default { border-color: transparent;}
.panel-default > .panel-heading { border-bottom: none}
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: transparent;}
.panel-heading { border-radius: 0}
.panel-group .panel.active { border: 1px solid #e1e2e2;}
.panel-group .panel.active > .panel-heading { background: none}
.panel-group .panel.active .panel-title a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg);}

/*APP PAGE*/
.appsbox { background: #f2f2f2; text-align: center; padding-top: 22px; padding-bottom: 14px;}
.appsbox h4 { margin: 0 0 20px 0; font-size: 15px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.appsbox img { margin-bottom: 14px;}
.nuestras-apps ul + p + .row { margin-bottom: 22px;}
.apps-data { overflow: hidden; border-top: 1px solid #6d6e72; border-bottom: 1px solid #6d6e72; padding-top: 15px; padding-bottom: 15px; margin-bottom: 30px; margin-top: 20px;}
.apps-data h4 { margin: 0; float: left; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 15px; padding: 12px 60px 0 0;}
.apps-data ul { margin: 0; float: left;}
.apps-data li { float: left; font-size: 15px; color: #6d6e72; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic; line-height: 1.2; padding-right: 28px;}
.apps-data .icon-realiza { display: block; float: left; margin-right: 10px; font-size: 32px;}
.apps-data .icon-paga { display: block; float: left; margin-right: 10px; font-size: 32px;}
.apps-data .icon-recarga { display: block; float: left; margin-right: 10px; font-size: 37px; margin-top: -5px;}
.apps-data .icon-transferencia { display: block; float: left; margin-right: 10px; font-size: 30px;}
.apps-data .label-text { display: block; float: left; font-size: 13px; padding-top: 5px;}
.nuestras-apps .video { height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative; width: 100%;}
.nuestras-apps .video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

/*HEADER ESPECIAL*/
.header-espcial { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #88ab59; background: url(../images/especial/bg.png);}
.header-especial-data { position: relative}
.header-espcial .especial { position: absolute; left: 35%; top: 60px;}
.header-espcial .arrow { position: absolute; right: 3%; top: 30px;}
.header-espcial .redes { position: absolute; right: 0; top: 35px;}
.header-espcial .redes ul { margin: 0;}
.header-espcial .redes li { margin-bottom: 14px;}
.header-espcial .redes a { color: #fff;}
.header-espcial .redes a .fa-facebook-square { font-size: 25px;}
.header-espcial .redes a .fa-twitter { font-size: 28px;}
.header-espcial .redes a .fa-instagram { font-size: 25px;}
.header-espcial .img-group .frase { width: 40.1754%; float: right; margin-right: 8.5087%}
.header-espcial .img-group .foto { width: 31.5789%; float: left;}

/*MODAL LOGIN*/
.modal-login { width: 440px; margin-left: -220px; top: 50%; margin-top: -220px;}
.modal-recoverpass { width: 520px; margin-left: -260px; top: 50%; margin-top: -169px;}
.modal-login .modal-header,
.modal-recoverpass .modal-header { padding: 25px 30px 0 50px; border: none}
.modal-login .modal-title,
.modal-recoverpass .modal-title { font-size: 24px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 300; color: #000; text-transform: uppercase; margin: 0;}
.modal-login .modal-body,
.modal-recoverpass .modal-body { padding: 15px 50px 50px 50px;}
.modal-login fieldset,
.modal-recoverpass fieldset { border: 1px solid #dddddd; padding-top: 20px; padding-bottom: 25px;}
.login-frm .form-group { padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; margin-left: 0; margin-right: 0;}
.login-frm .form-group.error .error-message { position: absolute; top: -5px; left: 100%; display: block; background: #f48f0c; min-width: 120px; padding: 10px; color: #fff; font-size: 13px; line-height: 1;}
.login-frm .form-group.error .error-message:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0;	position: absolute;	pointer-events: none; border-color: rgba(244, 143, 12, 0); border-right-color: #f48f0c;	border-width: 10px;	margin-top: -10px;}
.login-frm .control-label { font-size: 13px; font-weight: 400;}
.login-frm .control-label.required:before { content: "*"; color: #f48e0a; position: relative; font-size: 20px; margin-right: 3px; line-height: 0; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700;}
.login-frm .form-control { border-radius: 0; border: 1px solid #dee0de; background: #f7f8f7; box-shadow: none; color: #000;}
.login-frm .help-label { font-size: 12px; color: #8e919f; margin-top: 9px; display: inline-block;}
.login-frm .alert { border-radius: 0; font-size: 16px; margin-top: 20px; border: none; margin-left: 15px; margin-right: 15px;}
.login-frm .alert-danger { background: #fbe6c8; color: #ef6b00;}
.login-frm .btn { border: none; border-radius: 0; color: #fff; background: #789c48; font-size: 16px; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; padding-left: 40px; padding-right: 40px;}
.login-frm .btn:hover { background: #68893d;}
.login-frm .checkbox-label { font-weight: normal; font-size: 13px;}
.login-frm .forgot-link { display: block; color: #000; text-decoration: underline; font-size: 13px; margin-top: 16px;}
.modal-login .modal-header .close,
.modal-recoverpass .modal-header .close { font-size: 55px; position: absolute; top: 10px; right: 20px; font-weight: 300;}

.Hidden {
	display:none !important;
}
#bodyExcepcion {
	background:#fff;
}

/*RESPONSIVE*/
.millas-placeholder { display: none;}

@media screen and (max-width: 1320px) {
	/*.home-slide-circles { bottom: 22px;}*/
	/*.promos-home {margin-top: -57px;}*/
	.nav-tabs > li { /*top: -58px;*/}
}
@media screen and (max-width: 1270px) {
	.nav-tabs > li { /*top: -70px;*/}
}
@media screen and (max-width: 1199px) {
	/**/
	/*.home-slider {min-height: 100%;}
	.home-slide-circles { bottom: 6px;}
	.home-slide-circles { width: 300px; margin-left: -150px;}*/
	/*.promos-home {margin-top: -38px;}*/
	.nav-tabs > li { /*top: -44px;*/}
    .nav-tabs > li > a { font-size: 12px;}
	/**/
	.product-item { height: 105px;}
	.product-item a img { width: 114%; height: auto; left: -7%; top: 0; margin-left: 0; margin-top: 0;}
	/**/
    .promo-obs h4 { font-size: 19px;}
    .promo-bon h4 { font-size: 14px;}
	/**/
	footer .col-md-9 { width: 100%;}
	.seguinos { display: none;}
	footer .col-md-8 + .sep-line::after { display: none;}
	footer .col-md-2 { width: 20%}
	footer .col-md-8 { width: 80%;}
	.desarrolla .seguinos { display: block; float: left; margin-top: 5px;}
	/**/
	.pre-aplicar { position: static; width: 100%; margin-top: 30px; margin-bottom: 10px;}
	.pre-aplicar p { padding: 4px 15px 10px 2px; margin: 0;}
	.pre-aplicar p .dsk { display: none;}
	.ficha .sidebar, .ficha-premium .sidebar { margin-top: 50px;}
	.ficha .sidebar, .ficha-sueldo .sidebar { margin-top: 50px;}
	/**/
	.header-espcial .especial { left: 33%; top: 50px;}
	.header-espcial .arrow { right: 4%; top: 20px;}
	.header-espcial .redes { right: 0; top: 25px;}
}
@media screen and (max-width: 991px) {
	.dsk { display: none;}
	/**/
	.top-nav { display: none;}
	.top-search { float: right;}
	/**/
	.mobile-bar { position: absolute; left: 0; top: 56px; width: 100%; max-width: 321px; background: #fff; box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.2); z-index: 104; display: none}
	.mobile-bar ul { width: 100%; margin: 0; padding: 0;}
	.mobile-bar ul > li { border-bottom: 1px solid #ccc;}
	.mobile-bar ul li > a { display: block; padding: 12px 25px; color: #363637; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; position: relative} 
	.mobile-bar ul li > a:focus { text-decoration: none}
	.mobile-bar ul li > a .fa-angle-right { font-size: 20px; color: #363637; position: absolute; right: 25px; top: 12px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
	.mobile-bar .fa-gift { color: #f0595e; font-size: 22px;}
	.mobile-bar .tevabien-millas { display: inline-block; background: url(../images/layout/menu-item-tevabien.png) no-repeat; width: 130px; height: 15px; text-indent: -5000px; margin-left: 9px;}
	.mobile-bar .tevabien-millas + .fa { color: #f0595e;}
	/**/
	.c-hamburger { display: block; position: relative; overflow: hidden; width: 28px; height: 28px; text-indent: -9999px; cursor: pointer; transition: background 0.3s; float: left; margin: 15px 25px 0 -4px;}
	.c-hamburger:focus { outline: none;}
	.c-hamburger span { display: block; position: absolute; top: 13px; left: 4px; right: 4px; height: 3px; background: #fff;}
	.c-hamburger span:before,
	.c-hamburger span:after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #fff; content: "";}
	.c-hamburger span:before { top: -6px;}
	.c-hamburger span:after { bottom: -6px;}
	.c-hamburger--htx span { transition: background 0s 0.3s;}
	.c-hamburger--htx span:before,
	.c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
	.c-hamburger--htx span::before { transition-property: top, transform;}
	.c-hamburger--htx span::after { transition-property: bottom, transform;}
	.c-hamburger--htx.is-active span { background: none;}
	.c-hamburger--htx.is-active span:before { top: 0; transform: rotate(45deg);}
	.c-hamburger--htx.is-active span:after { bottom: 0; transform: rotate(-45deg);}
	.c-hamburger--htx.is-active span:before,
	.c-hamburger--htx.is-active span:after { transition-delay: 0s, 0.3s;}
	/**/
	.c-hamburger {margin: 15px 18px 0 0px;}
	.mobile-bar { left: -10px;}
	/**/
	.main-nav .icon-arrows { display: none !important;}
	.main-nav .inner-box { padding: 0; overflow: scroll;}
    .nav-slider-icons { width: 1700px; padding-bottom: 10px; float: left;}
	.home-slide-circles { bottom: 0px;}
	.home-slide-circles .home-circles a { width: 12px; height: 12px; margin-left: 3px; margin-right: 3px;}
	/**/
    .nav-tabs > li > .tab-unico { padding-right: 15px;}
    .nav-tabs > li > .tab-sueldo { color: #828589; padding-right: 15px;}
    .nav-tabs > li > .tab-nyp { color: #3faa95; padding-right: 22px;}
    /**/
	.product-item { height: 80px;}
	.product-item a img { width: 112%; left: -6%; top: 0;}
	/**/
    .promo-bon h4 { font-size: 14px;}
	/**/
	.newsletter-area h3 { font-size: 20px;}
	.newsletter-area p { font-size: 20px;}
	.newsletter-area .action-suscribite span { font-size: 11px;}
	/**/
	footer .col-md-2 { width: 100%; text-align: center; margin-bottom: 15px;}
	footer .col-md-8 { width: 100%;}
	footer .opciones li { font-size: 11px;}
	footer .sep-line:after { display: none;}
	/**/
	.listado-beneficios .col-md-10 .col-md-2 { width: 33.33%;}
	/**/
	.apps-data li { width: 50%; margin-bottom: 10px; margin-top: 10px;}
	/**/
	.header-espcial .especial { left: 31%; top: 30px;}
	.header-espcial .arrow { right: 5%; top: 8px;}
	.header-espcial .redes { top: 15px;}
	.header-espcial .redes li {margin-bottom: 10px;}
	/**/
	#newsletter .modal-dialog { margin-top: 0px; top: 12%}
    /**/
	.millas-placeholder { display: block; height: 43px;}
    .millas-placeholder a { display: flex; justify-content: center; align-items: center; height: 43px; width: 100%; color: #fff; background: #fff; position: fixed; left: 0; bottom: 0; z-index: 103; box-shadow: 0 -2px 5px rgba(0,0,0,0.1);}
    .millas-placeholder a i { font-size: 25px;}
    .millas-placeholder a p { margin: 3px 0 0 0; font-weight: 600; font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 17px;}
    .millas-placeholder a p strong { font-weight: 900;}

    /**/
	.tienda-footer { 
		display: block; 
		height: 50px;
	}
	
	.tienda-footer a { 
		display: flex; 
		justify-content: center; 
		align-items: center; 
		height: 50px; 
		width: 100%; 
		background: #789c48;
		position: fixed; 
		left: 0; 
		bottom: 0; 
		z-index: 103;
		padding-bottom: 4px;
	}
	
	.tienda-footer .brand-logo-tienda { 
		display: block; 
		width: 190px; 
		height: 37px; 
		background: url(https://www.tevabien.com/assets/images/layout/logo-tienda.png) no-repeat center center;
		background-size: contain;
		text-indent: -5000px;
		overflow: hidden;
	}
}
@media screen and (max-width: 806px){
	#newsletter .modal-dialog { margin-left: 0; left: 0;}
	/**/
	.modal-dialog {max-width: 100%; margin-left: 0; left: 0; top: 0;}
	.modal-login { width: 440px; margin-left: -220px; top: 50%; margin-top: -220px; left: 50%}
	.modal-recoverpass { width: 520px; margin-left: -260px; top: 50%; margin-top: -169px; left: 50%;}
}
@media screen and (max-width: 767px){
	.main-nav .inner-box { overflow: auto; margin-left: -10px;}
	.nav-slider ul { display: table; width: 1700px;}
	.nav-slider ul li { display: table-cell}
    #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager { display: none;}
	/**/
	.promos-home { margin-top: 0;}
	.nav-tabs > li > a { font-size: 13px; background: #eeefef;}
	.promos-home .col-md-2:nth-child(odd) { padding-right: 7.5px}
	.promos-home .col-md-2:nth-child(even) { padding-left: 7.5px}
	/**/
    .promo-obs h4 { font-size: 25px;}
    .promo-bon h4 { font-size: 16px; padding-top: 5px;}
	/**/
    .nav-tabs { margin-left: -15px; margin-right: -15px;}
	.nav-tabs > li { width: 100%; top: 0; border-top: 1px solid #d9d9d9;}
    .nav-tabs > li:last-child { margin-bottom: 38px; border-bottom: 1px solid #d9d9d9;}
	.nav > li > a { padding: 10px 0 10px 15px; white-space: nowrap; margin: 0}
	.nav-tabs > li > a:hover { background: #eeefef;}
	/*.nav > li:nth-child(1) > a { border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9}
	.nav > li.active:nth-child(1) > a { border-bottom-color: #fff; border-right-color: #fff}
	.nav > li:nth-child(2) > a { border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9}
	.nav > li.active:nth-child(2) > a { border-bottom-color: #fff; border-left-color: #fff} */
	/**/
    /*.home-slider .arrows { display: block; font-size: 80px; color: #fff; position: absolute; top: 49%; z-index: 101; line-height: 0;}
	.home-slider .arrows .fa { line-height: 0;}
	.home-slider .prev { left: 15px;}
	.home-slider .next { right: 15px;}
	.home-slide-circles { display: none;}*/
	.home-slider { max-height: 100%;}
	#ninja-slider .inner > ul { padding-top: 106% !important; margin: 0;}
	#ninja-slider-prev { left: 15px; display: block;}
	#ninja-slider-next { right: 15px; display: block;}
	/**/
	.product-item { height: 146px; margin-bottom: 15px;}
	.product-item a img { width: 100%; left: 0; top: 0;}
	/**/
	.newsletter-area p { display: none;}
	/**/
	.newsletter-area .col-xs-12 { text-align: center}
	.newsletter-area h3 { float: none; margin: 0 auto 10px auto}
	.newsletter-area .action-suscribite { border-left: none; padding-left: 30px; margin: 0 auto; float: none; display: inline-block;}
	.newsletter-area .action-suscribite .fa { left: 0;}
	.desarrolla .col-xs-12 { text-align: center}
	.desarrolla .seguinos { float: none; margin: 0 auto; display: inline-block;}
	.desarrolla h5 { float: left;}
	/**/
	.formularios .form-group.error .error-message { display: none;}
	.formularios .form-group.error { background: #fbe6c8}
	.tooltip { display: none !important;}
	.formularios div.col-sm-4 + div.col-sm-4 { margin-top: 20px;}
	/**/
	.listado-beneficios .results { margin-top: 0px; float: left;}
	.listado-beneficios .show-filtros { display: block; float: right; font-size: 13px; text-transform: uppercase; margin-top: -6px;}
	.listado-beneficios .show-filtros .fa { font-size: 22px; margin-left: 5px;}
	/**/
	.modal-login { width: 100%; margin-left: 0px; top: 0; margin-top: 0px; left: 0}
	.modal-recoverpass { width: 100%; margin-left: 0px; top: 0; margin-top: 0px; left: 0;}
	.modal-login .modal-body,
	.modal-recoverpass .modal-body,
	.modal-email .modal-body,
	.modal-email-ok .modal-body { padding: 15px;}
	.modal-login .modal-header,
	.modal-recoverpass .modal-header,
	.modal-email .modal-header,
	.modal-email-ok .modal-header { padding: 25px 30px 0 15px;}
	#newsletter .modal-dialog { margin-top: 0px; top: 0}
	/**/
	.tooltip { display: none !important;}
	.contacto-experiencia-frm .form-group.error .error-message { display: none;}
	/**/
	.free-position { position: static}
	.listado-beneficios-mbl { background: #939395; color: #fff; padding: 11px 17px; position: absolute; left: 0; top: 190px; display: none; z-index: 2000;}
	.banner-mobile-on + .main-nav + .section-title + .listado-beneficios .free-position .listado-beneficios-mbl { top: 260px;}
	.listado-beneficios-mbl .actions { padding-bottom: 50px;}
	.listado-beneficios-mbl .close-listando { float: left;}
	.listado-beneficios-mbl .btn-aplicar { float: right; display: block; width: 79px; height: 28px; color: #fff; text-transform: uppercase; background: #49494B; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 13px; text-align: center; padding-top: 5px; margin-right: -5px;}
	.listado-beneficios-mbl .box-group { clear: both}
	.listado-beneficios-mbl h4 { position: relative; text-align: center; font-size: 14px; text-transform: uppercase; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 900; margin: 0 0 15px 0; overflow: hidden;}
	.listado-beneficios-mbl h4:after { content: ""; width: 80px; display: block; border-top: 1px solid #fff; position: absolute; left: 0; top: 7px;}
	.listado-beneficios-mbl h4:before {content: ""; width: 80px; display: block; border-top: 1px solid #fff; position: absolute; right: 0; top: 7px;}
	.listado-beneficios-mbl .box-group:nth-child(3) h4:after { width: 60px;}
	.listado-beneficios-mbl .box-group:nth-child(3) h4:before { width: 60px;}
	.listado-beneficios-mbl .box-group:nth-child(4) h4:after { width: 100px;}
	.listado-beneficios-mbl .box-group:nth-child(4) h4:before { width: 100px;}
	.listado-beneficios-mbl .box-group:nth-child(5) h4:after { width: 60px;}
	.listado-beneficios-mbl .box-group:nth-child(5) h4:before { width: 60px;}
	.listado-beneficios-mbl .box-group:nth-child(6) h4:after { width: 60px;}
	.listado-beneficios-mbl .box-group:nth-child(6) h4:before { width: 60px;}
	.listado-beneficios-mbl .box-group:nth-child(7) h4:after { width: 50px;}
	.listado-beneficios-mbl .box-group:nth-child(7) h4:before { width: 50px;}
	.listado-beneficios-mbl ul { margin: 0 0 20px 0; overflow: hidden}
	.listado-beneficios-mbl li { display: inline; float: left;}
	.listado-beneficios-mbl li a { display: inline-block; color: #fff; text-transform: uppercase; font-size: 12px; padding: 7px 19px; border: 1px solid #fff; margin-right: 16px; margin-bottom: 12px;}
	.listado-beneficios-mbl li a.selected { color: #000; background: #fff;}
	.listado-beneficios-mbl .dias li { width: 31%; margin-left: 3.33%;}
	.listado-beneficios-mbl .dias li a { width: 100%; margin-right: 0; padding-left: 0; padding-right: 0; text-align: center}
	.listado-beneficios-mbl .dias li:last-child a { margin-right: 0;}
	.listado-beneficios-mbl .dias li:nth-child(1) { margin-left: 0;}
	.listado-beneficios-mbl .dias li:nth-child(4) { margin-left: 0;}
	.listado-beneficios-mbl .dias li:nth-child(7) { margin-left: 0;}
	.listado-beneficios-mbl .pagos li { width: 46%;}
	.listado-beneficios-mbl .pagos li a { width: 100%; margin-right: 0; padding-left: 0; padding-right: 0; text-align: center;}
	.listado-beneficios-mbl .pagos li:nth-child(odd) { margin-right: 2%;}
	.listado-beneficios-mbl .pagos li:nth-child(even) { margin-left: 2%;}
	/**/
	.header-espcial { padding-bottom: 10px;}
	.header-espcial .img-group .frase { width: 100%; float: none; margin-right: 0; text-align: center}
	.header-espcial .img-group .frase img { margin: 0 auto}
	.header-espcial .img-group .foto { width: 100%; float: none; text-align: center}
	.header-espcial .img-group .foto img { margin: 0 auto;}
	.header-espcial .data-group { overflow: hidden; padding-top: 18px; padding-bottom: 8px;}
	.header-espcial .especial { position: static; float: left; padding-left: 15px;}
	.header-espcial .arrow { display: none;}
	.header-espcial .redes { position: static; float: right; padding-right: 15px; padding-top: 3px;}
	.header-espcial .redes li { float: left; margin-right: 14px; margin-bottom: 0;}
	/**/
	footer .opciones .segunda-linea { padding-left: 10px;}
	/**/
	.compartir .fa-whatsapp { display: inline-block; color: #789c48}
	.comisiones-row p.cftna { margin: 0; text-align: center; font-size: 70px; text-transform: uppercase; font-weight: 400;}
}
@media screen and (max-width: 670px){
	.top-search { display: none; position: absolute; left: 0; top: 52px; width: 100%; float: none; max-width: 100%; background: #acb1ad; margin-top: 0; padding: 12px 15px; z-index: 100;}
	.top-search .input-group { display: block; width: 100%;}
	.top-search .form-control { height: 34px; width: 100%;}
	.top-search .input-group-btn .btn { display: none;}
	/**/
	.mobile-search-trigger { display: block; float: right; margin-top: 8px;}
	.mobile-search-trigger .btn { font-size: 20px; color: #fff; border: none; background: none;}
	.mobile-search-trigger.open .btn { display: none;}
	.close-search { display: none; position: relative; overflow: hidden; width: 28px; height: 28px; text-indent: -9999px; cursor: pointer; transition: background 0.3s; margin-top: 7px; margin-right: 8px;}
	.close-search span { display: block; position: absolute; top: 13px; left: 4px; right: 4px; height: 3px;}
	.close-search span:before,
	.close-search span:after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #fff; content: "";}
	.close-search span:before { top: -6px;}
	.close-search span:after { bottom: -6px;}
	.close-search span:before { transition-property: top, transform;}
	.close-search span:after { transition-property: bottom, transform;}
	.close-search span:before { top: 0; transform: rotate(45deg);}
	.close-search span:after { bottom: 0; transform: rotate(-45deg);}
	.mobile-search-trigger.open .close-search { display: block;}
	/**/
	.product-item { height: 130px;}
	/**/
	.footer-links-box { position: relative; width: 100%; height: 35px; overflow: hidden;}
	.footer-links-box .opciones { background: #a7a8aa; padding-top: 5px; padding-bottom: 5px; width: 100%; margin: 3px 0 0 0;}
	.footer-links-box .opciones:before { content: "OTROS ACCESOS"; display: block; height: 35px; color: #fff; font-size: 11px; padding: 3px 20px;}
	.footer-links-box.open { height: auto}
	footer .opciones li { display: block; width: 100%; float: none; padding-left: 0 !important;}
	footer .opciones li:first-child { display: none;}
	.footer-links-box .opciones a { display: block; color: #fff; text-transform: uppercase; margin-right: 0; margin-left: 0; padding: 5px 20px}
	footer .opciones li a strong { color: #fff;}
	.footer-links-box .opciones:after { content: "\f0d8"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 20px; top: 10px; color: #fff; font-size: 18px; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
	.footer-links-box .inner-mask { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1}
	.footer-links-box.open .inner-mask { width: 20%;}
	.footer-links-box.open .opciones:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
}
@media screen and (max-width: 650px){
	.product-item { height: 125px;}
	.promo-obs h4 { font-size: 23px;}
}
@media screen and (max-width: 540px){
    .promo-bon h4 { font-size: 14px;}
}
@media screen and (max-width: 490px){
	.product-item { height: 100px;}
	.product-item a img { width: 110%; left: -5%; top: 0;}
	/**/
    .promo-obs h4 { font-size: 25px;}
    .promo-bon h4 { font-size: 19px;}
	/**/
	.modal-body { padding: 0 30px 30px 30px}
	.modal-header { padding: 30px 30px 20px 30px;}
	.close { font-size: 40px;}
	.modal-newsletter .modal-title { font-size: 22px;}
	.modal-newsletter .modal-header p { padding-left: 0px;}
	/**/
	.listado-beneficios .col-md-10 .col-md-2 { width: 50%;}
	/**/
	.ficha .sidebar img { width: 100%; height: auto;}
}
@media screen and (max-width: 420px){
	.dsk-tbl { display: none;}
	.mbl { display: block}
	/**/
	.header:after { content: ""; display: block; width: 1px; height: 56px; border-left: 1px solid #a1ba7f; position: absolute; top: 0; left: 60px;}
	.header:before { content: ""; display: block; width: 1px; height: 56px; border-left: 1px solid #a1ba7f; position: absolute; top: 0; right: 60px;}
	.main-logo { padding-top: 10px; padding-right: 0; width: 76%; text-align: center}
	.brand-logo { background: url(../images/layout/logo-tevabien-mbl.png) no-repeat; width: 182px; height: 35px; margin: 0 auto;}
	.mobile-search-trigger { margin-right: -3px;}
	/**/
	.top-beneficios { display: none;}
	/**/
	.product-item { height: 85px;}
	/**/
    .promo-bon h4 { font-size: 17px;}
	/**/
	/*.newsletter-area h3 { font-size: 18px;}*/
	.newsletter-area .action-suscribite { padding-left: 25px;}
	/*.newsletter-area .action-suscribite .fa { font-size: 18px;}*/
	.newsletter-area .action-suscribite span { font-size: 14px;}
	/**/
	.modal-body { padding: 0 15px 15px 15px}
	.modal-header { padding: 15px;}
	.newsletter-formulario { padding: 12px;}
	.close { top: 15px;}
	/**/
	.page-detalle table td { padding: 6px; font-size: 10px;}
	.page-detalle table td { max-width: 100%; height: auto}
}
@media screen and (max-width: 380px){
/*	.banner-mobile { height: 72px; background: #6d6e72; display: block; position: relative; text-align: center}
	.banner-mobile-on .mobile-bar { top: 111px;}
	.banner-mobile-on .nav-search { top: 127px;}
	.banner-mobile .close-this { display: block; width: 25px; height: 30px; font-size: 18px; color: #fff; position: absolute; top: 5px; right: 15px; text-align: center}
	.banner-mobile + .header { min-height: 52px;} */
	/**/
	.main-logo { width: 73%;}
	.header:after { height: 52px;}
	.header:before { height: 52px;}
	/**/
	.productos-servicios .col-xs-6 { width: 100%;}
	.product-item { height: 148px;}
	.product-item a img { width: 100%; left: 0; top: 0;}
    /**/
    .ficha .medios p { width: 70%;}
	/**/
    .promo-obs h4 { font-size: 23px;}
    .promo-bon h4 { font-size: 15px;}
	/**/
	.pre-aplicar p { padding: 0; padding-bottom: 10px;}
}
@media screen and (max-width: 370px){
	.product-item { height: 140px;}
    .compartir span { display: none;}
    .promo-obs h4 { font-size: 21px;}
}
@media screen and (max-width: 360px){
    .promo-bon h4 { font-size: 12px; padding-top: 10px;}
}
@media screen and (max-width: 340px){
	.main-logo { width: 73%;}
	.c-hamburger { margin-left: -9px; margin-top: 13px;}
	.mobile-search-trigger {margin-right: -9px; margin-top: 6px;}
	.header:after { left: 50px;}
	.header:before { right: 52px;}
	/**/
	.product-item { height: 125px;}
	/**/
	#newsletter .modal-dialog { top: 0; margin-top: 0;}
	/**/
    .promo-obs h4 { font-size: 16px;}
}

@media screen and (max-width: 991px) {
	#newsletter .form-group.error { background: #fbe6c8;}
}
@media screen and (max-width: 991px) {
	#newsletter .form-group.error .error-message { display: none;}
}

/*CTA - FIXED BOTTOM*/
.cta-page-bottom { text-align: center; color: #fff; padding: 0; position: fixed; left: 0; bottom: 2px; width: 100%; display: block; z-index: 1000; padding-bottom: 15px;}
.cta-page-bottom a { background-color: #008AC9; font-family: "Lato", Arial, Helvetica, sans-serif; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; gap: 10px; line-height: 1.25; padding: 0 22px; border-radius: 20px; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.55); height: 40px; position: relative; animation-name: btn-bottom; animation-duration: 3s;}
.cta-page-bottom a:hover { background: #004F73;}
.cta-page-bottom a:after {content: "\f105"; font: normal normal normal 22px / 1.25 FontAwesome;}
@keyframes btn-bottom { from { top: 140px;} to { top: 0;}}
@media screen and (max-width: 991px){
	.cta-page-bottom { bottom: 45px; z-index: 1000;}
}
@media screen and (max-width: 676px){
	.cta-page-bottom { bottom: 64px;}
}

/* ===== LOGO TIENDA EN FOOTER ===== */
@media screen and (max-width: 991px) {
    /* Ocultar el logo del header en móvil */
    .top-nav .brand-logo-tienda {
        display: none !important;
    }
    
    /* Mostrar el footer del logo (YA EXISTE EN EL HTML) */
    .tienda-footer {
        display: block !important;
        width: 100%;
        background: #789c48;
        text-align: center;
        padding: 12px 0;
    }
    
    /* Estilizar el logo dentro del footer */
    .tienda-footer .brand-logo-tienda {
        display: block !important;
        width: 180px;
        height: 35px;
        background: url(https://www.tevabien.com/assets/images/layout/logo-tienda.png) no-repeat center center;
        background-size: contain;
        text-indent: -5000px;
        overflow: hidden;
        margin: 0 auto;
        /* Reset de cualquier estilo heredado */
        float: none;
        position: static;
        background-color: transparent;
    }
}

/* En desktop, ocultar el footer del logo */
@media screen and (min-width: 992px) {
    .tienda-footer {
        display: none !important;
    }
}