*{ box-sizing: border-box; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 1em; border: 0; padding: 0}
* a { text-decoration: none; color: inherit}

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #5B5B5B; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #AD976E; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


body, .wrap, .content, .section{ width: 100%; height: 100vh; position: relative; overflow: hidden; background: rgba(0,0,0,1.00)}

.section { padding: 0 25px ; text-align: center}

.frame {
    border: 0;
    padding: 0;
    height: 94vh;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 3vh;
    width: calc(100vw - 45px);
    z-index: 1;
  overflow-y: auto;
  padding-bottom: 60px;
  max-width: 1000px;
}

.frame div{ margin-bottom: 15px}

.wrap-buttons{ z-index: 2; position: fixed; left: 0; top: 35vh; background: #000; padding: 5px; border-bottom-right-radius: 30px; border-top-right-radius: 30px}
.wrap-buttons a { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;position: relative; width: 55px; height: 55px; text-align: center; cursor: pointer; display: block; border-radius: 50px; text-align: center; margin: 2px auto}
.phone{ background: url(icons-03.svg)}
.eats{ background:url(icons-02.svg)}
.didi{ background: url(icons-01.svg)}


.wrap-buttons a::after{ padding: 5px 10px; color: #fff !important;   position: absolute; right: -100px; top: -15px; max-width:100px; background: #000; border-radius: 15px; border: solid 1px #fff; font-size: 0.65em; display: none;  }
.wrap-buttons a:hover::after{ display: block}

.phone::after{ content: 'Haz tu pedido vía WhatsApp'}
.eats::after{ content: 'Síguenos en facebook' }
.didi::after{ content: 'Síguenos en Instagram'}

.divider { display: block; padding: 10px; text-align: center; position: relative; margin: 5px 0; width: 100%}
.divider .img{ background: rgba(0,0,0,1.00); padding: 5px; z-index: 2}
.divider::before{ position:absolute; content: ''; background: rgba(255,255,255,1.00); left: 0; right: 0; top: 45%; height: 1px; z-index: -1}

@media screen and (max-width: 1000px)
{
    

}