:root {
      --cnvs-themecolor: #ffffff;
      --cnvs-themebackground-color: #fffff00;
      --cnvs-themecolor-icon: #00b1ff;
      --cnvs-secondary-color: #ff9a00;
      --cnvs-secondary-color-hover: #76b62e;
      --cnvs-options-color: #00b1ff;
      --cnvs-options-color-hover: #76b62e;
      --cnvs-color-text: #333333;
      --cnvs-button-text-color: #ffffff;
      --cnvs-button-text-color-hover: #ffffff;
      --cnvs-body-font: 'Roboto', sans-serif;
      --cnvs-primary-font: 'Helvetica', sans-serif;
      --cnvs-iconlist-color: var(--cnvs-themecolor-icon);
      --cnvs-color-font-movil: #FFFFFF;
    }

    h1,
    h3,
    h4 {
      font-family: var(--cnvs-primary-font);
    }

    .comp-description h2 {
      font-family: var(--cnvs-body-font);
    }

    .iconlist a {
      color: var(--cnvs-tab-base-color);
    }

    .bg-body-1 {
      background-color: var(--cnvs-themecolor);
    }

    .bg-body-color {
      background-color: var(--cnvs-themebackground-color);
    }

    #comp-logo {
      transform: translateY(-20%);
      z-index: 3;
    }

    #comp-logo img {
      width: 100%;
    }

    .comp_list li {
      margin: 0;
      padding: 0;
    }

    .iconlist {
      --cnvs-iconlist-color: var(--cnvs-themecolor-icon);
    }

    .comp-section-main {
      transform: translateY(-2%);
      padding-right: 1rem !important;
      padding-left: 1rem !important;
    }

    .product-price {
      font-weight: 800;
    }

    .sale-flash {
      font-size: 0.9rem;
    }

    #main-section {
      padding-right: 1.5rem !important;
    }

    #comp-options {
      text-align: center;
    }

    .content_hide {
      display: none;
    }

    .content_show {
      display: block;
    }

    .link-how-to-get {
      border-bottom: 1px dotted var(--bs-blue);
    }

    .comp-options-content {
      background-color: var(--bs-white);
    }

    .comp-options-inn {
      padding: 10px 10px;
      box-shadow: 0 4px 5px -5px #555555;
    }

    .comp-options-inn h3,
    .comp-options-inn h4,
    .comp-options-inn h4 {
      color: var(--bs-black);
    }

    @media (min-width: 577px) {

      .box-cont,
      #inf_contacto {
        padding: 15px 10px !important;
        box-shadow: 1px 2px 14px -4px hsl(0deg 0% 0% / 32%);
        border-radius: 10px;
        margin-bottom: 30px !important;
        background-color: #ffffff;
      }

      .box-cont .title-list,
      #inf_contacto .title-list {
        padding: 0px 10px;
        color: #333333;
      }

      .comp-options-inn {
        padding: 5px 10px 0px;
        box-shadow: none;
      }

    }

    .leaflet-container {
      height: 300px;
      width: 100%;
    }

    .transparent-lang {
      background: transparent;
      z-index: 399;
      color: #fff;
    }

    .comp-text-up {
      font-size: calc(1rem + 0.1vw);
    }

    .comp-h-text div,
    p {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .comp-phone i {
      color: var(--cnvs-themecolor-icon);
      font-size: 1.3rem;
    }

    .branch strong {
      font-size: 1.13rem;
    }

    .equipo-trabajo span {
      color: var(--cnvs-contrast-800);
    }

    .equipo-trabajo h5 {
      font-size: 1.09rem;
    }

    .equipo-trabajo a {
      color: var(--cnvs-contrast-900);
    }

    .bc-pagos {
      margin: 0;
      padding: 0;
    }

    .bc-pagos h6 {
      margin: 5px 0 0 0;
      padding: 0;
    }

    ul.iconlist li a {
      word-break: break-word;
      overflow-wrap: break-word;
      word-wrap: break-word;
      hyphens: auto;
    }

    .rounded-6 {
      border-radius: 1.5rem !important;
    }

    .social-icon {
      font-size: 1.2rem;
    }

    .comp-general-data i {
      padding-top: 0.3rem;
    }

    .comp-title-text {
      padding-left: 20px;
    }

    .comp-description h2 {
      font-size: 1rem;
    }

    .comp-title-text h3 {
      font-size: 1rem;
    }

    .comp-color-text h1,
    .comp-color-text h3,
    .comp-color-text a,
    .comp-color-text span.text-color {
      color: var(--cnvs-color-text);
    }

    .comp-special-btn a.button {
      background-color: var(--cnvs-options-color);
      color: var(--cnvs-button-text-color);
    }

    .title-list {
      margin: 0;
      padding: 20px 0 0 0;
      color: var(--cnvs-color-text);
    }

    .social_text {
      margin: 0;
      padding: 10px 0 0 0;
    }

    .list-text .iconlist {
      margin-left: 10px;
    }

    .uiconlist {
      list-style-type: none;
    }

    .uiconlist li {
      position: relative;
      display: block;
      flex-wrap: wrap;
      align-items: baseline;
    }

    .uiconlist li i {
      position: relative;
      flex: 0 0 auto;
      color: var(--cnvs-iconlist-color);
      width: 1.125rem;
      height: 1.125rem;
      font-size: 1.125rem;
      margin: auto 0;
    }

    .iconlist li span {
      display: block;
      margin: auto 0;
      padding-top: 5px;
    }

    .content-wrap p:has(img.txt-img),
    .comp-options-inn:has(img.txt-img) {
      text-align: center !important;
    }

    #ver_horario i {
      color: #198754;
    }

    #ver_horario i.bi-arrow-right-circle-fill {
      color: #dc3545;
    }

    .catalogo-txt-space {
      padding: 18px 0 18px 8%;
    }

    .catalogo-txt {
      font-size: 16px;
      color: #7c7c7c;
      text-align: center;
    }

    @media (max-width: 576px) {
      .portfolio-item .grid-inner {
        display: flex;
        margin-bottom: 20px;
      }

      .portfolio-image {
        width: 50% !important;
      }

      .catalogo-txt {
        text-align: left;
      }

      .catalogo-txt-space {
        width: 50%;
        align-content: center;
      }
    }

    .bg-facebook,
    .h-bg-facebook:hover {
      background-color: #316FF6 !important;
    }

    .bg-call,
    .h-bg-call:hover {
      background-color: #d99241 !important;
      ;
    }

    .bg-email3,
    .h-bg-email3:hover {
      background-color: #ef1d1d !important;
      ;
    }

    .box-cont {
      margin: 0;
      padding: 0;
    }

    .comp-options-button a.button-options {
      background-color: var(--cnvs-options-color);
      color: var(--cnvs-button-text-color);
    }

    .comp-options-button a.button-options:hover {
      background-color: var(--cnvs-options-color-hover);
      color: var(--cnvs-button-text-color-hover);
    }

    .comp-options-button a.button-options.active {
      background-color: var(--cnvs-options-color-hover);
      color: var(--cnvs-button-text-color-hover);
    }

    .mfp-counter {
      display: none;
    }


    @media (max-width: 992px) {
      .comp-logo-align {
        margin: 0 auto;
      }

      .comp-title-text {
        padding-left: 0px;
        text-align: center;
      }

      /*.comp-title-align{*/
      /*    transform: translateY(-60%);*/
      /*}*/
      /*.comp-section-main{*/
      /*    transform: translateY(-5%);*/
      /*}  */
      #comp-logo {
        transform: translateY(0%) !important;
      }

      #head-block {
        z-index: 99;
      }

      #head-block {
        margin-top: -100px;
      }

      #content .content-wrap {
        padding-bottom: 30px !important;
      }

    }

    @media (max-width: 576px) {
      .comp-section-main {
        transform: translateY(0%);
        padding-right: 0rem !important;
        padding-left: 0rem !important;
      }

      .comp-title-text {
        padding-left: 0px;
        text-align: center;
      }

      .comp-title-text h1,
      h5 {
        margin: 0;
      }

      .tab-content>.tab-pane {
        display: block;
      }

      .tab-content {
        display: block;
      }

      #main-section {
        padding-right: 0rem !important;
      }


    }

    @media (max-width: 575.98px) {
      .comp-title-text {
        padding-left: 0px;
        text-align: center;
      }

      .comp-title-text h1 {
        font-size: 1.5rem;
      }

      .comp-title-text h3 {
        font-size: 1.05rem;
      }

      .comp-first-item::after {
        display: none;
      }

      .comp-options-button,
      #opcion-0::after {
        display: none;
      }

      .title-list {
        background-color: var(--cnvs-secondary-color);
        font-size: 1.05rem !important;
        cursor: pointer;
        margin: 12px 0px 0px 0px;
        border: 0;
        border-radius: 50rem;
        padding: 14px 20px;
      }

      h3.active {
        background-color: var(--cnvs-secondary-color-hover);
        color: var(--cnvs-button-text-color-hover);
      }

      .title-list::after {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f107";
        float: right;
        margin-left: 5px
      }

      .active:after {
        content: "\f106";
        color: var(--cnvs-button-text-color-hover);
      }

      .title-list-2 {
        background-color: var(--cnvs-secondary-color);
        color: var(--cnvs-button-text-color) !important;
        cursor: pointer;
        margin: 12px 0px 0px 0px;
        border: 0;
        border-radius: 50rem;
        padding: 12px 20px;
      }

      h3.title-list-2 {
        font-size: 1.05rem;
      }

      .title-list-2 a::after {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f0c1";
        float: right;
        margin-left: 5px
      }

      a .title-list-2::after {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "\f0c1";
        float: right;
        margin-left: 5px
      }

      .comp-color-text h3.title-list,
      .title-list,
      .title-list-2 a,
      .title-list-2::after {
        color: var(--cnvs-button-text-color);
      }

      .comp-color-text h3.title-list.active,
      .title-list.active,
      .title-list-2 a.active {
        color: var(--cnvs-button-text-color-hover);
      }

      .comp-options-content {
        padding: 0px 0px;
        max-height: 0;
        overflow: hidden;
        margin: 0;
      }

      .active+.comp-options-content {
        max-height: 100% !important;
      }

      .comp-special-btn {
        display: flex;
        justify-content: center;
        gap: 12px;

      }

      .comp-special-btn a.button {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 18px 0;
      }

      h3.title-list.active {
        position: relative;
        z-index: 1;
      }

      .title-list.active+.comp-options-content {
        padding-top: 35px;
        margin-top: 0px !important;
        transform: translateY(-30px);
        margin-bottom: -30px;
      }

      .stretched #wrapper {
        display: flex;
      }

      #content .content-wrap {
        display: flex;
        flex-direction: column;
      }

      .tab-content {
        display: flex;
        flex-direction: column;
      }

      .tab-content .comp-options {
        order: 99;
      }

      .tab-content .comp-options:first-child {
        order: 1;
      }

      .tab-content .comp-options:has(.shop) {
        order: 2;
      }
    }

    .product-desc {
      padding: 1rem 0.3rem;
    }

    .product .grid-inner {
      border: 1px solid #efefef;
    }

    .product-title h5 {
      margin-bottom: 8px;
      color: #0f1111;
    }

    .product-desc p {
      color: #565959;
    }

    .product .product-image {
      border-radius: 0;
    }

    .product-desc .button {
      background-color: var(--cnvs-secondary-color);
      color: var(--cnvs-button-text-color);
      border-radius: 20px;
      padding: 5px 20px !important;
      font-size: 0.8rem !important;
    }

    .product-desc .button:hover {
      background-color: var(--cnvs-secondary-color-hover);
      color: var(--cnvs-button-text-color-hover);
    }

    .comp-options-button a.button.button-options {
      border-radius: 10px;
      padding: 8px 34px;
    }

    .section-contact a.button {
      color: white !important;
    }

    .navbar {
      --bs-scroll-height: 15.5rem;
      --cnvs-navbar-offset: 1.5rem;
      --cnvs-navbar-bg: var(--bs-border-color-translucent);
      --cnvs-navbar-link: var(--bs-dark);
      --cnvs-navbar-linecolor: var(--bs-gray-300);
      --cnvs-navbar-logo-color: var(--cnvs-navbar-link);
      --cnvs-navbar-border-radius: 5px;
      --bs-navbar-padding-x: 0px;
      --bs-navbar-color: var(--cnvs-contrast-0);
      --bs-navbar-toggler-bg: var(--cnvs-contrast-1000);
      position: absolute;
      top: var(--cnvs-navbar-offset);
      right: var(--cnvs-navbar-offset);
      left: auto;
      border-radius: var(--cnvs-navbar-border-radius);
      background-color: var(--cnvs-navbar-bg);
      transition: all .4s;
      z-index: 999;
    }

    .navbar .line {
      border-color: var(--cnvs-navbar-linecolor);
      transition: border-color .3s;
    }

    .navbar-brand {
      color: var(--cnvs-navbar-logo-color) !important;
      transition: color .3s;
    }

    .navbar-collapse .nav-link {
      opacity: 0;
      transition: opacity .3s .03s ease;
    }

    .navbar-collapse.show .nav-link {
      opacity: 1;
      transition: opacity .3s ease;
    }

    .navbar-nav {
      --bs-nav-link-padding-y: .2rem;
      --bs-nav-link-font-size: 1.125rem;
      --bs-nav-link-color: var(--cnvs-navbar-link);
      --bs-nav-link-hover-color: var(--bs-nav-link-color);
      --bs-nav-link-font-weight: 600;
    }

    .navbar-nav ul .nav-link {
      --bs-nav-link-padding-x: 1.5rem;
      --bs-nav-link-font-size: 1rem;
      --bs-nav-link-font-weight: 400;
    }

    .navbar-toggler {
      --bs-navbar-toggler-padding-x: 1.05rem;
      --bs-navbar-toggler-padding-y: .5rem;
      --bs-navbar-toggler-font-size: .975rem;
      --bs-border-width: 0;
      --bs-navbar-toggler-focus-width: 0;
      background-color: var(--bs-navbar-toggler-bg);
    }

    /* After Open */
    .navbar-collapse-open .navbar {
      --cnvs-navbar-width: 20rem;
      --cnvs-navbar-bg: var(--bs-dark);
      --cnvs-navbar-link: var(--bs-light);
      --cnvs-navbar-linecolor: var(--bs-gray-800);
      --bs-navbar-color: var(--cnvs-contrast-1000);
      --bs-navbar-toggler-bg: var(--cnvs-contrast-0);
    }

    .navbar-collapse-open .navbar-nav {
      --bs-nav-link-hover-color: var(--cnvs-contrast-400);
    }

    .gShare {
      position: fixed;
      bottom: 30px;
      left: 30px;
      padding-top: 0px;
      padding-left: 0px;
      background-color: #fff;
      border: none;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      text-align: center;
    }

    .gShare i {
      font-size: 1.6rem;
      color: #333;
      line-height: 1;
    }

    .gShare p {
      font-size: 0.8rem;
      font-weight: 700;
      text-align: center;
      margin: 0;

    }

    .gShare small {
      text-align: center;
      margin: 0;
      font-size: 0.6rem;
      display: block;
      padding: 0;
      line-height: 1;
    }


    @media (max-width: 991px) {
      .gShare {
        bottom: 15px;
        right: 15px;
        width: 55px;
        height: 55px;
      }
    }

    .floating-buttons {
      position: fixed;
      bottom: 10px;
      right: 10px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      color: #333;
    }

    .floating-buttons i {
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 1.1;
      color: inherit;
    }

    section.floating-options {
      z-index: 999;
    }

    section.floating-options p {
      font-size: 0.7rem;
      font-weight: 600;
      text-align: center;
      margin: 0;
      line-height: 1.2;
    }

    .floating-buttons .circle-button:hover i {
      animation: rotateAnimation 0.5s ease-in-out forwards;
    }

    @keyframes rotateAnimation {
      0% {
        transform: rotate(0deg);
      }

      40% {
        transform: rotate(15deg);
      }

      70% {
        transform: rotate(-15deg);
      }

      100% {
        transform: rotate(0deg);
      }
    }

    @media screen and (min-width: 651px) {
      #flo-btn-save {
        display: none !important;
      }

      .floating-buttons {
        bottom: 3%;
        right: 3%;
        gap: 10px;
        bottom: 55px;
      }

      .floating-buttons:has(#share-section.share-active) {
        right: 32px !important;
        background: #ffffff !important;
      }
    }

    .floating-buttons .circle-button {
      display: flex !important;
      flex-wrap: nowrap;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      background-color: #ffffff;
      box-shadow: 0 0 14px rgb(42 42 42 / 32%);
      color: #473f3d;
      cursor: pointer;
    }

    #block-modal-share span {
      line-height: 1;
    }

    .button-main-action {
      background-color: var(--cnvs-secondary-color);
      color: var(--bs-white) !important;
    }