@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
    font-family: 'MiFuentePersonalizada';
    src: url('./public/AvenirLTStd-Light.otf') format('otf');
    font-weight: 300;
    font-style: normal;
    font-size: 14px !important;
  }
  
  body {
    font-family: 'MiFuentePersonalizada', sans-serif !important;
    
  }
#playa {
    transition: opacity 0.3s ease-in-out;
}
p{
    font-weight: 300 !important;

}
h1,h2,h3,h4{
    font-weight: 300 !important;
}
li{
    font-weight: 300 !important ;
    font-size: 12px !important;
}

#playa.show {
    display: block;
    opacity: 1;
}

#playa.hide {
    display: none;
    opacity: 0;
}

#vaso {
    transition: opacity 0.3s ease-in-out;
}

#vaso.show {
    display: block;
    opacity: 1;
}

#vaso.hide {
    display: none;
    opacity: 0;
}
.fixed.bottom-0.right-0.bg-\[\#fcfbfbe4\].text-black.px-3.py-1{
    font-size:12px;
    
    
    
}
.border-2{
    border-width: 1px;
    padding: 5px 20px;
}


.texto_popup{
    text-align: left;
    margin-left: 20px
}
.texto_popup li{
    list-style: disc;
    font-size: 16px !important;
}