@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&family=Open+Sans:wght@300;500;700&family=Roboto:wght@400;500;700&display=swap');
 
 a { color: #000; text-decoration: none; }



.letratitulos{ font-family:  'Roboto', Arial; font-size: 21px; text-shadow: 1px 1px 2px #fff; }
.letratitulos-b a{ font-family:  'Roboto', Arial; color: #fff; font-size: 21px; text-shadow: 1px 1px 2px #fff; }

.fa-arrow-right { font-size: 12px; padding-right: 20px; }
.top  { width: 100%; max-width: 760px; margin: 0px auto 0px; }
.foot a { font-size: 12px; text-decoration: none; color: #666; }
.btn-laposta { background-color: #FCBE00; color: #9E0A1A; } 
.btn-laposta-rojo { background-color: #9E0A1A; color: #fff; border:0px #FCBE00 solid; font-size: 20px; } 
.btn-laposta-rojo, .btn-laposta-rojo:hover, .btn-laposta-rojo:active, .btn-laposta-rojo:visited {background-color: #9E0A1A; color: #fff; } 
.btn-laposta-c, .btn-laposta-c:hover, .btn-laposta-c:active, .btn-laposta-c:visited {background-color: #333; color: #fff; font-size: 20px;} 



.wsap { color: #41BF50; text-decoration: none; }
.facebook a{ color: #333; text-decoration: none;  }
.instagram a{ color: #333; text-decoration: none;  }
.whatsapp a{ color: #333; text-decoration: none;  }

.categoria { border-bottom: 0px solid #ddd; }
.categoria .marco-pic{ width: 100%; max-height: auto    ; overflow: hidden; margin-bottom: 5px; border-radius: 6px; }
.categoria .marco-pic img{ width: 100%; }

@media screen and (max-width: 640px) {
.categoria .marco-pic{ width: 100px; max-height: 70px; overflow: hidden; margin-bottom: 5px;}
.categoria .marco-pic img{ width: 120%;}
}

.categoria .producto-name { font-size: 16px; color:#000; font-family: 'Roboto', arial; line-height: 120%; font-weight: 600; text-transform: uppercase;  }
.categoria .descripcion { font-size: 14px; font-family: 'Roboto',arial; color:#333; letter-spacing: 0px; }
.categoria .producto-desc-p { font-size: 15px; font-family: 'Roboto',arial; color:#333; letter-spacing: -1px; }
.categoria .producto-precio { font-size: 16px; font-family: 'Roboto',arial; color:#ff6f00; letter-spacing: -1px; font-weight: 700;}
.categoria .producto-desc-p1 { font-size: 15px; font-family: 'Roboto',arial; color:#333; letter-spacing: -1px; }
.categoria .producto-precio1 { font-size: 16px; font-family: 'Roboto',arial; color:#ff6f00; letter-spacing: -1px; font-weight: 700;}

/* delivery*/
.categoria .producto-desc-p-d { font-size: 15px; font-family: 'Roboto',arial; color:#666; letter-spacing: -1px; }
.categoria .producto-precio-d { font-size: 18px; font-family: 'Roboto',arial; color:#cc0000; letter-spacing: -1px; font-weight: 700;}
.categoria .producto-desc-p1-d { font-size: 15px; font-family: 'Roboto',arial; color:#666; letter-spacing: -1px; }
.categoria .producto-precio1-d { font-size: 18px; font-family: 'Roboto',arial; color:#cc0000; letter-spacing: -1px; font-weight: 700;}

.categoria .btn-mini { padding: 1px; font-size: 12px; background-color: #ddd; border: 0px; }
.categoria .precio1 { font-size: 16px; color: #666; } .precio2 {font-size: 16px;  color: #666; }
.categoria .envuelve-precios { border-radius: 10px;
    border: 0;
    background-color: #ff6f00;
    color: #fff;
    padding: 1px 2px; opacity: 0.6;}



span.circulo {
  background: #ddd;
  border-radius: 0.7em;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 0.7em; /*mitad de width y line-hei */
  color: #666;
  display: inline-block;
  font-weight: 700;
  line-height: 1.4em;
  margin-right: 5px;
  text-align: center;
  width: 1.4em; 
}

span.circulo-a {
  background: #aa0000;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  color: #fff; font-size: 13px;
  display: inline-block;
  font-weight: 600;
  line-height: 2em;
  margin-right: 5px;
  text-align: center;
  width: 2em; 
}


.modal { font-family: 'Roboto',arial; }


.producto .producto-name { font-size: 26px; color:#7d921d; font-family: 'Roboto', arial; line-height: 120%; font-weight: 700; font-variant: small-caps; }
.producto .producto-desc { font-size: 18px; font-family: 'Roboto',arial; color:#666; letter-spacing: 0px; }
.producto .producto-desc-p { font-size: 16px; font-family: 'Roboto',arial; color:#666; letter-spacing: -1px; }
.producto .producto-precio { font-size: 20px; font-family: 'Roboto',arial; color:#ff6f00; letter-spacing: -1px; font-weight: 700;}
.producto .producto-desc-p1 { font-size: 16px; font-family: 'Roboto',arial; color:#666; letter-spacing: -1px; }
.producto .producto-precio1 { font-size: 20px; font-family: 'Roboto',arial; color:#ff6f00; letter-spacing: -1px; font-weight: 700;}
.producto .marco-pic{ width: 100%; max-height: auto; overflow: hidden; margin: 50px auto 20px;}
.producto .marco-pic img{ width: 100%;}

/*delivery ampliacion*/
.producto .producto-name-d { font-size: 26px; color:#cc0000; font-family: 'Roboto', arial; line-height: 120%; font-weight: 700; font-variant: small-caps; }
.producto .producto-desc-d { font-size: 18px; font-family: 'Roboto',arial; color:#666; letter-spacing: 0px; }
.producto .producto-desc-p-d { font-size: 16px; font-family: 'Roboto'; color:#666; letter-spacing: -1px; }
.producto .producto-precio-d { font-size: 20px; font-family: 'Roboto',arial; color:#cc0000; letter-spacing: -1px; font-weight: 700; }
.producto .producto-desc-p1-d { font-size: 16px; font-family: 'Roboto',arial; color:#666; letter-spacing: -1px; }
.producto .producto-precio1-d { font-size: 20px; font-family: 'Roboto',arial; color:#cc0000; letter-spacing: -1px; font-weight: 700; }