@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf')  format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Ayra-Regular';
  src: url('../fonts/Ayra-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Ayra-Regular.otf')  format('opentype'),
	     url('../fonts/Ayra-Regular.woff') format('woff'), url('../fonts/Ayra-Regular.ttf')  format('truetype'), url('../fonts/Ayra-Regular.svg#Ayra-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*RESETS*/
a:focus { outline: none}
a:active { outline: none}
ul, ol {margin: 0;}
h1, .h1, h2, .h2, h3, .h3 {margin: 0;}
a:hover {color: #004987}
strong {font-family: "Roboto-Bold"; font-weight: normal;}
/**/
.dsk { display: inline-block;}
.tbl { display: none;}
.mbl { display: none;}

/*BOTÓN HACETE CLIENTE*/
#btn-hacete-cliente a { position: relative; padding-right: 10px;}
#btn-hacete-cliente a .fa { font-size: 18px; position: absolute; top: -3px; right: 0px;}

/*TOP BANNER*/
.placeholder-top {display: none;}

/*HEADER*/
.header-bar { left: 0; top: 0; background: #fff;}
.header-bar header {height: 95px; position: relative; z-index: 20;}
.main-logo { text-indent: -5000px; overflow: hidden; display: block; margin-top: 46px; width: 206px; background: url(../images/layout/logo+frase.svg) no-repeat; height: 38px; /*background: url(../images/layout/logo.svg) no-repeat; height: 22px;*/ }
.header-bar .general-links {height: 57px;}
.header-bar .general-links ul {float: right; padding-top: 12px;}
.header-bar .general-links li {display: inline-block;}
.header-bar .general-links a { text-transform: uppercase; margin-left: 15px;}
.header-bar .general-links a.active { color: #c1d42f; font-family: "Roboto-Bold";}
.header-bar .top-links { position: relative;}
.header-bar .top-links ul { float: right; margin-right: 225px; margin-left: -30px;}
.header-bar .top-links li {display: inline-block;}
.header-bar .top-links a {font-size: 12px; margin-left: 7px; margin-right: 7px; position: relative;}
.header-bar .top-links a:hover:after {content: ""; display: block; border-top: 4px solid #c1d42f; position: absolute; left: 0; bottom: -6px; width: 100%;}
.header-bar .top-links .active {font-family: "Roboto-Bold";}
.header-bar .top-links .active:after { content: ""; display: block; border-top: 4px solid #c1d42f; position: absolute; left: 0; bottom: -6px; width: 100%;}
.header-bar .ebank { position: absolute; top: 0; right: 0;}
.header-bar .top-links .patagonia-ebank, .cta .patagonia-ebank {display: block; background: #c1d42f url(../images/layout/patagonia-ebank.svg) no-repeat; text-indent: -5000px; overflow: hidden; width: 215px; height: 54px; margin: -10px 0 0 0;}
.header-bar .top-links .patagonia-ebank-empresas, .cta .patagonia-ebank-empresas {display: block; background: #00b9ad url(../images/layout/patagonia-ebank-empresas.svg) no-repeat center center; text-indent: -5000px; overflow: hidden; width: 215px; height: 54px; margin: -10px 0 0 0; background-size: contain}
.cta .patagonia-ebank, .cta .patagonia-ebank-empresas {margin: 0 0 10px 0; display: inline-block;}
.header-bar .header.spacer {height: 95px;}
/**/
.nav-bar { background: #004987; /*background: rgb(0,185,173);
background: -moz-linear-gradient(-45deg, rgba(0,185,173,1) 0%, rgba(0,73,135,1) 50%);
background: -webkit-linear-gradient(-45deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 50%);
background: linear-gradient(135deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9ad', endColorstr='#004987',GradientType=1 );*/ position: relative; z-index: 10;}
.sub-navbar { margin-left: -15px;}
.nav-bar .nav-item {display: inline-block; margin-right: 38px; position: relative;}
.nav-bar .nav-lnk {font-size: 12px; color: #fff; height: 47px; display: block; padding-top: 19px;}
.nav-bar .nav-lnk:hover:after, .nav-bar .nav-lnk.active:after {content: ""; display: block; border-top: 4px solid #c1d42f; position: absolute; left: 0; bottom: 0; width: 100%;}
.nav-bar .submenu { position: absolute; left: 0; top: 47px; background: #fff; padding: 18px 13px; width: 260px; display: none;}
.nav-bar .submenu li { margin-bottom: 15px;}
.nav-bar .submenu li:last-child { margin-bottom: 0;}
.nav-bar .submenu a {font-size: 13px; position: relative; display: inline-block;}
.nav-bar .submenu a:hover { color: #004987;}
.nav-bar .submenu a:hover:after {content: ""; display: block; border-top: 2px solid #c1d42f; position: absolute; left: 0; bottom: -6px; width: 100%;}
.nav-bar .nav-item:hover .nav-lnk:after {content: ""; display: block; border-top: 4px solid #c1d42f; position: absolute; left: 0; bottom: 0; width: 100%;}
.nav-bar .menu-spacer {height: 47px;}
/**/
.c-hamburger {display: none;}
.mobile-nav-bar {display: none;}

/*MAIN SLIDER*/
.home-slider { margin-bottom: 55px; height: 320px; overflow: hidden;}
.home-slide {height: 320px; background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: #012d5a; /*background-color: #ccc;*/}
.home-slide a {display: block; height: 100%;}
.slick-dots { position: absolute; left: 0; bottom: 15px; width: 100%; text-align: center; z-index: 100;}
.slick-dots li {list-style: none; display: inline-block;}
.slick-dots button { text-indent: -5000px; background: none; border: 2px solid #e3e3e3; width: 20px; height: 20px; margin-left: 5px; margin-right: 5px; border-radius: 100%; position: relative; display: inline-block;}/* border: 2px solid #fff; */
.slick-dots .slick-active button:after { content: ""; display: block; width: 12px; height: 12px; background: #e3e3e3; position: absolute; left: 2px; top: 2px; border-radius: 100%;}/* background: #fff; */
/**/
.slide-card {padding: 27px; background: rgb(0,185,173);
background: -moz-linear-gradient(-45deg, rgba(0,185,173,1) 0%, rgba(0,73,135,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 100%);
background: linear-gradient(135deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9ad', endColorstr='#004987',GradientType=1 ); margin-top: 55px; max-width: 334px}
.slide-card h2 {margin: 0 0 14px 0; color: #fff;}
.slide-card h4 {font-size: 22px; font-family: "Ayra-Regular"; color: #fff; margin: 0 0 20px 0;}
.slide-card .with-border { position: relative; margin-bottom: 25px;}
.slide-card .with-border:after { content: ""; display: block; border-top: 3px solid #c1d42f; width: 30px; position: absolute; left: 0; bottom: -15px;}
.slide-card p { font-size: 14px; color: #fff; margin: 0; line-height: 1.4;}

/*FOOTER*/
.footer-bar { background: #eeeeee; padding-top: 38px; padding-bottom: 16px;}
.flnks { font-size: 12px; font-family: "Roboto-Medium"; text-align: center; margin-bottom: 14px; line-height: 2.2; color: #004987}
.flnks a {display: inline-block; margin-left: 10px; margin-right: 10px;}
.flegal { font-size: 11px; text-align: center; margin-bottom: 15px; line-height: 1.2; color: #004987;}
.flegal:last-child {margin-bottom: 0;}
.redes {text-align: center; margin: 10px auto 25px auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #004987;}
.redes span {padding-right: 6px;}
.redes a { font-size: 20px; margin-left: 6px; margin-right: 6px;}
/**/
footer .redes a img { width: 18px; height: 18px;}/*icons redes para agregar atributo alt*/

/*MARGINS*/
.mb60-h {margin-bottom: 60px;}
.mb50-h {margin-bottom: 50px;}
.mb40-h {margin-bottom: 40px;}
.mt30 {margin-top: 30px;}
/**/
.equal-height {display: -ms-flexbox; display: flex; flex-wrap: wrap}

/*HOME*/
.h-destacado { position: relative;}
.h-destacado figure { padding-bottom: 23px;}
.h-destacado figcaption { position: absolute; left: 0; bottom: 0; background: #1A355F; font-size: 17px; /*text-transform: uppercase;*/ font-family: 'Roboto-Regular'; /*font-family: "Ayra-Regular";*/ color: #fff; height: 42px; width: 262px; padding: 13px 15px 5px 15px;}
.h-destacado .logo-club { margin-top: -2px;}
/**/
.h-destacado-2 {position: relative; padding-bottom: 35px; height: 100%;}
.h-destacado-2 h3 { font-size: 18px; margin: 0; line-height: 1.3;}
.h-destacado-2 .lnk { font-size: 11px; text-transform: uppercase; display: inline-block; padding-right: 12px; position: absolute; padding-bottom: 7px; left: 0; bottom: 0;}
.h-destacado-2 em { font-style: normal; color: #c1d42f;font-size: 15px;}
.h-destacado-2 .lnk:after {content: ""; display: block; border-top: 3px solid #c1d42f; position: absolute; left: 0; bottom: 0; width: 100%;}
/**/
.h-aviso { background: #004987; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 39px; transition: all 0.3s ease;}
.h-aviso h4 { margin: 0; font-size: 13px; text-transform: uppercase; color: #fff;}
.h-aviso span { display: inline-block; border: 1px solid #fff; font-size: 11px; text-transform: uppercase; color: #fff; padding: 2px 10px 0 10px; margin-left: 17px; height: 22px;}
.h-aviso em { font-style: normal; color: #c1d42f; font-family: "Roboto-Medium"; font-size: 14px;}
.h-aviso:hover { background: #00b9ad;}
/**/
.h-aviso-2 { background: #fff; border: 1px solid #d2d2d2; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 39px; transition: all 0.3s ease; }
.h-aviso-2 h4 { color: #004987; font-size: 14px; margin: 0; text-transform: uppercase; }
.h-aviso-2 span { color: #004987; border: 1px solid #d2d2d2; display: inline-block; font-size: 11px; text-transform: uppercase; padding: 2px 10px 0 10px; margin-left: 17px; height: 22px; }
.h-aviso-2 em { font-style: normal; color: #c1d42f; font-family: "Roboto-Medium"; font-size: 14px; }
.h-aviso-2:hover { background: none;}
/**/
.btn-home { background: url(../../personas/images/btn-home.jpg); background-repeat: no-repeat, repeat; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 53px; transition: all 0.3s ease;}
.btn-home:hover{ background: url(../../personas/images/btn-home.jpg);}
.btn-home h4 { margin: 0; font-size: 13px; text-transform: uppercase; color: #fff;}
.btn-home span:hover { display: inline-block; border: 1px solid #00b9ad; font-size: 11px; text-transform: uppercase; color: #fff; padding: 2px 10px 0 10px; margin-left: 17px; height: 22px;}
/**/
.h-info-box { border: 1px solid #d2d2d2; padding: 20px 20px 40px 20px; min-height: 125px; height: 100%; position: relative;}
.h-info-box p {font-size: 14px; line-height: 1.3;}
.h-info-box .lnk { font-size: 11px; text-transform: uppercase; display: inline-block; position: absolute; left: 20px; bottom: 17px;}
.h-info-box em { font-style: normal; color: #c1d42f; font-family: "Roboto-Medium"; font-size: 14px;}

/*T3 T4*/
/*HEAD*/
.sec-pic-head { background-repeat: no-repeat; background-position: center top; background-size: cover; height: 248px; background-color: #ccc;}
.sec-pic-area {height: 248px;}
.sec-head-card {padding: 27px; background: rgb(0,185,173);
background: -moz-linear-gradient(-45deg, rgba(0,185,173,1) 0%, rgba(0,73,135,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 100%);
background: linear-gradient(135deg, rgba(0,185,173,1) 0%,rgba(0,73,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9ad', endColorstr='#004987',GradientType=1 ); margin-top: 40px; min-height: 155px; max-width: 335px;}
.sec-head-card h2 {font-size: 22px; font-family: "Ayra-Regular"; color: #fff; margin: 0 0 20px 0;}
.sec-head-card .with-border { position: relative; margin-bottom: 25px;}
.sec-head-card .with-border:after { content: ""; display: block; border-top: 3px solid #c1d42f; width: 30px; position: absolute; left: 0; bottom: -15px;}
.sec-head-card p { font-size: 14px; color: #fff; margin: 0; line-height: 1.4;}

/*BREADCRUMBS*/
.breadcrumb {border-radius: 0; font-size: 10px;}
.breadcrumb, .breadcrumb a {color: #636363;}
.breadcrumb .active {font-family: "Roboto-Bold";}
.breadcrumb > li + li:before {padding: 0 2px}

/*TABS*/
.nav-tabs {width: 100%;}
.nav-tabs > li > a {border-radius: none; padding: 18px 0 10px 0; height: 55px; text-align: center; font-size: 16px; color: #636363; text-transform: uppercase;}
.tabs-x2 li {width: 50%; background: #eeeeee;}
.tabs-x3 li {width: 33.33%; background: #eeeeee;}
.tabs-x4 li {width: 25%; background: #eeeeee;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom: 4px solid #c1d42f;}
.nav > li > a:hover, .nav > li > a:focus {background-color: #eeeeee;}
.tab-data, .tab-data-2 { border: 1px solid #eaeaea; padding: 28px; margin-bottom: 60px;}

/*TAB DATA*/
.tab-data h1 { font-size: 24px; color: #2a4a84; font-family: "Roboto-Bold"; margin-bottom: 30px; line-height: 1.2;}
.tab-data h2 {font-size: 18px; color: #2a4a84; margin-bottom: 15px; }
.tab-data h3 {font-size: 16px; color: #004987; margin-bottom: 22px;}
.tab-data h3 small {font-size: 12px; color: #004987;}
.tab-data h4 { font-size: 14px; color: #004987; margin-bottom: 20px;}
.tab-data p {font-size: 14px; margin-bottom: 10px; line-height: 1.4;}
.tab-data p small {font-size: 11px;}
.tab-data ul {list-style: none; padding: 0; margin: 0 0 20px 0;}
.tab-data li { font-size: 14px; margin-bottom: 6px; position: relative; padding-left: 10px; line-height: 1.4;}
.tab-data ul li:before { content: ""; display: block; width: 3px; height: 3px; background: #636363; border-radius: 100%; position: absolute; left: 0; top: 7px;}
.tab-data ul ul { margin: 25px 0 25px 15px;}
.tab-data ul ul li { margin-bottom: 3px;}
.tab-data li small {font-size: 11px;}
.tab-data hr { height: 2px; border-top: 2px solid #eeeeee; margin-top: 25px; margin-bottom: 25px;}
.tab-data figure {margin-bottom: 20px;}
.tab-data .destacado {color: #004987;}
.tab-data .cta-btn { display: inline-block; color: #fff; background: #004987; height: 43px; width: 233px; text-align: center; text-transform: uppercase; font-size: 13px; font-family: "Roboto-Medium"; padding-top: 16px;}
.tab-data h3 .badge {font-size: 12px; font-weight: normal; color: #004987; background-color: #fff; border-radius: 0; text-transform: uppercase; border: 1px solid #c1d42f; padding: 4px 8px; margin-left: 10px; font-family: "Roboto-Medium";}
.tab-data h3 .badge span { color: #c1d42f;}
.tab-data p a, .tab-data li a {text-decoration: underline;}
.tab-data-block {margin-bottom: 70px;}
.tab-data ol {list-style: none; padding: 0; margin: 0 0 22px 0; counter-reset: ol}
.tab-data ol li {padding-left: 23px;}
.tab-data ol li:before {counter-increment: ol; content: counter(ol) "."; position: absolute; left: 0; font-family: "Roboto-Bold";}

/*CONSULTA*/
.consulta {margin-bottom: 60px;}
.consulta h4 { font-size: 14px; color: #004987; margin-bottom: 20px; text-align: center;}
.consulta .lnk {display: block; font-size: 14px; color: #004987; text-transform: uppercase; border: 1px solid  rgb(193, 212, 47); height: 62px; width: 100%; text-align: center; font-family: "Roboto-Medium"; padding-top: 25px;}
.consulta .lnk-2-lines { padding-top: 15px; line-height: 1.3;}
.consulta .lnk-2-lines span {font-family: "Roboto-Regular";}
.consulta .phone { cursor: default;}

/*LEGAL INT*/
.legal-int { margin-bottom: 20px;}
.legal-int p, .tab-data .legal-int p, .text-data .legal-int p {margin-bottom: 15px; line-height: 1.2; font-size: 10px; letter-spacing: -0.1px;}/* nuevo: agregado font-size y letter-spacing + .tab-data + .text-data */
.legal-int h4 {font-size: 12px; margin-bottom: 15px;}
.legal-int h3 {margin-bottom: 15px; font-size: 24px; line-height: 1.2; font-family: "Roboto-Bold";}

/*LEGAL FLEX (mueve los cft de ubicación, arriba o abajo del resto)*/
.legal-flex { display: flex; flex-wrap: wrap;}
.legal-flex .lf-p-cft { order: 2 }
.legal-flex .lf-cft { order: 3 }
.legal-flex .lf-p { order: 1 }

/*CONTENIDO STD*/
.text-data { margin-bottom: 40px;}
.text-data h1 { font-size: 24px; color: #2a4a84; font-family: "Roboto-Bold"; margin-bottom: 30px;}
.text-data h2 {font-size: 18px; color: #2a4a84; margin-bottom: 15px; }
.text-data h3 {font-size: 16px; color: #004987; margin-bottom: 22px;}
.text-data h3 small {font-size: 12px; color: #004987;}
.text-data h4 { font-size: 14px; color: #004987; margin-bottom: 20px;}
.text-data p {font-size: 14px; margin-bottom: 10px; line-height: 1.4;}
.text-data p small {font-size: 11px;}
.text-data ul {list-style: none; padding: 0; margin: 0 0 20px 0;}
.text-data li { font-size: 14px; margin-bottom: 6px; position: relative; padding-left: 10px; line-height: 1.4;}
.text-data ul li:before { content: ""; display: block; width: 3px; height: 3px; background: #636363; border-radius: 100%; position: absolute; left: 0; top: 7px;}
.text-data ul ul { margin: 25px 0 25px 15px;}
.text-data ul ul li { margin-bottom: 3px;}
.text-data li small {font-size: 11px;}
.text-data hr { height: 2px; border-top: 2px solid #eeeeee; margin-top: 25px; margin-bottom: 25px;}
.text-data figure {margin-bottom: 20px;}
.text-data .video {height: 0; padding-bottom: 56.25%; position: relative; width: 100%; margin-bottom: 45px;}
.text-data .video video, .text-data .video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.text-data .cta-bar { text-align: center}
.text-data .cta-btn { background: #2a4a84; color: #fff; text-transform: uppercase; font-family: "Roboto-Medium"; display: inline-block; font-size: 16px; padding: 17px 30px; transition: all .3s ease} 
.text-data .cta-btn:hover { background: #00b9ad;}
.text-data .btn-float {height: 50px; margin-bottom: 20px;}
.text-data .cta-btn2 { background: #2a4a84; color: #fff; text-transform: uppercase; font-family: "Roboto-Medium"; display: inline-block; font-size: 13px; padding: 17px 30px; transition: all .3s ease; width: 90%;} 
.text-data .cta-btn2:hover { background: #00b9ad;}

.text-data .cta-btn-big {background: #2a4a84; color: #fff; text-transform: uppercase; font-family: "Roboto-Medium"; display: inline-block; font-size: 20px; padding: 19px 40px; transition: all .3s ease}
.text-data .cta-btn-big:hover { background: #00b9ad;}
.text-data p a, .text-data li a {text-decoration: underline;}
.text-data .destacado {color: #004987;}
.text-data .cta-btn { display: inline-block; color: #fff; background: #004987; height: 43px; /*width: 233px;*/ text-align: center; text-transform: uppercase; font-size: 13px; font-family: "Roboto-Medium"; padding-top: 16px;}
.text-data ol {list-style: none; padding: 0; margin: 0 0 22px 0; counter-reset: ol}
.text-data ol li {padding-left: 23px;}
.text-data ol li:before {counter-increment: ol; content: counter(ol) "."; position: absolute; left: 0; font-family: "Roboto-Bold";}

/*LIST CHECK*/
.tab-data ul.list-check li, .text-data ul.list-check li { background: url(../images/layout/icon-check.svg) no-repeat; background-size: 18px; padding-left: 24px; }
.tab-data ul.list-check li:before, .text-data ul.list-check li:before { display: none; }

/*TEXTO ANIMADO*/
@keyframes txt-animado{
    0%{ color:#636363;}
    50%{ color:#bcc94a;}
    100%{ color:#636363;}
}
@-webkit-keyframes txt-animado{
    0%{ color:#636363;}
    50%{ color:#bcc94a;}
    100%{ color:#636363;}
}
.txt-animado { animation:txt-animado 2s 1s infinite; -webkit-animation:txt-animado 2s 1s infinite; }

/*BOTON ANIMADO*/
@keyframes btn-animado{
    0%{ background:#fff;}
    50%{background:rgba(193,212,47,0.5)}
    100%{background:#fff;}
}
@-webkit-keyframes btn-animado{
    0%{ background:#fff;}
    50%{background:rgba(193,212,47,0.5)}
    100%{background:#fff;}
}
.btn-animado { animation:btn-animado 2s 1s infinite; -webkit-animation:btn-animado 2s 1s infinite;}
.btn-animado:hover { animation: none; -webkit-animation: none;}
.active .btn-animado { animation: none !important; -webkit-animation: none !important;}/*desactiva en página*/

/*BOTON ANIMADO 2*/
@keyframes btn-animado-2{
    0%{ background:#004987; }
    50%{ background:#c1d42f; }
    100%{ background:#004987; }
}
@-webkit-keyframes btn-animado-2{
    0%{ background:#004987; }
    50%{ background:#c1d42f; }
    100%{ background:#004987; }
}
.btn-animado-2 { animation:btn-animado-2 2s 1s infinite; -webkit-animation:btn-animado-2 2s 1s infinite;}
.btn-animado-2:hover { animation: none; -webkit-animation: none; background:#c1d42f;}

/*TAG "NUEVO"*/
.tag-nuevo {background-color: #00b9ad; color: #fff !important; padding: 5px 10px; display: inline-block; margin-bottom: 10px !important;}

/*T5*/
.beneficios-int { margin-bottom: 45px;}
.beneficios-int h2 {font-size: 24px; color: #004987; font-family: "Roboto-Bold"; margin-bottom: 45px;}
.beneficios-int .card {float: left; background: #004987; width: 43%; border-radius: 3px; height: 158px; position: relative;}
.beneficios-int .card h4 {position: absolute; left: 15px; bottom: 5px; font-size: 14px; text-transform: uppercase; font-family: "Roboto-Medium"; color: #fff; line-height: 1.3; right: 15px; /*nuevo*/ margin-bottom: 5px; }
.beneficios-int .card .icon { position: absolute; top: 15px; right: 15px;}
.beneficios-int .card-data {float: left; width: 50%; height: 158px; padding: 15px; margin-bottom: 30px;}
.beneficios-int .card-data h3 { color: #004982; font-size: 48px; font-family: "Roboto-Bold"; position: relative; margin-bottom: 10px; padding-bottom: 5px;}
.beneficios-int .card-data h3:after {content: ""; display: block; border-top: 3px solid #c1d42f; width: 30px; position: absolute; left: 0; bottom: 0;}
.beneficios-int .card-data sup { font-size: 10px; font-family: "Roboto-Medium"; position: relative; top: -28px;}
.beneficios-int .card-data p { color: #004982; font-size: 12px; line-height: 1.4; margin: 0;}
.beneficios-int .card-data p small {font-size: 10px;}

/*ICONOS (en color azul)*/
.cart-blue-icon { background: url(../../personas/cuentas/images/cart-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.combustible-blue-icon { background: url(../../personas/cuentas/images/combustible-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.cubiertos-blue-icon { background: url(../../personas/cuentas/images/cubiertos-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.farmacia-blue-icon { background: url(../../personas/cuentas/images/farmacia-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.pc-blue-icon { background: url(../../personas/cuentas/images/pc-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.perfume-blue-icon { background: url(../../personas/cuentas/images/perfume-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.regalo-blue-icon { background: url(../../personas/cuentas/images/regalo-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.tijeras-blue-icon { background: url(../../personas/cuentas/images/tijeras-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.banco-blue-icon { background: url(../../personas/cuentas/images/banco-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.totem-blue-icon { background: url(../../personas/cuentas/images/totem-blue-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.card-blue-icon { background: url(../../personas/cuentas/images/card-blue-icon.svg) no-repeat; background-size: contain; width: 50px; height: 36px;}
.phone-blue-icon { background: url(../../personas/cuentas/images/phone-blue-icon.svg) no-repeat; background-size: contain; width: 30px; height: 53px;}
.avion-blue-icon { background: url(../../personas/cuentas/images/avion-blue-icon.svg) no-repeat; background-size: contain; width: 42px; height: 53px;}
.hoteles-blue-icon { background: url(../../personas/cuentas/images/hoteles-blue-icon.svg) no-repeat; background-size: contain; width: 50px; height: 53px;}
.ticket-blue-icon { background: url(../../personas/cuentas/images/ticket-blue-icon.svg) no-repeat; background-size: contain; width: 44px; height: 53px;}

/*ICONOS (en box azul)*/
.beneficios-int .card .icon-bag { background: url(../../personas/cuentas/images/bag-icon.svg) no-repeat; background-size: contain; width: 56px; height: 48px;}
.beneficios-int .card .icon-book { background: url(../../personas/cuentas/images/book-icon.svg) no-repeat; background-size: contain; width: 44px; height: 60px;}
.beneficios-int .card .icon-cart { background: url(../../personas/cuentas/images/cart-icon.svg) no-repeat; background-size: contain; width: 56px; height: 53px;}
.beneficios-int .card .icon-cubiertos { background: url(../../personas/cuentas/images/cubiertos-icon.svg) no-repeat; background-size: contain; width: 38px; height: 58px;}
.beneficios-int .card .icon-hotel { background: url(../../personas/cuentas/images/hotel-icon.svg) no-repeat; background-size: contain; width: 52px; height: 52px;}
.beneficios-int .card .icon-ice { background: url(../../personas/cuentas/images/ice-icon.svg) no-repeat; background-size: contain; width: 58px; height: 60px;}
.beneficios-int .card .icon-phone { background: url(../../personas/cuentas/images/phone-icon.svg) no-repeat; background-size: contain; width: 38px; height: 58px;}
.beneficios-int .card .icon-pintura { background: url(../../personas/cuentas/images/pintura-icon.svg) no-repeat; background-size: contain; width: 40px; height: 55px;}
.beneficios-int .card .icon-shop { background: url(../../personas/cuentas/images/shop-icon.svg) no-repeat; background-size: contain; width: 45px; height: 53px;}
.beneficios-int .card .icon-show { background: url(../../personas/cuentas/images/show-icon.svg) no-repeat; background-size: contain; width: 58px; height: 60px;}
.beneficios-int .card .icon-surtidor { background: url(../../personas/cuentas/images/surtidor-icon.svg) no-repeat; background-size: contain; width: 44px; height: 60px;}
.beneficios-int .card .icon-tijeras { background: url(../../personas/cuentas/images/tijeras-icon.svg) no-repeat; background-size: contain; width: 38px; height: 56px;}
.beneficios-int .card .icon-garage { background: url(../../personas/cuentas/images/garage-icon.svg) no-repeat; background-size: contain; width: 48px; height: 48px;}
.beneficios-int .card .icon-laundry { background: url(../../personas/cuentas/images/laundry-icon.svg) no-repeat; background-size: contain; width: 45px; height: 54px;}
.beneficios-int .card .icon-toll { background: url(../../personas/cuentas/images/toll-icon.svg) no-repeat; background-size: contain; width: 63px; height: 42px;}
.beneficios-int .card .icon-wheel { background: url(../../personas/cuentas/images/wheel-icon.svg) no-repeat; background-size: contain; width: 48px; height: 48px;}
.beneficios-int .card .icon-pharmacy { background: url(../../personas/cuentas/images/pharmacy-icon.svg) no-repeat; background-size: contain; width: 48px; height: 48px;}
.beneficios-int .card .icon-parador { background: url(../../personas/cuentas/images/parador-icon.svg) no-repeat; background-size: contain; width: 46px; height: 50px;}
.beneficios-int .card .icon-optics { background: url(../../personas/cuentas/images/optics-icon.svg) no-repeat; background-size: contain; width: 56px; height: 24px;}
.beneficios-int .card .icon-chocolate { background: url(../../personas/cuentas/images/chocolate-icon.svg) no-repeat; background-size: contain; width: 50px; height: 50px;}
.beneficios-int .card .icon-gym { background: url(../../personas/cuentas/images/gym-icon.svg) no-repeat; background-size: contain; width: 46px; height: 49px;}
.beneficios-int .card .icon-delivery { background: url(../../personas/cuentas/images/delivery-icon.svg) no-repeat; background-size: contain; width: 68px; height: 42px;}
.beneficios-int .card .icon-plane { background: url(../../personas/cuentas/images/plane-icon.svg) no-repeat; background-size: contain; width: 48px; height: 48px;}
.beneficios-int .card .icon-pets { background: url(../../personas/cuentas/images/pets-icon.svg) no-repeat; background-size: contain; width: 48px; height: 59px;}
.beneficios-int .card .icon-wear { background: url(../../personas/cuentas/images/wear-icon.svg) no-repeat; background-size: contain; width: 56px; height: 37px;}
.beneficios-int .card .icon-electro { background: url(../../personas/cuentas/images/electro-icon.svg) no-repeat; background-size: contain; width: 56px; height: 47px;}
.beneficios-int .card .icon-toys { background: url(../../personas/cuentas/images/toys-icon.svg) no-repeat; background-size: contain; width: 54px; height: 53px;}

/**/
.tarjetas-int.last { margin-bottom: 45px;}
.tarjetas-int .card {margin-bottom: 45px;}
.tarjetas-int h2 {font-size: 24px; color: #004987; font-family: "Roboto-Bold"; margin-bottom: 45px;}
.tarjetas-int h3 { font-size: 18px; color: #004987; margin-bottom: 15px;}
.tarjetas-int p {font-size: 14px; line-height: 1.3; margin-bottom: 15px;}
.tarjetas-int .btn-m-info { font-size: 12px; text-transform: uppercase; font-family: "Roboto-Medium"; display: inline-block; border: 1px solid rgb(193, 212, 47); padding: 3px 8px;}
.tarjetas-int .btn-m-info span {color: rgb(193, 212, 47); font-size: 14px;}

/*T6*/
.sec-head-int h2 {font-size: 24px; color: #004987; font-family: "Roboto-Bold"; margin-bottom: 10px;}
.sec-head-int h3 { font-size: 20px; color: #004987; margin-bottom: 40px;}
/**/
.nav-tabs-vertical { margin-bottom: 60px; width: 25%; border-bottom: none;}
.nav-tabs-vertical > li {width: 100%; float: none; margin-bottom: 0;}
.nav-tabs-vertical > li > a {border-radius: 0; border: 1px solid #00b9ad; border-bottom-color: transparent; margin-right: 0; height: auto; padding: 17px 40px 17px 20px; text-align: left; font-size: 14px; color: #004987; position: relative; line-height: 1.3; transition: all .3s ease;}
.nav-tabs-vertical > li > a:after {content: "+"; font-size: 16px; color: #c1d42f; position: absolute; top: 32%; right: 20px; font-family: "Roboto-Regular"}
.nav-tabs-vertical > li.active > a, .nav-tabs-vertical > li.active > a:hover, .nav-tabs-vertical > li.active > a:focus { border: 1px solid #00b9ad; border-bottom-color: transparent; background: #00b9ad; color: #fff; font-family: "Roboto-Medium";}
.nav-tabs-vertical > li.active > a:after, .nav-tabs-vertical > li.active > a:hover:after, .nav-tabs-vertical > li.active > a:focus:after { color: #fff;}
.nav-tabs-vertical > li > a:hover {border-color: #00b9ad #00b9ad #00b9ad; color: #fff;}
.nav-tabs-vertical > li > a:hover:after {color: #fff;}
.nav-tabs-vertical > li > a:hover, .nav-tabs-vertical > li > a:focus {background-color: #00b9ad;}
.nav-tabs-vertical > li:last-child { border-bottom: 1px solid #00b9ad}
.tab-content-vertical .tab-data {border: none; padding: 0;}
.tab-data-vertical h3 {font-size: 18px; margin-bottom: 15px;}
.tab-data-vertical h4 { font-size: 14px; color: #004987; margin-bottom: 22px;}

/*T2*/
.sec-title { color: #2a4a84; font-size: 24px; font-family: "Roboto-Bold"; margin-bottom: 45px;}
.info-blocks {margin-bottom: 60px;}
.info-block {padding-bottom: 20px; display: block;}
.info-block h3 { color: #2a4a84; font-size: 22px; font-family: "Roboto-Bold"; margin-bottom: 10px;}
.info-block p { color: #2a4a84; font-size: 18px; line-height: 1.3; margin-bottom: 15px;}
.info-block .btn-m-info { display: inline-block; border-bottom: 3px solid #c5d344; color: #2a4a84; font-size: 11px; position: absolute; left: 15px; bottom: 0; padding-bottom: 4px; padding-right: 10px;}
.info-block .btn-m-info i { color: #c5d344; font-style: normal; font-size: 13px; font-family: "Roboto-Medium"}
.info-block .btn-m-placa { position: absolute; font-size: 14px; line-height: 1em; text-align: right; right: 15px; bottom: 0px; background: #c5d344; padding: 9px 20px; margin-bottom: 0; color: #fff; }/* NUEVA PLACA */
/**/
.highlight-bar { text-align: center; margin-bottom: 30px; border-top: 1px solid #00478a; border-bottom: 5px solid #00478a; padding-top: 10px;}
.highlight-bar h3 {margin: 0; text-transform: uppercase; font-size: 18px; padding: 0 0 10px 0; color: #00478a; line-height: 1.3;}
.highlight-bar p { font-size: 14px; margin: 0; line-height: 1.3;}
.highlight-bar h3 + p { padding-bottom: 10px; margin-top: -5px;}
.highlight-bar-int { margin-top: 30px;}
/**/
.btn-lnk-block {padding: 15px 50px 15px 0; display: block; border-bottom: 3px solid #c1d42f; margin-bottom: 25px; position: relative;}
.btn-lnk-block h4 { font-size: 18px; color: #004987; margin: 0; line-height: 1.2;}
.btn-lnk-block h5 { font-size: 14px; color: #004987; margin: 0; line-height: 1.2;}/* creado */
.btn-lnk-block p { font-size: 14px; color: #636363; margin: 8px 0 0 0;}
.btn-lnk-block .icon { position: absolute; top: 50%; right: 15px; display: block;}
.btn-lnk-block .icon-download { background: url(../images/layout/icon-download.svg) no-repeat; background-size: contain; width: 26px; height: 25px; margin-top: -12px;}
.btn-lnk-block .icon-more { background: url(../images/layout/icon-more.svg) no-repeat; background-size: contain; width: 18px; height: 18px; margin-top: -9px;}
.btn-lnk-block .icon-external { background: url(../images/layout/icon-external.svg) no-repeat; background-size: contain; width: 27px; height: 25px; margin-top: -12px;}
.btn-lnk-block .icon-logobp { background: url(../images/layout/logo.svg) no-repeat; background-size: contain; width: 160px; height: 25px; margin-top: -12px;}
.btn-lnk-block .icon-pdf { background: url(../images/layout/icon-pdf.svg) no-repeat; background-size: contain; width: 26px; height: 32px; margin-top: -16px;}
.btn-lnk-block .icon-img { background: url(../images/layout/icon-img.svg) no-repeat; background-size: contain; width: 28px; height: 31px; margin-top: -16px;}
.btn-group-block-last {margin-bottom: 50px;}
/**/
.ssn-bar {margin-bottom: 40px;}
.ssn-bar ul {display: table; width: 100%; margin-bottom: 40px;}
.ssn-bar li { display: table-cell; font-size: 12px; line-height: 1.2; text-align: center; border-left: 2px solid rgb(201, 201, 201);}
.ssn-bar li:first-child {border-left: none;}
.ssn-bar li a {color: #636363; font-size: 14px;}
.ssn-bar p {font-size: 14px; margin-bottom: 10px; line-height: 1.4;}

/*T11*/
.beneficio-box {display: -ms-flexbox; display: flex; height: 120px; -ms-flex-align: end; align-items: flex-end; margin-bottom: 60px;}
.beneficio-box .card { width: 44%; background: #CAD200; border-radius: 0px 0px 6px; height: 100%; position: relative; }
.beneficio-box .card-blue {background: #004987;}
.beneficio-box .card p {margin: 0; position: absolute; left: 38px; bottom: 14px; font-family: "Roboto-Bold"; font-size: 11px; text-transform: uppercase; color: #fff;}
.beneficio-box .card:after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 120px 0 0 34px; border-color: transparent transparent transparent #ffffff; display: block;}
.beneficio-box .card-data {width: 50%; padding-left: 22px;}
.beneficio-box .card-data h3 { font-size: 44px; font-family: "Roboto-Bold"; color: #004987; margin-bottom: 5px;}
.beneficio-box .card-data h4 { font-size: 22px; font-family: "Roboto-Bold"; color: #004987; margin-bottom: 5px; text-transform: uppercase; line-height: 1.1;}
.beneficio-box .card-data sup { font-size: 10px; position: relative; top: -23px;}
.beneficio-box .card-data h4 sup {top: -9px;}
.beneficio-box .card-data p { text-transform: uppercase; font-size: 14px; font-family: "Roboto-Bold"; color: #004987; line-height: 1.2; margin: 0;}
.beneficio-box .card-data span { font-size: 12px; font-family: "Roboto-Regular" }
.beneficio-box .icon { position: absolute; top: 12px; right: 12px; display: block;}
/**/
.beneficio-box-v2 {display: -ms-flexbox; display: flex; height: 120px; -ms-flex-align: end; align-items: flex-end; margin-bottom: 60px;}
.beneficio-box-v2 .card { width: 44%; background: #CAD200; border-radius: 0px 0px 6px; height: 100%; position: relative; }
.beneficio-box-v2 .card p {margin: 0; position: absolute; left: 38px; bottom: 14px; font-family: "Roboto-Bold"; font-size: 13px; text-transform: uppercase; color: #fff;}
.beneficio-box-v2 .card:after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 120px 0 0 34px; border-color: transparent transparent transparent #ffffff; display: block;}
.beneficio-box-v2 .card-data {width: 56%; padding-left: 22px;}/* antes: "width: 50%; */
.beneficio-box-v2 .card-data h3 { font-size: 36px; font-family: "Roboto-Bold"; color: #004987; margin-bottom: 5px; border-bottom: 3px solid #c1d42f; letter-spacing: -2px; padding-bottom: 5px; position: relative;}
.beneficio-box-v2 .card-data h3 sup { font-size: 10px; position: relative; top: -19px; letter-spacing: normal;}
.beneficio-box-v2 .card-data h3 small {text-transform: uppercase; font-size: 10px; font-family: "Roboto-Regular"; letter-spacing: normal;}
.beneficio-box-v2 .card-data h3 span { position: absolute; top: 10px; right: 10px; font-family: "Roboto-Bold"; font-size: 10px; letter-spacing: normal; text-transform: uppercase;}
.beneficio-box-v2 .card-data h4 { font-size: 13px; font-family: "Roboto-Bold"; color: #004987; text-transform: uppercase; line-height: 1.1; margin: 0;}
.beneficio-box-v2 .card-data h3.especial { border-bottom: none; padding: 0; margin: 0; color: #00b9ad;}
.beneficio-box-v2 .card-data h3.especial small {color: #00b9ad;}
.beneficio-box-v2 .card-data p { text-transform: uppercase; font-size: 9px; font-family: "Roboto-Regular"; color: #004987; line-height: 1.2; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 3px solid #00b9ad;}
.beneficio-box-v2 .icon { position: absolute; top: 12px; right: 12px; display: block;}

/*ICONOS (en box verde)*/
.beneficio-box .icon-bag, .beneficio-box-v2 .icon-bag { background: url(../../personas/cuentas/images/bag-icon.svg) no-repeat; width: 39px; height: 33px;}
.beneficio-box .icon-book, .beneficio-box-v2 .icon-book { background: url(../../personas/cuentas/images/book-icon.svg) no-repeat; width: 35px; height: 48px;}
.beneficio-box .icon-cart, .beneficio-box-v2 .icon-cart { background: url(../../personas/cuentas/images/cart-icon.svg) no-repeat; width: 49px; height: 47px;}
.beneficio-box .icon-cubiertos, .beneficio-box-v2 .icon-cubiertos { background: url(../../personas/cuentas/images/cubiertos-icon.svg) no-repeat; width: 24px; height: 47px;}
.beneficio-box .icon-hotel, .beneficio-box-v2 .icon-hotel { background: url(../../personas/cuentas/images/hotel-icon.svg) no-repeat; width: 49px; height: 47px;}
.beneficio-box .icon-ice, .beneficio-box-v2 .icon-ice { background: url(../../personas/cuentas/images/ice-icon.svg) no-repeat; width: 42px; height: 42px;}
.beneficio-box .icon-phone, .beneficio-box-v2 .icon-phone { background: url(../../personas/cuentas/images/phone-icon.svg) no-repeat; width: 26px; height: 44px;}
.beneficio-box .icon-pintura, .beneficio-box-v2 .icon-pintura { background: url(../../personas/cuentas/images/pintura-icon.svg) no-repeat; width: 33px; height: 46px;}
.beneficio-box .icon-shop, .beneficio-box-v2 .icon-shop { background: url(../../personas/cuentas/images/shop-icon.svg) no-repeat; width: 37px; height: 44px;}
.beneficio-box .icon-shop-online, .beneficio-box-v2 .icon-shop-online { background: url(../../personas/cuentas/images/shop-online-icon.svg) no-repeat; width: 37px; height: 44px;}
.beneficio-box .icon-show, .beneficio-box-v2 .icon-show { background: url(../../personas/cuentas/images/show-icon.svg) no-repeat; width: 46px; height: 48px;}
.beneficio-box .icon-surtidor, .beneficio-box-v2 .icon-surtidor { background: url(../../personas/cuentas/images/surtidor-icon.svg) no-repeat; width: 35px; height: 48px;}
.beneficio-box .icon-tijeras, .beneficio-box-v2 .icon-tijeras { background: url(../../personas/cuentas/images/tijeras-icon.svg) no-repeat; width: 30px; height: 48px;}
.beneficio-box .icon-garage, .beneficio-box-v2 .icon-garage { background: url(../../personas/cuentas/images/garage-icon.svg) no-repeat; width: 40px; height: 40px;}
.beneficio-box .icon-laundry, .beneficio-box-v2 .icon-laundry { background: url(../../personas/cuentas/images/laundry-icon.svg) no-repeat; width: 38px; height: 46px;}
.beneficio-box .icon-toll, .beneficio-box-v2 .icon-toll { background: url(../../personas/cuentas/images/toll-icon.svg) no-repeat; width: 56px; height: 38px;}
.beneficio-box .icon-wheel, .beneficio-box-v2 .icon-wheel { background: url(../../personas/cuentas/images/wheel-icon.svg) no-repeat; width: 38px; height: 38px;}
.beneficio-box .icon-pharmacy, .beneficio-box-v2 .icon-pharmacy { background: url(../../personas/cuentas/images/pharmacy-icon.svg) no-repeat; width: 38px; height: 38px;}
.beneficio-box .icon-parador, .beneficio-box-v2 .icon-parador { background: url(../../personas/cuentas/images/parador-icon.svg) no-repeat; width: 36px; height: 39px;}
.beneficio-box .icon-optics, .beneficio-box-v2 .icon-optics { background: url(../../personas/cuentas/images/optics-icon.svg) no-repeat; width: 46px; height: 20px;}
.beneficio-box .icon-chocolate, .beneficio-box-v2 .icon-chocolate { background: url(../../personas/cuentas/images/chocolate-icon.svg) no-repeat; width: 40px; height: 40px;}
.beneficio-box .icon-gym, .beneficio-box-v2 .icon-gym { background: url(../../personas/cuentas/images/gym-icon.svg) no-repeat; width: 41px; height: 44px;}
.beneficio-box .icon-delivery, .beneficio-box-v2 .icon-delivery { background: url(../../personas/cuentas/images/delivery-icon.svg) no-repeat; width: 56px; height: 34px;}
.beneficio-box .icon-plane, .beneficio-box-v2 .icon-plane { background: url(../../personas/cuentas/images/plane-icon.svg) no-repeat; width: 40px; height: 40px;}
.beneficio-box .icon-pets, .beneficio-box-v2 .icon-pets { background: url(../../personas/cuentas/images/pets-icon.svg) no-repeat; width: 37px; height: 45px;}
.beneficio-box .icon-wear, .beneficio-box-v2 .icon-wear { background: url(../../personas/cuentas/images/wear-icon.svg) no-repeat; width: 46px; height: 30px;}
.beneficio-box .icon-electro, .beneficio-box-v2 .icon-electro { background: url(../../personas/cuentas/images/electro-icon.svg) no-repeat; width: 46px; height: 38px;}
.beneficio-box .icon-toys, .beneficio-box-v2 .icon-toys { background: url(../../personas/cuentas/images/toys-icon.svg) no-repeat; width: 43px; height: 42px;}

/**/
.highlight-bar-2 { background: #EC8059; border-bottom: 5px solid #F5A83D; text-align: center; text-transform: uppercase; margin-top: 18px; margin-bottom: 60px;}
.highlight-bar-2 .inner { display: inline-block; background: #fff;}
.highlight-bar-2 p {margin: 0; font-size: 14px; padding: 0 50px 2px 50px; position: relative;}
.highlight-bar-2 p span {display: inline-block; font-size: 12px; border: 1px solid #004987; font-family: "Roboto-Medium"; padding: 5px 9px; position: relative; top: -3px; margin-left: 20px;}
.highlight-bar-2 .inner p:before {content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 17px 26px 0; border-color: transparent #ffffff transparent transparent; position: absolute; left: -17px; top: 0;}
.highlight-bar-2 .inner p:after {content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 26px 17px 0 0; border-color: #ffffff transparent transparent transparent; position: absolute; right: -17px; top: 0;}

/*MODAL*/
.modal-content { border-radius: 0; border: 1px solid rgb(181, 181, 181); box-shadow: 0 3px 7px rgba(0,0,0,0.3); padding: 30px;}/* antes padding: 30px 60px */
.modal-body {padding: 0;}
.close {font-size: 18px; color: #004982; opacity: 1; font-family: "Roboto-Regular"; font-weight: normal;}
.modal-title { font-size: 18px; color: #004982;}
.modal-header {padding: 0 0 20px 0; border-bottom: none;}
.modal-footer {padding: 15px 0 0 0; border-top: none;}
/**/
.external-legend p {font-size: 12px; line-height: 1.3; margin-bottom: 20px;}
/**/
.modal-footer .cta-btn { display: inline-block; color: #fff; background: #004987; height: 33px; width: 133px; text-align: center; text-transform: uppercase; font-size: 13px; font-family: "Roboto-Medium"; padding-top: 11px; margin-left: 5px;}
.modal-footer .cta-btn:hover { background: #00b9ad;}
.modal-footer .cta-btn-cancel { display: inline-block; color: #fff; background: #ccc; height: 33px; width: 133px; text-align: center; text-transform: uppercase; font-size: 13px; font-family: "Roboto-Medium"; padding-top: 11px; margin-left: 5px;}

/*TABLES*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {font-size: 12px; line-height: 1.2;}
.table > tbody > tr > td.valign-middle {vertical-align: middle}
.table-fondos > tbody > tr > td { font-size:14px;}/* creado */

/*T7*/
.form-head { margin-bottom: 45px;}
.form-head h2 { font-size: 24px; color: #004987; font-family: "Roboto-Bold"; margin-bottom: 15px;}
.form-head h3 { font-size: 20px; color: #004987; margin-bottom: 15px;}
/**/
.formulario { margin-bottom: 40px;}
label { margin-bottom: 7px; font-weight: normal; font-size: 12px; line-height: 1.2;}
.form-control { height: 38px; padding: 6px 12px; font-size: 14px; color: #636363; border: 1px solid rgb(210, 210, 210); border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.form-control:focus {border-color: #c1d42f; -webkit-box-shadow: none; box-shadow: none;}
.form-actions {overflow: hidden;}
.form-actions .btn { border-radius: 0; width: 128px; height: 32px; text-transform: uppercase; font-size: 14px; float: right; margin-left: 10px;}
.form-actions .btn-submit { color: #fff; font-family: "Roboto-Medium"; background: #004987;}

/*MAPA EMPRESAS*/
.cenemp-area { background:rgb(238, 238, 238); background: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);}/* creado */
.cenemp { position:relative; display: inline-block;}
.cenemp .cenemp-box { position:absolute;}
.cenemp .cenemp-box .cenemp-puntero { z-index:10000; cursor:pointer;}
.cenemp .cenemp-box .cenemp-puntero .cenemp-puntero-hover { display:none;}
.cenemp .cenemp-dialogo { z-index:10001; position:absolute; left:10px; background:#fff; padding:10px; margin:0; border:1px solid #ccc; width: 175px; display:none;}
.cenemp .cenemp-dialogo .cenemp-cerrar { position: absolute; right: 5px; top: -10px; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-weight: bold; padding: 7px 10px; cursor: pointer; color: #004479; font-size: 11px; line-height: 1em;}/* creado */
.cenemp .cenemp-dialogo p { padding:0; margin:0; color:#004479; font-size: 11px; line-height:1.4em;}/* modificado: antes font-size 12px; agregado line-height*/
.cenemp #cenemp-ambanorte { top:39%; right:29%;}
.cenemp #cenemp-ambasuroeste { top:47%; right:28%;}
.cenemp #cenemp-atlantica { top:65%; right:19%;}
.cenemp #cenemp-interiorcentro { top:24%; left:39%;}
.cenemp #cenemp-interiornorte { top:0%; right:25%;}
.cenemp #cenemp-interiorsur { top:72%; left:16%;}
.cenemp #cenemp-microcentro { top:43%; right:23%;}
.cenemp #cenemp-rosario { top:32%; right:35%;}

/*AGRO BOXES*/
.agro-logo-box {display: table; margin-bottom: 15px;}
.agro-logo-box span { display: table-cell; height: 80px; vertical-align: middle;}

.convenio-logo { margin-bottom: 25px;}/* nuevo: en convenios agro*/

/*EBANK EMPRESAS*/
.login-ebank-empresas a { width: 100%; max-width: 500px;}
.login-ebank-empresas.color-ebank-empresas a { background: #fff; border: 1px solid #004987; color: #004987;}
.login-ebank-empresas.color-ebank-empresas a:hover { background: #004987; color: #fff;}

/* NEW BOX BENEFICIOS */
.bnf-container { position: relative;}
.bnf-flex { display: flex; }
/**/
.bnf-box { display: flex; margin-right: 30px; }
.bnf-box:last-child { margin-right: 0; }
.bnf-box p { font-size: 14px; line-height: 1.4em; margin-bottom: 0; }
/**/
.bnf-box .bnf-card { position: relative; padding: 15px 40px 15px 80px; min-height: 128.5px; display: inline-block; border-radius: 10px 70px 70px 10px; color: #fff; margin-bottom: 20px; }

.bnf-box .bnf-card big { font-family: 'Roboto-Bold'; font-size: 60px; }
.bnf-box .bnf-card big span { font-family: 'Roboto-Regular'; font-size: 40px; letter-spacing: -1px; margin-left: 3px; }
.bnf-box .bnf-card big span sup { font-size: 12px; top: -1.8em; margin-left: 3px; }
.bnf-box .bnf-card i.bnf-icon { position: absolute; background-repeat: no-repeat; top: 15px; background-position: center; }
.bnf-box .bnf-card i.bnf-misc { position: absolute; width: 52px; height: 52px; background-repeat: no-repeat; left: 15px; bottom: -15px; }
/**/
.bnf-box .bnf-card-data { margin-left: 10px; min-width: 80px; }
.bnf-box .bnf-card-data.bnf-1-lines { padding-top: 58px; }
.bnf-box .bnf-card-data.bnf-2-lines { padding-top: 48px; }
.bnf-box .bnf-card-data.bnf-3-lines { padding-top: 34px; }
.bnf-box .bnf-card-data.bnf-4-lines { padding-top: 26px; }
.bnf-box .bnf-card-data.bnf-5-lines { padding-top: 16px; }
.bnf-box .bnf-card-data.bnf-6-lines { padding-top: 6px; }

/* NEW BOX BENEFICIOS > ICONOS */
.bnf-icon-books { background-image: url("../images/layout/icon-books.svg"); left: 24px; width: 31px; height: 39px; }
.bnf-icon-card { background-image: url("../images/layout/icon-card.svg"); left: 24px; width: 35px; height: 30px; }
.bnf-icon-cart { background-image: url("../images/layout/icon-cart.svg"); left: 20px; width: 40px; height: 35px; }
.bnf-icon-cart-online { background-image: url("../images/layout/icon-cart-online.svg"); left: 20px; width: 40px; height: 35px; }
.bnf-icon-computer { background-image: url("../images/layout/icon-computer.svg"); left: 20px; width: 40px; height: 30px; }
.bnf-icon-computer-online { background-image: url("../images/layout/icon-computer-online.svg"); left: 20px; width: 40px; height: 30px; }
.bnf-icon-decor { background-image: url("../images/layout/icon-decor.svg"); left: 22px; width: 38px; height: 34px; }
.bnf-icon-food { background-image: url("../images/layout/icon-food.svg"); left: 30px; width: 20px; height: 44px; }
.bnf-icon-fuel { background-image: url("../images/layout/icon-fuel.svg"); left: 26px; width: 32px; height: 35px; }
.bnf-icon-gift { background-image: url("../images/layout/icon-gift.svg"); left: 25px; width: 34px; height: 32px; }
.bnf-icon-glass { background-image: url("../images/layout/icon-glass.svg"); left: 20px; width: 37px; height: 34px; }
.bnf-icon-hotel { background-image: url("../images/layout/icon-hotel.svg"); left: 24px; width: 36px; height: 25px; }
.bnf-icon-icecream { background-image: url("../images/layout/icon-icecream.svg"); left: 28px; width: 23px; height: 43px; }
.bnf-icon-paint { background-image: url("../images/layout/icon-paint.svg"); left: 24px; width: 35px; height: 38px; }
.bnf-icon-perfumery { background-image: url("../images/layout/icon-perfumery.svg"); left: 22px; width: 40px; height: 37px; }
.bnf-icon-pets { background-image: url("../images/layout/icon-pets.svg"); left: 24px; width: 35px; height: 36px; }
.bnf-icon-phone { background-image: url("../images/layout/icon-phone.svg"); left: 30px; width: 21px; height: 39px; }
.bnf-icon-phone-online { background-image: url("../images/layout/icon-phone-online.svg"); left: 30px; width: 21px; height: 39px; }
.bnf-icon-plane { background-image: url("../images/layout/icon-plane.svg"); left: 24px; width: 34px; height: 38px; }
.bnf-icon-scissor { background-image: url("../images/layout/icon-scissor.svg"); left: 28px; width: 26px; height: 42px; }
.bnf-icon-shop { background-image: url("../images/layout/icon-shop.svg"); left: 25px; width: 30px; height: 37px; }
.bnf-icon-shop-online { background-image: url("../images/layout/icon-shop-online.svg"); left: 25px; width: 30px; height: 37px; }
.bnf-icon-tent-parador { background-image: url("../images/layout/icon-tent-parador.svg"); left: 22px; width: 33px; height: 35px; }
.bnf-icon-ticket { background-image: url("../images/layout/icon-ticket.svg"); left: 22px; width: 38px; height: 40px; }
.bnf-icon-toys { background-image: url("../images/layout/icon-toys.svg"); left: 22px; width: 38px; height: 34px; }
.bnf-icon-wine { background-image: url("../images/layout/icon-wine.svg"); left: 29px; width: 23px; height: 43px; }


/* NEW SEGMENTOS */
/*.bnf-box*/.bnf-singular .bnf-card/*, .bgd-singular*/ { background-color: #001641; color: #BFE41A; }
/*.bnf-box*/.bnf-singular i.bnf-misc { background-image: url("../images/layout/misc-patagonia-singular.svg");}
/*.bnf-box*/.bnf-singular .bnf-card-data, .clr-singular { color: #001641 !important; }
/**/
/*.bnf-box*/.bnf-clasica .bnf-card/*, .bgd-clasica*/ { background-color: #004987; color: #BFE41A; }
/*.bnf-box*/.bnf-clasica i.bnf-misc { background-image: url("../images/layout/misc-patagonia-clasica.svg");}
/*.bnf-box*/.bnf-clasica .bnf-card-data, .clr-clasica { color: #004987 !important; }
/**/
/*.bnf-box*/.bnf-plus .bnf-card/*, .bgd-plus*/ { background-color: #001641; color: #00D9C5; }
/*.bnf-box*/.bnf-plus i.bnf-misc { background-image: url("../images/layout/misc-patagonia-plus.svg");}
/*.bnf-box*/.bnf-plus .bnf-card-data, .clr-plus  { color: #001641 !important; }

.bnf-logo-segm { height: 25px; margin: 0 15px 10px 0;}

/*RESPONSIVE*/
@media screen and (max-width: 1199px) {
	.dsk { display: none;}
	.tbl { display: inline-block !important;}
	.mbl { display: none;}
	/**/
	.general-links,	.top-links,	.nav-bar {display: none;}
	.col-dsk-6 {width: 50%;}
	/**/
	.c-hamburger {display: block; position: relative; overflow: hidden; width: 44px; height: 32px; text-indent: -9999px; cursor: pointer; transition: background 0.3s; float: left; margin-left: -4px; margin-top: 28px;}
	.c-hamburger:focus {outline: none;}
	.c-hamburger span {display: block; position: absolute; top: 13px; left: 4px; right: 4px; height: 3px; background: #d2d2d2;}
	.c-hamburger span:before,
	.c-hamburger span:after {position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #d2d2d2; content: "";}
	.c-hamburger span:before {top: -8px;}
	.c-hamburger span:after {bottom: -8px;}
	.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;}
	/**/
	.placeholder-bar {height: 77px;}
	.header-bar { position: fixed; width: 100%; z-index: 100; box-shadow: 0px 0px 5px 0px rgba(227, 227, 227, 1);}
	.header-bar header {height: 77px;}
	.header-bar h1 {float: left; margin-left: 11px;}
	.main-logo {margin-top: 31px;}
	/**/
	.mobile-nav-bar {display: none; background: #eeeeee; padding: 10px 15px 15px 15px; position: fixed; width: 50%; left: 0; top: 77px; z-index: 101; overflow: auto; max-height: calc(100vh - 77px) }
	.nav-main-item { border-bottom: 1px solid #d2d2d2;}
	.nav-main-item > ul {display: none;}
	.nav-main-item:last-child {border-bottom: none}
	.nav-main-item > a {font-size: 14px; text-transform: uppercase; display: block; padding-top: 10px; padding-bottom: 10px; position: relative;}
	.nav-main-item > a .fa {color: #cedb65; font-size: 18px; font-weight: bold; position: absolute; right: 0; top: 20%; transition: all .3s ease-in-out; transform: rotate(0deg)}
	.nav-main-item > a.open .fa { transform: rotate(90deg)}
	.nav-main-item > a.active, .nav-main-item > a.open {font-family: "Roboto-Bold";}
	.nav-sub-item:last-child {padding-bottom: 10px;}
	.nav-sub-item > a { font-size: 12px; text-transform: uppercase; display: inline-block; padding-bottom: 6px; position: relative; margin-bottom: 10px;}
	.nav-sub-item > a.active:after, .nav-sub-item > a.open:after {content: ""; display: block; border-top: 3px solid #c1d42f; position: absolute; left: 0; bottom: 0; width: 100%;}
	.submenu {padding: 5px 10px 15px 10px; display: none;}
	.submenu a {font-size: 12px; display: block; padding: 5px 0;}
	/**/
	.footer-bar {padding-top: 16px;}
	.placeholder-shortlinks {height: 62px;}
	.shortlinks {height: 62px; background: #fff; box-shadow: 0px 0px 5px 0px rgba(227, 227, 227, 1); position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99;}
	.shortlinks a {display: block; text-align: center; font-size: 11px; color: #b8b6b7; padding-top: 14px; padding-bottom: 10px;}
	.shortlinks .icon {display: block; margin: 0 auto 8px auto;}
	.shortlinks .icon-contacto { background: url(../images/layout/icon-contacto.svg) no-repeat; width: 23px; height: 20px; margin-top: 3px; background-size: contain;}
	.shortlinks .icon-sucursales { background: url(../images/layout/icon-sucursales.svg) no-repeat; width: 25px; height: 20px; margin-top: 3px; background-size: contain;}
	.shortlinks .icon-canales { background: url(../images/layout/icon-canales.svg) no-repeat; width: 16px; height: 23px; background-size: contain;}
	.shortlinks .icon-ebank { background: url(../images/layout/icon-ebank.svg) no-repeat; width: 24px; height: 14px; margin-top: 5px; background-size: contain;}
    .shortlinks .icon-padi { background: url(../images/layout/icon-padi.svg) no-repeat; width: 24px; height: 28px; background-size: contain; margin-top: -2px; margin-bottom: 6px;}
	.shortlinks .last { background: #c1d42f;}
	.shortlinks .last a {color: #004987;}
	/**/
	.ssn-bar li {font-size: 11px;}
	.ssn-bar li a {font-size: 13px;}
	.ssn-bar img { width: 190px; height: auto;}
	/**/
	.beneficio-box-v2 .card-data {width: 56%;}
    
    /* NEW BOX BENEFICIOS */
    .bnf-flex { display: block; }
    .bnf-box { margin-right: 0 !important; }
    
    /* NUEVA PLACA */
    .info-block .btn-m-placa { position: relative; display: table; text-align: left; right: 0; margin-bottom: 15px; }
    .info-block .btn-m-placa br { display: none; }
}

@media screen and (max-width: 991px) {
	.placeholder-top {display: block; height: 58px;}
	.placeholder-top + .placeholder-bar .header-bar {top: 58px;}
	.placeholder-top[style*="none"] + .placeholder-bar .header-bar {top: 0;}
	.topbanner {position: fixed; width: 100%; left: 0; top: 0; z-index: 100; background: #fff; border-bottom: 2px solid #d6e274;}
	.topbanner a {display: block;}
	.placeholder-top + .placeholder-bar + .nav-bar + .mobile-nav-bar {top: 135px;}
	.placeholder-top[style*="none"] + .placeholder-bar + .nav-bar + .mobile-nav-bar {top: 77px;}
	.close-this-banner { display: block; width: 30px; height: 30px; background: url(../images/layout/close-app-banner.svg) no-repeat center center; position: absolute; top: 5px; right: 5px; cursor: pointer}/* modificado */
	/**/
	.h-destacado figcaption {font-size: 12px; width: 176px; height: 35px; padding-top: 13px;}
	.h-destacado .logo-club { width: 103px; height: auto;}
	.h-info-box {padding: 10px 10px 30px 10px;}
	.h-info-box p br {display: none;}
	.h-info-box span { left: 10px; bottom: 7px;}
	/**/
	.beneficios-int .card {width: 50%;}
	.beneficios-int .card-data p br {display: none;}
	/**/
	.nav-tabs-vertical { width: 33.33333333%;}
	/**/
	.beneficio-box .card {width: 50%;}
	.highlight-bar-2 p {padding: 0 20px 2px 20px;}
	/**/
	.ssn-bar ul {overflow: hidden;}
	.ssn-bar li {display: block; float: left; width: 33%; height: 40px; padding-top: 10px;}
	.ssn-bar li:nth-child(4) { clear: left; width: 50%; margin-top: 15px; border-left: none;}
	.ssn-bar li:nth-child(5) {width: 50%; margin-top: 15px;}
}

@media screen and (max-width: 767px) {
    .home-slider .xs-head-position-x-55, .sec-head .xs-head-position-x-55 {background-position-x: 55%;}
    .home-slider .xs-head-position-x-60, .sec-head .xs-head-position-x-60 {background-position-x: 60%;}
    .home-slider .xs-head-position-x-65, .sec-head .xs-head-position-x-65 {background-position-x: 65%;}
    .home-slider .xs-head-position-x-70, .sec-head .xs-head-position-x-70 {background-position-x: 70%;}
    .home-slider .xs-head-position-x-75, .sec-head .xs-head-position-x-75 {background-position-x: 75%;}
    .home-slider .xs-head-position-x-80, .sec-head .xs-head-position-x-80 {background-position-x: 80%;}
    .home-slider .xs-head-position-x-85, .sec-head .xs-head-position-x-85 {background-position-x: 85%;}
    .home-slider .xs-head-position-x-90, .sec-head .xs-head-position-x-90 {background-position-x: 90%;}
    .home-slider .xs-head-position-x-95, .sec-head .xs-head-position-x-95 {background-position-x: 95%;}
    .home-slider .xs-head-position-x-100, .sec-head .xs-head-position-x-100 {background-position-x: 100%;}
    /**/
	.dsk { display: none;}
	.tbl { display: none !important;}
	.mbl { display: inline-block !important;}
	/**/
    .no-mbl { display: none !important;}/* nuevo */
    /**/
	.col-dsk-6 {width: auto}
	/**/
	.c-hamburger {width: 28px; height: 28px; margin-top: 19px;}
	.c-hamburger span:before {top: -6px;}
	.c-hamburger span:after {bottom: -6px;}
	/**/
	.placeholder-bar {height: 60px;}
	.header-bar header {height: 60px;}
	.header-bar h1 {float: left; margin-left: 6px;}
	.main-logo { margin-top: 23px; /*margin-top: 26px;*/ width: 128px; height: 24px; /*height: 14px;*/ background-size: contain;}
	/**/
	.placeholder-top + .placeholder-bar + .nav-bar + .mobile-nav-bar {top: 118px;}
	.mobile-nav-bar {width: 100%; top: 60px; max-height: calc(100vh - 61px); overflow: auto;}
	.placeholder-top + .placeholder-bar + .nav-bar + .mobile-nav-bar {max-height: calc(100vh - 118px);}
	.placeholder-top[style*="none"] + .placeholder-bar + .nav-bar + .mobile-nav-bar {top: 60px;}
	.mobile-nav-bar[style*="none"] {width: 100%; top: 60px; max-height: calc(100vh - 61px); overflow: auto;}
	/**/
	.home-slider { height: auto; margin-bottom: 35px;}
	.home-slider .slick-dots {display: none !important;}
	.home-slide {position: relative;}
	.home-slider .home-slide { background-size: 260%}
	.home-slider .col-xs-12 { padding-left: 0; padding-right: 0; position: absolute; left: 0; bottom: 0px; z-index: 50;}
	.slide-card { margin-top: 0; padding: 27px 15px; max-width: 100%; min-height: 165px;}
	.slide-card h2 {margin: 0 0 10px 0;}
	.slide-card .logo-pat-mobil {width: 180px; height: auto}
	.slide-card h4 { font-size: 20px;}
	.slide-card .with-border {margin-bottom: 25px;}
	.slide-card .with-border:after {width: 22px; border-top-width: 2px;}
	.slide-card p {font-size: 13px;}
	/**/
	.h-destacado { margin-bottom: 22px;}
	.h-destacado img {width: 100%;}
	.h-destacado figure { padding-bottom: 25px;}
	.h-destacado figcaption {font-size: 10px; width: 100%; line-height: 1.2; height: auto; padding: 8px}
	.h-destacado .logo-club { width: 80px; margin-top: 0;}
	/**/
	.equal-height {flex-wrap: wrap;}
	.mb60-h {margin-bottom: 15px;}
	/**/
	.h-destacado-bot { padding-top: 30px;}
	/**/
	.h-aviso span {display: none;}
	.h-aviso {/*text-align: left;*/ padding: 20px 10px; height: auto;}
	.h-aviso h4 {font-size: 14px; line-height: 1.4;}
    /**/
    .h-aviso-2 span {display: none;}
    .h-aviso-2 {/*text-align: left;*/ padding: 20px 10px; height: auto;}
    .h-aviso-2 h4 {/*font-size: 14px;*/ line-height: 1.4;}
	/**/
	.h-info-box-bot { margin-top: 30px;}
	/**/
	.flnks span {display: none;}
	.flnks a {display: block; line-height: 1.2em; margin: 0 0 12px 0;}
    .flnks a:first-child { margin-top: 8px; }
    .flnks a:last-child { margin-bottom: 20px; }
	/**/
	.redes {display: inline-block; width: 100%; text-align: center}
	.redes span { padding-right: 0; display: block; padding-bottom: 12px;}
	.flegal {font-size: 11px;}
	/**/
	.sec-pic-head { background-size: 240%;}
	.sec-head-card {margin-top: 0; position: absolute; left: 0; bottom: 0; width: 100%; min-height: auto; max-width: 100%;}
	.tabs-x2 li {width: 100%;}/* antes oculto */
    .tabs-x3 li {width: 100%;}
    .tabs-x4 li {width: 100%;}
	.nav-tabs > li > a {margin-right: 0;}
	.consulta .lnk { margin-bottom: 20px;}
	.consulta .lnk.last { margin-bottom: 0px;}
	/**/
	.btn-lnk { padding: 15px 0;}
	.btn-lnk .icon { right: 0px;}
	/**/
	.equal-height.info-blocks {display: block; margin-bottom: 0;}
	.info-block {margin-bottom: 20px;}
	.info-block .btn-m-info {position: static;}
    .info-block .btn-m-placa { font-size: 12px; }/* NUEVA PLACA */
	/**/
	.shortlinks .icon {display: block; margin: 2px auto 2px auto;}
	.shortlinks .icon-contacto { margin-top: 3px;}
	.shortlinks .icon-sucursales { margin-top: 3px;}
	.shortlinks a {font-size: 10px;}
	.shortlinks .icon-contacto { margin-top: -6px; margin-bottom: 2px;}
	.shortlinks .icon-sucursales {margin-top: -6px; margin-bottom: 2px;}
	.shortlinks .icon-canales { margin-top: -6px; margin-bottom: 2px;}
    .shortlinks .icon-padi { margin-top: -7px; /*margin-bottom: 2px;*/}
	/**/
	.highlight-bar-2 p {line-height: 1.2;}
	.highlight-bar-2 p span { margin-top: 15px; margin-left: 6px; margin-right: 6px;}
	/**/
	.tab-data h3 {font-size: 14px;}
	.tab-data h4 {font-size: 12px;}
	.tab-data li {font-size: 12px;}
	.tab-data p {font-size: 12px;}
    /*.tab-data .legal-int p, .text-data .legal-int p {font-size: 10px;}*//* parche */
	/**/
	.btn-lnk-block h4 {font-size: 14px;}
	.btn-lnk-block h5 {font-size: 12px;}/* creado */
	.btn-lnk-block p {font-size: 12px;}
	.destacado-int h3 {font-size: 20px;}
	.destacado-int p {font-size: 14px;}
	.mt30 {margin-top: 0px;}
	/**/
	.text-data h1 {font-size: 22px; margin-bottom: 20px; line-height: 1.3;}
	.text-data h2 {font-size: 16px;}
	.text-data ul li {font-size: 12px;}
	.text-data ul li:before {top: 3px;}
	/**/
	.nav-tabs > li > a {font-size: 14px;}
	.text-data .cta-btn {font-size: 14px; height: auto; padding-bottom: 16px; line-height: 1.2;}
	/**/
	.beneficios-int h2 {font-size: 22px;}
	/**/
	.sec-head-int h2 {font-size: 18px;}
	.sec-head-int h3 {font-size: 14px;}
	/**/
	.sec-title {font-size: 18px; margin-bottom: 30px;}
	.info-block h3 {font-size: 14px; margin-bottom: 5px;}
	.info-block p {font-size: 12px; margin-bottom: 10px;}
	.highlight-bar destacado {font-size: 12px; margin-bottom: 10px;}
	.info-block .btn-m-info {font-size: 10px;}
	.highlight-bar p {font-size: 12px;}/*antes: font-size: 16px*/
	.tarjetas-int .btn-m-info {font-size: 10px;}
	/**/
	.ssn-bar {margin-top: 45px;}
	.ssn-bar li:nth-child(1) {width: 50%;}
	.ssn-bar li:nth-child(2) {width: 50%;}
	.ssn-bar li:nth-child(3) {clear: left; width: 50%; margin-top: 15px; border-left: none;}
	.ssn-bar li:nth-child(4) { clear: none; width: 50%; margin-top: 15px; border-left: 2px solid rgb(201, 201, 201);}
	.ssn-bar li:nth-child(5) {width: 100%; margin-top: 15px; border-left: none;}
	.ssn-bar p {font-size: 11px;}
	/**/
	.formulario .mb-18 {margin-bottom: 18px;}
	/**/
	.tab-data h1 {font-size: 20px;}
	/**/
	.beneficio-box-v2 .card p {padding-right: 5px; font-size: 10px;}
	/**/
	.modal-content { padding: 30px 15px;}/* creado */
}

@media screen and (max-width: 700px) {
    /* NEW BOX BENEFICIOS */
    .bnf-box { display: block; }
    .bnf-box .bnf-card-data { margin-left: 0; }
    .bnf-box .bnf-card-data p { display: inline-block; }
    .bnf-box .bnf-card-data.bnf-1-lines, .bnf-box .bnf-card-data.bnf-2-lines, .bnf-box .bnf-card-data.bnf-3-lines, .bnf-box .bnf-card-data.bnf-4-lines, .bnf-box .bnf-card-data.bnf-5-lines, .bnf-box .bnf-card-data.bnf-6-lines { padding-top: 0px; margin-bottom: 10px; }/* line cancel*/
    /**/
    .bnf-container /*.bnf-box*/.bnf-clasica, .bnf-container /*.bnf-box*/.bnf-plus, .bnf-container /*.bnf-box*/.bnf-singular { margin-top: 20px; }
    .bnf-container /*.bnf-box*/.bnf-clasica:nth-child(1), .bnf-container /*.bnf-box*/.bnf-singular:nth-child(1) { margin-top: 0px; }
}

@media screen and (max-width: 550px) {
	/* antes: max-width: 500px */
	/*.cenemp-area {text-align: left !important;}*//* deshabilitado */
	/*.cenemp {overflow-x: auto; width: 100%; padding-bottom: 30px;}*//* deshabilitado */
	.cenemp #cenemp-ambanorte .cenemp-dialogo, .cenemp #cenemp-ambasuroeste .cenemp-dialogo, .cenemp #cenemp-atlantica .cenemp-dialogo, .cenemp #cenemp-interiornorte .cenemp-dialogo, .cenemp #cenemp-microcentro .cenemp-dialogo, .cenemp #cenemp-rosario .cenemp-dialogo { right:10px; left:auto;}/* creado */
	.cenemp #cenemp-ambanorte .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-ambasuroeste .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-atlantica .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-interiornorte .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-microcentro .cenemp-dialogo .cenemp-cerrar, .cenemp #cenemp-rosario .cenemp-dialogo .cenemp-cerrar { left:5px; right:auto;}/* creado */
}
@media screen and (max-width: 380px) {
	.home-slider .home-slide {background-size: 300%;}
	/**/
	.h-destacados .col-xs-4 {width: 100%;}
	.h-destacado { margin-bottom: 22px;}
	.h-destacado img {width: 100%;}
	.h-destacado figure { padding-bottom: 25px;}
	.h-destacado figcaption {font-size: 15px; width: 213px; height: 40px;}
	.h-destacado .logo-club { width: 123px; margin-top: 0;}
	/**/
	.h-destacado-2s .col-xs-6 {width: 100%;}
	.h-destacado-2 {padding-bottom: 15px; padding-top: 15px;}
	.h-destacado-2 h3 {font-size: 16px;}
	.h-destacado-2 br {display: none;}
	.h-destacado-2 .lnk {width: 100%; padding: 0; text-align: right;}
	.h-destacado-2 .lnk span {display: none;}
	.h-destacado-2 em { position: absolute; right: 2px; top: -35px;}
	.h-destacado-2 .btn:after {border-top-width: 3px;}
	/**/
	.mb60-h {margin-bottom: 0px;}
	.mb50-h {margin-bottom: 35px;}
	.mb40-h {margin-bottom: 15px;}
	/**/
	.h-info-boxes .col-xs-6 {width: 100%;}
	.h-info-box { padding: 15px 0px; border: none; border-bottom: 1px solid #d2d2d2; min-height: 100%;}
	.h-info-box p {margin: 0; font-size: 12px;}
	.h-info-box .lnk { left: 0; bottom: 0; width: 100%; text-align: right; padding: 0;}
	.h-info-box .lnk span {display: none;}
	.h-info-box em { position: absolute; right: 2px; top: -30px;}
	.h-info-box-img { margin-top: 30px; margin-bottom: 30px;}
	.h-info-box-img img {width: 100%;}
	.h-info-box-bot { margin-top: 0px;}
	/**/
	.sec-pic-head { background-size: 270%;}
	/**/
	.beneficios-int .card-data p br {display: none;}
	.beneficios-int .card-data sup {right: -5px;}
	.beneficios-int .card h4 {font-size: 12px;}
	/**/
	.beneficio-box-v2 .card-data h3 {font-size: 26px;}
	.beneficio-box-v2 .card-data h3 sup {top: -12px;}
	.beneficio-box-v2 .card-data h3 span {top: 0;}
}
@media screen and (max-width: 370px) {
	.sec-pic-head { background-size: 280%;}
	/**/
	.ssn-bar li {font-size: 10px;}
	.ssn-bar li a {font-size: 11px;}
}
@media screen and (max-width: 330px) {
	.home-slider .home-slide { background-size: 300%}
	.sec-pic-head { background-size: 270%;}
}