 html {
      font-family: 'Lato', Roboto, 'Source Sans Pro', Arial, sans-serif;
      color: #000;
    }

    .cabecera,
    .info__titulo {
      margin: 5vmin 1vmin 1vmin;
      font-family: 'Lato', Roboto, 'Open Sans', Ubuntu, sans-serif;
      text-align: center;
      font-size: 8vmin;
    }

    .cabecera__titulo {
      font-size: 14vmin;
      font-weight: 500;
      line-height: 110%;
      margin: 5vmin 0 1vmin;
    }

    .cabecera__lema {
      line-height: 0;
      display: block;
      position: relative;
    }

    .cabecera__lema::after,
    p.cabecera__lema::before {
      position: absolute;
      content: "";
      width: 9vmin;
      height: 0.4vmin;
      background-color: currentColor;
    }

    .cabecera__lema::before {
      margin-left: -11vmin
    }

    .cabecera__lema::after {
      margin-left: 2vmin
    }

    .cuerpo {
      font-size: 3.5vmin;

      /* background: url(https://toconil.com/lapeña/img/fondo-papel-pintado-amarillo-min.jpg) no-repeat center center fixed;
      background-size:  cover; */
      width: 100%;
      max-width: 540px;
      margin: 0 auto;
    }

    @media only screen and (max-width: 540px) {
      .cuerpo {
        max-width: max-content;
      }
    }

    .oculto {display: none;}

    .tronco {
      padding: 3vmin;
    }


    .tabs {
      height: auto
    }

    .tab.oculto,
    li.indicator {
      display: none;
    }

    .align-left {
      text-align: left
    }

    .align-right {
      text-align: right
    }

    .tabs .tab a {
      height: auto;
      font-size: 4vmin;
      line-height: initial;
      color: grey;
    }

    .tabs .tab a:hover,
    .tabs .tab a.active,
    .tabs .tab a:focus.active {
      background-color: transparent;
      color: #000;
      font-weight: bold;
    }


    h2 {
      margin: 5vmin;
      font-size: 10vmin;
      font-weight: bold;
      letter-spacing: .5vmin;
      text-align: center;
      text-shadow: 3px 3px 3px #d1c8ae;
    }

    .modal-content h2 {
      padding: 2vmin 0;
      margin-bottom: 3vmin;
      font-size: 6vmin;
      letter-spacing: 1vmin;
      color: #fff;
      background-color: #fb4d4dba;
    }

    h3 {
      font-size: 5vmin;
      margin: 2vmin 0;
    }

    p {
      margin: 0
    }

    blockquote {
      margin: 5vmin 3vmin;
      padding-left: 3vmin;
      border-left: 1.5vmin solid #000;
    }

    blockquote.pie2 {
      border-left-color: #ee6e73
    }

    b,
    strong,
      {
      font-weight: 600
    }

    img {
      width: 6.5vmin
    }

    li {
      padding: 1vmin 0
    }

    .collapsible,
    .collapsible-body {
      border: none;
      box-shadow: none
    }

    li:not(.active) .expande-close {
      display: none
    }

    li.active .expande-open {
      display: none
    }

    .collapsible-header {
      display: block;
      border: 2px solid #000;
      padding: 1.2vmin;
      box-shadow: 2px 2px 5px #888;
    }

    .collapsible-header i {
      width: 3vmin;
      font-size: 7vmin;
    }

    .collapsible-header__nombre-grupo {
      font-family: 'Bebas Neue', 'Lato', Roboto, 'Open Sans', Ubuntu, sans-serif;
      font-size: 6vmin;
      font-weight: bold;
      letter-spacing: 2px;
    }

    .grupo-descripcion {
      font-size: 4vmin;
    }

    div.img-alergenos {
      margin-top: 1vmin
    }

    /* .img-alergenos img {margin-right: 1vmin} */
    .expande {
      display: flex;
      justify-content: flex-end;
    }

    .collapsible-body {
      padding: 1rem 0;
      background-color: #ffffff40;
    }

    .row {
      margin: 1.5vmin auto;
    }

    .row.group {
      font-size: 5vmin
    }

    .item-nombre {
      /* font-weight: bold; */
      line-height: 1.2;
      text-transform: uppercase;
    }

    .item-descripcion {
      display: block;
    }

    .item-descripcion p {
      font-size: 3.8vmin;
      line-height: 1.15;
      margin-top: -1.5vmin;
    }

    .info {
      text-align: center;
      margin: 3vmin 3vmin 30vmin;
      padding-bottom: 4vmin;
      border: 1vmin solid #000;
    }


    .info p {
      margin: 1vmin 0;
    }

    td {
      font-size: 6vmin;
    }

    .td_img {
      width: 20%;
      padding: 5px 5px;
    }

    td.td_img div {
      display: flex;
      justify-content: center;
    }

    td.td_img div img {
      width: 11vmin
    }

    /* .alergenos {
      background: #fb4d4d80;
      color: #fff;
      margin: 5vmin 0;
      padding: 2vmin 0 4vmin;
    } */
    .alergenos-a {
      font-size: 3vmin;
      margin-top: 3vmin;
      background-color: #ee6e73;
    }

    .banner {
      margin: 8vmin 8vmin 6vmin;
    }

    .banner img {
      width: 100%
    }

    .scale-in-center {
      -webkit-animation: scale-in-center 1.5s linear;
      animation: scale-in-center 1.5s linear;
    }

    /**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
    @-webkit-keyframes scale-in-center {
      0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
      }
    }

    @keyframes scale-in-center {
      0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
      }
    }


    /*burbujas*/
.bubble, bubble::before {
 display: none !important;
animation: none;}