.pub-ola-staff .ola-panel-contenido h1 { background:#3C3C3B; color:#fff; padding:50px 16px; text-align:center; letter-spacing: 0.035em; transition:font-size ease .5s, padding ease .5s }
a.button { padding: 6.5px 20px;}
.pub-ola-staff .ola-panel-contenido .buscar { background:#fff; box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.2) }
.pub-ola-staff .ola-panel-contenido .buscar > .inner { padding:13px 16px; display:flex; max-width:1400px; margin:0px auto }
.pub-ola-staff .ola-panel-contenido .buscar > .inner > * { flex-basis:25%; flex-grow:1; flex-shrink:1; margin-right:20px }
.pub-ola-staff .ola-panel-contenido .buscar > .inner > *:last-child { margin-right:0 }
.pub-ola-staff .ola-panel-contenido .buscar .panel { display:inline-block; max-width:100%; margin:0px auto; display: flex; flex-direction: row; flex-wrap: wrap; }
.pub-ola-staff .ola-panel-contenido .buscar .panel .sucursales{ flex-basis: 64%; max-width: 100%; }
.pub-ola-staff .ola-panel-contenido .buscar .panel .filtros{flex-basis: 36%; flex-grow: 1; display: flex; flex-direction: row-reverse; padding: 10px;}
.pub-ola-staff .ola-panel-contenido .buscar .panel .filtros .sec{  margin-right: 20px; flex-basis: 250px;  }
.pub-ola-staff .ola-panel-contenido .buscar .panel .filtros .buscar{ flex-basis: 250px; }
.pub-ola-staff .ola-panel-contenido .buscar .panel .filtros .buscar .search input{ width: 250px; }
.pub-ola-staff .ola-panel-contenido .buscar .panel .app-horizontal-slide .app-slide-left{ border-radius: 0px; }
.pub-ola-staff .ola-panel-contenido .buscar .panel .app-horizontal-slide .app-slide-right{ border-radius: 0px; }
.pub-ola-staff .ola-panel-contenido .buscar .panel .scroll { padding:10px; height: 58px; display: flex; flex-direction: row;}
.pub-ola-staff .ola-panel-contenido .buscar .panel .items { margin-bottom: 10px !important; margin-right:20px !important; border-spacing: 5px;}
.pub-ola-staff .ola-panel-contenido .buscar .panel .items .button {  white-space:nowrap; border-spacing: 5px !important; overflow:hidden; text-overflow:ellipsis; margin-right:20px !important; margin-bottom: 10px !important;}
.pub-ola-staff .ola-panel-contenido .buscar .panel .items a{ width: 100%; }
.pub-ola-staff .ola-panel-contenido .buscar > .inner > .sec > .jbx-Select { width:100% }
.pub-ola-staff .ola-panel-contenido .buscar > .inner .input { width:100% }
.pub-ola-staff .ola-panel-contenido .buscar > .inner .search button::before { content:'\F21F'; font-family:OlaIcons2022; font-size:36px }
.pub-ola-staff .ola-panel-contenido .buscar .jbx-items .empty { color:#999; padding-left:30px; font-style:italic; position:relative }
.pub-ola-staff .ola-panel-contenido .buscar .jbx-items .empty:before { content:'\F004'; font-family:WebIcons; font-size:30px; position:absolute; top:50%; left:7px; transform:translateY(-50%); font-style:normal }
@media screen and (max-width:800px) {  
.pub-ola-staff .ola-panel-contenido .buscar > .inner { flex-direction:column }
.pub-ola-staff .ola-panel-contenido .buscar > .inner > * { margin-right:0; margin-bottom:10px }
.pub-ola-staff .ola-panel-contenido .buscar > .inner > *:last-child { margin-bottom:0 }
.pub-ola-staff .ola-panel-contenido .buscar > .inner > .buttons { justify-content:center; margin:0 }
.pub-ola-staff .ola-panel-contenido .buscar > .inner > .buttons a.button { margin:0px 4px; margin-bottom:8px }
}
.pub-ola-staff .ola-panel-contenido .panel { background:#fff; display:none }
.pub-ola-staff .ola-panel-contenido .panel.selected { display:block }
.pub-ola-staff .ola-panel-contenido .panel .inner { padding:45px 40px; padding-right:20px; max-width:1420px; margin:0px auto; transition:padding ease .5s }
.pub-ola-staff .ola-panel-contenido .panel .sector { margin-bottom:50px } 
.pub-ola-staff .ola-panel-contenido .panel .sector h3 { transition:font-size ease .5s }
.pub-ola-staff .ola-panel-contenido .panel .staff { display:flex; flex-flow:row wrap }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta { width:320px; display:flex; flex-direction:column; background:#fff; border-radius:4px; overflow:hidden; margin-top:20px; margin-right:20px; box-shadow:0px 0.1px 0.3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1) }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .img { width:100%; height:195px; background-color:#f7f7f7; background-size:cover; background-position:center center }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info { padding:16px; flex-grow:1; flex-shrink:1 }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .nme { font-size:24px; color:#333; font-weight:bold }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .nme .hlt { background:#ff0; border-radius:5px }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .car { font-size:14px; color:#828282 }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .dat { padding-top:30px; color:#4F4F4F; font-size:16px; letter-spacing: 0.5px }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .per { padding-top:15px; border-top: 1px solid #333; color:#4F4F4F; font-size:16px; letter-spacing: 0.5px; margin-top: 20px;  }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .per .skp {width: 30px;  display: inline-flex; text-decoration: none;}
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .per .eml {width: 30px;  display: inline-flex; text-decoration: none;}
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .per .hgt {width: 30px;  display: inline-flex; text-decoration: none;}
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .per .wts {width: 30px;  display: inline-flex; text-decoration: none;}
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .per .skp:before { font-size:30px; color:#FBC6C8; font-family:OlaIcons2022; content: '\F220'; display: inline-flex; }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .per .eml:before { font-size:30px; color:#FBC6C8; font-family:OlaIcons2022; content: '\F221'; display: inline-flex; }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .per .hgt:before { font-size:30px; color:#FBC6C8; font-family:OlaIcons2022; content: '\F222'; display: inline-flex; }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta .info .per .wts:before { font-size:30px; color:#FBC6C8; font-family:OlaIcons2022; content: '\F223'; display: inline-flex; }
.app-horizontal-slide .app-slide-right { right: 0 !important;}
.app-horizontal-slide .app-slide-left { left: 0 !important;}
@media screen and (max-width:600px) {
.pub-ola-staff .ola-panel-contenido h1 { font-size:40px; padding:75px 16px }
.pub-ola-staff .ola-panel-contenido .panel .staff .sta:first-child { margin-top:10px }  
.pub-ola-staff .ola-panel-contenido .panel .inner { padding:35px 0px 35px 25px }
.pub-ola-staff .ola-panel-contenido .panel .sector h3 { font-size:24px }
}