@charset "UTF-8";
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fsn-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  margin-left: 0;
  margin-right: 0;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

i[class^=icon-], i[class*=" icon-"] {
  display: inline-block;
  height: 1em;
  line-height: 1;
}

:root {
  --shadow-default: 0 4px 15px rgba(29, 45, 49, 0.1);
  --card-shadow: 0 1px 5px rgba(99, 116, 132, 0.2);
  --shadow-card-bottom: 0 -4px 15px 0 rgba(29, 45, 49, 0.15);
  --floating-sidebar-shadow: 2px 0 15px rgba(0,0,0, 0.1);
  --floating-sidebar-zindex: 1000;
  --floating-sidebar-inner-zindex: 1000;
  --floating-sidebar-bg-zindex: 999;
  --floating-sidebar-bg-opacity: 0.2;
  --floating-sidebar-bg-bgcolor: #1d2d31;
  --wrap-max-w: 1310px;
  --padding-page-x: 15px;
  --icon-size: 24px;
  --scrollbar-color: #b8c2ca;
  --scrollbar-bgcolor: #ECF0F4;
  --loading-bg-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' width='200' height='200' style='shape-rendering: auto; display: block; background: transparent;' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3ccircle stroke-dasharray='65.97344572538566 23.991148575128552' r='14' stroke-width='3' stroke='%23dddddd' fill='none' cy='50' cx='50'%3e%3canimateTransform keyTimes='0;1' values='0 50 50;360 50 50' dur='1s' repeatCount='indefinite' type='rotate' attributeName='transform'%3e%3c/animateTransform%3e%3c/circle%3e%3cg%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  --loading-bg-image-green: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='40px' height='40px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3ccircle cx='84' cy='50' r='10' fill='%23A8D42E'%3e%3canimate attributeName='r' repeatCount='indefinite' dur='0.4166666666666667s' calcMode='spline' keyTimes='0;1' values='10;0' keySplines='0 0.5 0.5 1' begin='0s'%3e%3c/animate%3e%3canimate attributeName='fill' repeatCount='indefinite' dur='1.6666666666666667s' calcMode='discrete' keyTimes='0;0.25;0.5;0.75;1' values='%23A8D42E;%23A8D42E;%23A8D42E;%23A8D42E;%23A8D42E' begin='0s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='16' cy='50' r='10' fill='%23A8D42E'%3e%3canimate attributeName='r' repeatCount='indefinite' dur='1.6666666666666667s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s'%3e%3c/animate%3e%3canimate attributeName='cx' repeatCount='indefinite' dur='1.6666666666666667s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='0s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='50' cy='50' r='10' fill='%23A8D42E'%3e%3canimate attributeName='r' repeatCount='indefinite' dur='1.6666666666666667s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.4166666666666667s'%3e%3c/animate%3e%3canimate attributeName='cx' repeatCount='indefinite' dur='1.6666666666666667s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.4166666666666667s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='84' cy='50' r='10' fill='%23A8D42E'%3e%3canimate attributeName='r' repeatCount='indefinite' dur='1.6666666666666667s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.8333333333333334s'%3e%3c/animate%3e%3canimate attributeName='cx' repeatCount='indefinite' dur='1.6666666666666667s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-0.8333333333333334s'%3e%3c/animate%3e%3c/circle%3e%3ccircle cx='16' cy='50' r='10' fill='%23A8D42E'%3e%3canimate attributeName='r' repeatCount='indefinite' dur='1.6666666666666667s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='0;0;10;10;10' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.25s'%3e%3c/animate%3e%3canimate attributeName='cx' repeatCount='indefinite' dur='1.6666666666666667s' calcMode='spline' keyTimes='0;0.25;0.5;0.75;1' values='16;16;16;50;84' keySplines='0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1' begin='-1.25s'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");
  --font-family-variant-1: "Poppins", sans-serif;
  --empty-message-icon-color: #adb5bd;
  --empty-message-color: #adb5bd;
  --gray-border: #CED6DD;
  --gray-text: #52686D;
  color-scheme: only light;
}
@media (min-width: 992px) {
  :root {
    --padding-page-x: 25px;
  }
}
@media (min-width: 1350px) {
  :root {
    --padding-page-x: 0;
  }
}

html {
  height: 100%;
}

body, html {
  background: white;
  background-color: white;
  color: var(--bs-body-color, #1d2d31);
  min-height: 100%;
}
body.rz-dialog-is-open, html.rz-dialog-is-open {
  overflow: hidden;
}

html, body, div, .custom-scroll {
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-bgcolor);
  scrollbar-width: thin;
}
html::-webkit-scrollbar, body::-webkit-scrollbar, div::-webkit-scrollbar, .custom-scroll::-webkit-scrollbar {
  background-color: var(--scrollbar-bgcolor);
  width: 16px;
  height: 16px;
}
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, .custom-scroll::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color);
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 0;
  min-width: 16px;
  min-height: 16px;
}

.main-content {
  max-width: 100vw;
}

.wrap, .wrap-sm, .wrap-md, .wrap-lg {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wrap-max-w, 1200px);
}
.wrap-sm {
  --wrap-max-w: 768px;
}
.wrap-md {
  --wrap-max-w: 960px;
}
.wrap-lg {
  --wrap-max-w: 1200px;
}

figure {
  margin: 0;
}

.icon-outline {
  --rz-icon-font-family: "Material Symbols Outlined";
  font-family: "Material Symbols Outlined";
}

.custom-icon {
  --rz-icon-size: var(--icon-size, 24px);
  font-size: var(--icon-size, 24px);
}

.rzi {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

.icons-thin .rzi, .rzi.icon-thin {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

.icons-thin .rzi, .rzi.icon-bold {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

img {
  max-width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: top;
}

p {
  line-height: 1.2;
}

a {
  text-decoration: none;
  color: inherit;
}

.pg-title {
  font-weight: bold;
  font-size: 32px;
}
@media (max-width: 767.98px) {
  .pg-title {
    font-size: 22px;
  }
}

.title-st3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
}
.title-st3 strong {
  padding-top: 0.2em;
  display: block;
  font-family: "Bell MT", serif;
  font-size: 2.1em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 767.98px) {
  .title-st3 {
    font-size: 16px;
  }
  .title-st3 strong {
    font-size: 1.8em;
    letter-spacing: 0;
  }
}

.ff-3 {
  font-family: "Bell MT", serif !important;
}

.display-3 {
  line-height: 1.1;
  font-size: 54px;
}
@media (max-width: 991.98px) {
  .display-3 {
    font-size: 40px;
  }
}
@media (max-width: 575.98px) {
  .display-3 {
    font-size: 32px;
  }
}

a.link {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
a.link span {
  text-decoration: underline;
}
a.link span + i {
  margin-left: 4px;
}
a.link i + span {
  padding-left: 4px;
}
a.link.link-color {
  color: #e11e25;
}

@media (max-width: 767.98px) {
  .img-desktop-only,
  .display-desktop-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .img-mobile-only,
  .display-mobile-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .display-when-mobile-menu {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .hide-when-mobile-menu {
    display: none !important;
  }
}

.text-justify {
  text-align: justify !important;
}

strong {
  font-weight: 600;
}

.bg-light {
  background: #ECF0F4 !important;
}

.mh-100 {
  min-height: 100% !important;
}

.px-page {
  padding-left: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
  padding-right: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
}

.px-xs-page {
  padding-left: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
  padding-right: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
}

@media (min-width: 576px) {
  .px-sm-page {
    padding-left: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
    padding-right: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
  }
}

@media (min-width: 768px) {
  .px-md-page {
    padding-left: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
    padding-right: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
  }
}

@media (min-width: 992px) {
  .px-lg-page {
    padding-left: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
    padding-right: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
  }
}

@media (min-width: 1200px) {
  .px-xl-page {
    padding-left: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
    padding-right: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
  }
}

@media (min-width: 1400px) {
  .px-xxl-page {
    padding-left: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
    padding-right: var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5));
  }
}

.mx-page-less-xs-down {
  margin-left: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
  margin-right: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
}

@media (max-width: 575.98px) {
  .mx-page-less-sm-down {
    margin-left: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
    margin-right: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
  }
}

@media (max-width: 767.98px) {
  .mx-page-less-md-down {
    margin-left: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
    margin-right: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
  }
}

@media (max-width: 991.98px) {
  .mx-page-less-lg-down {
    margin-left: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
    margin-right: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
  }
}

@media (max-width: 1199.98px) {
  .mx-page-less-xl-down {
    margin-left: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
    margin-right: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
  }
}

@media (max-width: 1399.98px) {
  .mx-page-less-xxl-down {
    margin-left: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
    margin-right: calc(var(--padding-page-x, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) * -1);
  }
}

.text-dd {
  display: inline-flex;
  align-items: flex-end;
  line-height: 1;
  position: relative;
}
.text-dd span {
  display: inline-block;
}
.text-dd:not(.text-auto) span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-dd::after {
  font-family: "fsn-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  margin-left: 0;
  margin-right: 0;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  font-size: var(--dd-icon-size, inherit);
  padding-left: 0.1em;
  content: "\e801";
  width: auto;
  line-height: 0.6;
  height: 0.52em;
  min-height: 11px;
}

.title-round-box {
  color: var(--custom-color, black);
  font-size: 24px;
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: 600;
}
.title-round-box > span {
  display: inline-block;
  border-radius: 20px;
  border: 4px solid var(--custom-color, black);
  padding: 3px 15px;
}
@media (max-width: 767.98px) {
  .title-round-box {
    text-align: center;
    font-size: 20px;
  }
  .title-round-box > span {
    border-width: 3px;
  }
}

.bg-overlay {
  background-color: rgba(0, 0, 0, 0.25);
}

.color-primary {
  --custom-color: #008D95;
}

.color-secondary {
  --custom-color: #EC008C;
}

#app {
  min-height: 100vh;
}

#full-wrap {
  position: relative;
  padding-top: var(--layout-padding-header);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#full-wrap > header, #full-wrap > #main-content {
  width: 100%;
}
#full-wrap > #main-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
#full-wrap > #main-content > #page-content {
  flex-grow: 1;
}
#full-wrap > #main-content > #page-content, #full-wrap > #main-content > footer {
  width: 100%;
}

a.button-custom-a {
  display: flex;
  background-color: #008D95;
  color: white;
  border-radius: var(--bs-border-radius, 7px);
  padding: 10px;
  min-height: 74px;
  cursor: pointer;
  box-shadow: var(--shadow-default);
  line-height: 1;
}
a.button-custom-a .img {
  display: inline-flex;
  flex: 0 0 auto;
  width: 90px;
  border-right: 5px solid rgba(255, 255, 255, 0.15);
  justify-content: center;
  align-items: center;
}
a.button-custom-a .img svg, a.button-custom-a .img img {
  max-width: 100%;
  height: 100%;
  flex: 1;
  max-height: 44px;
}
a.button-custom-a .text {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
}
a.button-custom-a .text strong {
  font-size: 20px;
  display: block;
  font-weight: 600;
}
a.button-custom-a .text strong + span {
  padding-top: 4px;
  display: block;
  font-weight: 500;
}

.btn-cerrar {
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--btn-cerrar-size, 24px);
  height: var(--btn-cerrar-size, 24px);
  padding: 0;
  color: var(--btn-cerrar-color, inherit);
  font-size: var(--btn-cerrar-font-size, 20px);
}
.btn-cerrar i {
  font-size: inherit;
  line-height: 1;
}

.title-box {
  display: flex;
  padding: 10px;
  background-color: #EC008C;
  color: white;
  font-weight: 600;
  border-radius: 5px;
  line-height: 1;
  font-size: 28px;
}
@media (max-width: 575.98px) {
  .title-box {
    font-size: 20px;
  }
}
.title-box i {
  flex: 0 0 auto;
  margin-right: 10px;
}
.title-box span {
  display: block;
  flex: 1;
}

.loading-bar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-bar svg {
  height: 100px;
  width: auto;
}

.back-bg {
  background-color: var(--floating-sidebar-bg-bgcolor);
  opacity: var(--floating-sidebar-bg-opacity);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--floating-sidebar-bg-zindex);
}
.back-bg:not([data-show]) {
  display: none !important;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}

.rz-modal-custom-style .rz-dialog-titlebar {
  --rz-dialog-title-color: #2E6C37;
  --rz-dialog-title-font-size: 16px;
  --rz-dialog-title-font-weight: 600;
  text-align: center;
}
.rz-modal-custom-style .rz-dialog-titlebar-close {
  height: 1em;
  line-height: 1;
  display: inline-block;
}
.rz-modal-custom-style .rz-dialog-content {
  background-color: white;
}

.icon-inline {
  vertical-align: text-bottom;
  font-size: 1.2em;
  display: inline-block;
  cursor: pointer;
  line-height: 0.8;
}

.banner-container {
  line-height: 1;
  text-align: center;
  display: block;
}
.banner-container picture {
  display: block;
}
.banner-container.banner-round {
  overflow: visible;
}
.banner-container.banner-round img, .banner-container.banner-roundimg {
  border-radius: var(--bs-border-radius, 7px);
}
.banner-container a {
  display: block;
}
.banner-container img {
  width: 100%;
  height: auto;
}

.banner-shadow img, img.banner-shadow {
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
}

.title-with-icon {
  display: flex;
  overflow: visible;
  font-size: 16px;
}
.title-with-icon .icon {
  position: relative;
  overflow: visible;
  height: 26px;
  color: white;
  font-size: 16px;
  padding-right: 8px;
  padding-left: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 6px;
}
.title-with-icon .icon::before {
  content: "";
  display: block;
  width: 200px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #EC008C;
  border-radius: 0 5px 5px 0;
}
.title-with-icon .icon i {
  position: relative;
  z-index: 1;
}
.title-with-icon .text {
  display: inline-block;
  flex: 1;
  padding-top: 2px;
}

@media (max-width: 575.98px) {
  .rz-dialog:not(.rz-dialog-confirm):not(.rz-dialog-alert),
  .rz-dialog-wrapper > .rz-dialog {
    top: auto !important;
    border-radius: var(--rz-dialog-border-radius) !important;
  }
}
/* #components-reconnect-modal{
    position: fixed;
    inset: auto 0 0 0 !important;
    bottom: 0;
    left: 0;
    background-color: rgba(var(--bs-danger-rgb),0.9) !important;
    color: white !important;
    opacity: 1 !important;
    padding: 10px !important;
    text-align: center;

    h5{
        font-size: 14px !important;
        font-weight: 500 !important;
        margin: 0 !important;
        padding: 0 0 10px 0;
    }

    &>div{
        border-color: $red !important;
        width: 1.6em !important;
        height: 1.6em !important;
        border-color: orange white white !important;
        flex: 0 0 auto;
    }

    a{
        text-decoration: underline;
        color: $warning !important;
    }

    button{
        background-color: $warning;
        color: black;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        margin: 0 !important;
        font-weight: 500;
    }

    @include media-breakpoint-up(md){
        display: flex !important;
        justify-content: center;
        align-items: center;

        h5{
            padding: 0 10px;
        }
    }
} */
.share-widget {
  display: flex;
  align-items: center;
}
.share-widget h6 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  margin-right: 8px;
  padding-top: 10px;
  color: #45474d;
}
.share-widget h6 img {
  margin-left: 4px;
  height: 16px;
  width: auto;
  vertical-align: baseline;
}
.share-widget .share-btns {
  display: flex;
}
.share-widget .share-btns a {
  margin-right: 10px;
  display: block;
  transition: all ease 0.3s;
}
.share-widget .share-btns a img {
  width: 30px;
}
.share-widget .share-btns a:hover {
  transform: scale(1.2);
}

.badge.badge-bell {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  padding-left: 25px;
  min-height: 32px;
}
.badge.badge-bell img {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
}

.breadcrumb {
  --bs-breadcrumb-divider-color: color: rgba(#666,0.75) !important;
  color: rgba(102, 102, 102, 0.75);
  margin: 0;
}
.breadcrumb .breadcrumb-item {
  line-height: 1;
  display: flex;
}
.breadcrumb .breadcrumb-item::before {
  color: rgba(102, 102, 102, 0.75);
}
.breadcrumb .breadcrumb-item a {
  color: inherit !important;
}
.breadcrumb .breadcrumb-item a:hover {
  text-decoration: underline;
}
.breadcrumb .breadcrumb-item.active span {
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .breadcrumb-nav {
    overflow: auto;
  }
  .breadcrumb-nav .breadcrumb {
    flex-wrap: nowrap;
    padding-bottom: 10px;
    font-size: 12px;
  }
  .breadcrumb-nav .breadcrumb .breadcrumb-item {
    white-space: nowrap;
  }
  .breadcrumb-nav .breadcrumb .breadcrumb-item .a, .breadcrumb-nav .breadcrumb .breadcrumb-item span {
    display: block;
  }
}

.banner-container {
  margin: 0;
  text-align: center;
  --img-radius: 10px;
}
.banner-container a {
  display: block;
}
.banner-container img {
  height: auto;
  border-radius: var(--img-radius, 10px);
}

.box-alert {
  border: var(--box-alert-border, 1px solid #CED6DD);
  font-size: 12px;
}
.box-alert .ba-inner {
  padding: 10px;
  display: flex;
}
.box-alert .ba-inner .text {
  flex: 1;
  line-height: 1;
}
.box-alert .ba-inner .text p {
  line-height: inherit;
}
.box-alert .ba-inner .text + figure {
  margin-left: 20px;
}
.box-alert .ba-inner figure {
  width: 40px;
}
.box-alert .ba-inner figure img {
  width: 100%;
  height: auto;
  flex: 0 0 auto;
}
.box-alert .ba-inner figure + .text {
  margin-left: 20px;
}

.title-bar {
  display: flex;
  align-items: center;
}
.title-bar .title-bar-text {
  flex: 1;
  margin: 0;
}
.title-bar .title-bar-actions {
  margin-left: auto;
}

.title-bar-text {
  font-size: 17px;
  font-weight: 600;
}

.action-link {
  --rz-icon-size: 24px;
  font-weight: 600;
  font-size: var(--action-link-fs, inherit);
  display: inline-flex;
  align-items: center;
}
.action-link i {
  margin-right: 4px;
}
.action-link span {
  text-decoration: underline;
}

.link-color {
  color: #008D95 !important;
}

@media (min-width: 768px) {
  :root {
    --action-link-fs: 15px;
  }
  .title-bar-text {
    font-size: 20px;
    font-weight: bold;
  }
}
svg.svg-img .fill {
  fill: var(--svg-image-color, var(--svg-image-color-default, currentColor));
}
svg.svg-img .stroke {
  stroke: var(--svg-image-color, var(--svg-image-color-default, currentColor));
}

.link-back {
  --rz-icon-size: 24px;
  display: inline-flex;
  align-items: center;
  color: #1d2d31;
  text-decoration: none;
}
.link-back span {
  display: inline-block;
  font-weight: bold;
  margin-left: 5px;
}
.link-back:hover {
  color: #008D95;
}

.msg-alert-text {
  background-color: #ECF0F4;
  color: #1d2d31;
  padding: 15px;
  border-radius: 4px;
  text-align: center;
}

.card-box {
  box-shadow: var(--card-shadow);
  padding: 15px;
  border-radius: 4px;
}
.card-box > .hdr {
  display: flex;
  line-height: 1;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ECF0F4;
}
.card-box > .hdr img, .card-box > .hdr svg {
  height: 24px;
  width: auto;
  margin-right: 10px;
}
.card-box > .hdr h5 {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .card-box.sidebar-card-box {
    box-shadow: none;
    padding: 0;
  }
}

.border {
  border: 1px solid #CED6DD !important;
}

hr {
  border-color: var(--hr-color, #ECF0F4) !important;
  opacity: 1 !important;
}

.info-line {
  --rz-icon-size: var(--info-line-icon-size, 24px);
  display: flex;
  align-items: center;
  padding: var(--info-line-padding-y, 10px) 0;
}
.info-line > i, .info-line > img, .info-line > svg {
  margin-right: 15px;
}
.info-line > img, .info-line > svg {
  width: var(--info-line-icon-size, 24px);
  height: auto;
}
.info-line .text {
  margin: 0;
  line-height: 1;
  display: flex;
  flex: 1;
}
.info-line .text .lbl {
  margin-right: auto;
}

.notification-item {
  padding-bottom: 25px;
}
.notification-item h3 {
  font-size: 18px;
}
.notification-item p {
  color: #52686D;
}
.notification-item figure img {
  width: 100%;
  border-radius: 4px;
}

.lista-categorias-blog {
  display: grid;
  gap: 10px;
}
@media (min-width: 768px) {
  .lista-categorias-blog {
    grid-template-columns: 1fr 1fr;
  }
}

.blogcat-box {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  transition: transform ease 0.15s;
  aspect-ratio: 75/26;
}
.blogcat-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blogcat-box span {
  display: block;
  position: absolute;
  font-weight: 500;
  line-height: 1.2;
  font-size: var(--cat-box-fs, 18px);
  top: 0;
  left: 0;
  padding-left: 20px;
  padding-top: 20px;
  max-width: 60%;
  z-index: 3;
}
@media (min-width: 992px) {
  .blogcat-box:hover {
    transform: scale(1.02);
  }
}
@media (max-width: 767.98px) {
  .blogcat-box {
    --cat-box-fs: 14px;
    border-radius: 12px;
  }
  .blogcat-box span {
    padding-left: 10px;
    padding-top: 10px;
  }
}

.fancybox__container {
  --fancybox-bg: rgba(0, 0, 0, 0.7);
}

.fancybox__content img {
  border-radius: 10px;
  background-color: white;
}

.fancybox__slide {
  padding: 10px;
}
@media (min-width: 768px) {
  .fancybox__slide {
    padding: 50px;
  }
}

.fancybox__toolbar {
  --f-button-bg: rgba(0,0,0,0.7);
  --f-button-hover-bg: rgba(0,0,0,0.9);
}

.fancybox__nav {
  --f-button-svg-filter: none;
}

:root {
  --bg-gradient-a: linear-gradient(90deg, rgba(255,242,206,1) 0%, rgba(255,231,158,1) 100%);
  --bg-gradient-b: linear-gradient(90deg, rgba(125,237,255,1) 0%, rgba(67,231,255,1) 100%);
  --bg-gradient-c: linear-gradient(90deg, rgba(0,254,182,1) 0%, rgba(1,235,164,1) 100%);
  --bg-gradient-d: linear-gradient(90deg, rgba(255,196,199,1) 0%, rgba(254,172,176,1) 100%);
}

.nav-mn > .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 14px;
}
.nav-mn > .nav-link::before {
  margin-right: 8px;
  font-size: 24px;
}
@media (min-width: 768px) {
  .show-when-menu {
    display: none !important;
  }
  body.show-menu #main-menu {
    display: block;
  }
}
@media (max-width: 767.98px) {
  body.show-menu-mobile {
    overflow: hidden;
  }
  body.show-menu-mobile #side-menu {
    width: var(--smn-full-w);
  }
  body.show-menu-mobile .overlay-menu {
    display: block;
  }
  .hide-when-menu {
    display: none !important;
  }
}
#main-menu {
  display: none;
  position: fixed;
  top: var(--layout-header-h);
  left: 50%;
  transform: translate(-50%, 1px);
  background-color: white;
  border-radius: 4px;
  box-shadow: var(--shadow-default);
  z-index: 51;
  width: 94vw;
  max-width: 890px;
}
#main-menu .row {
  --bs-gutter-x: 60px;
}
#main-menu .mmn-inner {
  padding: 20px 30px 30px;
}
#main-menu .mmn-inner h6 {
  padding: 5px 8px;
  border-bottom: 2px solid #CED6DD;
}
#main-menu .mmn-inner .nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 5px;
  --bs-nav-link-font-weight: normal;
  --bs-nav-link-color: #1d2d31;
  flex-direction: column;
}
#main-menu .mmn-inner .nav .nav-link span {
  display: block;
  padding: 5px 8px;
  line-height: 1.1;
  border-radius: 2px;
  background-color: transparent;
}
#main-menu .mmn-inner .nav .nav-link:hover {
  color: #008D95;
  background-color: var(--bs-tertiary-bg);
}
@media (max-width: 991.98px) {
  #main-menu .mmn-inner {
    padding: 20px;
  }
  #main-menu .mmn-inner .row {
    --bs-gutter-x: 30px;
  }
}

/*Menu movil*/
#side-menu {
  --smn-w: 0;
  --smn-full-w: 280px;
  --smn-item-padding-x: 1.5rem;
  --smn-item-padding-y: 0.5rem;
  --smn-item-icon-size: 24px;
  --smn-item-icon-mr: 10px;
  --smn-item-fs: 14px;
  position: fixed;
  top: 0;
  left: 0;
  width: var(--smn-w, 0);
  max-height: 100%;
  bottom: 0;
  z-index: var(--floating-sidebar-zindex);
  overflow: hidden;
  transition: width ease 0.3s;
}
@media (min-width: 768px) {
  #side-menu {
    display: none;
  }
}
#side-menu .side-menu-inner {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: var(--smn-full-w);
  background-color: white;
  box-shadow: var(--floating-sidebar-shadow);
  z-index: var(--floating-sidebar-inner-zindex);
}
#side-menu .side-menu-inner .smn-header {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 10px 5px 15px;
  background-color: #008D95;
  color: white;
  width: 100%;
}
#side-menu .side-menu-inner .smn-header h3 {
  color: inherit;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  flex-grow: 1;
}
#side-menu .side-menu-inner .smn-header .close-menu {
  color: inherit;
  font-size: 24px;
  padding: 0 10px;
}
#side-menu .side-menu-inner .smn-content {
  flex: 1;
  overflow: auto;
}
#side-menu .side-menu-inner .smn-content .nav {
  padding: 10px 0;
}
#side-menu .side-menu-inner .smn-content .nav .nav-link {
  --icon-circle-size: 24px;
  --icon-circle-fs: 24px;
  --icon-circle-bg: transparent;
  --icon-circle-color: #008D95;
  --dd-icon-size: 16px;
  color: #1d2d31;
  display: flex;
  align-items: center;
  min-height: var(--smn-item-minh, 48px);
  font-weight: 500;
  font-size: var(--smn-item-fs);
  font-weight: normal;
  padding: var(--smn-item-padding-y) var(--smn-item-padding-x);
}
#side-menu .side-menu-inner .smn-content .nav .nav-link > i {
  font-size: var(--smn-item-icon-size);
  margin-right: var(--smn-item-icon-mr);
}
#side-menu .side-menu-inner .smn-content .nav .nav-link > img {
  width: var(--smn-item-icon-size);
  margin-right: var(--smn-item-icon-mr);
}
#side-menu .side-menu-inner .smn-content .nav .nav-link .ic-circle {
  margin-right: 10px;
  margin-left: -5px;
}
#side-menu .side-menu-inner .smn-content .nav .nav-link.has-arrow {
  position: relative;
}
#side-menu .side-menu-inner .smn-content .nav .nav-link.has-arrow::after {
  font-family: "fsn-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  margin-left: 0;
  margin-right: 0;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 16px;
  content: "→";
  color: var(--item-arrow-color, #52686D);
}
#side-menu .side-menu-inner .smn-content .nav > div, #side-menu .side-menu-inner .smn-content .nav > a {
  position: relative;
}
#side-menu .side-menu-inner .smn-content .nav > div::before, #side-menu .side-menu-inner .smn-content .nav > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-top: 1px solid rgba(29, 45, 49, 0.07);
}
#side-menu .side-menu-inner .smn-content .nav .dropdown-menu {
  --bs-dropdown-item-padding-y: 10px;
  --bs-dropdown-padding-y: 0;
  position: relative !important;
  box-shadow: none !important;
  top: auto !important;
  transform: none !important;
  margin: 0 10px 20px 44px !important;
  padding: var(--dd-inner-padding, 0);
  /* &::after{
      content: "";
      display: block;
      width: 100%;
      height: 20px;
  } */
}
#side-menu .side-menu-inner .smn-content .nav .dropdown-menu li {
  display: flex;
  align-items: center;
  gap: 10px;
  /* &::before{
      content: "";
      width: 5px;
      height: 5px;
      display: inline-block;
      border-radius: 50%;
      border: 1px solid #999;
  } */
}
#side-menu .side-menu-inner .smn-content .nav .dropdown-menu .dropdown-item {
  --rz-icon-size: 20px;
  width: auto !important;
  flex-grow: 1;
  flex-basis: 0;
  align-items: center;
  font-weight: normal;
  color: rgba(29, 45, 49, 0.8);
  font-size: 13px;
}
#side-menu .side-menu-inner .smn-content .nav .dropdown-menu .dropdown-item .rzi {
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
}
#side-menu .side-menu-inner .smn-content h6 {
  color: #008D95;
  padding: 10px 10px 0 20px;
  margin: 0;
}
#side-menu .link-cat-bg {
  --smn-item-padding-x: 8px;
  --item-arrow-color: #1d2d31;
  margin: 2px 14px;
  border-radius: 4px;
}
#side-menu .link-cat-bg img {
  width: 24px;
  height: auto;
}
#side-menu .link-cat-bg::before {
  display: none !important;
}
#side-menu .link-cat-bg::after {
  font-size: 14px !important;
  right: 12px !important;
}
#side-menu .link-cat-bg.lcbg-01 {
  background: var(--bg-gradient-a);
}
#side-menu .link-cat-bg.lcbg-02 {
  background: var(--bg-gradient-b);
}
#side-menu .link-cat-bg.lcbg-03 {
  background: var(--bg-gradient-c);
}
#side-menu .link-cat-bg.lcbg-04 {
  background: var(--bg-gradient-d);
}
#side-menu .dd-ofertas::before {
  display: none !important;
}

.ic-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-circle-size, 40px);
  height: var(--icon-circle-size, 40px);
  background-color: var(--icon-circle-bg, #ECF0F4);
  border-radius: 50%;
}
.ic-circle i {
  font-size: var(--icon-circle-fs);
  color: var(--icon-circle-color, #1d2d31);
  margin: 0 !important;
}

.overlay-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: calc(var(--floating-sidebar-bg-zindex, 100) - 2);
}

:root {
  --layout-padding-header: 150px;
  --layout-header-h: 130px;
  --header-bgbar-height: 70px;
  --header-bgbar-icon-size: 28px;
  --header-smbar-icon-size: 64px;
  --header-smbar-navlink-lh: 64px;
  --header-catall-navlink-mw: 180px;
  --header-logo-w: 250px;
  --ritem-gap: 30px;
}

@media (max-width: 991.98px) {
  :root {
    --layout-padding-header: 170px;
    --header-bgbar-height: 120px;
    --layout-header-h: 164px;
    --header-logo-w: 180px;
    --ritem-gap: 20px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --layout-padding-header: 102px;
    --header-bgbar-height: 154px;
    --header-smbar-icon-size: 34px;
    --layout-header-h: 152px;
    --header-logo-w: 220px;
    --ritem-gap: 10px;
  }
}
#header {
  background-color: white;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  box-shadow: 0 2px 5px rgba(29, 45, 49, 0.1);
}
#header .hdr-middle {
  background-color: white;
}
#header .hdr-middle .hm-content {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
#header .hdr-middle .hm-content .logo img, #header .hdr-middle .hm-content .logo svg {
  width: var(--header-logo-w, 250px);
  height: auto;
}
#header .hdr-middle .hm-content .search-main {
  flex-grow: 1;
  padding: 0 var(--ritem-gap);
}
#header .hdr-middle .hm-content .search-main .search-wrap-inner {
  max-width: 500px;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  #header .hdr-middle .hm-content .search-main {
    max-width: calc(100% - 80px);
  }
}
#header .hdr-middle .hm-content .r-content {
  display: flex;
  align-items: flex-start;
  padding-top: 5px;
}
#header .hdr-middle .hm-content .r-content .r-item:not(:last-child) {
  margin-right: var(--ritem-gap, 30px);
}
@media (max-width: 991.98px) {
  #header .hdr-middle .hm-content .r-content .link-item-favoritos {
    display: none;
  }
}
@media (max-width: 767.98px) {
  #header .hdr-middle .hm-content .r-content {
    padding: 0;
  }
  #header .hdr-middle .hm-content .r-content .link-item .tx {
    display: none !important;
  }
  #header .hdr-middle .hm-content .r-content .r-item:not(.link-item-cart) {
    display: none;
  }
}
#header .hdr-middle .hm-content .link-item {
  --dd-icon-size: 16px;
}
#header .hdr-middle .hm-content .link-item a.round-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 11px;
  text-align: center;
  line-height: 1;
}
#header .hdr-middle .hm-content .link-item a.round-link .ic-wrap {
  --icon-size: 20px;
  background-color: #ECF0F4;
  width: 40px;
  height: 40px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header .hdr-middle .hm-content .link-item a.round-link .tx {
  display: inline-block;
  margin-top: 5px;
}
@media (max-width: 767.98px) {
  #header .hdr-middle .hm-content {
    flex-wrap: wrap;
  }
  #header .hdr-middle .hm-content .account-links, #header .hdr-middle .hm-content .logo {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }
  #header .hdr-middle .hm-content .link-item a.round-link .ic-wrap {
    --icon-size: 24px;
  }
}
#header .cart-link {
  position: relative;
  overflow: visible;
}
#header .cart-link::after {
  content: attr(data-total-items);
  background-color: #EC008C;
  color: white;
  display: inline-flex;
  border-radius: 50%;
  width: 20px;
  height: 18px;
  position: absolute;
  right: 0;
  top: -8px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
}
#header .cart-link:not([data-total-items])::after, #header .cart-link [data-total-items="0"]::after {
  display: none;
}
#header .header-bar {
  --navlink-fs: 14px;
  --navlink-mr: 25px;
  --boffice-fs: 20px;
  background-color: white;
  border-top: 1px solid #ECF0F4;
}
@media (max-width: 767.98px) {
  #header .header-bar {
    display: none;
  }
}
#header .header-bar .hb-content {
  padding: 6px 0;
}
#header .header-bar .hb-content .menu-wrap .nav {
  justify-content: center;
  align-items: center;
}
#header .header-bar .hb-content .menu-wrap .nav-link {
  --bs-nav-link-padding-x: 8px;
  --bs-nav-link-padding-y: 5px;
  --dd-icon-size: 24px;
  color: #1d2d31;
  font-size: var(--navlink-fs);
  font-weight: 500;
  margin-right: var(--navlink-mr);
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  min-height: 34px;
}
#header .header-bar .hb-content .menu-wrap .nav-link span:not(:first-child) {
  display: inline-block;
  margin-left: 4px;
}
#header .header-bar .hb-content .menu-wrap .nav-link:hover, #header .header-bar .hb-content .menu-wrap .nav-link.active {
  background-color: #ECF0F4;
}
#header .header-bar .hb-content .menu-wrap .nav-link.down {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.4 9.47'%3e%3cpath d='M6.01,9.17l4.08-4.08c.41-.41.41-1.07,0-1.48s-1.07-.41-1.48,0l-3.42,3.42L1.78,3.61c-.41-.41-1.07-.41-1.48,0-.2.2-.31.47-.31.74s.1.53.31.74l4.08,4.08c.22.22.52.32.81.3.29.02.59-.08.81-.3' fill='%23fff' stroke-width='0'/%3e%3cpath d='M4.86,4.59c.27,0,.53-.1.74-.31l2.5-2.5c.41-.41.41-1.07,0-1.48-.41-.41-1.07-.41-1.48,0l-1.76,1.77L3.1.31C2.69-.1,2.03-.1,1.62.31c-.2.2-.31.47-.31.74s.1.53.31.74l2.5,2.5c.2.2.47.31.74.31' fill='%23fff' stroke-width='0'/%3e%3c/svg%3e");
  background-position: right 55%;
  background-size: 10px auto;
  background-repeat: no-repeat;
}
@media (max-width: 1199.98px) {
  #header .header-bar {
    --navlink-fs: 14px;
    --navlink-mr: 15px;
    --boffice-fs: 17px;
  }
}
@media (max-width: 991.98px) {
  #header .header-bar {
    --navlink-mr: 0;
  }
  #header .header-bar .menu-wrap .nav {
    justify-content: space-between;
  }
  #header .header-bar .branch-office-widget {
    display: flex;
    align-items: center;
    padding: 6px 0;
  }
  #header .header-bar .branch-office-widget .bo-title {
    margin-right: 5px;
  }
}
@media (max-width: 767.98px) {
  #header .header-bar {
    --boffice-fs: 16px;
  }
}
@media (max-width: 991.98px) {
  #header {
    position: sticky;
    top: 0;
    left: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  }
}

.dd-account {
  --dd-top: 64px;
}
.dd-account .dropdown-menu {
  min-width: 220px;
}

#header-simple {
  background-color: white;
  box-shadow: 0 2px 10px rgba(29, 45, 49, 0.1);
  position: sticky;
  top: 0;
  left: 0;
  z-index: 50;
}
#header-simple .row {
  height: 64px;
  align-items: center;
  justify-content: center;
}
#header-simple .row .col-logo {
  text-align: center;
  flex-grow: 1;
}
#header-simple .row .col-logo a {
  display: inline-block;
  padding-right: 60px;
}
@media (max-width: 767.98px) {
  #header-simple .row {
    height: 54px;
    justify-content: center;
  }
}
#header-simple .btn-back {
  display: inline-flex;
  width: 36px;
  height: 32px;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 141, 149, 0.1);
  border-radius: 4px;
  color: #008D95;
}
#header-simple .btn-back:hover {
  background-color: rgba(0, 141, 149, 0.2);
}
@media (min-width: 768px) {
  #header-simple .btn-back {
    height: 36px;
  }
}
#header-simple .col-logo img {
  width: 220px;
}
@media (min-width: 768px) {
  #header-simple .col-logo img {
    margin-top: 2px;
    width: 280px;
  }
}

/*Buscador Bg*/
.search-back.back-bg {
  --floating-sidebar-bg-zindex: 48;
  --floating-sidebar-bg-opacity: 0.15;
  --floating-sidebar-bg-bgcolor: black;
  top: var(--header-bgbar-height);
}

body:not(.mostrar-buscador-resultados) .search-back.back-bg {
  display: none !important;
}

body.mostrar-buscador-resultados {
  overflow: hidden;
}

:root {
  --search-results-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  --search-results-bg: white;
  --search-results-img-size: 40px;
}

.search-widget {
  position: relative;
}
.search-widget .actions {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
}
.search-widget .rz-button.search-button {
  --rz-icon-size: 24px;
  color: #1d2d31;
  font-size: 24px;
  z-index: 2;
  border: none;
  background: transparent !important;
  opacity: 0.7;
  padding: 8px;
}
.search-widget .rz-button.search-button:hover {
  opacity: 1;
}
.search-widget .rz-button.btn-clear {
  --rz-icon-size: 24px;
  color: #1d2d31;
  font-size: 24px;
  z-index: 2;
  border: none;
  background: transparent !important;
  opacity: 0.5;
  padding: 8px;
  position: relative;
}
.search-widget .rz-button.btn-clear:hover {
  opacity: 1;
}
.search-widget .rz-button.btn-clear + .rz-button.search-button {
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.search-widget input {
  width: 100%;
  appearance: none;
  border: none;
  height: 40px;
  padding: 4px 48px 4px 20px;
  outline: none !important;
  background-color: #ECF0F4;
  font-size: 14px;
  color: inherit;
  border-radius: 30px;
  font-weight: normal;
  border: 1px solid transparent;
}
.search-widget input::placeholder {
  color: #52686D;
  font-weight: normal;
}
.search-widget input:focus {
  border-color: #adb5bd;
  background-color: white;
}
.search-widget input:focus::placeholder {
  color: #adb5bd;
}
@media (max-width: 991.98px) {
  .search-widget input {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .search-widget {
    /* input{
        padding-left: 44px;
    } */
  }
  .search-widget::before {
    left: 10px;
  }
}

/*****************/
body.show-search-result {
  --search-results-display: block;
}

#search-widget-container {
  position: relative;
  overflow: visible;
}

.search-result {
  display: var(--search-results-display, none);
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  width: calc(100% - 20px);
  min-width: 300px;
  padding: 1px 0 0 0;
  flex-direction: column;
}
.search-result .sr-inner {
  display: block;
  background-color: var(--search-results-bg);
  border-radius: 8px;
  box-shadow: var(--search-results-shadow);
}
.search-result .sr-inner .sr-list {
  overflow: auto;
  max-height: 50vh;
  padding: 10px;
}
.search-result .sr-inner .search-result-link {
  display: flex;
  align-items: center;
  padding: 5px;
  color: #1d2d31;
  border-radius: 4px;
}
.search-result .sr-inner .search-result-link img {
  width: var(--search-results-img-size);
  height: var(--search-results-img-size);
  object-fit: contain;
  object-position: center;
  margin-right: 10px;
  background-color: white;
  border-radius: 2px;
  border: 2px solid white;
  mix-blend-mode: multiply;
}
.search-result .sr-inner .search-result-link:hover {
  background-color: rgba(236, 240, 244, 0.4);
  color: #008D95;
}
.search-result .more-container {
  flex: 0 0 auto;
  padding: 15px;
  text-align: center;
  border-top: 1px solid #ECF0F4;
}
.search-result .more-container a {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
}
.search-result .more-container a > span {
  text-decoration: underline;
}
.search-result .more-container a i {
  margin-left: 6px;
}
.search-result .no-results {
  padding: 50px 0;
  color: #52686D;
}
.search-result .no-results i {
  --rz-icon-size: 48px;
  margin-bottom: 15px;
}
:root {
  --carousel-indicator-width: 10px;
  --carousel-indicator-height: 10px;
  --carousel-indicator-radius: 5px;
  --carousel-indicator-color: #eaeaea;
  --carousel-indicator-active-color: #008D95;
  --carousel-indicator-active-bgcolor: #ced4da;
  --carousel-button-distance-y: 50%;
  --carousel-button-distance-x: 20px;
  --carousel-button-width: 48px;
  --carousel-button-w: 38px;
  --carousel-button-h: 84px;
  --carousel-arrow-size: 24px;
  --carousel-button-bgcolor: white;
  --carousel-button-border-color: white;
  --carousel-button-shadow: 2px 4px 3px rgba(29, 45, 49, 0.05);
  --carousel-button-border: none;
  --carousel-item-height: auto;
  --carousel-image-width: 100%;
  --carousel-image-height: auto;
}
@media (max-width: 767.98px) {
  :root {
    --carousel-button-distance-x: 10px;
    --carousel-button-w: 32px;
    --carousel-button-h: 48px;
  }
}

.custom-carousel {
  position: relative;
}

.carousel.bs-carousel .carousel-item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  height: var(--carousel-item-height);
}
.carousel.bs-carousel .carousel-item > a, .carousel.bs-carousel .carousel-item picture {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel.bs-carousel .carousel-item img {
  display: inline-block;
  width: var(--carousel-image-width);
  height: var(--carousel-image-height);
  max-height: 100%;
}

.slider-carousel-multiple .splide__track .slider-carousel-item {
  z-index: 1;
}
.slider-carousel-multiple .splide__track .slider-carousel-item:not(.is-visible) {
  z-index: 0;
}
.slider-carousel-multiple .splide__arrows {
  display: var(--carousel-buttons-display, block);
}

.slider.splider:not(.is-initialized) {
  opacity: 0;
}
.slider.splider:not(.is-initialized) > .splide__track > .splide__list .slider-carousel-item:not(:first-child) {
  opacity: 0;
  position: absolute;
}

.carousel-indicators {
  margin-bottom: -18px;
}
.carousel-indicators button[data-bs-target] {
  background-color: var(--carousel-indicator-color);
  opacity: 1;
  width: var(--carousel-indicator-width);
  height: var(--carousel-indicator-height);
  border-radius: var(--carousel-indicator-radius);
  transition: all ease 0.3s;
  border: none !important;
  padding: 0;
}
.carousel-indicators button[data-bs-target].active {
  background-color: var(--carousel-indicator-active-color);
  width: calc(var(--carousel-indicator-width) * 2);
}

.carousel-control-prev {
  opacity: 1;
  width: var(--carousel-button-width);
  left: var(--carousel-button-distance-x, 0);
  right: auto;
}

.carousel-control-next {
  opacity: 1;
  width: var(--carousel-button-width);
  right: var(--carousel-button-distance-x, 0);
  left: auto;
}

.carousel-control-prev .carousel-control-prev-icon,
.carousel-control-next .carousel-control-next-icon,
.custom-prev-btn, .custom-next-btn {
  background: var(--carousel-button-bgcolor, white);
  color: var(--carousel-arrow-color, #1d2d31);
  font-size: var(--carousel-arrow-size);
  border: var(--carousel-button-border, none);
  border-radius: 4px;
  width: var(--carousel-button-w, 38px);
  height: var(--carousel-button-h, 38px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-image: none;
  position: relative;
  box-shadow: var(--carousel-button-shadow, none);
  opacity: var(--carousel-button-opacity, 1) !important;
  visibility: var(--carousel-button-visibility, visible);
  /* &::after{
      position: absolute;
      content: "";
      width: 88%;
      height: 88%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      display: block;
      z-index: 0;
      border-radius: 50%;
      background-color: white;
  } */
  /* &:hover{

      &::before{
          transform: scale(1.2);
      }
  } */
}
.carousel-control-prev .carousel-control-prev-icon::before,
.carousel-control-next .carousel-control-next-icon::before,
.custom-prev-btn::before, .custom-next-btn::before {
  font-family: "fsn-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  margin-left: 0;
  margin-right: 0;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  color: var(--bs-dark);
  position: relative;
  z-index: 1;
}
.carousel-control-prev .carousel-control-prev-icon:disabled,
.carousel-control-next .carousel-control-next-icon:disabled,
.custom-prev-btn:disabled, .custom-next-btn:disabled {
  pointer-events: none;
}
.carousel-control-prev .carousel-control-prev-icon:disabled::before,
.carousel-control-next .carousel-control-next-icon:disabled::before,
.custom-prev-btn:disabled::before, .custom-next-btn:disabled::before {
  opacity: var(--carousel-button-disabled-opacity, 0.3);
}

.carousel-control-prev .carousel-control-prev-icon::before,
.custom-prev-btn::before {
  content: "←";
}

.carousel-control-next .carousel-control-next-icon::before,
.custom-next-btn::before {
  content: "→";
}

.arrows-st2 {
  --carousel-button-bgcolor: transparent;
  --carousel-arrow-color: black;
  --carousel-button-shadow: none;
  --carousel-button-disabled-opacity: 0;
}

.group-side-slider-wrap {
  --side-tt-w: 60px;
  --carousel-indicators-translate: -75px;
  --carousel-indicator-width: 9px;
  --carousel-indicator-height: 9px;
  --carousel-indicator-radius: 50%;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 575.98px) {
  .group-side-slider-wrap {
    --side-tt-w: 40px;
    --carousel-indicators-translate: -55px;
    --carousel-indicator-width: 5px;
    --carousel-indicator-height: 5px;
  }
}
.group-side-slider-wrap .banner-side {
  width: var(--side-tt-w);
  flex: 0 0 auto;
  margin: 0 15px 0 0;
  padding-bottom: 20px;
}
.group-side-slider-wrap .banner-side img {
  width: 100%;
  height: auto;
}
.group-side-slider-wrap .carousel-indicators {
  right: auto;
  transform: translateX(var(--carousel-indicators-translate));
  width: var(--side-tt-w);
  margin: 0 !important;
}
.group-side-slider-wrap .carousel-indicators button {
  width: var(--carousel-indicator-width) !important;
  height: var(--carousel-indicator-height);
}

.slider-banner-destacados .carousel-item > a {
  position: relative;
  border-radius: var(--bs-border-radius, 7px);
  overflow: hidden;
}
.slider-banner-destacados .carousel-item > a::before, .slider-banner-destacados .carousel-item > a::after {
  opacity: 0;
  transition: all ease 0.3s;
  position: absolute;
}
.slider-banner-destacados .carousel-item > a::before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.slider-banner-destacados .carousel-item > a::after {
  content: "Ver más";
  background-color: #e11e25;
  color: white;
  padding: 10px;
  width: 130px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
}
.slider-banner-destacados .carousel-item > a:hover::before, .slider-banner-destacados .carousel-item > a:hover::after {
  opacity: 1;
}
.slider-banner-destacados .carousel-item img {
  border-radius: var(--bs-border-radius, 7px);
  position: relative;
  z-index: 0;
}
.slider-banner-destacados .carousel-indicators button {
  display: none;
}
.slider-banner-destacados .carousel-indicators button.active, .slider-banner-destacados .carousel-indicators button:has(+ .active), .slider-banner-destacados .carousel-indicators button.active + button, .slider-banner-destacados .carousel-indicators button:first-child.active + button + button, .slider-banner-destacados .carousel-indicators button:has(+ button + .active:last-child) {
  display: inline-block;
}

.carousel.carousel-product-images {
  --thumb-size: 116px;
  --thumb-gap: 10px;
  --thumbs-align-x: start;
  --thumbs-align-y: end;
  --thumb-shadow: none;
  /* .carousel-indicators.carousel-thumbnails{
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-areas: "t1 . . . .""t2 . . . .""t3 . . . .""t4 . . . .""t5 t6 t7 t8 t9";
      grid-template-columns: repeat(5, var(--thumb-size));
      grid-template-rows: repeat(5, var(--thumb-size));
      justify-content: var(--thumbs-align-x);
      align-content: var(--thumbs-align-y);
      gap: var(--thumb-gap);

      & + .carousel-inner{
          margin-left: calc(var(--thumb-size) + 10px);
          margin-bottom: calc(var(--thumb-size) + var(--thumb-gap));
          width: auto !important;
          //height: calc((var(--thumb-size) + var(--thumb-gap)) * 4);
      }

      a{
          margin: 0 !important;
          display: flex;
          width: 100%;
          height: 100%;
          background-color: white;
          overflow: hidden;
          box-sizing: border-box;
          box-shadow: var(--thumb-shadow);

          &:nth-child(1){grid-area: t1;}
          &:nth-child(2){grid-area: t2;}
          &:nth-child(3){grid-area: t3;}
          &:nth-child(4){grid-area: t4;}
          &:nth-child(5){grid-area: t5;}
          &:nth-child(6){grid-area: t6;}
          &:nth-child(7){grid-area: t7;}
          &:nth-child(8){grid-area: t8;}
          &:nth-child(9){grid-area: t9;}
          &:nth-child(n+10){display: none;}
      }
  }

  &[data-mode=Normal]{

      @include media-breakpoint-between(lg,xl){
          --thumb-size: 140px;
          --thumb-gap: 10px;
      }

      @include media-breakpoint-down(sm){
          --thumb-size: 56px;
          --thumb-gap: 10px;
          --carousel-item-height: 250px;

          &[data-itotal="1"],
          &[data-itotal="2"],
          &[data-itotal="3"]{
              --thumb-size: 80px;
          }
      }
  }

  &[data-mode=Combo]{
      --thumb-size: 170px;
      --thumbs-align-x: end;
      --thumb-gap: 25px;
      --thumb-shadow: 3px 3px 5px rgba(0,0,0,0.2);

      .carousel-inner{
          height: calc((var(--thumb-size) + var(--thumb-gap)) * 2);
      }

      .carousel-indicators.carousel-thumbnails{
          grid-template-areas: ". . t1"". . t2""t5 t4 t3";
          grid-template-columns: repeat(3, var(--thumb-size));
          grid-template-rows: repeat(3, var(--thumb-size));

          & + .carousel-inner{
              margin-left: 0;
              margin-right: calc(var(--thumb-size) + 10px);
          }

          a{
              //border: none !important;

              &:nth-child(n+6){display: none;}
          }
      }

      @include media-breakpoint-between(lg,xl){
          --thumb-size: 140px;
          --thumb-gap: 10px;
      }

      @include media-breakpoint-down(sm){
          --thumb-size: 80px;
          --thumb-gap: 10px;
          --thumb-shadow: 1px 1px 5px rgba(0,0,0,0.15);
          --carousel-item-height: 250px;
      }
  }

  &[data-itotal="1"],
  &[data-itotal="2"],
  &[data-itotal="3"],
  &[data-mode=Normal][data-itotal="4"],
  &[data-mode=Normal][data-itotal="5"]{
      --thumbs-align-y: start;

      .carousel-inner{
          margin-bottom: 0 !important;
      }
  }

  &[data-mode=Normal][data-itotal="5"] .carousel-inner{
      height: calc((var(--thumb-size) + var(--thumb-gap)) * 5);
  }

  &[data-mode=Combo][data-itotal="3"] .carousel-inner{
      height: calc((var(--thumb-size) + var(--thumb-gap)) * 3);
  } */
}
.carousel.carousel-product-images::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
}
@media (min-width: 768px) {
  .carousel.carousel-product-images .carousel-item-btn {
    display: none !important;
  }
}
.carousel.carousel-product-images .carousel-indicators.carousel-thumbnails {
  position: relative;
  padding-top: 25px;
}
@media (min-width: 768px) {
  .carousel.carousel-product-images .carousel-indicators.carousel-thumbnails {
    display: flex;
    flex-wrap: wrap;
  }
  .carousel.carousel-product-images .carousel-indicators.carousel-thumbnails a {
    margin: 0 !important;
    align-items: center;
    flex: 0 0 50%;
    width: 50%;
    height: auto;
    background-color: white;
    overflow: hidden;
    box-sizing: border-box;
  }
  .carousel.carousel-product-images .carousel-indicators.carousel-thumbnails a img {
    width: auto;
    height: auto;
  }
}
@media (max-width: 767.98px) {
  .carousel.carousel-product-images .carousel-indicators.carousel-thumbnails a {
    width: 5px;
    height: 5px;
    border-radius: 50% !important;
    border: none !important;
    background-color: #1d2d31;
    opacity: 0.3;
    transition: all ease 0.3;
  }
  .carousel.carousel-product-images .carousel-indicators.carousel-thumbnails a.active {
    transform: scale(1.4);
    opacity: 1;
  }
  .carousel.carousel-product-images .carousel-indicators.carousel-thumbnails a img {
    display: none !important;
  }
}

:root {
  --radio-entrega-color: #52686D;
  --radio-entrega-border-color: white;
  --radio-entrega-bgcolor: white;
  --radio-entrega-font-weight: 500;
  --radio-entrega-font-size: 12px;
  --widget-sucursal-padding: 0 10px 10px;
  --widget-sucursal-inner-padding: 10px 20px;
}
@media (min-width: 768px) {
  :root {
    --widget-sucursal-padding: 0 20px 20px;
    --widget-sucursal-inner-padding: 15px 30px;
  }
}

/* .pp-sucursal-rz-modal{
    --rz-dialog-background-color: #f4f4f4;
    --rz-dialog-content-padding: 15px;

    .rz-dialog-titlebar{
        --rz-dialog-title-padding: 15px 20px;
        --rz-dialog-title-font-size: 14px;
        --rz-dialog-title-font-weight: 500;
        --rz-dialog-title-color: #676767;
        background-color: white;
    }

    .rz-dialog-titlebar-close{
        height: 1em;
        line-height: 1;
        display: inline-block;
    }

    .rz-dialog-content{
        background-color: #f4f4f4;
    }
}
 */
/* .widget-sucursal{
    padding: var(--widget-sucursal-inner-padding);

    .skip-link{
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: $red;
        margin-bottom: 25px;
        text-align: center;

        span{
            display: inline-block;
        }

        i{
            vertical-align: middle;
        }
    }

    .wsuc-radio-container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 20px;
    }

    .main-desc{
        font-size: 12px;
        margin: 20px 0 30px 0;
    }

    .btn, .rz-button{
        width: 100%;
        min-width: 250px;
    }

    @include media-breakpoint-up(md){

        .btn, .rz-button{
            width: auto;
        }

        .main-desc{
            margin: 40px 0 30px 0;
        }
    }
} */
/* .widget-sucursal .form-inputs{
    --rz-input-border: 1px solid #e6e6e6;
    //
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 30px;
    padding-bottom: 15px;

    .form-label{
        display: block;
        text-align: center;
        font-size: 11px;
    }

    @include media-breakpoint-up(md){
        grid-template-columns: 1fr 1fr 1fr;

        .form-label{
            min-height: 2.2em;
        }
    }

    @include media-breakpoint-up(lg){
        column-gap: 60px;
    }
} */
.radio-tipo-entrega {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--radio-entrega-color);
  border-radius: 0;
  padding: 5px 0;
  line-height: 1;
  overflow: visible;
  position: relative;
}
.radio-tipo-entrega::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background-color: var(--radio-entrega-bgcolor);
  width: 124%;
  border-radius: 35px;
  z-index: 0;
}
.radio-tipo-entrega.active {
  --radio-entrega-color: #fff;
  --radio-entrega-border-color: #EC008C;
  --radio-entrega-bgcolor: #EC008C;
  --radio-entrega-font-weight: 600;
  z-index: 2;
}
.radio-tipo-entrega.active i {
  display: inline-block;
}
.radio-tipo-entrega i, .radio-tipo-entrega span {
  position: relative;
  z-index: 1;
}
.radio-tipo-entrega i {
  font-size: 28px;
  order: 1;
  transition: all ease 0.3s;
  margin-left: 10px;
  display: none;
}
.radio-tipo-entrega span {
  display: block;
  order: 0;
  text-align: right;
  font-size: var(--radio-entrega-font-size);
  font-weight: var(--radio-entrega-font-weight);
  transition: all ease 0.3s;
}
@media (min-width: 768px) {
  .radio-tipo-entrega {
    --radio-entrega-font-size: 14px;
  }
  .radio-tipo-entrega i {
    font-size: 48px;
  }
  .radio-tipo-entrega.active {
    --radio-entrega-font-size: 15px;
  }
}

.dd-item-inner {
  display: flex;
  align-items: center;
}
.dd-item-inner img {
  width: 28px;
  height: auto;
  margin-right: 10px;
}
.dd-item-inner span.dd-text {
  display: block;
  flex: 1;
  line-height: 1;
}

.rz-dropdown-label .dd-item-inner {
  min-height: 24px;
}
.rz-dropdown-label .dd-item-inner img {
  width: 22px;
  margin-right: 5px;
}
.rz-dropdown-label .dd-item-inner .dd-text {
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}

.rz-dropdown-trigger-icon::before {
  content: "expand_more" !important;
  color: #676767;
}

.boffice-info-item {
  --sucursales-incons-w: 24px;
  --sucursales-incons-m: 2px;
  padding: 10px 10px 5px 5px;
  margin-bottom: 15px;
  background-color: white;
  position: relative;
  overflow: visible;
  border: none;
}
.boffice-info-item .hdr {
  display: flex;
  position: relative;
  z-index: 2;
}
.boffice-info-item .hdr .text {
  flex-grow: 1;
  line-height: 1;
}
.boffice-info-item .hdr .text .tt {
  display: flex;
}
.boffice-info-item .hdr .text .tt strong {
  font-size: 16px;
  flex-grow: 1;
}
.boffice-info-item .hdr .text .tt i {
  font-size: 24px;
  margin-top: -2px;
}
.boffice-info-item .hdr .text .abierto, .boffice-info-item .hdr .text .cerrado {
  width: 100%;
  margin-left: 24px;
  font-weight: 300;
}
.boffice-info-item .hdr .text .cerrado {
  color: #52686D;
}
.boffice-info-item .hdr .text .abierto {
  color: #009045;
}
.boffice-info-item .hdr .st {
  margin: -3px 0 5px 0;
  font-size: 12px;
  line-height: 1;
  color: #52686D;
  margin-left: 25px;
}
.boffice-info-item .hdr .servicios {
  flex: 0 0 auto;
  max-width: 40%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: visible;
  flex-wrap: wrap;
  max-height: 32px;
  overflow: hidden;
}
.boffice-info-item .hdr .servicios span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  overflow: visible;
}
.boffice-info-item .hdr .servicios span + span {
  margin-left: var(--sucursales-incons-m, 0);
}
.boffice-info-item .hdr .servicios span img {
  width: var(--sucursales-incons-w);
}
.boffice-info-item .hdr .servicios span:hover img {
  transform: scale(1.2);
}
.boffice-info-item .collapse {
  position: static;
}
.boffice-info-item .collapse::after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border-radius: 10px;
  box-shadow: var(--card-shadow);
  background-color: white;
  border: 1px solid #CED6DD;
}
.boffice-info-item .collapse.show::after {
  display: block;
}
.boffice-info-item .info-inner {
  position: relative;
  z-index: 2;
  font-size: 12px;
  padding: 15px 5px 5px 10px;
}
.boffice-info-item .info-inner h6 {
  margin: 0 0 3px 0;
  font-size: 13px;
}
.boffice-info-item .info-inner p {
  font-size: inherit;
  line-height: 1.2;
  margin: 0;
}
.boffice-info-item .info-inner .actions {
  padding-top: 10px;
}
.boffice-info-item .info-inner .actions .btn:not(:last-child) {
  margin: 0 4px 5px 0;
  vertical-align: top;
}
.boffice-info-item .info-inner .row > div:first-child {
  padding: 0 0 10px 0;
}
@media (min-width: 1200px) {
  .boffice-info-item {
    --sucursales-incons-w: 32px;
    --sucursales-incons-m: 4px;
  }
  .boffice-info-item .info-inner .row > div:first-child {
    padding: 0 10px 0 0;
  }
}

.boffices-list-wrapper {
  overflow: auto;
  max-height: var(--sucursales-list-h, 350px);
  margin-left: -10px;
}

.boffices-list {
  padding: 10px;
}

@media (min-width: 768px) {
  .sucursales-page-content {
    --sucursales-sidebar-w: 300px;
    --sucursales-list-h: 34vh;
    display: grid;
    grid-template-areas: "filtros mapa" "lista mapa";
    grid-template-columns: var(--sucursales-sidebar-w, 200px) 1fr;
    grid-template-rows: auto 1fr;
    column-gap: 30px;
  }
}
.sucursales-page-content .succ-filters {
  grid-area: filtros;
}
.sucursales-page-content .succ-map {
  grid-area: mapa;
}
.sucursales-page-content .succ-map #map {
  height: 600px !important;
  max-height: 70vh;
}
@media (max-width: 767.98px) {
  .sucursales-page-content .succ-map #map {
    max-height: 240px !important;
  }
}
.sucursales-page-content .succ-list {
  grid-area: lista;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .sucursales-page-content {
    --sucursales-sidebar-w: 500px;
    --sucursales-list-h: 40vh;
  }
}

.boffices-map {
  height: 100%;
  min-height: 250px;
  display: flex;
  flex-direction: column;
}
.boffices-map > * {
  min-height: 100% !important;
  width: 100% !important;
  flex-grow: 1;
}

.gm-style .gm-style-iw-c {
  display: block;
}
.gm-style .gm-style-iw-c .gm-style-iw-chr {
  float: right;
}
.gm-style .gm-style-iw-c .gm-style-iw-d {
  overflow: auto !important;
  padding: 10px 10px 10px 0;
}
.gm-style .gm-style-iw-c h3, .gm-style .gm-style-iw-c p {
  font-family: var(--bs-font-sans-serif);
  margin: 0;
}
.gm-style .gm-style-iw-c h3 {
  font-size: 16px;
}

:root {
  --cats-mn-zindex: 40;
  --cats-mn-level-width: 260px;
  --cats-mn-level1-zindex: 10;
  --cats-mn-level2-zindex: 12;
  --cats-mn-link-padding: 12px 15px;
}
@media (min-width: 768px) {
  :root {
    --cats-mn-level2-zindex: 9;
  }
}
@media (min-width: 992px) {
  :root {
    --cats-mn-level-width: 320px;
  }
}

body.mostrar-menu-categorias {
  overflow: hidden;
}

#categorias-menu {
  --floating-sidebar-bg-zindex: calc(var(--cats-mn-zindex) - 1);
  --floating-sidebar-bg-bgcolor: black;
  position: fixed;
  top: var(--layout-padding-header);
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: var(--cats-mn-zindex);
  color: #52686D;
}
#categorias-menu:not([data-show]) {
  visibility: hidden !important;
  opacity: 0;
}
#categorias-menu .cat-menu-inner {
  position: relative;
  height: 100%;
  z-index: var(--cats-mn-zindex);
}
#categorias-menu .cat-menu-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wrap-max-w, 1200px);
}
@media (min-width: 768px) {
  #categorias-menu .cat-menu-inner {
    display: flex;
    height: calc(100% - 15px);
  }
}
@media (max-width: 767.98px) {
  #categorias-menu .cat-menu-inner {
    margin: 0;
    padding: 0;
    width: var(--cats-mn-level-width);
  }
}
#categorias-menu .cat-menu-inner .cat-level {
  width: var(--cats-mn-level-width);
  background-color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-hdr {
  flex: 0 0 auto;
  position: relative;
  display: flex;
}
@media (max-width: 767.98px) {
  #categorias-menu .cat-menu-inner .cat-level .cat-level-hdr {
    background-color: #EC008C;
    color: white;
  }
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-hdr h3 {
  font-size: 16px;
  margin: 0;
  padding: 10px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  order: 1;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-hdr .cats-button {
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 15px;
  color: inherit;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-hdr .cats-button.to-right {
  order: 2;
}
@media (min-width: 768px) {
  #categorias-menu .cat-menu-inner .cat-level .cat-level-hdr .cats-button {
    display: none;
  }
}
@media (max-width: 767.98px) {
  #categorias-menu .cat-menu-inner .cat-level .cat-level-hdr .cats-button.to-left + h3 {
    padding-left: 0;
  }
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content {
  flex: 1;
  overflow: auto;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content ul li {
  position: relative;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content ul li a {
  display: block;
  padding: var(--cats-mn-link-padding);
  position: relative;
  font-size: 14px;
  color: #52686D;
  z-index: 0;
  line-height: 1.2;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content ul li a[data-has-submenu] {
  padding-right: 36px;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content ul li a[data-has-submenu]::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 18px;
  bottom: 16px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 3L11 8L6 13' stroke='%23676767' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content ul li a[data-active] {
  background-color: #f8f9fa;
  font-weight: 600;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content ul li a[data-active]::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 3L11 8L6 13' stroke='%23676767' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content ul li span.hover-handler {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (max-width: 767.98px) {
  #categorias-menu .cat-menu-inner .cat-level .cat-level-content ul li span.hover-handler {
    display: none;
  }
}
@media (min-width: 992px) {
  #categorias-menu .cat-menu-inner .cat-level .cat-level-content .cats-groups {
    margin-left: 15px;
  }
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content .cats-nav {
  --cats-mn-link-padding: 10px 0;
  padding: 0 20px 25px 20px;
  margin-top: -2px;
}
@media (min-width: 768px) {
  #categorias-menu .cat-menu-inner .cat-level .cat-level-content .cats-nav {
    --cats-mn-link-padding: 6px 0;
    width: 50%;
  }
  #categorias-menu .cat-menu-inner .cat-level .cat-level-content .cats-nav:first-child:last-child {
    width: auto;
  }
}
@media (min-width: 1200px) {
  #categorias-menu .cat-menu-inner .cat-level .cat-level-content .cats-nav {
    width: 33.33%;
  }
}
@media (max-width: 575.98px) {
  #categorias-menu .cat-menu-inner .cat-level .cat-level-content .cats-nav:first-child h4 {
    padding-top: 20px;
  }
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content .cats-nav h4 {
  font-size: 14px;
  padding: 10px 0;
  margin: 0;
  color: #2E6C37;
  position: relative;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content .cats-nav h4::before {
  content: "";
  display: block;
  border-top: 2px solid #f3f3f3;
  width: 100%;
  max-width: 145px;
  position: absolute;
  top: 0;
  left: 0;
}
#categorias-menu .cat-menu-inner .cat-level .cat-level-content .cats-nav ul > li a:hover {
  text-decoration: underline;
}
#categorias-menu .cat-menu-inner .cat-level.l1 {
  --cats-mn-link-padding: 15px;
  z-index: var(--cats-mn-level1-zindex);
}
@media (min-width: 768px) {
  #categorias-menu .cat-menu-inner .cat-level.l1 {
    --cats-mn-link-padding: 15px 35px;
  }
  #categorias-menu .cat-menu-inner .cat-level.l1 .cat-level-hdr {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 20px;
    box-shadow: none;
  }
  #categorias-menu .cat-menu-inner .cat-level.l1 .cat-level-hdr h3 {
    font-size: 20px;
    overflow: visible;
  }
  #categorias-menu .cat-menu-inner .cat-level.l1 .cats-button {
    display: inline-flex;
    order: 0 !important;
    margin-bottom: 10px;
    font-size: 24px;
  }
}
#categorias-menu .cat-menu-inner .cat-level.l2 {
  width: var(--cats-mn-level-width);
  z-index: var(--cats-mn-level2-zindex);
  border-left: 1px solid #e9ecef;
}
@media (min-width: 768px) {
  #categorias-menu .cat-menu-inner .cat-level.l2 {
    width: 400px;
  }
  #categorias-menu .cat-menu-inner .cat-level.l2 .cat-level-hdr h3 {
    padding: 20px;
    font-size: 20px;
  }
  #categorias-menu .cat-menu-inner .cat-level.l2 .cat-level-hdr h3 span {
    display: block;
    background-color: #2E6C37;
    color: white;
    border-radius: 6px;
    padding: 8px 15px;
  }
}
@media (min-width: 992px) {
  #categorias-menu .cat-menu-inner .cat-level.l2 {
    width: 500px;
    /* .cat-level-hdr h3{
        padding-left: 45px;
    } */
  }
}
@media (min-width: 1200px) {
  #categorias-menu .cat-menu-inner .cat-level.l2 {
    width: 700px;
  }
}
#categorias-menu .cat-menu-inner .cat-level.l2:not([data-active]) {
  position: absolute;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 767.98px) {
  #categorias-menu .cat-menu-inner .cat-level.l2 {
    position: absolute;
    top: 0;
    left: 0;
    border-left: none;
  }
}
#categorias-menu .cat-menu-inner .cats-back {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  #categorias-menu {
    --cats-mn-zindex: 120;
    top: 0;
  }
}

.categories-blocks-list {
  --cblock-template-areas: "c1 c2 c4 c5" "c3 c3 c6 c5";
  --cblock-template-columns: 1fr 1fr 1fr 1fr;
  --cblock-template-columns-sm: 1fr 1fr;
  --cblock-template-areas-sm: "c1 c2" "c3 c3" "c4 c5" "c6 c5";
}

.cat-block-list {
  display: grid;
  margin-left: -10px;
  margin-right: -10px;
  grid-template-columns: var(--cblock-template-columns);
  grid-template-areas: var(--cblock-template-areas);
  gap: 0;
}
.cat-block-list .cat-item {
  padding: 10px;
  display: flex;
}
.cat-block-list .cat-item:nth-child(1) {
  grid-area: c1;
}
.cat-block-list .cat-item:nth-child(2) {
  grid-area: c2;
}
.cat-block-list .cat-item:nth-child(3) {
  grid-area: c3;
}
.cat-block-list .cat-item:nth-child(4) {
  grid-area: c4;
}
.cat-block-list .cat-item:nth-child(5) {
  grid-area: c5;
}
.cat-block-list .cat-item:nth-child(6) {
  grid-area: c6;
}
.cat-block-list .cat-item .cat-box {
  flex-grow: 1;
}
.cat-block-list .cat-item:nth-child(3) {
  aspect-ratio: 2/1;
}
@media (max-width: 767.98px) {
  .cat-block-list {
    grid-template-columns: var(--cblock-template-columns-sm);
    grid-template-areas: var(--cblock-template-areas-sm);
  }
}

.last-cat-block[data-items="2"] {
  --cblock-template-areas: "c1 c1 c2 c2";
  --cblock-template-areas-sm: "c1 c1" "c2 c2";
}
.last-cat-block[data-items="2"] .cat-item {
  aspect-ratio: 2/1 !important;
}
.last-cat-block[data-items="3"] {
  --cblock-template-areas: "c1 c2 c3 c3";
  --cblock-template-areas-sm: "c1 c2" "c3 c3";
}
.last-cat-block[data-items="4"] {
  --cblock-template-areas: "c1 c2 c3 c4";
  --cblock-template-areas-sm: "c1 c2" "c3 c4";
}
.last-cat-block[data-items="4"] .cat-item {
  aspect-ratio: 1/1 !important;
}
.last-cat-block[data-items="5"] {
  --cblock-template-areas: "c1 c2 c4 c5" "c3 c3 c4 c5";
  --cblock-template-areas-sm: "c1 c2" "c3 c3" "c4 c5" "c4 c5";
}
.last-cat-block[data-items="5"] .cat-item:nth-child(4), .last-cat-block[data-items="5"] .cat-item:nth-child(5) {
  aspect-ratio: 1/2 !important;
}

.cat-box {
  display: block;
  border-radius: 22px;
  overflow: hidden;
  position: relative;
  transition: transform ease 0.15s;
  aspect-ratio: 1/1;
}
.cat-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cat-box span {
  display: block;
  position: absolute;
  font-weight: 500;
  line-height: 1.2;
  font-size: var(--cat-box-fs, 18px);
  top: 0;
  left: 0;
  padding-left: 20px;
  padding-top: 20px;
  max-width: 60%;
  z-index: 3;
}
@media (min-width: 992px) {
  .cat-box:hover {
    transform: scale(1.02);
  }
}
@media (max-width: 767.98px) {
  .cat-box {
    --cat-box-fs: 14px;
    border-radius: 12px;
  }
  .cat-box span {
    padding-left: 10px;
    padding-top: 10px;
  }
}

.carousel-marcas-categoria {
  --brand-carousel-logo-p: 0;
  --brand-carousel-logo-inner-p: 0;
  --brand-box-shadow: none;
  --carousel-button-shadow: none;
  --carousel-buttons-display: block !important;
  /* @include media-breakpoint-down(sm){
      --brand-carousel-logo-p: 0 15px;
  } */
}
@media (max-width: 767.98px) {
  .carousel-marcas-categoria {
    --carousel-button-distance-x: 0;
  }
}

.categories-flex-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.categories-flex-list .cat-item {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 10px;
}
@media (min-width: 768px) {
  .categories-flex-list {
    justify-content: center;
  }
  .categories-flex-list .cat-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

#footer {
  background-color: white;
  font-size: 14px;
  /* @media (max-width: 1600px){
      padding-bottom: 70px !important;
  } */
}
#footer .footer-top-line {
  text-align: center;
  background-color: #1d2d31;
  color: white;
  padding: 6px 0;
}
#footer .footer-top-line h3 {
  font-size: 18px;
  line-height: 1;
  margin: 0;
}
#footer .footer-top-line h3 .ic {
  color: #EC008C;
  --icon-size: 36px;
  vertical-align: middle;
  display: inline-block;
}
#footer h6 {
  font-weight: 600;
  font-size: 14px;
}
#footer .logo img {
  width: 220px;
}
#footer .sellos {
  text-align: center;
}
#footer .sellos img {
  height: 36px;
}
#footer .sellos figure {
  margin-bottom: 15px;
}
#footer .sellos figure.mastercard-sc img {
  height: 30px;
}
#footer nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 4px;
  flex-direction: column;
}
#footer nav .nav-link {
  color: inherit;
  font-size: 14px;
  line-height: 1.1;
  position: relative;
  padding-left: 16px;
  font-weight: 500;
}
#footer nav .nav-link::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  font-size: 32px;
  line-height: 14px;
}
#footer nav .nav-link:hover {
  text-decoration: underline;
}
#footer .copy {
  text-align: center;
  font-size: 12px;
  margin: 0 auto;
  max-width: 900px;
}
@media (max-width: 991.98px) {
  #footer .sellos {
    margin-top: 30px;
    display: flex;
    justify-content: center;
  }
  #footer .sellos figure {
    padding: 0 10px;
  }
}
@media (max-width: 767.98px) {
  #footer .col-menu {
    margin: 30px 0 0;
    padding-left: 20%;
    padding-right: 20%;
  }
  #footer .logo {
    text-align: center;
  }
  #footer .logo img {
    width: 180px;
  }
  #footer .footer-top-line {
    padding: 10px 0 15px 0;
  }
  #footer .footer-top-line h3 {
    font-size: 16px;
    margin: 0 auto;
    max-width: 300px;
  }
  #footer .footer-top-line h3 .ic {
    --icon-size: 28px;
  }
}

:root {
  --slider-button-distance-x: 20px;
  --slider-button-distance-y: 50%;
  --slider-arrow-size: 44px;
  --slider-dots-bottom: 15px;
}
@media (max-width: 767.98px) {
  :root {
    --slider-arrow-size: 32px;
    --slider-button-distance-x: 10px;
  }
}

.slider.slick-slider {
  margin-bottom: 0;
}
.slider.slick-slider .slick-arrow {
  z-index: 2;
  width: var(--slider-arrow-size, 24px);
  height: var(--slider-arrow-size, 24px);
  top: var(--slider-button-distance-y, 50%);
}
.slider.slick-slider .slick-arrow:before {
  font-family: "fsn-icons";
  font-size: var(--slider-arrow-size);
  color: var(--slider-arrow-color, white);
}
.slider.slick-slider .slick-prev {
  left: var(--slider-button-distance-x);
}
.slider.slick-slider .slick-next {
  right: var(--slider-button-distance-x);
}
.slider.slick-slider .slick-dots {
  bottom: var(--slider-dots-bottom, 15px);
  z-index: 1;
}
.slider.slick-slider .slick-dots li {
  margin: 0;
}
.slider.slick-slider .slick-dots li button::before {
  font-size: 10px;
}

.slider.carousel:not(.slick-slider) {
  display: flex;
  overflow: hidden;
}
.slider.carousel:not(.slick-slider) > div {
  opacity: 0;
}

.slider.basic .slider-item a {
  display: block;
  line-height: 1;
}
.slider.basic .slider-item img {
  width: 100%;
}
.slider.basic:not(.slick-slider) {
  display: flex;
  overflow: hidden;
}
.slider.basic:not(.slick-slider) > div:nth-child(n+2) {
  position: absolute;
  opacity: 0;
}

/* .slider.slider-productos{
    --slider-arrow-color: #f58c24;

    @include media-breakpoint-up(xxl){
        --slider-button-distance-x: -50px;
    }

    @include media-breakpoint-down(md){
        --slider-button-distance-x: -5px;
        --slider-button-distance-y: 130px;
    }
} */
.rz-modal-image-viewer {
  --rz-dialog-content-padding: 0;
  --rz-dialog-close-color: #495057;
  --rz-dialog-border-radius: var(--bs-radius, 7px);
}
.rz-modal-image-viewer .rz-dialog-titlebar {
  padding: 0;
  line-height: 1;
}
.rz-modal-image-viewer .rz-dialog-title {
  display: none;
}
.rz-modal-image-viewer .rz-dialog-titlebar-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.65);
  z-index: 5;
}
.rz-modal-image-viewer .rz-dialog-titlebar-close:hover {
  background-color: rgb(255, 255, 255);
}

.tabs-style-1 {
  --rz-tabs-padding: 1.25rem;
  --rz-tabs-tab-font-size: 17px;
  --rz-tabs-tab-line-height: var(--rz-body-line-height);
  --rz-tabs-tab-font-weight: 600;
  --rz-tabs-tab-padding: 10px 10px 18px;
  --rz-tabs-tab-background-color: var(--rz-base-200);
  --rz-tabs-tab-color: var(--rz-text-color);
  --rz-tabs-tab-selected-color: var(--rz-text-title-color);
  --rz-tabs-tab-hover-color: var(--rz-secondary);
  --rz-tabs-padding: 10px;
}
@media (max-width: 575.98px) {
  .tabs-style-1 {
    --rz-tabs-tab-padding: 10px 5px 14px;
    --rz-tabs-tab-font-size: 14px;
  }
}
.tabs-style-1.rz-tabview-top > .rz-tabview-nav > li {
  position: relative;
  flex: 1;
  text-align: center;
  background-color: white;
  border: none !important;
}
.tabs-style-1.rz-tabview-top > .rz-tabview-nav > li > a {
  justify-content: center;
  line-height: 1;
  align-items: center;
  min-height: 100%;
}
.tabs-style-1.rz-tabview-top > .rz-tabview-nav > li::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #008D95;
  content: "";
  display: none;
  border-radius: 0 0 4px 4px;
}
.tabs-style-1.rz-tabview-top > .rz-tabview-nav > li.rz-tabview-selected::after {
  display: block;
}
.tabs-style-1 .rz-tabview-panels {
  border-top: 1px solid #f0f0f0;
  background-color: #F8F9FA;
}

.content-wrap {
  margin-left: auto;
  margin-right: auto;
}

.html-content {
  line-height: 1.4;
}
.html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5, .html-content h6 {
  margin-bottom: 0.8em;
}
.html-content h1, .html-content .h1 {
  font-size: 32px;
}
.html-content div, .html-content p {
  line-height: inherit;
}

:root {
  --brand-carousel-logo-height: 120px;
  --brand-carousel-logo-maxw: 120px;
  --brand-carousel-logo-p: 10px 4px;
  --brand-carousel-logo-inner-p: 10px 20px;
}
@media (min-width: 768px) {
  :root {
    --brand-carousel-logo-height: 120px;
    --brand-carousel-logo-maxw: 200px;
  }
}

.brands-section {
  background-color: white;
  overflow: hidden;
}

.slider-brands {
  /* display: flex;
  align-items: center; */
}
.slider-brands .brand {
  height: var(--brand-carousel-logo-height);
  padding: var(--brand-carousel-logo-p);
  flex: 0 0 auto;
}
.slider-brands .brand a, .slider-brands .brand figure {
  height: 100%;
  background-color: white;
  box-shadow: var(--brand-box-shadow, 0 1px 8px rgba(29, 45, 49, 0.1));
  border-radius: 4px;
  padding: var(--brand-carousel-logo-inner-p, 0);
  margin: 0;
  display: block;
}
.slider-brands .brand a img, .slider-brands .brand figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.carousel-brands-wrapper {
  --carousel-button-distance-x: -60px;
  padding: 0 60px;
}
@media (max-width: 575.98px) {
  .carousel-brands-wrapper {
    --carousel-buttons-display: none;
    --carousel-padding-l: 15px;
    --carousel-padding-r: 15px;
    --carousel-item-w: 40vw;
    padding: 0;
  }
}

#menu-departamentos {
  --sidebar-pane-w: 280px;
  position: fixed;
  top: var(--layout-header-h, 0);
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(99vh - var(--layout-header-h, 0));
  display: none;
}
#menu-departamentos .mn-dep-inner {
  position: relative;
  z-index: 2;
  display: flex;
  max-height: 100%;
}
#menu-departamentos .mn-dep-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wrap-max-w, 1200px);
}
#menu-departamentos .mn-dep-inner .mn-dep-sidebar {
  flex: 0 0 var(--sidebar-pane-w, 250px);
  max-height: 100%;
  position: relative;
  z-index: 2;
}
#menu-departamentos .mn-dep-inner .mn-dep-pane {
  background-color: white;
  display: flex;
  flex-direction: column;
  width: var(--sidebar-pane-w, 250px);
  height: 100%;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}
#menu-departamentos .mn-dep-inner .mn-dep-content {
  width: var(--sidebar-pane-w, 250px);
  flex: 1;
  overflow: auto;
  padding: 8px 0;
}
#menu-departamentos .mn-dep-sidebar.n1 {
  z-index: 4;
}
#menu-departamentos .mn-dep-sidebar.n1 .mn-dep-hdr {
  background-color: #1d2d31;
  color: white;
}
#menu-departamentos .mn-dep-sidebar.n2 {
  z-index: 3;
}
#menu-departamentos .mn-dep-sidebar.n2:not(.show),
#menu-departamentos .mn-dep-sidebar.n3:not(.show) {
  display: none;
}
#menu-departamentos .mn-dep-sidebar.n2 .mn-dep-pane:not(.show),
#menu-departamentos .mn-dep-sidebar.n3 .mn-dep-pane:not(.show) {
  display: none;
}
#menu-departamentos .mn-dep-hdr {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0;
  color: #008D95;
  width: 100%;
  box-shadow: 0 1px 3px rgba(29, 45, 49, 0.15);
}
#menu-departamentos .mn-dep-hdr .back {
  display: inline-flex;
  height: 100%;
  font-size: 20px;
  width: 44px;
  align-items: center;
  justify-content: center;
}
#menu-departamentos .mn-dep-hdr .cat-name {
  font-size: 14px;
  margin: 0;
  white-space: nowrap;
  flex: 1;
  text-overflow: ellipsis;
  line-height: 1.2;
  overflow: hidden;
  max-width: calc(var(--sidebar-pane-w, 250px) - 60px);
  font-weight: 600;
}
#menu-departamentos nav a {
  display: block;
  font-weight: 500;
  color: #1d2d31;
  font-size: 14px;
  padding: 0 10px;
}
#menu-departamentos nav a > span {
  display: block;
  padding: 6px 10px;
  border-radius: 4px;
}
#menu-departamentos nav a:hover span, #menu-departamentos nav a.active span {
  background-color: rgba(29, 45, 49, 0.08);
}
#menu-departamentos nav a.has-submenu {
  position: relative;
}
#menu-departamentos nav a.has-submenu::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 250 250'%3e%3cpath d='m193.23,112.47l-62.83-62.83c-6.28-6.27-16.46-6.27-22.74,0-6.28,6.28-6.28,16.46,0,22.74l52.61,52.61-52.61,52.61c-6.28,6.29-6.28,16.46,0,22.74,3.14,3.14,7.26,4.71,11.37,4.71s8.23-1.57,11.37-4.71l62.83-62.83c3.43-3.43,4.98-8.03,4.65-12.53.32-4.49-1.22-9.09-4.65-12.53' fill='%2340475c'/%3e%3cpath d='m122.78,125c0-4.11-1.57-8.23-4.71-11.37l-38.54-38.54c-6.29-6.28-16.46-6.28-22.74,0-6.28,6.28-6.28,16.46,0,22.74l27.18,27.17-27.18,27.17c-6.28,6.29-6.28,16.46,0,22.74,3.14,3.14,7.26,4.7,11.37,4.7s8.23-1.57,11.37-4.7l38.54-38.54c3.14-3.14,4.71-7.26,4.71-11.37' fill='%2340475c'/%3e%3c/svg%3e");
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
#menu-departamentos .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (min-width: 992px) {
  #menu-departamentos .mn-dep-hdr .back {
    display: none;
  }
  #menu-departamentos .mn-dep-hdr .cat-name {
    max-width: 100%;
    padding: 0 15px;
  }
  #menu-departamentos .mn-dep-sidebar.n1 .mn-dep-hdr {
    display: none;
  }
}
@media (max-width: 991.98px) {
  #menu-departamentos {
    --sidebar-pane-w: 240px;
    top: 0;
    left: 0;
    height: 100vh;
    /* .mn-dep-sidebar.n1{
        z-index: 2;
    }
    .mn-dep-sidebar.n2{
        z-index: 3;
    }
    .mn-dep-sidebar.n3{
        z-index: 4;
    } */
  }
  #menu-departamentos .mn-dep-inner {
    /* display: block; */
    height: 100%;
    /* .mn-dep-sidebar{
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    } */
  }
}
@media (max-width: 767.98px) {
  #menu-departamentos {
    --sidebar-pane-w: 280px;
    top: 0;
    left: 0;
    height: 100vh;
  }
  #menu-departamentos .mn-dep-inner {
    display: block;
    height: 100%;
  }
  #menu-departamentos .mn-dep-inner .mn-dep-sidebar {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #menu-departamentos .mn-dep-hdr {
    background-color: #1d2d31;
    color: white;
    padding: 5px 0;
    height: auto;
  }
  #menu-departamentos .mn-dep-hdr .back {
    font-size: 24px;
    padding: 5px 10px;
    width: auto;
  }
  #menu-departamentos .mn-dep-hdr .cat-name {
    max-width: 100%;
    padding: 0 15px 0 0;
  }
  #menu-departamentos .mn-dep-hdr a.cat-name {
    text-decoration: underline;
  }
  #menu-departamentos .mn-dep-sidebar.n1 {
    z-index: 2;
  }
  #menu-departamentos .mn-dep-sidebar.n2 {
    z-index: 3;
  }
  #menu-departamentos .mn-dep-sidebar.n3 {
    z-index: 4;
  }
}

body.show-deptos-menu {
  overflow: hidden;
}
body.show-deptos-menu #menu-departamentos {
  display: block;
}

.menu-panel-categories {
  position: fixed;
  top: var(--layout-header-h);
  left: var(--cat-mn-left, 50%);
  z-index: 51;
  background-color: white;
  display: flex;
  max-height: calc(99vh - var(--layout-header-h));
  box-shadow: var(--shadow-default, none);
  overflow: hidden;
  border-radius: 4px;
  margin-top: 1px;
  /* &[data-id='MenuMedicamentos']{
      display: none;
  } */
}
.menu-panel-categories:not(.show) {
  display: none;
}
.menu-panel-categories .mn-dep-inner {
  position: relative;
  z-index: 2;
  display: flex;
  max-height: 100%;
  background-color: white;
}
.menu-panel-categories .mn-dep-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wrap-max-w, 1200px);
}
.menu-panel-categories .mn-dep-inner .mn-dep-sidebar {
  flex: 0 0 var(--category-pane-w, 250px);
  max-height: 100%;
  position: relative;
  z-index: 2;
}
.menu-panel-categories .mn-dep-inner .mn-dep-pane {
  background-color: white;
  display: flex;
  flex-direction: column;
  width: var(--category-pane-w, 250px);
  height: 100%;
}
.menu-panel-categories .mn-dep-inner .mn-dep-sidebar.n3 {
  border-left: 2px solid #ECF0F4;
}
.menu-panel-categories .mn-dep-inner .mn-dep-sidebar.n3:not(.show) {
  display: none;
}
.menu-panel-categories .mn-dep-inner .mn-dep-sidebar.n3 .mn-dep-pane:not(.show) {
  display: none;
}
.menu-panel-categories .mn-dep-inner .mn-dep-content {
  width: var(--category-pane-w, 250px);
  flex: 1;
  overflow: auto;
  padding: 8px 0;
}
.menu-panel-categories .mn-dep-hdr {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 0;
  color: white;
  background-color: #008D95;
  width: 100%;
  box-shadow: 0 1px 3px rgba(29, 45, 49, 0.15);
}
.menu-panel-categories .mn-dep-hdr .back {
  display: inline-flex;
  height: 100%;
  font-size: 20px;
  width: 44px;
  align-items: center;
  justify-content: center;
}
.menu-panel-categories .mn-dep-hdr .cat-name {
  font-size: 18px;
  margin: 0;
  white-space: nowrap;
  flex: 1;
  text-overflow: ellipsis;
  line-height: 1.2;
  overflow: hidden;
  max-width: calc(var(--category-pane-w, 250px) - 60px);
  font-weight: 600;
}
.menu-panel-categories nav a {
  display: block;
  color: #203338;
  font-size: 14px;
  padding: 4px 10px;
}
.menu-panel-categories nav a > span {
  display: flex;
  border-radius: 4px;
  padding: 5px 25px 5px 5px;
  line-height: 1.1;
  align-items: center;
}
.menu-panel-categories nav a > span img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  object-position: center;
  margin-right: 12px;
}
.menu-panel-categories nav a > span img + span {
  display: flex;
  align-items: center;
}
.menu-panel-categories nav a:hover, .menu-panel-categories nav a.active {
  --item-arrow-color: #008D95;
}
.menu-panel-categories nav a:hover > span, .menu-panel-categories nav a.active > span {
  background-color: var(--bs-tertiary-bg);
  color: #008D95;
}
.menu-panel-categories nav a.has-submenu {
  position: relative;
}
.menu-panel-categories nav a.has-submenu::after {
  font-family: "fsn-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  margin-left: 0;
  margin-right: 0;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-size: 16px;
  content: "→";
  color: var(--item-arrow-color, #CED6DD);
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .menu-panel-categories {
    --category-pane-w: 200px;
  }
}
@media (min-width: 768px) {
  .menu-panel-categories .mn-dep-hdr {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .menu-panel-categories {
    --category-pane-w: 280px;
    top: 0;
    left: 0;
    z-index: calc(var(--floating-sidebar-zindex, 100) + 1);
    border-radius: 0;
    height: 100%;
    max-height: none;
    margin: 0;
  }
  .menu-panel-categories nav a > span {
    min-height: 38px;
  }
  .menu-panel-categories .mn-dep-sidebar.n3 {
    border-left: none !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    height: 100%;
  }
}

body {
  --rz-accordion-item-padding: 0.25rem 0;
  --rz-accordion-item-margin: 0;
  --rz-accordion-item-border: none;
  --rz-accordion-item-background-color: transparent;
  --rz-accordion-item-color: black;
  --rz-accordion-item-focus-outline: var(--rz-outline-focus);
  --rz-accordion-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
  --rz-accordion-item-line-height: 1.25rem;
  --rz-accordion-item-font-size: 16px;
  --rz-accordion-item-font-weight: 600;
  --rz-accordion-icon-width: var(--rz-icon-size);
  --rz-accordion-icon-height: var(--rz-icon-size);
  --rz-accordion-icon-font-size: var(--rz-icon-size);
  --rz-accordion-icon-margin: 0 0.25rem 0 0;
  --rz-accordion-toggle-icon-margin: 0 0.25rem 0 0;
  --rz-accordion-toggle-icon-order: 0;
  --rz-accordion-selected-color: var(--rz-base-900);
  --rz-accordion-hover-color: var(--rz-primary);
  --rz-accordion-content-padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  --rz-accordion-content-font-size: var(--rz-body-font-size);
  --rz-accordion-border-radius: 0;
  --rz-accordion-shadow: none;
}

.rz-accordion-toggle-icon.rzi-chevron-right:before {
  content: "keyboard_arrow_down";
}

.rz-accordion-toggle-icon.rzi-chevron-down:before {
  content: "keyboard_arrow_up";
}

.rz-accordion-header {
  border-bottom: 1px solid #CED6DD;
}
.rz-accordion-header a {
  text-transform: uppercase;
  padding-bottom: 12px;
  position: relative;
  font-weight: 600;
  display: inline-flex !important;
  color: var(--rz-accordion-item-color) !important;
  cursor: pointer;
}
.rz-accordion-header a .rz-accordion-toggle-icon {
  order: 1;
}
.rz-accordion-header a[aria-label=Collapse] {
  --title-border-color: #EC008C;
}
.rz-accordion-header a::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: var(--title-border-color, transparent);
}
.rz-accordion-header:not(:first-child) {
  margin-top: 25px;
}

.collapse-control-default {
  --rz-icon-size: 24px;
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.collapse-control-default[aria-expanded=true] i {
  transform: rotate(-180deg);
}
.collapse-control-default strong {
  font-size: 16px;
}

.ccard-item {
  background-color: white;
  border: 1px solid var(--ccard-border-color, #CED6DD);
  border-radius: 12px;
  padding: 20px;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='87' height='86' viewBox='0 0 87 86' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.4' d='M0 0L87 0V42C87 66.3005 67.3005 86 43 86H0L0 0Z' fill='%23ECF0F4'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: left top;
  min-height: var(--ccard-min-h, 140px);
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  box-shadow: var(--ccard-shadow, none);
  z-index: 1;
}
.ccard-item::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='30' viewBox='0 0 36 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M32.8135 1.12096C33.9011 1.65581 34.5875 2.3957 35.1402 3.59467C35.4745 4.31227 35.5279 4.86941 35.5814 7.86016L35.6572 11.2922L32.5015 11.4036C30.7677 11.4794 28.2182 11.4794 26.8187 11.4036L24.2737 11.2922L23.721 12.4376C23.4268 13.0661 23.0747 13.6723 22.9454 13.7837C22.8162 13.8951 22.7047 14.3765 22.7047 14.8712C22.7047 15.571 22.8162 15.941 23.2396 16.5159C24.6971 18.5261 24.345 22.016 22.4997 23.8613C20.231 26.1478 15.5421 26.2058 13.1798 23.9727C12.5157 23.3621 11.758 21.2405 11.5351 19.4309C11.4059 18.4325 11.4237 18.3612 12.1814 17.3093C12.8812 16.3109 12.9391 16.146 12.8812 15.2055L12.8277 14.2071L12.6227 15.0763C12.5113 15.5576 12.0878 16.4402 11.7001 17.0508L10.9825 18.1562L5.62943 18.2096C2.69663 18.2453 0.205089 18.2096 0.129317 18.1562C0.0535458 18.1027 6.00796e-05 14.9114 0.0357172 11.0515L0.0892029 4.05821L0.588403 3.21136C1.1812 2.21296 2.01023 1.4597 3.04429 0.996158C3.74406 0.684158 4.63103 0.644043 17.8286 0.644043H31.8553L32.8135 1.12096Z' fill='%23DED5A6'/%3e%3cpath d='M34.3824 11.9029H35.617L35.5813 14.9827L35.5279 18.0849L30.2328 18.1384L24.9555 18.1741L24.3092 17.3049C22.981 15.4775 22.9453 15.0184 23.8457 12.9681L24.4385 11.6577L28.7931 11.7691C31.1688 11.8449 33.6826 11.9029 34.3824 11.9029Z' fill='%23DED5A6'/%3e%3cpath d='M10.9245 20.2598C11.0715 21.8822 11.9229 23.8968 12.899 24.9487C13.1931 25.283 13.4338 25.5593 13.3982 25.5593C13.3803 25.5593 12.529 25.43 11.5173 25.283C10.2603 25.1002 8.19669 25.0066 4.85383 25.0066H0V21.8688V18.731L5.40651 18.7666L10.7952 18.8201L10.9245 20.2598Z' fill='%23DED5A6'/%3e%3cpath d='M33.277 19.101H35.6215V21.9446V24.7883L30.6919 24.8774C27.407 24.9532 25.3389 25.0602 24.5455 25.2474C23.8814 25.3945 23.0702 25.5594 22.7359 25.6351L22.1074 25.7466L23.0301 24.6769C24.3939 23.0901 24.5054 22.8138 25.0046 19.5823L25.116 18.8647L28.0131 18.9762C29.6043 19.043 31.9666 19.101 33.277 19.101Z' fill='%23DED5A6'/%3e%3cpath d='M13.3803 26.2592C14.7086 26.3706 16.0546 26.4419 16.3889 26.4642L16.9817 26.482V28.1267V29.7714L15.3771 29.8828C12.8499 30.0656 4.26549 29.8828 3.36069 29.6421C2.36229 29.3658 1.23909 28.3674 0.534857 27.1328C0.240686 26.6336 0 26.1344 0 26.0631C0 25.8714 10.2782 26.0185 13.3803 26.2592Z' fill='%23DED5A6'/%3e%3cpath d='M35.4165 26.4284C35.0644 27.4803 33.8832 28.7729 32.7957 29.3255L31.726 29.8782H25.4681C22.0361 29.8961 19.1746 29.8426 19.1212 29.7846C19.0677 29.7311 18.9562 28.9734 18.8983 28.0865L18.769 26.4819H21.0556C22.3125 26.4641 24.0463 26.3526 24.911 26.2234C25.8871 26.0585 28.1781 25.9649 31.0396 25.947L35.5992 25.9292L35.4165 26.4284Z' fill='%23DED5A6'/%3e%3c/svg%3e");
  width: 36px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  order: var(--ccard-chip-order, 0);
  position: relative;
  z-index: 1;
}
.ccard-item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='95' height='78' viewBox='0 0 95 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.4' d='M95 78L-7.62939e-06 78L-4.65702e-06 44C-2.5326e-06 19.6995 19.6995 1.04641e-06 44 3.17083e-06L95 7.62939e-06L95 78Z' fill='%23ECF0F4'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: right bottom;
}
.ccard-item .ccard-info {
  position: relative;
  z-index: 2;
  order: 1;
  width: 100%;
}
.ccard-item .ccard-number {
  font-weight: 600;
}
.ccard-item .ccard-name, .ccard-item .ccard-date {
  color: #52686D;
  font-weight: 300;
}
.ccard-item .ccard-name {
  text-transform: uppercase;
  padding: 6px 0;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ccard-item .ccard-brand {
  display: inline-flex;
  height: 28px;
  align-items: center;
}
.ccard-item .ccard-brand img {
  width: auto;
  height: 28px;
}
.ccard-item .ccard-brand img.vs {
  height: 18px;
}
.ccard-item.ccard-item-editable {
  --ccard-chip-order: 1;
}
.ccard-item.ccard-item-editable .card-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
  order: 0;
  position: relative;
  z-index: 1;
}
.ccard-item.ccard-item-editable .ccard-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 5px;
  order: 2;
}
.ccard-item.ccard-item-editable .ccard-info > div {
  order: 0;
}
.ccard-item.ccard-item-editable .ccard-info .ccard-number {
  width: 100%;
  color: var(--ccard-color, inherit);
}
.ccard-item.ccard-item-editable .ccard-info .ccard-brand {
  margin-left: 15px;
}
.ccard-item.ccard-item-editable .ccard-info .ccard-name {
  flex: 1;
}
.ccard-item.card-item-simulator {
  --ccard-min-h: 160px;
  --ccard-shadow: var(--card-shadow, none);
  padding-top: 50px;
}
.ccard-item.card-item-simulator .ccard-info {
  padding-top: 8px;
}
.ccard-item.card-item-simulator .ccard-name {
  padding-right: 64px;
}
.ccard-item.card-item-simulator .ccard-brand {
  position: absolute;
  bottom: 4px;
  right: 0;
}

.card-simulator-wrapper {
  background: rgb(236, 240, 244);
  background: linear-gradient(0deg, rgb(236, 240, 244) 0%, rgb(255, 255, 255) 90%);
  padding: 15px;
  border-bottom: 1px solid #CED6DD;
}
.card-simulator-wrapper .card-inner {
  max-width: 320px;
  margin: 0 auto;
}

.ccards-list {
  --ccard-shadow: var(--card-shadow, none);
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, 300px);
}

.ccards-selection-list .ccard-item {
  --ccard-chip-order: 2;
  --ccard-shadow: 0 -3px 10px rgba(29, 45, 49, 0.1);
  --ccard-min-h: 180px;
  transition: transform ease 0.3s;
}
.ccards-selection-list .ccard-item + .ccard-item {
  margin-top: calc((var(--ccard-min-h, 140px) - 60px) * -1);
}
.ccards-selection-list .ccard-item .ccard-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ccards-selection-list .ccard-item .ccard-info .radio-fake {
  display: inline-flex;
  line-height: 1;
}
.ccards-selection-list .ccard-item .ccard-info > div {
  order: 0;
}
.ccards-selection-list .ccard-item .ccard-info .ccard-number {
  flex: 1;
  padding: 0 15px;
  color: var(--ccard-color, inherit);
}
.ccards-selection-list .ccard-item .ccard-info .ccard-brand {
  margin-left: 15px;
}
.ccards-selection-list .ccard-item .ccard-info .ccard-name {
  order: 2;
  width: 100%;
}
.ccards-selection-list .ccard-item:hover {
  transform: translateY(-10px);
  --ccard-color: #008D95;
}
.ccards-selection-list .ccard-item[data-active] {
  --ccard-color: #008D95;
  --ccard-shadow: 0 -3px 10px rgba(29, 45, 49, 0.1), inset 0 0 10px rgba(29, 45, 49, 0.05);
}
.ccards-selection-list .ccard-item:nth-child(0) {
  z-index: 0;
}
.ccards-selection-list .ccard-item:nth-child(1) {
  z-index: 1;
}
.ccards-selection-list .ccard-item:nth-child(2) {
  z-index: 2;
}
.ccards-selection-list .ccard-item:nth-child(3) {
  z-index: 3;
}
.ccards-selection-list .ccard-item:nth-child(4) {
  z-index: 4;
}
.ccards-selection-list .ccard-item:nth-child(5) {
  z-index: 5;
}
.ccards-selection-list .ccard-item:nth-child(6) {
  z-index: 6;
}
.ccards-selection-list .ccard-item:nth-child(7) {
  z-index: 7;
}
.ccards-selection-list .ccard-item:nth-child(8) {
  z-index: 8;
}
.ccards-selection-list .ccard-item:nth-child(9) {
  z-index: 9;
}
.ccards-selection-list .ccard-item:nth-child(10) {
  z-index: 10;
}
.ccards-selection-list .ccard-item:nth-child(11) {
  z-index: 11;
}
.ccards-selection-list .ccard-item:nth-child(12) {
  z-index: 12;
}
.ccards-selection-list .ccard-item:nth-child(13) {
  z-index: 13;
}
.ccards-selection-list .ccard-item:nth-child(14) {
  z-index: 14;
}
.ccards-selection-list .ccard-item:nth-child(15) {
  z-index: 15;
}
.ccards-selection-list .ccard-item:nth-child(16) {
  z-index: 16;
}
.ccards-selection-list .ccard-item:nth-child(17) {
  z-index: 17;
}
.ccards-selection-list .ccard-item:nth-child(18) {
  z-index: 18;
}
.ccards-selection-list .ccard-item:nth-child(19) {
  z-index: 19;
}
.ccards-selection-list .ccard-item:nth-child(20) {
  z-index: 20;
}

.ccards-selection-list-wrapper {
  --ccard-list-padding-x: 15px;
  position: relative;
  padding: 15px var(--ccard-list-padding-x, 0);
  overflow: hidden;
  max-width: 420px;
}
.ccards-selection-list-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  border-top: 1px solid #adb5bd;
  z-index: 3;
  height: 60px;
}
.ccards-selection-list-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 60px;
  left: var(--ccard-list-padding-x);
  right: var(--ccard-list-padding-x);
  z-index: 2;
  height: 20px;
  background: rgb(32, 51, 56);
  background: linear-gradient(0deg, rgba(29, 45, 49, 0.15) 0%, rgba(32, 51, 56, 0) 90%);
}
.ccards-selection-list-wrapper .ccards-selection-list {
  position: relative;
  z-index: 1;
  margin-bottom: -50px;
}
@media (min-width: 768px) {
  .ccards-selection-list-wrapper {
    --ccard-list-padding-x: 25px;
  }
}

.gcard-item {
  position: relative;
  max-width: 350px;
}
.gcard-item figure {
  position: relative;
  margin: 0;
  z-index: 0;
  background-color: #008D95;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--ccard-shadow, none);
  border: 2px solid rgba(255, 255, 255, 0.7);
}
.gcard-item figure img {
  opacity: 0.7;
}

.gcard-inner {
  padding: 20px;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.gcard-inner .ccard-info {
  position: relative;
  z-index: 2;
  order: 1;
  width: 100%;
  color: white;
}
.gcard-inner .ccard-number {
  font-weight: normal;
}
.gcard-inner .ccard-name, .gcard-inner .ccard-date {
  font-weight: 300;
}
.gcard-inner .ccard-amount {
  color: var(--gcard-saldo-color, inherit);
}
.gcard-inner .card-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}

.gcards-list {
  --ccard-shadow: var(--card-shadow, none);
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, 300px);
}

.gcards-selection-list .gcard-item {
  --ccard-chip-order: 2;
  --ccard-shadow: 0 -3px 10px rgba(29, 45, 49, 0.1);
  --ccard-min-h: 180px;
  transition: transform ease 0.3s;
}
.gcards-selection-list .gcard-item + .gcard-item {
  margin-top: -110px;
}
.gcards-selection-list .gcard-item .ccard-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: var(--ccard-color, white);
}
.gcards-selection-list .gcard-item .ccard-info .radio-fake {
  display: inline-flex;
  line-height: 1;
}
.gcards-selection-list .gcard-item .ccard-info > div {
  order: 0;
}
.gcards-selection-list .gcard-item .ccard-info .ccard-number {
  flex: 1;
  padding: 0 15px;
}
.gcards-selection-list .gcard-item .ccard-info .ccard-amount {
  margin-left: 15px;
  min-width: 64px;
  text-align: right;
}
.gcards-selection-list .gcard-item:hover {
  transform: translateY(-10px);
}
.gcards-selection-list .gcard-item[data-active] {
  --ccard-color: #FFD200;
  --ccard-shadow: 0 -3px 10px rgba(29, 45, 49, 0.1), inset 0 0 10px rgba(29, 45, 49, 0.05);
}
.gcards-selection-list .gcard-item:nth-child(0) {
  z-index: 0;
}
.gcards-selection-list .gcard-item:nth-child(1) {
  z-index: 1;
}
.gcards-selection-list .gcard-item:nth-child(2) {
  z-index: 2;
}
.gcards-selection-list .gcard-item:nth-child(3) {
  z-index: 3;
}
.gcards-selection-list .gcard-item:nth-child(4) {
  z-index: 4;
}
.gcards-selection-list .gcard-item:nth-child(5) {
  z-index: 5;
}
.gcards-selection-list .gcard-item:nth-child(6) {
  z-index: 6;
}
.gcards-selection-list .gcard-item:nth-child(7) {
  z-index: 7;
}
.gcards-selection-list .gcard-item:nth-child(8) {
  z-index: 8;
}
.gcards-selection-list .gcard-item:nth-child(9) {
  z-index: 9;
}
.gcards-selection-list .gcard-item:nth-child(10) {
  z-index: 10;
}
.gcards-selection-list .gcard-item:nth-child(11) {
  z-index: 11;
}
.gcards-selection-list .gcard-item:nth-child(12) {
  z-index: 12;
}
.gcards-selection-list .gcard-item:nth-child(13) {
  z-index: 13;
}
.gcards-selection-list .gcard-item:nth-child(14) {
  z-index: 14;
}
.gcards-selection-list .gcard-item:nth-child(15) {
  z-index: 15;
}
.gcards-selection-list .gcard-item:nth-child(16) {
  z-index: 16;
}
.gcards-selection-list .gcard-item:nth-child(17) {
  z-index: 17;
}
.gcards-selection-list .gcard-item:nth-child(18) {
  z-index: 18;
}
.gcards-selection-list .gcard-item:nth-child(19) {
  z-index: 19;
}
.gcards-selection-list .gcard-item:nth-child(20) {
  z-index: 20;
}

.gcards-selection-list-wrapper {
  --ccard-list-padding-x: 15px;
  position: relative;
  padding: 15px var(--ccard-list-padding-x, 0);
  overflow: hidden;
  max-width: 420px;
}
.gcards-selection-list-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  border-top: 1px solid #adb5bd;
  z-index: 3;
  height: 60px;
}
.gcards-selection-list-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 60px;
  left: var(--ccard-list-padding-x);
  right: var(--ccard-list-padding-x);
  z-index: 2;
  height: 20px;
  background: rgb(32, 51, 56);
  background: linear-gradient(0deg, rgba(29, 45, 49, 0.15) 0%, rgba(32, 51, 56, 0) 90%);
}
.gcards-selection-list-wrapper .gcards-selection-list {
  position: relative;
  z-index: 1;
  margin-bottom: -50px;
}
@media (min-width: 768px) {
  .gcards-selection-list-wrapper {
    --ccard-list-padding-x: 25px;
  }
}

.vip-alert {
  background-color: rgba(0, 141, 149, 0.1);
  padding: 5px 10px 20px 10px;
}
.vip-alert .va-inner {
  text-align: center;
}
.vip-alert .va-inner > figure {
  width: 200px;
  margin: 10px auto;
}
.vip-alert .va-inner .va-content h6 {
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
}
.vip-alert .va-inner .va-content .saving {
  color: #EC008C;
  display: block;
  font-size: 18px;
}
.vip-alert .va-inner .va-content .va-actions a {
  display: inline-block;
  font-weight: 600;
  color: #1d2d31;
  text-decoration: underline;
  vertical-align: middle;
}
.vip-alert .va-inner .va-content .va-actions .dvdr {
  display: inline-block;
  vertical-align: middle;
  height: 14px;
  width: 2px;
  border-left: 2px solid #CED6DD;
  margin: 0 10px;
}
.vip-alert[data-size=Small] {
  padding: 10px;
}
.vip-alert[data-size=Small] .va-inner {
  display: flex;
  line-height: 1;
  text-align: left;
}
.vip-alert[data-size=Small] .va-inner > figure {
  flex: 0 0 auto;
  width: 30%;
  max-width: 200px;
  margin: 0 15px 0 0;
}
.vip-alert[data-size=Small] .va-inner .va-content {
  flex: 1;
}
.vip-alert[data-size=Small] .va-inner .saving {
  display: inline;
  font-size: inherit;
}
@media (max-width: 767.98px) {
  .vip-alert[data-size=Default] {
    padding: 10px;
  }
  .vip-alert[data-size=Default] .va-inner {
    display: flex;
    line-height: 1;
    text-align: left;
  }
  .vip-alert[data-size=Default] .va-inner > figure {
    flex: 0 0 auto;
    width: 30%;
    max-width: 200px;
    margin: 0 15px 0 0;
  }
  .vip-alert[data-size=Default] .va-inner .va-content {
    flex: 1;
  }
  .vip-alert[data-size=Default] .va-inner .saving {
    display: inline;
    font-size: inherit;
  }
}

.vip-page-header {
  background-color: black;
  color: white;
  overflow: hidden;
}
.vip-page-header .img-club-vip img {
  width: 540px;
}
@media (max-width: 767.98px) {
  .vip-page-header .img-club-vip img {
    width: 340px;
  }
}

.vip-tarjetas-wrap {
  position: relative;
  height: 320px;
  max-width: 600px;
  margin: 0 auto;
}
.vip-tarjetas-wrap figure {
  position: absolute;
  width: 60%;
}
.vip-tarjetas-wrap figure img {
  opacity: 0;
}
.vip-tarjetas-wrap figure.fig1 {
  left: 0;
  bottom: calc(30px * var(--scroll-percent, 0));
  transform: rotate(15deg);
  z-index: 2;
}
.vip-tarjetas-wrap figure.fig1 img {
  animation: tilt-in-fwd-tr 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 0.7s !important;
}
.vip-tarjetas-wrap figure.fig2 {
  right: 0;
  top: calc(30px * var(--scroll-percent, 0));
  transform: rotate(-15deg);
}
.vip-tarjetas-wrap figure.fig2 img {
  animation: tilt-in-fwd-bl 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-delay: 0.3s !important;
}
@media (max-width: 991.98px) {
  .vip-tarjetas-wrap {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
@media (max-width: 575.98px) {
  .vip-tarjetas-wrap {
    height: 54vw;
  }
}

.vip-banner-section {
  position: relative;
}
.vip-banner-section > figure {
  --position-ti: auto;
  --position-li: 0;
  position: absolute;
  left: var(--position-l, 0);
  top: var(--position-t, auto);
  opacity: 0;
  animation-name: none;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
.vip-banner-section > figure img {
  width: auto;
  max-width: none;
  height: var(--img-h, auto);
}
.vip-banner-section > figure.fig1 {
  --position-li: 40%;
  --position-l: 3%;
  --position-ti: 50%;
  --position-t: 50%;
  --transform-i: translateY(-50%) scale(0.5);
  --transform: translateY(-50%) scale(1);
  --img-h: 230px;
  animation-delay: 0.5s;
}
.vip-banner-section > figure.fig2 {
  --position-li: 50%;
  --position-l: 70%;
  --position-ti: 50%;
  --position-t: -20%;
  --transform-i: scale(0.5);
  --transform: scale(1);
  --img-h: 230px;
  animation-delay: 0.3s;
}
.vip-banner-section > figure.fig3 {
  --position-li: 50%;
  --position-l: 80%;
  --position-ti: 30%;
  --position-t: 70%;
  --transform-i: scale(0.5);
  --transform: scale(1);
  --img-h: 230px;
  animation-delay: 0.7s;
}
.vip-banner-section .inner {
  position: relative;
  z-index: 3;
}
@media (max-width: 991.98px) {
  .vip-banner-section > figure.fig1 {
    --position-li: 40%;
    --position-l: 0;
    --img-h: 180px;
  }
  .vip-banner-section > figure.fig2 {
    --position-l: 75%;
    --position-ti: 70%;
    --position-t: -30%;
    --img-h: 150px;
  }
  .vip-banner-section > figure.fig3 {
    --position-li: 50%;
    --position-l: 60%;
    --position-ti: 10%;
    --position-t: 60%;
    --transform-i: scale(0.5);
    --transform: scale(1);
    --img-h: 230px;
    animation-delay: 0.7s;
  }
}
@media (max-width: 767.98px) {
  .vip-banner-section::before {
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    transition: opacity 0.1s;
    transition-delay: 1.4s;
  }
  .vip-banner-section .inner {
    opacity: 0;
    background: none !important;
  }
}
.vip-banner-section.visible-in-screen > figure {
  animation-name: anim-banner-img;
}
@media (max-width: 767.98px) {
  .vip-banner-section.visible-in-screen::before {
    opacity: 1;
  }
  .vip-banner-section.visible-in-screen .inner {
    animation: scale-in-center 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4s both;
  }
}

@keyframes anim-banner-img {
  0% {
    opacity: 0;
    left: var(--position-li);
    top: var(--position-ti, auto);
    transform: var(--transform-i);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    left: var(--position-l);
    top: var(--position-t, auto);
    transform: var(--transform);
  }
}
@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .vip-numbers .col {
    position: relative;
  }
  .vip-numbers .col:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 70px;
    background-color: #cfcfcf;
  }
}

.vip-number {
  text-align: center;
}
.vip-number h3 {
  font-size: 64px;
}
.vip-number h3:first-child {
  padding-top: 18px;
}

.vip-beneficios > .col {
  margin-bottom: 30px;
}
.vip-beneficios .vip-benef {
  display: block;
  background-color: white;
  border-radius: 10px;
  border: 1px solid #CED6DD;
  box-shadow: var(--card-shadow);
  padding: 15px;
  min-height: 100%;
}
.vip-beneficios .vip-benef .hdr {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.vip-beneficios .vip-benef .hdr img {
  margin-right: 10px;
  height: 64px;
  width: auto;
}
.vip-beneficios .vip-benef .hdr h3 {
  font-weight: 500;
  flex: 1;
  font-size: 18px;
  margin: 0;
}
.vip-beneficios a.vip-benef:hover {
  border: 1px solid #008D95;
}

.vip-nicopuntos {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  color: black;
}
.vip-nicopuntos > .inner {
  background-color: #e5e8eb;
  border-radius: 20px;
  padding: 30px 15px;
  position: relative;
  overflow: visible;
}
.vip-nicopuntos .img-vip-nicopuntos {
  margin: 0;
  max-width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 110%;
  overflow: hidden;
}
.vip-nicopuntos .img-vip-nicopuntos img {
  height: 100%;
  width: auto;
  max-width: none;
  mix-blend-mode: darken;
}
.vip-nicopuntos .vip-nico-steps {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
.vip-nicopuntos .nico-step {
  position: relative;
  padding-left: 64px;
  font-size: 18px;
}
.vip-nicopuntos .nico-step img {
  height: 54px;
  width: auto;
}
.vip-nicopuntos .nico-step span {
  display: block;
}
.vip-nicopuntos .nico-step strong {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 84px;
  line-height: 1;
}
@media (max-width: 991.98px) {
  .vip-nicopuntos .inner {
    padding: 15px;
  }
  .vip-nicopuntos .vip-nico-steps {
    gap: 20px;
  }
  .vip-nicopuntos .nico-step {
    font-size: 16px;
    padding-left: 44px;
  }
  .vip-nicopuntos .nico-step img {
    height: 36px;
  }
  .vip-nicopuntos .nico-step strong {
    font-size: 64px;
  }
}
@media (max-width: 767.98px) {
  .vip-nicopuntos .inner {
    padding: 0 15px 0 15px;
    border-radius: 15px;
  }
  .vip-nicopuntos .vip-nico-steps {
    gap: 20px;
  }
  .vip-nicopuntos .nico-step {
    font-size: 12px;
    padding-left: 34px;
    /* &:nth-child(2){
        margin-left: 30px;
    }

    &:nth-child(3){
        margin-left: 60px;
    } */
  }
  .vip-nicopuntos .nico-step img {
    height: 28px;
  }
  .vip-nicopuntos .nico-step strong {
    font-size: 48px;
  }
  .vip-nicopuntos .img-vip-nicopuntos {
    position: static;
    right: auto;
    max-width: none;
    text-align: center;
  }
  .vip-nicopuntos .img-vip-nicopuntos img {
    height: auto;
    width: 280px;
  }
}

.vip-info-blocks {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  padding: 0 15px;
}
.vip-info-blocks .vip-info-block {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.vip-info-blocks .vip-info-block.red-medicos {
  background-color: #dfffff;
}
.vip-info-blocks .vip-info-block.comercios {
  background-color: #fff6d5;
}
.vip-info-blocks .vip-info-block > figure {
  text-align: center;
}
.vip-info-blocks .vip-info-block > figure img {
  width: 200px;
}
.vip-info-blocks .vip-info-block .info {
  display: flex;
  flex-direction: column;
  padding: 30px 20px;
}
.vip-info-blocks .vip-info-block .info .text {
  margin-bottom: auto;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .vip-info-blocks .vip-info-block {
    display: flex;
    padding-left: 30%;
    min-height: 100%;
  }
  .vip-info-blocks .vip-info-block > figure {
    position: absolute;
    margin: 0;
    bottom: 0;
    left: 0;
    max-width: 30%;
    height: 100%;
    display: flex;
    align-items: flex-end;
  }
  .vip-info-blocks .vip-info-block > figure img {
    max-height: 90%;
    width: auto;
  }
  .vip-info-blocks .vip-info-block .info {
    position: relative;
    z-index: 1;
  }
  .vip-info-blocks .vip-info-block .logo-red-medicos {
    max-width: 340px;
  }
  .vip-info-blocks .vip-info-block.red-medicos > figure {
    max-width: 35%;
  }
}

@media (min-width: 768px) {
  .vip-orientacion-medica .text {
    padding: 25px 0;
  }
  .vip-orientacion-medica > .inner {
    position: relative;
  }
  .vip-orientacion-medica > .inner > figure {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 50%;
  }
}

.nicopuntos-page-header {
  background-color: black;
  color: white;
  text-align: center;
  position: relative;
  overflow: visible;
}
.nicopuntos-page-header .logo-nicopuntos {
  margin: 0 auto;
  max-width: 70%;
}
.nicopuntos-page-header .logo-nicopuntos img {
  width: 500px;
}
.nicopuntos-page-header .nico-steps {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nicopuntos-page-header .nico-step {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 18px;
  padding: 30px;
}
.nicopuntos-page-header .nico-step img {
  height: 48px;
  width: auto;
  margin-right: 10px;
}
.nicopuntos-page-header .moneda {
  position: absolute;
  left: var(--mnda-l, auto);
  right: var(--mnda-r, auto);
  top: var(--mnda-t, auto);
  bottom: var(--mnda-b, auto);
  opacity: 0;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-name: bounce-in-top;
}
.nicopuntos-page-header .mnd1 {
  --mnda-l: 5%;
  --mnda-t: 48%;
  --mnda-li: 5%;
  --mnda-ti: 10%;
  animation-delay: 0.2s;
}
.nicopuntos-page-header .mnd2 {
  --mnda-l: 15%;
  --mnda-b: 8%;
  --mnda-li: 15%;
  --mnda-bi: 50%;
  animation-delay: 0.3s;
}
.nicopuntos-page-header .mnd3 {
  --mnda-l: 20%;
  --mnda-t: 8%;
  --mnda-li: 20%;
  --mnda-ti: 0;
  animation-delay: 0.1s;
}
.nicopuntos-page-header .mnd4 {
  --mnda-l: 25%;
  --mnda-t: 48%;
  --mnda-li: 25%;
  --mnda-ti: 10%;
  animation-delay: 0.4s;
}
.nicopuntos-page-header .mnd5 {
  --mnda-l: 30%;
  --mnda-t: -4.5%;
  --mnda-li: 30%;
  --mnda-ti: 0;
  animation-delay: 0.8s;
}
.nicopuntos-page-header .mnd6 {
  --mnda-r: 25%;
  --mnda-b: -5%;
  --mnda-ri: 25%;
  --mnda-bi: 20%;
  animation-delay: 0.6s;
}
.nicopuntos-page-header .mnd7 {
  --mnda-r: 25%;
  --mnda-t: 8%;
  --mnda-ri: 25%;
  --mnda-ti: 0;
  animation-delay: 0.4s;
}
.nicopuntos-page-header .mnd8 {
  --mnda-r: 5%;
  --mnda-b: 8%;
  --mnda-ri: 5%;
  --mnda-bi: 40%;
  animation-delay: 0.9s;
}
.nicopuntos-page-header .mnd9 {
  --mnda-r: 5%;
  --mnda-t: -3%;
  --mnda-ri: 5%;
  --mnda-ti: 1%;
  animation-delay: 0.3s;
}
@media (max-width: 991.98px) {
  .nicopuntos-page-header .logo-nicopuntos {
    max-width: 400px;
  }
  .nicopuntos-page-header .mnd5 {
    display: none;
  }
  .nicopuntos-page-header .mnd6 {
    max-width: 64px;
  }
  .nicopuntos-page-header .mnd8 {
    max-width: 44px;
  }
}
@media (max-width: 575.98px) {
  .nicopuntos-page-header .logo-nicopuntos {
    max-width: 70%;
  }
  .nicopuntos-page-header .mnd5 {
    display: none;
  }
  .nicopuntos-page-header .mnd8 {
    --mnda-b: 38%;
  }
  .nicopuntos-page-header .mnd3 {
    --mnda-l: 6%;
    --mnda-t: 8%;
  }
  .nicopuntos-page-header .mnd4 {
    --mnda-l: 45%;
    --mnda-t: 52%;
  }
  .nicopuntos-page-header .mnd6 {
    --mnda-r: 25%;
    --mnda-b: -5%;
  }
  .nicopuntos-page-header .mnd7 {
    --mnda-r: 25%;
    --mnda-t: 2%;
  }
  .nicopuntos-page-header .mnd9 {
    --mnda-r: 0;
    --mnda-t: 3%;
    max-width: 44px;
  }
  .nicopuntos-page-header .nico-steps {
    flex-direction: column;
    padding-top: 30px;
  }
  .nicopuntos-page-header .nico-steps .nico-step {
    padding: 10px;
  }
}

@keyframes anim-moneda-lt {
  0% {
    opacity: 0;
    left: var(--mnda-li);
    top: var(--mnda-ti);
    transform: scale(0.5) rotate(290deg);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    left: var(--mnda-l);
    top: var(--mnda-t);
    transform: scale(1) rotate(0deg);
  }
}
@keyframes anim-moneda-lb {
  0% {
    opacity: 0;
    left: var(--mnda-li);
    bottom: var(--mnda-bi);
    transform: scale(0.5) rotate(290deg);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    left: var(--mnda-l);
    bottom: var(--mnda-b);
    transform: scale(1) rotate(0deg);
  }
}
@keyframes anim-moneda-rt {
  0% {
    opacity: 0;
    right: var(--mnda-ri);
    top: var(--mnda-ti);
    transform: scale(0.5) rotate(290deg);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    right: var(--mnda-r);
    top: var(--mnda-t);
    transform: scale(1) rotate(0deg);
  }
}
@keyframes anim-moneda-rb {
  0% {
    opacity: 0;
    right: var(--mnda-ri);
    bottom: var(--mnda-bi);
    transform: scale(0.5) rotate(290deg);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    right: var(--mnda-r);
    bottom: var(--mnda-b);
    transform: scale(1) rotate(0deg);
  }
}
@media (min-width: 768px) {
  .img-ppal-comercios-aliados {
    width: 400px;
  }
}

.comercios-info-row .ca-info {
  align-items: center;
  line-height: 1;
}
.comercios-info-row .ca-info img {
  margin-right: 15px;
  height: 48px;
  width: auto;
}
@media (max-width: 575.98px) {
  .comercios-info-row .ca-info img {
    height: 32px;
  }
}

.listado-comercios-aliados {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 30px;
}
@media (max-width: 575.98px) {
  .listado-comercios-aliados {
    gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

.comercio-aliado-item {
  display: flex;
}
.comercio-aliado-item .inner {
  position: relative;
  box-shadow: var(--card-shadow);
  border-radius: 10px;
  border: 1px solid rgba(206, 214, 221, 0.7);
  padding: 15px;
  width: 100%;
}
.comercio-aliado-item .inner:hover {
  border-color: #adb5bd;
}
.comercio-aliado-item .inner:hover .figure img {
  transform: scale(1.1);
}
.comercio-aliado-item .inner .top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 5px;
}
.comercio-aliado-item .inner .top .dcto {
  display: inline-block;
  line-height: 1;
  padding: 1px 4px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 18px;
  background-color: #EC008C;
  color: white;
  margin-right: 8px;
}
.comercio-aliado-item .inner .top .tag-new {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  padding: 1px 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  background-color: rgba(0, 144, 69, 0.1);
  color: #009045;
  min-height: 20px;
}
.comercio-aliado-item .inner .top .ico-cumple {
  margin-left: auto;
  height: 24px;
  width: auto;
}
.comercio-aliado-item .inner > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  padding-top: 15px;
}
.comercio-aliado-item .inner > a .btn {
  --bs-btn-border-color: #52686D;
  --bs-btn-color: #52686D;
  --bs-btn-border-radius: 20px;
  min-height: 24px;
  font-size: 12px;
}
.comercio-aliado-item .inner > a .btn:hover {
  background-color: #1d2d31;
  color: white;
}
.comercio-aliado-item .inner .figure {
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 96px;
}
.comercio-aliado-item .inner .figure img {
  max-height: 100%;
  transition: all ease 0.3s;
}
@media (min-width: 768px) {
  .comercio-aliado-item .inner {
    border-radius: 15px;
    padding: 15px 20px;
    /* .top{
        padding: 10px;
    } */
  }
  .comercio-aliado-item .inner .figure {
    height: 120px;
    margin-bottom: 20px;
  }
}

.filtro-comercios .btn {
  min-height: 38px !important;
}
.filtro-comercios .tags-filter {
  padding-top: 10px;
}
.filtro-comercios .tags-filter .tags-inner .tags {
  height: 38px;
}

.rz-modal-comercio-aliado figure {
  padding: 40px 0 0 0;
}
@media (min-width: 768px) {
  .rz-modal-comercio-aliado figure {
    padding: 40px 50px 0 50px;
  }
  .rz-modal-comercio-aliado figure img {
    max-width: 500px;
  }
}

.banner-box-red-medicos {
  --tt-fs: 38px;
  display: flex;
  border-radius: 15px;
  background-color: #e5e8eb;
  overflow: hidden;
  min-height: 100%;
}
.banner-box-red-medicos > figure {
  width: 40%;
  flex: 0 0 auto;
}
.banner-box-red-medicos > figure.img-medica img {
  mix-blend-mode: darken;
}
.banner-box-red-medicos > figure.img-tarjeta {
  padding: 15px 0 15px 15px;
  width: 45%;
}
.banner-box-red-medicos .info {
  flex: 1;
  padding: 15px;
}
.banner-box-red-medicos .rm-info-b1 {
  display: flex;
  align-items: center;
  padding-top: 20px;
}
.banner-box-red-medicos .rm-info-b1 h3 {
  font-size: var(--tt-fs);
  margin: 0;
}
.banner-box-red-medicos .rm-info-b1 p {
  padding-left: 10px;
}
.banner-box-red-medicos .rm-info-b2 h3 {
  font-size: var(--tt-fs);
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 991.98px) {
  .banner-box-red-medicos {
    --tt-fs: 28px;
  }
}
@media (max-width: 767.98px) {
  .banner-box-red-medicos {
    --tt-fs: 36px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .banner-box-red-medicos .logo-red-medicos {
    max-width: 250px;
  }
  .banner-box-red-medicos > figure {
    width: 100% !important;
  }
  .banner-box-red-medicos > figure img {
    max-width: 60%;
  }
  .banner-box-red-medicos > figure.img-tarjeta {
    padding: 15px;
  }
  .banner-box-red-medicos > figure.img-tarjeta img {
    max-width: 80%;
  }
}

.listado-red-medicos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  /* @include media-breakpoint-down(sm){
      grid-template-columns: repeat(auto-fill, minmax(150px,1fr));
  } */
}

.red-medico-item {
  --medico-img-size: 84px;
  display: flex;
}
.red-medico-item .inner {
  display: grid;
  grid-template-areas: "img info" "actions actions";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  box-shadow: var(--card-shadow);
  border-radius: 8px;
  border: 1px solid #CED6DD;
  padding: 15px;
  width: 100%;
}
.red-medico-item .inner:hover {
  border-color: #adb5bd;
}
.red-medico-item .img {
  grid-area: img;
}
.red-medico-item .img figure {
  width: var(--medico-img-size);
  height: var(--medico-img-size);
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e9ecef;
}
.red-medico-item .img figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.red-medico-item .img figure img.ico-medico {
  object-fit: 120%;
}
.red-medico-item .info {
  grid-area: info;
  padding-left: 15px;
}
.red-medico-item .info .name {
  font-size: 22px;
}
.red-medico-item .info .esp {
  font-weight: 600;
  color: #52686D;
}
.red-medico-item .info .inf {
  display: flex;
  font-size: 12px;
  margin-bottom: 5px;
}
.red-medico-item .info .inf a {
  text-decoration: none;
}
.red-medico-item .info .inf i {
  margin-right: 5px;
}
.red-medico-item .info .inf.tel {
  font-size: 14px;
  font-weight: 500;
}
.red-medico-item .actions {
  grid-area: actions;
  padding-top: 10px;
}

.banner-red-medicos-bottom {
  display: flex;
  border-radius: 15px;
  background-color: #e5e8eb;
  overflow: hidden;
  padding: 25px;
  align-items: center;
}
.banner-red-medicos-bottom > * {
  flex-grow: 1;
  min-width: 0;
  max-width: 25%;
}
.banner-red-medicos-bottom .inf {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  padding-left: 25px;
}
.banner-red-medicos-bottom .inf img {
  width: 84px;
  height: 64px;
  object-fit: contain;
  object-position: center;
}
.banner-red-medicos-bottom .inf span {
  display: block;
  padding-left: 10px;
}
@media (max-width: 991.98px) {
  .banner-red-medicos-bottom {
    flex-wrap: wrap;
  }
  .banner-red-medicos-bottom h2 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
  }
  .banner-red-medicos-bottom .inf {
    max-width: 33%;
    padding-left: 0;
  }
  .banner-red-medicos-bottom .inf:not(:last-child) {
    padding-right: 25px;
  }
}
@media (max-width: 767.98px) {
  .banner-red-medicos-bottom h2 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
  }
  .banner-red-medicos-bottom .inf {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    font-size: 18px;
  }
  .banner-red-medicos-bottom .inf img {
    width: 64px;
    height: 48px;
  }
  .banner-red-medicos-bottom .inf:not(:last-child) {
    padding-bottom: 10px;
  }
}

.dr-perfil-hdr {
  --medico-img-size: 90px;
}
.dr-perfil-hdr .inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-left: calc(var(--medico-img-size) + 20px);
  min-height: var(--medico-img-size);
  flex-direction: column;
  justify-content: center;
}
.dr-perfil-hdr .inner .img-profile {
  position: absolute;
  top: 0;
  left: 0;
}
.dr-perfil-hdr .inner .esp {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: #52686D;
  margin: 0;
}
@media (min-width: 768px) {
  .dr-perfil-hdr .inner {
    --medico-img-size: 120px;
  }
}
@media (max-width: 767.98px) {
  .dr-perfil-hdr .inner h1 {
    font-size: 28px;
  }
  .dr-perfil-hdr .inner .esp {
    font-size: 16px;
  }
}
.dr-perfil-hdr .img-profile {
  width: var(--medico-img-size);
  height: var(--medico-img-size);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e9ecef;
}
.dr-perfil-hdr .img-profile img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.dr-perfil-hdr .img-profile img.ico-medico {
  object-fit: 120%;
}

.dr-perfil-info > .row {
  align-items: flex-start;
}
.dr-perfil-info .col {
  position: relative;
}
.dr-perfil-info .det-inner .inf {
  display: flex;
  margin-bottom: 10px;
}
.dr-perfil-info .det-inner .inf a {
  text-decoration: none;
}
.dr-perfil-info .det-inner .inf i {
  margin-right: 5px;
}
@media (min-width: 768px) {
  .dr-perfil-info .col.det::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 2px solid #CED6DD;
  }
  .dr-perfil-info .det-inner {
    padding-left: 15px;
  }
  .dr-perfil-info .det-inner .actions .btn:not(:last-child) {
    margin-right: 5px;
  }
}
@media (min-width: 992px) {
  .dr-perfil-info .det-inner {
    padding-left: 25px;
    display: flex;
    align-items: center;
  }
  .dr-perfil-info .det-inner .text {
    flex-grow: 1;
  }
  .dr-perfil-info .det-inner .actions {
    flex: 0 0 auto;
    width: 140px;
    margin-left: 20px;
  }
  .dr-perfil-info .det-inner .actions .btn {
    width: 100%;
  }
  .dr-perfil-info .det-inner .actions .btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.dr-perfil-info-box {
  border: 1px solid #CED6DD;
  box-shadow: var(--card-shadow);
  border-radius: 10px;
  padding: 15px;
}
@media (min-width: 768px) {
  .dr-perfil-info-box {
    padding: 15px 25px;
    border-radius: 20px;
  }
}

.vip-orientacion-medica.v2 {
  background-color: #f6f6f8;
  position: relative;
  overflow: hidden;
}
.vip-orientacion-medica.v2 .inner {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .vip-orientacion-medica.v2 .img-medico {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 50%;
    max-height: 110%;
  }
}
@media (max-width: 767.98px) {
  .vip-orientacion-medica.v2 .inner {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .vip-orientacion-medica.v2 .img-medico {
    max-width: none;
    width: 140%;
    margin-left: -20%;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-16 13:10:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tilt-in-fwd-bl
 * ----------------------------------------
 */
@keyframes tilt-in-fwd-bl {
  0% {
    transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2025-1-16 13:11:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tilt-in-fwd-tr
 * ----------------------------------------
 */
@keyframes tilt-in-fwd-tr {
  0% {
    transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
/* ----------------------------------------------
* Generated by Animista on 2025-1-20 11:2:50
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@keyframes bounce-in-top {
  0% {
    transform: translateY(-500px);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateY(-65px);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-28px);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-8px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
.revista-banner {
  --bg-h: 300px;
  --info-maxw: 300px;
  --info-ml: 130px;
  --img-radius: 10px;
  --title-maxw: 300px;
  position: relative;
}
.revista-banner .banner-bg {
  display: block;
}
.revista-banner .banner-bg img {
  border-radius: var(--img-radius, 0);
  width: 100%;
  height: var(--bg-h, auto);
  object-fit: cover;
  object-position: center;
}
.revista-banner > .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
}
.revista-banner .info {
  margin-left: var(--info-ml, 30px);
  max-width: var(--info-maxw);
}
.revista-banner .info .img-title {
  width: 100%;
  max-width: 300px;
}
@media (max-width: 1199.98px) {
  .revista-banner {
    --bg-h: 280px;
    --info-maxw: 300px;
    --info-ml: 100px;
  }
}
@media (max-width: 991.98px) {
  .revista-banner {
    --bg-h: 250px;
    --info-maxw: 300px;
    --info-ml: 50px;
  }
}
@media (max-width: 767.98px) {
  .revista-banner {
    --bg-h: 200px;
    --info-maxw: 200px;
    --info-ml: 15px;
    --img-radius: 0;
  }
  .revista-banner p {
    font-size: 12px;
    margin: 0;
  }
}

.revista-banner-v2 {
  background-size: cover;
  margin-bottom: 50px;
}
.revista-banner-v2 .wrap {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
}
.revista-banner-v2 .info {
  margin-bottom: 25px;
}
.revista-banner-v2 .info .img-title {
  width: 250px;
  margin-bottom: 15px;
}
.revista-banner-v2 .info .btn {
  text-transform: uppercase;
  border-radius: 25px;
}
@media (min-width: 768px) {
  .revista-banner-v2 .info {
    padding-left: 30px;
    margin-bottom: 0;
  }
  .revista-banner-v2 .info .img-title {
    width: 300px;
  }
  .revista-banner-v2 .wrap {
    position: relative;
    padding-top: 55px;
    padding-bottom: 55px;
    display: flex;
    align-items: center;
  }
  .revista-banner-v2 .img-revista {
    position: absolute;
    left: 45%;
    top: -10%;
    max-height: 120%;
    max-width: 55%;
  }
}
@media (min-width: 992px) {
  .revista-banner-v2 .info {
    padding-left: 100px;
  }
}

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@keyframes bounce-top {
  0% {
    transform: translateY(-35px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(-14px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(-12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(-6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(-4px);
    animation-timing-function: ease-in;
  }
  25%, 55%, 75%, 87% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
.pg-lujo .btn {
  --bs-btn-border-radius: 0;
  --bs-btn-font-size: 14px;
  --bs-btn-padding-x: 15px;
}
.pg-lujo .btn.btn-black {
  --bs-btn-bg: black;
}

.carousel-lujo-cats-wrapper {
  --carousel-button-distance-x: -35px;
  --carousel-button-distance-y: calc((100% - 50px) / 2);
  --carousel-padding-r: 100px;
  padding-left: 36px;
  padding-right: 36px;
}
@media (max-width: 767.98px) {
  .carousel-lujo-cats-wrapper {
    --carousel-button-distance-x: 0;
    padding: 0;
    --carousel-padding-l: 15px;
    --carousel-padding-r: 70px;
    --carousel-button-visibility: hidden;
  }
}

.category-lujo-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  line-height: 1.2;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.category-lujo-item picture {
  display: inline-flex;
  justify-content: center;
}
.category-lujo-item picture img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}
.category-lujo-item span {
  display: block;
  padding-top: 10px;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .category-lujo-item {
    font-size: 12px;
  }
}

.lujo-sets {
  --prod-img-h: 180px;
  --prod-image-padding-x: 10px;
}
.lujo-sets .sets-inner {
  background-color: #ebebeb;
  /* @include media-breakpoint-between(md, lg){

      .lcontent{
          height: 400px;

          img{
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center;
          }
      }
  } */
}
.lujo-sets .sets-inner picture {
  display: block;
}
.lujo-sets .sets-inner .rcontent {
  padding: 30px 30px 45px 30px;
}
@media (min-width: 768px) {
  .lujo-sets .sets-inner {
    display: flex;
  }
  .lujo-sets .sets-inner .lcontent {
    flex: 0 0 40%;
  }
  .lujo-sets .sets-inner .lcontent img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media (min-width: 992px) {
  .lujo-sets .sets-inner {
    --prod-image-padding-x: 20px;
  }
  .lujo-sets .sets-inner .rcontent {
    padding: 50px 30px 65px 30px;
  }
}

.lujo-prod {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: var(--prod-mw, 280px);
  margin: 0 auto;
}
.lujo-prod figure {
  width: 100%;
  height: var(--prod-img-h, 200px);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 20px;
  padding: 0 var(--prod-image-padding-x, 0);
}
.lujo-prod figure img {
  max-height: 100%;
}
.lujo-prod h6 {
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 15px;
}
.lujo-prod .action {
  margin-top: auto;
  text-align: center;
}
@media (max-width: 767.98px) {
  .lujo-prod {
    max-width: 250px;
    /* figure{
        margin-bottom: 15px;
    }

    h6{
        margin-bottom: 0;
    } */
  }
}

.lujo-best-seller-prods,
.lujo-rutina-prods {
  --carousel-button-distance-y: 100px;
  --carousel-button-visibility: hidden;
}
.lujo-best-seller-prods .slider-carousel-item,
.lujo-rutina-prods .slider-carousel-item {
  display: flex;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .lujo-rutina-prods {
    --prod-mw: 280px;
    --carousel-button-distance-x: -10px;
    --carousel-button-visibility: visible;
  }
}
@media (max-width: 767.98px) {
  .lujo-rutina-prods {
    --carousel-padding-r: 80px;
    --carousel-padding-l: 50px;
    --prod-mw: 250px;
    margin-right: -30px;
    margin-left: -30px;
  }
}

@media (max-width: 767.98px) {
  .lujo-best-seller-prods {
    --carousel-padding-r: 80px;
    --carousel-padding-l: 50px;
  }
}

.paso-rutina {
  text-align: center;
  padding: 6px;
}
.paso-rutina picture {
  display: block;
  margin-bottom: 15px;
}
.paso-rutina picture img {
  border-radius: 5px;
}
.paso-rutina h3 {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
}
.paso-rutina p {
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  min-height: 40px;
  padding: 0 15px;
}
@media (max-width: 767.98px) {
  .paso-rutina p {
    font-size: 13px;
    padding: 0;
  }
}

.lujo-rutina-wrap {
  --carousel-button-distance-x: -35px;
  --carousel-button-distance-y: calc((100% - 80px) / 2);
  --carousel-padding-r: 100px;
  padding-left: 36px;
  padding-right: 36px;
}
@media (max-width: 767.98px) {
  .lujo-rutina-wrap {
    --carousel-button-distance-x: 0;
    --carousel-button-visibility: hidden;
    --carousel-padding-r: 50px;
    --carousel-padding-l: 10px;
    padding: 0;
  }
}

:root {
  --rz-input-border-radius: 5px;
}

@media (max-width: 991.98px) {
  body {
    --rz-input-font-size: 16px;
    --rz-dropdown-item-font-size: 16px;
  }
}
.form-control, .form-select {
  --bs-border-radius: 5px;
}
@media (max-width: 991.98px) {
  .form-control, .form-select {
    font-size: 16px;
  }
}

.form-label {
  line-height: 1;
}

.form-group {
  margin-bottom: 1rem;
}

.form-check {
  padding-left: 0;
  display: flex;
  line-height: 17px;
}
.form-check .form-check-input {
  margin: 0;
  flex: 0 0 auto;
}
.form-check .form-check-input + .form-check-label {
  padding-left: 8px;
}

.rz-form-field.rz-floating-label .rz-form-field-label {
  color: #52686D;
}
.rz-form-field .rz-form-field-content input {
  min-width: 0;
}

.rz-datepicker-trigger .rzi-calendar {
  --icon-size: 20px;
}

.rz-spinner-button .rzi {
  font-size: var(--rz-numeric-button-height) !important;
}

.custom-input-group {
  position: relative;
}
.custom-input-group .custom-input-group-icon {
  --icon-wrapper-size: 32px;
  --icon-wrapper-bg-back: #f8f9fa;
  --icon-color: #adb5bd;
  position: absolute;
  left: 3px;
  top: 3px;
}
.custom-input-group .custom-input-group-icon + input {
  padding-left: 48px !important;
}
.custom-input-group .custom-input-group-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 2px;
  top: 2px;
  height: calc(100% - 4px);
  border: none;
  background: transparent;
  color: #1d2d31;
  opacity: 0.6;
}

.validation-message {
  font-size: 11px;
}

.ccard-number-input-wrapper {
  position: relative;
}
.ccard-number-input-wrapper .ccard-brand {
  position: absolute;
  top: 18px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  height: 22px;
}
.ccard-number-input-wrapper .ccard-brand img {
  height: 22px;
  width: auto;
}
.ccard-number-input-wrapper .ccard-brand img.vs {
  height: 14px;
}

.password-toggle-wrap {
  --eye-bg: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23203338'%3e%3cpath d='M480.09-336.92q67.99 0 115.49-47.59t47.5-115.58q0-67.99-47.59-115.49t-115.58-47.5q-67.99 0-115.49 47.59t-47.5 115.58q0 67.99 47.59 115.49t115.58 47.5ZM480-392q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm.05 172q-137.97 0-251.43-76.12Q115.16-372.23 61.54-500q53.62-127.77 167.02-203.88Q341.97-780 479.95-780q137.97 0 251.43 76.12Q844.84-627.77 898.46-500q-53.62 127.77-167.02 203.88Q618.03-220 480.05-220ZM480-500Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z'/%3e%3c/svg%3e");
  position: relative;
}
.password-toggle-wrap[data-type=text] {
  --eye-bg: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23203338'%3e%3cpath d='M630.92-441.08 586-486q9-49.69-28.35-89.35Q520.31-615 466-606l-44.92-44.92q13.54-6.08 27.77-9.12 14.23-3.04 31.15-3.04 68.08 0 115.58 47.5T643.08-500q0 16.92-3.04 31.54-3.04 14.61-9.12 27.38Zm127.23 124.46L714-358q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-46.61-46.61q37.92-15.08 77.46-22.23Q438.39-780 480-780q140.61 0 253.61 77.54T898.46-500q-22.23 53.61-57.42 100.08-35.2 46.46-82.89 83.3Zm32.31 231.39L628.62-245.85q-30.77 11.39-68.2 18.62Q523-220 480-220q-141 0-253.61-77.54Q113.77-375.08 61.54-500q22.15-53 57.23-98.88 35.08-45.89 77.23-79.58l-110.77-112 42.16-42.15 705.22 705.22-42.15 42.16Zm-552.3-551.08q-31.7 25.23-61.66 60.66Q146.54-540.23 128-500q50 101 143.5 160.5T480-280q27.31 0 54.39-4.62 27.07-4.61 45.92-9.53L529.69-346q-10.23 4.15-23.69 6.61-13.46 2.47-26 2.47-68.08 0-115.58-47.5T316.92-500q0-12.15 2.47-25.42 2.46-13.27 6.61-24.27l-87.84-86.62ZM541-531Zm-131.77 65.77Z'/%3e%3c/svg%3e");
}
.password-toggle-wrap .psswrd-btn-toggle {
  position: absolute;
  display: inline-block;
  background-color: transparent;
  border: none !important;
  width: 36px;
  height: 36px;
  top: 1px;
  right: 1px;
  background-image: var(--eye-bg, none);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

.btn {
  --bs-btn-border-radius: 6px;
  --bs-btn-font-size: 16px;
  --dd-icon-size: 24px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1.1;
}
.btn > i:not(:last-child) {
  margin-right: 4px;
}
.btn[data-loading]:not([data-loading=false]) .btn-content {
  opacity: 0;
  visibility: hidden;
}
.btn[data-loading]:not([data-loading=false])::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: var(--loading-bg-image);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.btn.btn-primary {
  --bs-btn-color: white;
  --bs-btn-hover-color: white;
  --bs-btn-active-color: white;
  --bs-btn-disabled-color: white;
}
.btn.btn-secondary {
  color: white;
}
.btn.btn-sky {
  color: white;
}
.btn.btn-tag {
  --bs-btn-font-size: 14px;
  --bs-btn-border-color: #1d2d31;
  --bs-btn-active-border-color: #1d2d31;
  --bs-btn-hover-border-color: #1d2d31;
  --bs-btn-active-bg: #1d2d31;
  --bs-btn-hover-bg: rgba(29, 45, 49, 0.1);
  --bs-btn-active-color: white;
  --bs-btn-hover-color: #1d2d31;
}
.btn.btn-tag.btn-dark {
  --bs-btn-hover-bg: #1d2d31;
  --bs-btn-hover-color: white;
}
.btn.btn-outline-dark {
  --bs-btn-hover-bg: rgba(29, 45, 49, 0.1);
  --bs-btn-focus-bg: rgba(29, 45, 49, 0.1);
  --bs-btn-active-bg: rgba(29, 45, 49, 0.1);
  --bs-btn-hover-color: #1d2d31;
  --bs-btn-focus-color: #1d2d31;
  --bs-btn-active-color: #1d2d31;
}
.btn.btn-sm {
  --bs-btn-font-size: 12px;
}
.btn.btn-lg {
  --bs-btn-font-size: 18px;
  min-height: 48px;
}

.filter-tag-inline {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  padding: 5px 10px;
  border-radius: 10px;
  line-height: 1;
  background-color: #1d2d31;
  color: white;
  margin-right: 6px;
  margin-bottom: 6px;
  font-size: 13px;
}
.filter-tag-inline:hover {
  border-color: #adb5bd;
}

.btn i:first-child:not(:last-child), .rz-button i:first-child:not(:last-child) {
  margin-left: -4px;
}

.btn.btn-sm, .rz-button.rz-button-sm, .btn.btn-tag {
  --bs-btn-font-size: 14px;
  --icon-size: 18px;
  --dd-icon-size: 22px;
  --bs-btn-padding-y: 4px;
  --bs-btn-padding-x: 14px;
  font-size: 14px;
  min-height: 32px;
  font-weight: 600;
}

.rz-button {
  --rz-primary-lighter: #008D95;
  --rz-on-primary-lighter: white;
  --rz-button-border-radius: 6px;
}
.rz-button.rz-button-sm {
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}
.rz-button .rzi {
  font-size: var(--icon-size);
}
.rz-button.rz-light {
  color: #52686D;
}
.rz-button.rz-dark {
  background-color: #1d2d31;
}
.rz-button.rz-numeric-button {
  --icon-size: .875rem;
}

.btn-icon-right .rz-button-icon-left {
  order: 1;
}
.btn-icon-right .rz-button-text {
  order: 0;
}

:root {
  --rz-dropdown-panel-border: none;
  --rz-dropdown-panel-shadow: var(--card-shadow, none);
}

.dropdown-menu.dd-mn {
  --bs-dropdown-border-width: 0px;
  --bs-dropdown-zindex: 100;
  --bs-dropdown-min-width: 260px;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: #fff;
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--shadow-default);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: var(--bs-body-color);
  --bs-dropdown-link-active-bg: #e9ecef;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  box-shadow: var(--bs-dropdown-box-shadow);
  font-size: 14px;
  border: none;
}
.dropdown-menu.dd-mn .dd-inner {
  padding: 0;
}
.dropdown-menu.dd-mn .dd-title {
  position: relative;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 15px 0 0 25px;
}
.dropdown-menu.dd-mn .dd-title i {
  margin-left: -25px;
  background-color: #008D95;
  color: white;
  font-size: 20px;
  padding: 4px 10px;
  border-radius: 0 5px 5px 0;
  width: auto;
  height: auto;
}
.dropdown-menu.dd-mn .dd-title span {
  display: block;
  padding-left: 10px;
}
.dropdown-menu.dd-mn .dd-content {
  padding: 10px 10px 15px 10px;
}
.dropdown-menu.dd-mn .dd-nav {
  flex-direction: column;
  padding: 0;
}
.dropdown-menu.dd-mn .dd-nav > a {
  display: flex;
  padding: 10px 15px;
  border-radius: 4px;
}
.dropdown-menu.dd-mn .dd-nav > a i {
  font-size: 20px;
  margin-right: 10px;
}
.dropdown-menu.dd-mn .dd-nav > a:hover {
  background-color: #f8f9fa;
}

.dd-spinner {
  --rz-input-focus-shadow: none;
  --rz-input-focus-border: var(--rz-input-border);
  --rz-input-hover-border: var(--rz-input-border);
}

.rz-dropdown-panel.rz-popup {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  transform: translateY(1px);
  padding-top: 3px;
}
.rz-dropdown-panel.rz-popup .rz-dropdown-item.rz-state-highlight {
  display: none;
}

.dropdown-menu {
  --bs-dropdown-border-color: transparent;
  --bs-dropdown-border-radius: 4px;
  --bs-dropdown-box-shadow: var(--shadow-default, none);
  --bs-dropdown-link-active-bg: transparent;
  --bs-dropdown-link-active-color: #008D95;
  --bs-dropdown-padding-x: 10px;
  --bs-dropdown-item-padding-x: 8px;
  --bs-dropdown-item-border-radius: 2px;
  --bs-dropdown-link-hover-color: #008D95;
  box-shadow: var(--bs-dropdown-box-shadow);
  min-width: var(--dd-min-w, none);
}
.dropdown-menu .dropdown-item.active {
  font-weight: 500;
}
.dropdown-menu:not(.dd-custom).show {
  transform: translate(0px, var(--dd-top, 34px)) !important;
  top: 0 !important;
  bottom: auto !important;
}

.dropdown.dd-order-by .dropdown-toggle {
  color: #203338;
}

.dropdown.dd-hdr .dropdown-menu {
  --dd-top: 40px;
  --dd-min-w: 250px;
  --bs-dropdown-item-padding-y: 6px;
}

.rz-radio-button-list-horizontal.custom-radio-style .rz-radio-btn {
  --rz-input-border: 2px solid #45474d;
  --rz-input-hover-border: 1px solid #00adef;
  --rz-radio-checked-border: 2px solid #00adef;
  --rz-radio-background-color: transparent;
  --rz-radio-checked-background-color: transparent;
  --rz-radio-border-width: 2px;
  position: relative;
  min-height: 38px;
  min-width: 48px;
  justify-content: center;
  color: #45474d;
}
.rz-radio-button-list-horizontal.custom-radio-style .rz-radio-btn:hover {
  --rz-input-border: 1px solid #00adef;
}
.rz-radio-button-list-horizontal.custom-radio-style .rz-radio-btn .rz-radiobutton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: transparent;
}
.rz-radio-button-list-horizontal.custom-radio-style .rz-radio-btn .rz-radiobutton .rz-radiobutton-box {
  border-radius: 6px;
  align-items: flex-start;
}
.rz-radio-button-list-horizontal.custom-radio-style .rz-radio-btn .rz-radiobutton .rz-radiobutton-box.rz-state-active {
  --rz-radio-border-width: 2px;
  box-shadow: inset 0 0 4px rgba(0, 173, 239, 0.7);
}
.rz-radio-button-list-horizontal.custom-radio-style .rz-radio-btn .rz-radiobutton .rz-radiobutton-box .rzi {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #00adef;
  border-radius: 0;
  background: transparent;
  margin-top: 2px;
}
.rz-radio-button-list-horizontal.custom-radio-style .rz-radio-btn .rz-radiobutton-label {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 8px;
  text-align: center;
  display: block;
  font-weight: bold;
  cursor: pointer;
  color: inherit;
}
.rz-radio-button-list-horizontal.custom-radio-style .rz-radio-btn .rz-radiobutton-label:hover {
  color: inherit;
}

label.custom-rdio {
  display: inline-flex;
  position: relative;
  --rdio-border-color:#45474d;
  --rdio-color:#45474d;
  --rdio-bgcolor: transparent;
  cursor: pointer;
  margin: 0 4px 4px 0;
}
label.custom-rdio input {
  opacity: 0;
  position: absolute;
  height: 0;
}
label.custom-rdio input:checked + .custom-rdio-label {
  --rdio-border-color: #0082c6;
  --rdio-color: white;
  --rdio-bgcolor: #00adef;
}
label.custom-rdio input:checked + .custom-rdio-label::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 5px solid #e11e25;
  border-radius: 0;
  background: transparent;
  margin-top: 2px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6px;
}
label.custom-rdio .custom-rdio-label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  border: 1px solid var(--rdio-border-color);
  padding: 8px;
  min-height: 32px;
  min-width: 48px;
  border-radius: 6px;
  font-weight: 600;
  color: var(--rdio-color);
  background-color: var(--rdio-bgcolor);
  line-height: 1;
}
label.custom-rdio:hover {
  --rdio-border-color: #0082c6;
  --rdio-color: #0082c6;
}

.rz-checkbox, .rz-radio-btn {
  --rz-input-background-color: transparent;
  --rz-input-hover-border: 2px solid #1d2d31;
  --rz-checkbox-checked-hover-border: 2px solid #1d2d31;
  --rz-radio-circle-hover-background-color: white;
  --rz-radio-checked-hover-background-color: #1d2d31;
}

.selectable-list-item {
  border-radius: 4px;
  background-color: white;
  box-shadow: var(--card-shadow, none);
  padding: var(--selectable-item-padding, 10px);
  margin-bottom: var(--selectable-item-mb, 15px);
  border: 1px solid var(--selectable-item-border-color, transparent);
}
.selectable-list-item .sli-header {
  display: flex;
  align-items: center;
}
.selectable-list-item .sli-header .sli-title {
  font-size: 14px;
  font-weight: 600;
  flex-grow: 1;
  align-items: center;
  color: var(--selectable-item-title-color, inherit);
}
.selectable-list-item .sli-header .radio-fake {
  margin-right: 10px;
  padding: 4px 8px 3px 6px;
  background-color: #ECF0F4;
  border-radius: 4px 4px 15px 4px;
  transform: translate(-1px, -1px);
}
.selectable-list-item .sli-header .actions .link {
  font-weight: 600;
  text-decoration: underline;
}
.selectable-list-item .sli-header .actions > *:not(:last-child) {
  margin-right: 6px;
}
.selectable-list-item .inf {
  --rz-icon-size: 20px;
  margin: 0;
  font-size: 14px;
  padding: 2px 0;
}
.selectable-list-item .inf i {
  vertical-align: middle;
}
.selectable-list-item[data-active][data-selectable] {
  --selectable-item-title-color: #008D95;
  --selectable-item-border-color: #CED6DD;
}
.selectable-list-item[data-mode=Simple] .inf, .selectable-list-item.simple-item .inf {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.selectable-list-item.simple-item {
  box-shadow: none;
  padding: 0;
}

.boffice-list-item .open-label {
  --rz-icon-size: 14px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  border-radius: 4px 4px 4px 10px;
  padding: 4px 6px 4px 10px;
  background-color: rgba(0, 141, 149, 0.2);
  font-weight: 500;
}
.boffice-list-item .open-label span {
  display: inline-block;
  padding-left: 4px;
}

.boffices-selection-list {
  display: flex;
  flex-direction: column;
  gap: var(--selectable-item-mb, 15px);
}
.boffices-selection-list .boffice-list-item {
  margin-bottom: 0;
  transition: margin-bottom ease 0.3s;
  /* order: 1;

  &[data-active]:nth-child(){
      order: 0;
  } */
}

.full-slider-container .carousel-item-btn:not(:hover) {
  --carousel-button-opacity: 0.3;
}
@media (min-width: 1200px) {
  .full-slider-container {
    /* &>.wrap{
        padding: 5px 15px;
    } */
  }
  .full-slider-container .carousel-item img {
    border-radius: 8px;
  }
}
@media (max-width: 767.98px) {
  .full-slider-container {
    --carousel-button-opacity: 0.3;
  }
}

.row-banners {
  --bs-gutter-x: 1.875rem;
}

.blog-section .blog-section-inner {
  background-image: url(/img/bg/bg-blogs.png);
  background-color: white;
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  padding: 30px;
}
@media (max-width: 575.98px) {
  .blog-section .blog-section-inner {
    border-radius: 0;
    padding: 20px 0;
    --carousel-buttons-display: none;
    --carousel-padding-l: 10px;
    --carousel-padding-r: 10px;
    --carousel-item-w: 70vw;
  }
}

:root {
  --blog-item-shadow: 0 4px 15px rgba($dark,0.05);
}

.blog-item {
  padding: 10px;
  display: flex;
  min-height: 100%;
}
.blog-item .blog-item-inner {
  background-color: white;
  border-radius: var(--blog-item-radius, 12px);
  overflow: hidden;
  width: 100%;
  box-shadow: var(--blog-item-shadow, none);
  display: flex;
  flex-direction: column;
}
.blog-item .blog-item-inner figure a {
  display: block;
}
.blog-item .blog-item-inner figure a img {
  width: 100%;
  height: var(--blog-item-image-h, 150px);
  object-fit: cover;
  object-position: center;
}
.blog-item .blog-item-inner .blog-item-desc {
  padding: 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.blog-item .blog-item-inner .blog-item-desc h5 {
  font-weight: 600;
  font-size: var(--blog-item-title-fs, 17px);
}
.blog-item .blog-item-inner .blog-item-desc .more {
  margin-top: auto;
}

@media (max-width: 768px) {
  .categoria-blog {
    overflow-x: hidden;
  }
}
.categoria-blog .gray {
  color: #777777 !important;
}
.categoria-blog .banner-container img {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}
@media (min-width: 768px) {
  .categoria-blog .banner-container {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--wrap-max-w, 1200px);
  }
  .categoria-blog .banner-container img {
    border-radius: 10px;
  }
}
.categoria-blog .carousel-thmbnail-wrapper {
  --carousel-button-distance-x: -14px;
}
.categoria-blog .carousel-thmbnail-wrapper .btn-vd-carousel {
  border: 2px solid #dddddd;
}
.categoria-blog .carousel-thmbnail-wrapper .thumbnail-vid {
  position: relative;
  width: 100%;
  /* 16:9 -> 56.25% */
  padding-top: 55.25%;
  overflow: hidden;
}
.categoria-blog .carousel-thmbnail-wrapper .thumbnail-vid img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 2px solid #dddddd;
}
.categoria-blog .carousel-thmbnail-wrapper p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .categoria-blog .carousel-thmbnail-wrapper {
    /* Ancho de los ítems para 1.5 visibles */
  }
  .categoria-blog .carousel-thmbnail-wrapper .splide__track {
    overflow: visible;
  }
  .categoria-blog .carousel-thmbnail-wrapper .splide__slide.slider-carousel-item {
    width: 66.6667% !important;
  }
  .categoria-blog .carousel-thmbnail-wrapper .btn-vd-carousel {
    display: none;
  }
}
.categoria-blog .carousel-horario-wrapper .btn-hr-carousel {
  display: none;
}
.categoria-blog .carousel-horario-wrapper .splide__slide.slider-carousel-item {
  display: flex;
}
@media (max-width: 768px) {
  .categoria-blog .carousel-horario-wrapper .splide__track {
    overflow: visible;
  }
  .categoria-blog .carousel-horario-wrapper .splide__slide.slider-carousel-item {
    width: 66.6667% !important;
  }
}
.categoria-blog .tarjeta-horario {
  margin: 0 0.5rem;
  min-width: 200px;
  z-index: 1;
}
.categoria-blog .divider {
  position: relative;
  left: 49.6%;
  min-width: 100vw;
  transform: translateX(-50%);
  border: 0;
  height: 1px;
  background-color: #dddddd;
  margin: 1rem 0;
}

.detalle-bl .share {
  text-decoration: none;
}
.detalle-bl .gray {
  color: #777777 !important;
}
.detalle-bl .info-vid .first-col {
  max-width: 245px;
}
.detalle-bl .info-vid .second-col {
  max-width: 122px;
}
.detalle-bl .info-vid .border-end-gray {
  border-right: 1px solid #777777 !important;
}
@media (min-width: 768px) {
  .detalle-bl .info-vid p {
    font-size: 12px !important;
  }
}
@media (max-width: 768px) {
  .detalle-bl .info-vid p {
    font-size: 9px !important;
  }
}
.detalle-bl .playlist {
  max-height: 663px;
  overflow-y: auto;
  background-color: #f6f6f6;
}
.detalle-bl .playlist .list-group-item {
  list-style-type: none;
  padding: 0.7rem;
}
.detalle-bl .playlist .list-group-item img {
  max-height: 75px;
  max-width: 132px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.detalle-bl .playlist .list-group-item p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detalle-bl .playlist .playlist-active {
  background-color: #e9e9e9;
  border-radius: 0.5rem;
}

.modal-share {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1050;
}
.modal-share .modal-content {
  background: white;
  max-width: 400px;
  width: 90%;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  position: relative;
}
.modal-share .modal-content .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #888;
}
.modal-share .modal-content .share-icons {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
}
.modal-share .modal-content .share-icons .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f6f6f6;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}
.modal-share .modal-content .share-icons .icon img {
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
  object-fit: contain;
}
.modal-share .modal-content .copy-link {
  display: flex;
  gap: 10px;
}
.modal-share .modal-content .copy-link input {
  flex: 1;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0.5rem;
}

:root {
  --prod-box-shadow: 0 2px 10px rgba(32, 51, 56, 0.2);
  --prod-box-hover-shadow: 0 2px 15px rgba(32, 51, 56, 0.25);
  --prod-box-border: 1px solid white;
  --prod-box-hover-border: 1px solid #CED6DD;
  --prod-box-padding-x: 15px;
  --prod-image-height: 200px;
  --prod-image-margin-botom: 0;
  --prod-list-gutter-x: 20px;
  --prod-list-gutter-y: 30px;
  --prod-price-fs: 18px;
  --prod-savings-fs: 14px;
  --prod-name-fs: 14px;
  --prod-vinetas-max-height: 54px;
  --prod-desc-fs: 14px;
  --prod-label-fs: 18px;
}
@media (max-width: 575.98px) {
  :root {
    --prod-list-gutter-x: 8px;
    --prod-list-gutter-y: 16px;
    --prod-image-height: 150px;
    --prod-price-fs: 28px;
    --prod-savings-fs: 12px;
    --prod-desc-fs: 12px;
  }
}

/*** ***/
/*** ***/
.carousel-productos {
  --carousel-button-border: 1px solid #ECF0F4;
  --carousel-button-distance-x: -5px;
  --carousel-button-distance-y: 150px;
}
.carousel-productos .slider-carousel-item {
  display: flex;
  flex-direction: column;
}
.carousel-productos .product-item {
  padding: 0 6px;
  flex: 1;
}
@media (max-width: 767.98px) {
  .carousel-productos {
    --carousel-button-distance-x: 0;
  }
}
@media (max-width: 575.98px) {
  .carousel-productos {
    --carousel-padding-l: 10px;
    --carousel-padding-r: 10px;
    --carousel-item-w: 60vw;
    --carousel-buttons-display: none;
  }
}

.product-item-box {
  --favorite-btn-opacity: 0.6;
  position: relative;
  padding-top: 30px;
  padding-left: var(--prod-box-padding-x, 5px);
  padding-right: var(--prod-box-padding-x, 5px);
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  max-width: 350px;
  min-height: 100%;
  border-radius: 8px;
  background-color: white;
  box-shadow: none;
  border: var(--prod-box-border, none);
  transition: all ease 0.3s;
}
.product-item-box > div, .product-item-box > figure {
  width: 100%;
}
.product-item-box figure {
  height: var(--prod-image-height);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--prod-image-margin-botom);
}
.product-item-box figure a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.product-item-box figure img {
  max-height: 100%;
}
.product-item-box .prod-tags {
  min-height: 24px;
  padding-bottom: 4px;
}
.product-item-box .prod-name {
  font-size: var(--prod-name-fs);
  color: #203338;
  font-weight: 500;
  margin: 0;
}
.product-item-box .prod-info {
  font-size: var(--prod-desc-fs);
  margin-bottom: auto;
}
.product-item-box .more a {
  font-size: 11px;
  font-weight: 500;
  text-decoration: underline;
}
.product-item-box .prod-labels-top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 0 10px;
}
.product-item-box .prod-fav {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 10px;
  width: auto;
}
.product-item-box .add-container {
  padding-top: 10px;
}
.product-item-box .add-container .add-inner {
  margin: 0 auto;
  max-width: 200px;
}
@media (max-width: 575.98px) {
  .product-item-box {
    --prod-price-fs: 15px;
    --prod-box-padding-x: 10px;
    --prod-name-fs: 12px;
    --prod-label-fs: 16px;
    padding-bottom: 10px;
  }
}

.prod-prices {
  padding-top: 8px;
  line-height: 1;
}
.prod-prices .prices-top {
  margin: 0;
  font-size: 14px;
}
.prod-prices .prices-top strong, .prod-prices .prices-top span {
  display: inline-block;
  margin-bottom: 15px;
}
.prod-prices .prices-top .before {
  font-weight: 300;
  color: #52686D;
  text-decoration: line-through;
  margin-right: 10px;
}
.prod-prices .prices-inner {
  display: flex;
  text-align: center;
}
.prod-prices .pp-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  padding: 0 10px;
  position: relative;
}
.prod-prices .pp-item + .pp-item::before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  border-left: 2px solid #ECF0F4;
  height: 30px;
}
.prod-prices .pp-label {
  font-size: 12px;
  margin-bottom: 5px;
  min-height: 2.2em;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
}
.prod-prices .pp-price {
  font-weight: bold;
  font-size: var(--prod-price-fs, 17px);
}
.prod-prices.big {
  --prod-price-fs: 44px;
  --prod-savings-fs: 16px;
}

.prod-label {
  display: inline-flex;
  border-radius: 4px;
  background-color: #EC008C;
  color: white;
  font-size: var(--prod-label-fs);
  font-weight: 500;
  padding: 3px 4px;
  line-height: 1;
  align-items: center;
}

.btn-fav {
  display: inline-flex;
  width: 28px;
  height: 28px;
  font-size: 24px;
  justify-content: center;
  align-items: center;
  border: none;
  background: transparent;
  color: #D1D3D4;
}
.btn-fav:hover {
  color: #A1A1AA;
}
.btn-fav.active {
  color: #0082c6;
}
.btn-fav.active i::before {
  content: "\e804" !important;
}

.slider-images-producto {
  --carousel-item-height: var(--prod-image-height);
  --carousel-image-width: auto;
}

.btn-order-by-toggle span {
  font-weight: normal;
  align-items: center;
  margin-left: 5px;
}

.col-order-by-dd {
  max-width: 210px;
}

@media (max-width: 575.98px) {
  .col-order-by {
    width: 190px;
  }
}
.productos-page-inner {
  position: relative;
}
@media (min-width: 992px) {
  .productos-page-inner {
    display: flex;
    /* &::before{
        content: "";
        display: block;
        height: 100%;
        width: 1px;
        position: absolute;
        left: 220px;
        top: 0;

    } */
  }
  .productos-page-inner .lcontent {
    flex: 0 0 220px;
    margin-right: 30px;
    background-color: #f7f8f8;
    /* position: sticky;
    top: 10px; */
  }
  .productos-page-inner .rcontent {
    flex: 1;
    max-width: calc(100% - 250px);
  }
}

.products-list-grid {
  display: grid;
  row-gap: var(--prod-list-gutter-y);
  column-gap: var(--prod-list-gutter-x);
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  margin: 0;
  padding: 0;
  overflow: visible !important;
}
@media (max-width: 575.98px) {
  .products-list-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}

.row.row-product-filters {
  --bs-gutter-x: 10px;
}
@media (max-width: 575.98px) {
  .row.row-product-filters {
    /* .col-tags{
        //padding: 0;
        margin-left: calc(var(--padding-page-x,1) * -1);
        margin-right: calc(var(--padding-page-x,1) * -1);
        max-width: 100vw;
    } */
  }
}

.tags-filter .tags-inner {
  display: flex;
  flex-wrap: nowrap;
}
.tags-filter .tags-inner .tags {
  flex: 1;
  flex-wrap: wrap;
  height: 33px;
  overflow: hidden;
  justify-content: inherit;
  display: flex;
}
.tags-filter .tags-inner .tags .btn {
  margin-bottom: 4px;
}
.tags-filter .tags-inner .tags .btn + .btn {
  margin-left: 4px;
}
.tags-filter .tags-all {
  display: inline-block;
  margin-left: 10px;
}
@media (max-width: 575.98px) {
  .tags-filter {
    overflow: auto;
    margin-left: calc(var(--padding-page-x, 1) * -1);
    margin-right: calc(var(--padding-page-x, 1) * -1);
  }
  .tags-filter .tags-inner {
    display: inline-flex;
    padding: 10px var(--padding-page-x, 15px);
  }
  .tags-filter .tags-inner .tags {
    flex-wrap: nowrap;
    display: inline-flex;
  }
  .tags-filter .tags-inner .tags .btn {
    white-space: nowrap;
  }
  .tags-filter .tags-inner .tags-all {
    display: none;
  }
  .tags-filter.mobile-dropdown-only {
    overflow: visible;
  }
  .tags-filter.mobile-dropdown-only .tags-inner .tags {
    display: none;
  }
  .tags-filter.mobile-dropdown-only .tags-inner .tags-all {
    display: block;
    margin-left: 0;
  }
}

.dd-tags .dropdown-menu {
  max-height: 400px;
  width: 230px;
  overflow: auto;
}
.dd-tags .dropdown-menu .dropdown-item {
  --bs-dropdown-item-padding-y: 8px;
  line-height: 1;
  white-space: wrap;
  word-break: break-word;
}

.prodd-info-accordions {
  --rz-accordion-content-padding: 15px 0 5px 0;
}
.prodd-info-accordions .prodd-info-content p:last-child, .prodd-info-accordions .prodd-info-content ul:last-child, .prodd-info-accordions .prodd-info-content ol:last-child, .prodd-info-accordions .prodd-info-content table:last-child {
  margin-bottom: 0;
}

:root {
  --widget-agregar-height: 36px;
  --widget-agregar-icons-size: 18px;
  --widget-agregar-button-font-size: 16px;
  --widget-agregar-input-font-size: 18px;
  --widget-agregar-input-bg: #e9ecef;
  --widget-agregar-flex-direction: row;
  --action-buttons-wrapper-w: 74px;
  --action-buttons-item-order: 1;
}
@media (max-width: 575.98px) {
  :root {
    --action-buttons-wrapper-w: 36px;
    --widget-agregar-input-font-size: 13px;
    --widget-agregar-icons-size: 16px;
    --action-buttons-item-order: 0;
  }
}

.widget-add-to-cart .atc-input-inner {
  background-color: transparent;
  display: flex;
  height: var(--widget-agregar-height, 38px);
  margin: 0 auto;
  max-width: var(--widget-agregar-ctrls-maxw, none);
}
.widget-add-to-cart .atc-input-inner .atc-input-wrapper {
  flex: 1;
  height: 100%;
  position: relative;
  background-color: #ECF0F4;
  border-radius: 4px;
  margin: 0 4px;
  /* &::before, &::after{
      content: "";
      position: absolute;
      display: block;
      top: 8px;
      bottom: 8px;
      width: 1px;
      background-color: white;
  }

  &::before{
      left: 0;
  }

  &::after{
      right: 0;
  } */
}
.widget-add-to-cart .atc-input-inner .atc-input-wrapper input {
  border: none;
  width: 100%;
  height: 100%;
  outline: none;
  background: transparent;
  text-align: center;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  appearance: none;
  -moz-appearance: textfield;
}
.widget-add-to-cart .atc-input-inner .atc-input-wrapper input::-webkit-outer-spin-button, .widget-add-to-cart .atc-input-inner .atc-input-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.widget-add-to-cart .atc-input-inner .atc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: var(--widget-agregar-ctrl-bg, #DDE3EA);
  width: 36px;
  text-align: center;
  border-radius: 4px;
  color: var(--widget-agregar-ctrl-color, #637484);
  --rz-icon-size: 24px;
}
.widget-add-to-cart .atc-input-inner .atc-btn span {
  visibility: hidden;
}
.widget-add-to-cart .atc-input-inner .atc-btn.atc-plus {
  --widget-agregar-ctrl-bg: #008D95;
  --widget-agregar-ctrl-color: white;
}
.widget-add-to-cart .atc-button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #008D95;
  color: white;
  font-weight: 500;
  height: var(--widget-agregar-height, 38px);
  border-radius: 4px;
  border: none;
  outline: none;
  font-size: 16px;
  margin: 0 auto;
  max-width: var(--widget-agregar-button-maxw, none);
}
.widget-add-to-cart .atc-button i, .widget-add-to-cart .atc-button img, .widget-add-to-cart .atc-button svg {
  margin: 0 5px 0 0;
  width: auto;
  height: 24px;
}
.widget-add-to-cart .atc-button svg {
  height: 20px;
}

.prod-limitado p {
  margin: 0 0 5px 0;
  font-size: 12px;
  color: #52686D;
  text-align: center;
}

/*ANCHOR: Widget cantidad*/
/* .widget-agregar{
    --widget-agregar-loading-size: var(--widget-agregar-height);
    --widget-agregar-input-font-size: 14px;

    position: relative;
    display: flex;
    height: var(--widget-agregar-height);
    overflow: visible;

    .widget-inner{
        display: flex;
        height: var(--widget-agregar-height);
        background-color: var(--widget-agregar-input-bg);
        border-radius: var(--bs-border-radius, 7px);
        padding: 0 24px;
        flex-grow: 1;
        flex-basis: 0;
        min-width: 96px;
        position: relative;
        overflow: hidden;

        @include media-breakpoint-down(md) {
            min-width: 84px;
        }
    }

    .btn-ctrl{
        display: inline-flex;
        flex-grow: 1;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        color: var(--bs-gray-500);
        border-radius: var(--bs-border-radius, 7px);
        width: auto;
        height: var(--widget-agregar-height);
        cursor: pointer;
        max-width: calc(var(--widget-agregar-height) * 1.5);
        min-width: var(--widget-agregar-height);
        position: absolute;
        top: 0;
        z-index: 2;

        &.btn-menos{
            left: 0;
            right: auto;
        }

        &.btn-mas{
            right: 0;
            left: auto;
        }

        &:disabled{
            opacity: 0.6;
        }

        &:not(:disabled):hover{
            //background-color: var(--bs-gray-300);
            color: var(--bs-gray-600);
        }

        i{
            font-size: var(--widget-agregar-icons-size);
        }
    }

    .input-ctrl-wrap{
        flex: 1;
    }

    .rz-spinner{
        --rz-input-focus-shadow: none;
        border: none !important;
        height: 100%;
    }

    .input-ctrl, .input-ctrl-wrap input{
        width: 100%;
        border: none !important;
        appearance: none;
        outline: none !important;
        text-align: center;
        font-family: inherit;
        font-weight: 600;
        height: 100%;
        background: var(--widget-agregar-input-bg);
        font-size: var(--widget-agregar-input-font-size);
        min-width: 3em;
        padding-left: 0;
        padding-right: 0;
    }

    button{
        border: none;
    }


    .btn-agregar{
        --widget-agregar-icons-size: 24px;
        display: block;
        padding: 0;
        background: var(--bs-primary);
        color: white;
        height: var(--widget-agregar-height);
        border-radius: var(--bs-border-radius, 7px);
        overflow: hidden;
        cursor: pointer;
        font-size: var(--widget-agregar-button-font-size);
        font-weight: 600;
        line-height: 1;
        //min-width: 48px;
        margin-left: 6px;
        width: var(--action-buttons-wrapper-w, 30%);
        flex: 0 0 auto;

        &:disabled{
            opacity: 0.75;
        }

        i{
            margin-left: 4px;
            font-size: 1.2em;
        }
    }

    .btn-agregar-inner{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 0 8px;
        line-height: 1;

        @include media-breakpoint-down(md) {
            padding: 0;

            .btn-agregar {
                --widget-agregar-icons-size: 22px;
            }
        }
    }

    .svg-icon {
        width: var(--widget-agregar-icons-size);
        height: var(--widget-agregar-icons-size);

        &.ic-loading{
            width: var(--widget-agregar-loading-size);
            height: var(--widget-agregar-loading-size);
        }
    }

    .widget-message{
        position: absolute;
        top: auto !important;
        bottom: calc(var(--widget-agregar-height, 36px) + 2px) !important;
        left: 0;
        width: 100%;
        min-height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
        z-index: 5;
        display: flex;
        color: white;
        animation: add-message-animation 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        font-size: 11px;
        border-left: 4px solid rgba(0,0,0,0.2); 

        &[data-tipo="success"]{
            background-color: #61AF30;
        }

        &[data-tipo="error"]{
            background-color: #E73A3A;
        }
    }

    .close-message{
        background: transparent;
        color: white;
        margin-left: auto;
        padding-left: 8px;
    }

    .actions-btn{
        position: relative;
        width: var(--action-buttons-wrapper-w, 28px);
        height: var(--widget-agregar-height);
        margin-left: 5px;
        flex: 0 0 auto;
        overflow: visible;

        .actions-inner{
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(28px, 1fr));
            gap: 4px;

            @include media-breakpoint-down(sm){

                .btn-wrapper:first-child{
                    order: 1;
                }
            }
        } 

        .btn{
            border-radius: var(--bs-border-radius, 7px);
            background-color: var(--widget-agregar-input-bg);
            color: var(--bs-secondary);
            height: var(--widget-agregar-height);
            //width: var(--widget-agregar-height);
            padding: 0;
            display: inline-flex;
            justify-content: center;
            align-items: center;

            &:disabled{
                color: #999;
            }

            i{
                font-size: 16px;
            }

            &.aplicar:not(:disabled){
                background-color: var(--bs-primary);
                color: white;
            }

            &.resetear:not(:disabled){
                background-color: var(--bs-red);
                color: white;
            }

            &.eliminar:not(:disabled){
                background-color: rgba(var(--bs-danger-rgb), 0.1);
                color: var(--bs-danger);

                &:hover{
                    background-color: rgba(var(--bs-danger-rgb), 0.35);
                }
            }
        }

        .btn-wrapper{
            height: var(--widget-agregar-height);
            width: 100%;
            order: var(--action-buttons-item-order, 1);

            .btn{
                width: 100%;
            }

        }
    }



} */
/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@keyframes add-message-animation {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
:root {
  --prodd-prices-translate-x: 0;
}

/* .det-slider-wrap{
    --prod-image-height: 200px;
}

.producto-detalle-modal{
    --prod-image-height: 120px;
}

.det-relacionados{
    --prod-image-height: 120px;
    --prod-image-margin-botom: 10px;
}

@include media-breakpoint-up(md){

    .pg-detalle-producto{
        --det-producto-title-font-size: 36px;
    }

    .det-slider-wrap{
        --prod-image-height: 400px;
        --prod-image-height: 280px;
    }
} */
.prodd-top {
  display: flex;
  align-items: center;
  line-height: 1;
}
.prodd-top .tags {
  flex: 1;
}
.prodd-top .actions {
  display: inline-flex;
  padding-left: 5px;
  margin-left: auto;
}
.prodd-top .actions .action-item {
  --share-btn-size: 36px;
  --favorite-btn-size: 36px;
  margin-left: 15px;
}

.prodd-images {
  --carousel-item-height: 500px;
  --carousel-image-width: auto;
  --carousel-button-distance-x: -35px;
  --carousel-button-bgcolor: #ECF0F4;
  --carousel-button-shadow: none;
  padding-top: 20px;
}
@media (max-width: 767.98px) {
  .prodd-images {
    --carousel-item-height: 300px;
    padding-left: 35px;
    padding-right: 35px;
  }
}

.prodd-content {
  --prodd-right-maxw: 400px;
  --price-label-fs: 12px;
  --price-fs: 28px;
}
.prodd-content .prod-name {
  font-size: var(--prodd-title-font-size, 32px);
  font-weight: 700;
}
.prodd-content .col-prod-right .prodd-metas {
  display: flex;
  align-items: center;
  font-weight: 300;
  padding: 15px 0;
  font-size: 12px;
  line-height: 1;
}
.prodd-content .col-prod-right .prodd-metas a {
  text-decoration: underline;
}
.prodd-content .col-prod-right .prodd-metas .meta + .meta {
  padding-left: 8px;
  margin-left: 8px;
  border-left: 2px solid #ECF0F4;
}
.prodd-content .col-prod-right .inner-col {
  margin: 0 auto;
}
@media (min-width: 992px) {
  .prodd-content .col-prod-right .inner-col {
    max-width: 570px;
  }
}
.prodd-content .prodd-prices .pri-before {
  color: rgba(29, 45, 49, 0.8);
  font-size: 14px;
  font-weight: 600;
}
.prodd-content .prodd-prices .pri-before strong {
  font-size: 18px;
}
.prodd-content .prices-box {
  display: flex;
  border: 1px solid #CED6DD;
  border-radius: 6px;
  padding: 15px 10px;
  align-items: center;
  justify-content: center;
  max-width: var(--prodd-right-maxw, none);
}
.prodd-content .prices-box .price-box-item {
  display: flex;
  padding: 10px 0;
  flex-grow: 1;
  max-width: 50%;
  justify-content: center;
  line-height: 1;
  /* &.general{

      .pr-label{
          line-height: .9;

          strong{
              font-size: 12px;
          }
      }
  } */
}
.prodd-content .prices-box .price-box-item.vip {
  --price-label-color: #008D95;
  --price-color: #EC008C;
}
.prodd-content .prices-box .price-box-item + .price-box-item {
  border-left: 2px solid #CED6DD;
  margin-left: 10px;
}
.prodd-content .prices-box .price-box-item .pr-label {
  font-weight: var(--price-label-fw, 600);
  margin-right: 8px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  font-size: var(--price-label-fs, 12px);
  text-align: right;
  color: var(--price-label-color, inherit);
  max-width: 90px;
}
.prodd-content .prices-box .price-box-item .pr-label strong {
  font-weight: 600;
}
.prodd-content .prices-box .price-box-item .price {
  font-size: var(--price-fs, 20px);
  font-weight: 600;
  color: var(--price-color, inherit);
}
.prodd-content .prodd-block {
  background-color: #f7f8f8;
  padding: 10px 15px;
}
.prodd-content .prod-available {
  display: flex;
  flex-wrap: wrap;
  --prod-available-font-size: 14px;
}
.prodd-content .prod-available .pav {
  margin-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.prodd-content .info-blocks .prodd-block {
  min-height: 100%;
  font-size: 12px;
  line-height: 1;
}
.prodd-content .info-blocks ul {
  margin: 0;
  padding-left: 15px;
}
@media (max-width: 767.98px) {
  .prodd-content {
    --prodd-title-font-size: 24px;
    --price-label-fs: 12px;
    --price-fs: 22px;
  }
}

.tag-envio-gratis {
  --icon-size: 32px;
  color: #008D95;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.tag-envio-gratis i {
  color: #EC008C;
  flex: 0 0 auto;
  margin-right: 8px;
  height: 28px;
  vertical-align: middle;
  line-height: 28px;
}

.box-ahorros-tarjetas {
  background-color: rgba(0, 141, 149, 0.08);
  border-radius: 6px;
  padding: 15px;
  max-width: var(--prodd-right-maxw, none);
}
.box-ahorros-tarjetas .hdr {
  display: flex;
  align-items: center;
}
.box-ahorros-tarjetas .hdr h6 {
  flex: 1;
  margin: 0;
}
.box-ahorros-tarjetas .hdr a {
  text-decoration: underline;
  font-weight: bold;
  color: #008D95;
  font-size: 12px;
}
.box-ahorros-tarjetas .prt-item {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 5px;
  padding: 5px 12px;
  margin-top: 8px;
  min-height: 38px;
}
.box-ahorros-tarjetas .prt-item img {
  width: 32px;
  height: auto;
  margin-right: 8px;
}
.box-ahorros-tarjetas .prt-item p {
  margin: 0;
  flex-grow: 1;
  font-weight: 600;
  font-size: 14px;
}
.box-ahorros-tarjetas .prt-item .price {
  font-size: 16px;
  font-weight: bold;
}

#detalle-producto-add-container .prodd-add-inner {
  max-width: 190px;
}
@media (max-width: 575.98px) {
  #detalle-producto-add-container {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: white;
    z-index: 25;
    width: 100%;
    padding: 15px;
    box-shadow: var(--shadow-card-bottom, none);
  }
  #detalle-producto-add-container .prodd-add-inner {
    --widget-agregar-ctrls-maxw: 200px;
    margin: 0 auto;
    max-width: 320px;
  }
}

#product-detail-images-wrap {
  scroll-margin: calc(var(--layout-header-h) + 70px);
}

.prodd-info-content table, .prodd-info-content table th, .prodd-info-content table td {
  border: 1px solid #ced4da;
  text-align: left;
  font-size: 12px;
}
.prodd-info-content table th {
  padding: 4px 10px;
  background-color: #f8f9fa;
}
.prodd-info-content table td {
  padding: 2px 10px;
}

.prodd-info-accordions .rz-accordion-content {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
}

.product-filters {
  font-size: 12px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100vh;
  z-index: var(--floating-sidebar-zindex);
  width: 100%;
}
.product-filters .filtros-inner {
  background-color: white;
  display: flex;
  flex-direction: column;
}
.product-filters .filt-hdr {
  padding: 10px 15px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  background-color: rgba(233, 236, 239, 0.6);
  color: #1d2d31;
}
.product-filters .filt-hdr .left {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-filters .filt-hdr .left .btn {
  font-size: 12px;
  padding: 6px 8px;
  margin-right: 1.6rem;
}
.product-filters .filt-hdr a.link {
  font-size: 12px;
}
.product-filters .filt-hdr .close-filter {
  color: inherit;
  position: absolute;
  top: 15%;
  right: 0;
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.product-filters .filt-content {
  padding: 15px;
  flex: 1;
}
.product-filters .filt-content .rz-chkbox-label {
  padding-top: 0;
  display: flex;
  align-items: center;
  min-height: 18px;
}
.product-filters .filt-content .rz-panel-titlebar .filter-header-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.product-filters .filt-content .rz-panel-titlebar .filter-header-container .btn {
  padding: 1px 10px;
  order: 3;
  margin-right: 0.5rem;
}
.product-filters .filt-content .rz-panel-titlebar .filter-header-container .btn i {
  font-size: 18px;
}
.product-filters h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
}
.product-filters h6 {
  margin-left: -10px;
}
.product-filters:not([data-mobile-show]) {
  display: none !important;
  width: 0;
}
.product-filters:not([data-mobile-show]) .filtros-back {
  display: none;
}
.product-filters[data-mobile-show] .filtros-back {
  display: block;
}
.product-filters .filt-hdr {
  display: block;
}
.product-filters .filtros-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300px;
  z-index: var(--floating-sidebar-inner-zindex);
  background-color: white;
  box-shadow: var(--floating-sidebar-shadow);
}
.product-filters .filtros-inner .filt-content {
  overflow: auto;
}

.filter-rz-panel {
  --rz-panel-padding: 0;
  --rz-panel-background-color: transparent;
  --rz-radio-margin: 10px 0;
  --rz-checkbox-margin: 10px 0;
  margin-bottom: 15px;
}
.filter-rz-panel .rz-panel-titlebar {
  background-color: #f8f9fa;
  padding: 5px;
  align-items: center;
  margin-bottom: 5px;
  margin-left: -10px;
  margin-right: -10px;
}
.filter-rz-panel .rz-panel-titlebar h6 {
  margin: 0;
  line-height: 1;
  color: #1d2d31;
  font-size: 14px;
  padding: 2px 0;
  border-radius: 4px;
  flex-grow: 1;
  font-weight: 600;
  order: 2;
}
.filter-rz-panel .rz-panel-titlebar h6::after {
  height: 3px;
}
.filter-rz-panel .rz-panel-titlebar .rz-panel-titlebar-toggler {
  --rz-icon-size: 24px;
  margin-right: 5px;
  background-color: transparent;
  cursor: pointer;
}
.filter-rz-panel .rz-panel-titlebar .rz-panel-titlebar-toggler .rzi-minus::before {
  content: "keyboard_arrow_up" !important;
}
.filter-rz-panel .rz-panel-titlebar .rz-panel-titlebar-toggler .rzi-plus::before {
  content: "keyboard_arrow_down" !important;
}
.filter-rz-panel .rz-panel-content {
  --scrollbar-color: rgba(32, 51, 56, 0.2);
  --scrollbar-bgcolor: #f8f9fa;
  max-height: 350px;
  overflow: auto;
  padding: 0;
  color: #203338;
}
.filter-rz-panel:first-child:last-child .rz-panel-content {
  max-height: none;
}
.filter-rz-panel + .filter-rz-panel {
  margin-top: 5px;
}

@media (max-width: 767.98px) {
  .dermo-banners-wrap {
    margin: 0 calc(var(--padding-page-x, 1px) * -1);
    overflow: auto;
  }
}

.dermo-brands-section {
  --brand-box-shadow: none;
  --carousel-button-shadow: none;
}

.dermo-cat-banners {
  display: inline-flex;
  width: auto;
  max-width: none;
  height: 150px;
  padding-left: var(--padding-page-x);
  padding-right: var(--padding-page-x);
  gap: 16px;
}
.dermo-cat-banners .dermo-cat-banner {
  display: flex;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.dermo-cat-banners .dermo-cat-banner picture {
  height: 100%;
  width: 100%;
}
.dermo-cat-banners .dermo-cat-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all ease 0.3s;
}
.dermo-cat-banners .dermo-cat-banner span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  z-index: 1;
  font-weight: 600;
  font-size: 16px;
}
.dermo-cat-banners .dermo-cat-banner:hover img {
  transform: scale(1.1);
}
@media (max-width: 767.98px) {
  .dermo-cat-banners .dermo-cat-banner {
    height: 100%;
    flex: 0 0 40vw;
    width: 40vw;
  }
}
@media (min-width: 768px) {
  .dermo-cat-banners {
    height: 340px;
    display: grid;
    grid-template-areas: "a1 a3 a4 a6" "a2 a3 a5 a5";
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .dermo-cat-banners .dermo-cat-banner {
    min-height: 0;
  }
  .dermo-cat-banners .dermo-cat-banner:nth-child(1) {
    grid-area: a1;
  }
  .dermo-cat-banners .dermo-cat-banner:nth-child(2) {
    grid-area: a2;
  }
  .dermo-cat-banners .dermo-cat-banner:nth-child(3) {
    grid-area: a3;
  }
  .dermo-cat-banners .dermo-cat-banner:nth-child(4) {
    grid-area: a4;
  }
  .dermo-cat-banners .dermo-cat-banner:nth-child(5) {
    grid-area: a5;
  }
  .dermo-cat-banners .dermo-cat-banner:nth-child(6) {
    grid-area: a6;
  }
}
@media (min-width: 992px) {
  .dermo-cat-banners {
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .dermo-cat-banners {
    height: 500px;
  }
}

.dermo-banner-wrapper {
  background-color: #f3f4f4;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.dermo-banner-wrapper .inner {
  display: flex;
  flex-direction: column;
}
.dermo-banner-wrapper .inner figure {
  display: flex;
  margin: 0;
  align-items: flex-end;
  justify-content: center;
  order: 2;
  overflow: hidden;
}
.dermo-banner-wrapper .inner figure img {
  max-height: 100%;
  mix-blend-mode: darken;
}
.dermo-banner-wrapper .inner .content {
  padding: 40px var(--padding-page-x);
}
.dermo-banner-wrapper .inner .content h6 {
  font-size: 24px;
  font-weight: 500;
}
.dermo-banner-wrapper .inner .content h6 strong {
  font-weight: bold;
}
.dermo-banner-wrapper .inner .content .btn {
  border-radius: 25px;
  min-height: 38px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
  .dermo-banner-wrapper {
    --banner-h: 300px;
  }
  .dermo-banner-wrapper .inner {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .dermo-banner-wrapper .inner figure {
    width: 44%;
    height: var(--banner-h, 400px);
  }
  .dermo-banner-wrapper .inner figure img {
    max-height: 110%;
  }
  .dermo-banner-wrapper .inner .content {
    flex: 1;
    padding-left: 40px;
    max-width: 450px;
  }
  .dermo-banner-wrapper.dbw-1 .inner figure {
    order: 0;
  }
  .dermo-banner-wrapper.dbw-1 .content {
    padding: 0;
    max-width: 350px;
    margin: 0 auto 0 0;
  }
}
@media (min-width: 992px) {
  .dermo-banner-wrapper {
    --banner-h: 400px;
  }
  .dermo-banner-wrapper .inner figure {
    width: 54%;
  }
  .dermo-banner-wrapper .inner .content h6 {
    font-size: 32px;
  }
}

.producto-dermo-item {
  text-align: center;
  padding: 15px 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.producto-dermo-item h5 {
  margin-bottom: auto;
  padding-bottom: 10px;
  width: 100%;
}
.producto-dermo-item figure {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 30px;
  height: var(--prod-image-h, 300px);
  width: 100%;
}
.producto-dermo-item figure img {
  max-height: 100%;
}
.producto-dermo-item .btn {
  border-radius: 25px;
  min-height: 32px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 767.98px) {
  .producto-dermo-item {
    --prod-image-h: 180px;
  }
  .producto-dermo-item h5 {
    font-size: 16px;
  }
}

.productos-dermo-carousel .pdc-inner {
  display: flex;
  gap: 10px;
}
@media (max-width: 767.98px) {
  .productos-dermo-carousel {
    margin: 0 calc(var(--padding-page-x, 1px) * -1);
    overflow: auto;
  }
  .productos-dermo-carousel .pdc-inner {
    display: inline-flex;
    gap: 0;
  }
  .productos-dermo-carousel .pdc-inner .producto-dermo-item {
    flex: 0 0 48vw;
  }
}

.dermo-reviews {
  /* display: flex;
  gap: 80px; */
  margin-left: -15px;
  margin-right: -15px;
}
.dermo-reviews .review-item {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .dermo-reviews {
    --review-fs: 16px;
  }
  .dermo-reviews .review-item.i1, .dermo-reviews .review-item.i2 {
    position: relative;
    overflow: visible;
  }
  .dermo-reviews .review-item.i1::after, .dermo-reviews .review-item.i2::after {
    position: absolute;
    content: "";
    display: block;
    height: 48px;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    border-right: 2px solid #CED6DD;
  }
  .dermo-reviews .review-item:not(.is-visible)::after {
    display: none;
  }
}
@media (min-width: 1400px) {
  .dermo-reviews {
    margin-left: -40px;
    margin-right: -40px;
  }
  .dermo-reviews .review-item {
    padding: 0 40px;
  }
}

.menu-dermocosmetica, .menu-lujo {
  --mn-h: 54px;
  position: relative;
  overflow: visible;
  z-index: 5;
}
.menu-dermocosmetica::after, .menu-lujo::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 2px solid #dee2e6;
  z-index: 0;
}
.menu-dermocosmetica .dermo-menu-content, .menu-lujo .dermo-menu-content {
  display: none;
  position: absolute;
  top: var(--mn-h);
  left: 0;
  right: 0;
  z-index: 10;
}
.menu-dermocosmetica .dermo-menu-content .dm-inner, .menu-lujo .dermo-menu-content .dm-inner {
  background-color: white;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}
.menu-dermocosmetica .dermo-menu-content.show, .menu-lujo .dermo-menu-content.show {
  display: block;
}
.menu-dermocosmetica .smn-wrap, .menu-lujo .smn-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.menu-dermocosmetica .smn-wrap .smn-group, .menu-lujo .smn-wrap .smn-group {
  flex: 0 0 220px;
  padding: 25px;
}
.menu-dermocosmetica .smn-wrap .smn-group h4, .menu-lujo .smn-wrap .smn-group h4 {
  font-size: 16px;
}
.menu-dermocosmetica .smn-wrap:not(.active), .menu-lujo .smn-wrap:not(.active) {
  display: none;
}
.menu-dermocosmetica .smn-wrap .smn a, .menu-lujo .smn-wrap .smn a {
  display: block;
  padding: 2px 0;
}
.menu-dermocosmetica .nav-menu-dermo, .menu-lujo .nav-menu-dermo {
  justify-content: center;
  gap: 30px;
  height: var(--mn-h);
  position: relative;
  z-index: 1;
}
.menu-dermocosmetica .nav-menu-dermo .nav-link, .menu-lujo .nav-menu-dermo .nav-link {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 14px;
  --dd-icon-size: 24px;
  text-transform: uppercase;
  color: #1d2d31;
  border-bottom: 2px solid transparent;
  padding-left: 5px;
}
.menu-dermocosmetica .nav-menu-dermo .nav-link.active, .menu-lujo .nav-menu-dermo .nav-link.active {
  border-bottom: 2px solid #EC008C;
}
.menu-dermocosmetica .nav-menu-dermo .nav-link.active span::after, .menu-lujo .nav-menu-dermo .nav-link.active span::after {
  transform: rotate(-180deg);
}
.menu-dermocosmetica .nav-menu-dermo .nav-link span::after, .menu-lujo .nav-menu-dermo .nav-link span::after {
  color: #52686D;
}
@media (max-width: 991.98px) {
  .menu-dermocosmetica .smn-wrap, .menu-lujo .smn-wrap {
    /* .smn-group{
        flex: 0 0 33.33%;
    } */
  }
}
@media (max-width: 767.98px) {
  .menu-dermocosmetica .menu-inner .wrap, .menu-lujo .menu-inner .wrap {
    overflow: auto;
  }
  .menu-dermocosmetica .menu-inner .wrap .nav-menu-dermo, .menu-lujo .menu-inner .wrap .nav-menu-dermo {
    display: inline-flex;
    min-width: 0;
    flex-wrap: nowrap;
    padding-left: var(--padding-page-x);
    padding-right: var(--padding-page-x);
    gap: 20px;
  }
  .menu-dermocosmetica .menu-inner .wrap .nav-menu-dermo .nav-link, .menu-lujo .menu-inner .wrap .nav-menu-dermo .nav-link {
    text-align: center;
  }
  .menu-dermocosmetica .menu-inner .wrap .nav-menu-dermo .nav-link .text-dd, .menu-lujo .menu-inner .wrap .nav-menu-dermo .nav-link .text-dd {
    align-items: flex-start;
  }
  .menu-dermocosmetica .smn-wrap, .menu-lujo .smn-wrap {
    padding-bottom: 25px;
    justify-content: flex-start;
  }
  .menu-dermocosmetica .smn-wrap .smn-group, .menu-lujo .smn-wrap .smn-group {
    flex: 0 0 50%;
    padding: 25px 20px 10px 20px;
  }
}

.menu-lujo::after {
  display: none;
}

.carousel-marcas-dermocosmetica {
  --brand-carousel-logo-p: 0 10px;
  --brand-carousel-logo-inner-p: 0;
  --carousel-buttons-display: block !important;
}
@media (max-width: 767.98px) {
  .carousel-marcas-dermocosmetica {
    --carousel-button-distance-x: -20px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575.98px) {
  .carousel-marcas-dermocosmetica {
    --brand-carousel-logo-p: 0 15px;
  }
}

@media (min-width: 768px) {
  .tags-size-lg .tag-custom-0 .product-tag {
    --tag-fs: 32px;
    --tag-padding-x: 10px;
  }
}

.tags-size-md {
  --tag-m: 0 4px 4px 0;
}
.tags-size-md .product-tag {
  --tag-fs: 14px;
  --tag-min-h: 22px;
}

:root {
  --cart-review-zindex: 60;
  --subtotales-compra-font-size: 13px;
  --subtotales-compra-total-color: #e11e25;
  --prod-cart-image-width: 74px;
  --prod-cart-image-maxh: 64px;
  --prod-cart-image-mr: 15px;
  --cart-quick-view-dialog-width: 360px;
  --cart-quick-view-padding: 15px 15px;
}

.carretilla-resumen {
  --btn-cerrar-color: #adb5bd;
  z-index: 1;
}

.producto-item-carretilla {
  --prod-precios-font-size: 8px;
}
.producto-item-carretilla .btn.eliminar {
  --loading-bg-image: var(--loading-bg-image-green);
}

.pp-cart-quick-view {
  --rz-dialog-content-padding: 0;
}

@media (min-width: 768px) {
  :root {
    --cart-review-zindex: 40;
    --cart-quick-view-dialog-width: 400px;
    --prod-cart-box-padding: 12px;
    --cart-quick-view-padding: 15px 20px;
  }
}
@media (max-width: 380px) {
  :root {
    --cart-quick-view-dialog-width: 90vw;
  }
}
/*///////*/
body.mostrar-carretilla-resumen {
  overflow: hidden;
}

.producto-item-carretilla {
  --prod-box-shadow: var(--card-shadow, none);
  --prod-prices-fs: 12px;
  --prod-name-fs: 14px;
  --btn-cart-action-minw: 32px;
  --btn-cart-action-h: 32px;
  --atc-ctrl-h: 32px;
  --atc-input-fs: 14px;
  --atc-btn-img-w: 16px;
  /**/
  display: flex;
  background-color: white;
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.producto-item-carretilla .prod-box-inner {
  flex: 1;
  display: grid;
  position: relative;
  padding: var(--prod-cart-box-padding, 10px);
  grid-template: "img info delete" "prices ctr ctr";
  grid-template-columns: auto 1fr auto;
  box-shadow: var(--prod-box-shadow, none);
  border: var(--prod-border, none);
  border-radius: var(--prod-radius, 6px);
}
.producto-item-carretilla .prod-image {
  grid-area: img;
  width: var(--prod-cart-image-width);
  position: relative;
  margin: 0 var(--prod-cart-image-mr, 0) 0 0;
}
.producto-item-carretilla .prod-image a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: var(--prod-cart-image-maxh);
}
.producto-item-carretilla .prod-image a img {
  max-height: 100%;
}
.producto-item-carretilla .prod-prices-wrap {
  padding-top: 10px;
  grid-area: prices;
  display: flex;
  flex: 1;
  margin-bottom: auto;
}
.producto-item-carretilla .prod-prices-wrap span {
  display: block;
}
.producto-item-carretilla .prod-prices-wrap .prod-cant {
  margin-right: auto;
}
.producto-item-carretilla .prod-prices-wrap .prod-price {
  margin-right: auto;
}
.producto-item-carretilla .prod-prices-wrap .prod-price .val {
  font-weight: 600;
}
.producto-item-carretilla .prod-prices-wrap .prod-price .antes {
  color: #adb5bd;
  text-decoration: line-through;
  font-weight: normal;
  display: inline;
}
.producto-item-carretilla .prod-prices-wrap .prod-sto {
  flex: 0 0 auto;
}
.producto-item-carretilla .prod-prices-wrap .val {
  font-size: var(--prod-prices-fs);
}
.producto-item-carretilla .prod-del {
  margin-top: -10px;
  margin-right: -6px;
}
.producto-item-carretilla .prod-del button {
  color: #52686D !important;
}
.producto-item-carretilla .prod-info {
  grid-area: info;
  line-height: 1;
}
.producto-item-carretilla .prod-info .prod-name {
  margin: 0 0 3px 0;
  font-size: var(--prod-name-fs, 14px);
  line-height: inherit;
  font-weight: normal;
}
.producto-item-carretilla .prod-info p {
  font-size: 12px;
  margin: 0 0 3px 0;
}
.producto-item-carretilla .prod-cant {
  display: none;
}
.producto-item-carretilla .prod-cant, .producto-item-carretilla .prod-price, .producto-item-carretilla .prod-sto {
  font-size: 12px;
  padding: 2px 0 5px 0;
  line-height: 1;
}
.producto-item-carretilla .prod-ctrls {
  grid-area: ctr;
  padding-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.producto-item-carretilla .prod-ctrls .label {
  display: none;
}
.producto-item-carretilla .prod-ctrls .ctrls-inner {
  display: flex;
  justify-content: space-between;
}
.producto-item-carretilla .prod-ctrls .prod-save {
  flex: 1;
  max-width: 140px;
  margin-right: auto;
}
.producto-item-carretilla .prod-ctrls .prod-save .btn-wrapper, .producto-item-carretilla .prod-ctrls .prod-save button {
  --rz-icon-size: 20px;
  width: 100%;
}
.producto-item-carretilla .prod-ctrls .prod-qty {
  flex: 0 0 160px;
  width: 160px;
  margin-left: 16px;
}
.producto-item-carretilla .prod-ctrls .widget-add-to-cart .atc-button {
  font-size: 14px;
}
.producto-item-carretilla .prod-ctrls .widget-add-to-cart .atc-button i {
  font-size: 20px;
  height: 1em;
}
@media (max-width: 575.98px) {
  .producto-item-carretilla {
    --prod-cart-box-padding: 12px;
    --prod-cart-image-width: 64px;
    --prod-prices-fs: 14px;
    /* &[data-mode="full"]{
        --prod-name-fs: 14px;

        .prod-box-inner{
            grid-template: "img info info info" "ctr ctr pre sto";
            grid-template-columns: auto 1fr auto auto;
        }

        .prod-price, .prod-sto{
            text-align: right;

            .val{
                padding-top: 5px;
                font-size: 13px;
            }
        }

        .prod-info{
            padding-bottom: 5px;
            padding-right: 48px;
        }

        .prod-del{
            position: absolute;
            top: 10px;
            right: 0;
        }

        .prod-ctrls{
            padding-bottom: 5px;
        }
    } */
  }
  .producto-item-carretilla .prod-price span, .producto-item-carretilla .prod-sto span {
    display: block;
  }
  .producto-item-carretilla .prod-ctrls {
    padding-top: 5px;
  }
  .producto-item-carretilla .prod-ctrls .prod-save button {
    padding-left: 5px;
    padding-right: 10px;
  }
  .producto-item-carretilla .prod-ctrls .prod-qty {
    margin-left: 5px;
  }
}
.producto-item-carretilla[data-mode=mini] {
  --prod-cart-image-width: 48px;
  --prod-cart-image-maxh: 40px;
  --prod-cart-image-mr: 10px;
  --prod-cart-box-padding: 8px;
  --prod-name-fs: 13px;
  --prod-prices-fs: 13px;
}
.producto-item-carretilla[data-mode=mini] .prod-box-inner {
  grid-template: "img info info" "img prices prices";
  grid-template-columns: auto 1fr 1fr;
}
.producto-item-carretilla[data-mode=mini] .prod-prices-wrap {
  padding-top: 4px;
}
.producto-item-carretilla[data-mode=mini] .prod-cant, .producto-item-carretilla[data-mode=mini] .prod-sto {
  padding: 0;
}
.producto-item-carretilla[data-mode=mini] .prod-cant .label, .producto-item-carretilla[data-mode=mini] .prod-sto .label {
  display: none;
}
.producto-item-carretilla[data-mode=mini] .prod-cant span, .producto-item-carretilla[data-mode=mini] .prod-sto span {
  display: inline;
}
.producto-item-carretilla[data-mode=mini] .prod-cant {
  display: block;
}
.producto-item-carretilla[data-mode=mini] .prod-sto .label {
  color: #52686D;
  margin-right: 3px;
}
.producto-item-carretilla[data-mode=mini] .prod-price {
  margin-right: auto;
}
.producto-item-carretilla[data-mode=mini] .prod-price .val {
  font-weight: normal;
}
@media (min-width: 992px) {
  .producto-item-carretilla[data-mode=full] {
    --prod-cart-image-width: 120px;
    --prod-name-fs: 16px;
    --prod-cart-box-padding: 15px;
  }
  .producto-item-carretilla[data-mode=full] .prod-box-inner {
    grid-template: "img info info delete" "img prices ctr ctr";
    grid-template-columns: auto 1fr 1fr auto;
  }
  .producto-item-carretilla[data-mode=full] .prod-image a {
    max-height: 80px;
  }
  .producto-item-carretilla[data-mode=full] .prod-image a img {
    max-height: 100%;
  }
}

.producto-item-unavailable, .producto-item-change {
  --prod-box-shadow: var(--card-shadow, none);
  --prod-prices-fs: 14px;
  --prod-name-fs: 15px;
  --btn-cart-action-minw: 32px;
  --btn-cart-action-h: 32px;
  --atc-ctrl-h: 32px;
  --atc-input-fs: 14px;
  --atc-btn-img-w: 16px;
  --prod-cart-image-width: 64px;
  --prod-cart-image-maxh: 54px;
  /**/
  display: flex;
  background-color: white;
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.producto-item-unavailable .prod-box-inner, .producto-item-change .prod-box-inner {
  flex: 1;
  display: grid;
  position: relative;
  padding: 10px;
  grid-template: "img info info delete" "img prices action action";
  grid-template-columns: auto 1fr auto auto;
  box-shadow: var(--card-shadow, none);
  border: none;
  border-radius: var(--prod-radius, 6px);
}
.producto-item-unavailable .prod-image, .producto-item-change .prod-image {
  grid-area: img;
  width: var(--prod-cart-image-width);
  position: relative;
  margin: 0 var(--prod-cart-image-mr, 0) 0 0;
}
.producto-item-unavailable .prod-image a, .producto-item-change .prod-image a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: var(--prod-cart-image-maxh);
}
.producto-item-unavailable .prod-image a img, .producto-item-change .prod-image a img {
  max-height: 100%;
}
.producto-item-unavailable .prod-prices-wrap, .producto-item-change .prod-prices-wrap {
  grid-area: prices;
  display: flex;
  flex: 1;
  margin-bottom: auto;
}
.producto-item-unavailable .prod-prices-wrap span, .producto-item-change .prod-prices-wrap span {
  display: block;
}
.producto-item-unavailable .prod-prices-wrap .prod-price, .producto-item-change .prod-prices-wrap .prod-price {
  margin-right: auto;
}
.producto-item-unavailable .prod-prices-wrap .prod-price .val, .producto-item-change .prod-prices-wrap .prod-price .val {
  font-weight: 600;
}
.producto-item-unavailable .prod-prices-wrap .prod-price .antes, .producto-item-change .prod-prices-wrap .prod-price .antes {
  color: #adb5bd;
  text-decoration: line-through;
  font-weight: 300 !important;
  display: inline-block;
}
.producto-item-unavailable .prod-prices-wrap .val, .producto-item-change .prod-prices-wrap .val {
  font-size: var(--prod-prices-fs);
}
.producto-item-unavailable .prod-actions, .producto-item-change .prod-actions {
  grid-area: action;
}
.producto-item-unavailable .prod-actions a, .producto-item-change .prod-actions a {
  padding: 5px 0;
}
.producto-item-unavailable .prod-del, .producto-item-change .prod-del {
  margin: -10px -6px 0 0;
}
.producto-item-unavailable .prod-del button, .producto-item-change .prod-del button {
  color: #52686D !important;
}
.producto-item-unavailable .prod-info, .producto-item-change .prod-info {
  grid-area: info;
  line-height: 1;
  padding-bottom: 5px;
}
.producto-item-unavailable .prod-info .prod-name, .producto-item-change .prod-info .prod-name {
  margin: 0 0 3px 0;
  font-size: var(--prod-name-fs, 14px);
  line-height: inherit;
  font-weight: normal;
}
.producto-item-unavailable .prod-info p, .producto-item-change .prod-info p {
  font-size: 12px;
  margin: 0 0 3px 0;
}
.producto-item-unavailable .prod-price, .producto-item-change .prod-price {
  font-size: 12px;
  padding: 0;
  line-height: 1;
}
.producto-item-unavailable .prod-price.pvip .label, .producto-item-change .prod-price.pvip .label {
  color: #EC008C;
}
@media (max-width: 575.98px) {
  .producto-item-unavailable, .producto-item-change {
    --prod-cart-image-maxh: 84px;
    --prod-name-fs: 14px;
  }
  .producto-item-unavailable .prod-box-inner, .producto-item-change .prod-box-inner {
    grid-template: "img info delete" "img prices prices" "img action action";
    grid-template-columns: auto 1fr auto;
  }
}

.prod-not-available-list, .prod-change-list {
  max-height: 300px;
  overflow: auto;
  padding: 15px 10px 5px 10px;
  border-top: 1px solid #ECF0F4;
  border-bottom: 1px solid #ECF0F4;
}
.prod-not-available-list .producto-item-unavailable, .prod-not-available-list .producto-item-change, .prod-change-list .producto-item-unavailable, .prod-change-list .producto-item-change {
  margin-bottom: 10px;
}

.cart-products-resumen {
  max-height: 250px;
  overflow: auto;
  padding: 10px 4px;
}

.cart-discount-item {
  display: flex;
  padding: var(--prod-cart-box-padding, 10px);
  font-size: 14px;
}
.cart-discount-item:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}
.cart-discount-item h5, .cart-discount-item p {
  font-size: inherit;
  margin: 0;
}
.cart-discount-item h5 {
  flex-grow: 1;
}
.cart-discount-item .qty {
  margin-right: 4px;
  width: 20px;
}
.cart-discount-item .price {
  margin-left: 10px;
  flex: 0 0 auto;
  min-width: 64px;
  text-align: right;
}

.btn.btn-cart-action {
  border-radius: 4px;
  background-color: var(--widget-agregar-input-bg);
  color: var(--bs-secondary);
  height: var(--btn-cart-action-h, 36px);
  min-width: var(--btn-cart-action-minw, 28px);
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.btn.btn-cart-action:disabled {
  color: #999;
}
.btn.btn-cart-action i {
  font-size: 24px;
}
.btn.btn-cart-action.apply:not(:disabled) {
  background-color: var(--bs-secondary);
  color: white;
}
.btn.btn-cart-action.reset:not(:disabled) {
  background-color: var(--bs-red);
  color: white;
}
.btn.btn-cart-action.delete:not(:disabled) {
  background-color: #e0e0e0;
  color: #52686D;
}
.btn.btn-cart-action.delete:not(:disabled):hover {
  background-color: rgba(225, 30, 37, 0.3);
  color: #e11e25;
}

.cart-products-grid {
  display: grid;
  gap: 10px;
}

#carretilla-resumen-wrap {
  --floating-sidebar-bg-zindex: calc(var(--cart-review-zindex) - 1);
  --floating-sidebar-bg-bgcolor: black;
  position: fixed;
  top: var(--layout-padding-header);
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: var(--cart-review-zindex);
  color: #52686D;
}
#carretilla-resumen-wrap:not([data-show]) {
  visibility: hidden !important;
  opacity: 0;
}
#carretilla-resumen-wrap .carr-resumen-inner {
  position: relative;
  height: 100%;
  max-height: calc(100% - 20px);
  z-index: var(--cart-review-zindex);
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0;
}
#carretilla-resumen-wrap .carr-resumen-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--wrap-max-w, 1200px);
}
#carretilla-resumen-wrap .carr-resumen-inner .carr-back {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  #carretilla-resumen-wrap {
    top: 0;
  }
  #carretilla-resumen-wrap .carr-resumen-inner {
    margin-top: 10px;
  }
}

.cart-quick-container {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 1000px;
  z-index: 8;
}
.cart-quick-container .quick-cart-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.cart-quick-container[data-showsuggested] .quick-cart-inner {
  transform: rotateY(180deg);
}
.cart-quick-container[data-showsuggested] .quick-cart-inner .suggested-products-cart {
  z-index: 2;
}
@media (min-width: 768px) {
  .cart-quick-container {
    width: 500px;
  }
}

.cart-quick-view {
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 8;
}
.cart-quick-view .cart-products {
  flex-grow: 1;
  overflow: auto;
  flex-basis: 0;
  padding: var(--cart-quick-view-padding, 10px);
}
.cart-quick-view .cart-totals-wrapper {
  box-shadow: var(--shadow-card-bottom);
  flex: 0 0 auto;
  padding: 15px;
  background-color: white;
  position: relative;
  z-index: 3;
}

.cart-totals .sto {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  padding: 3px 0;
}
.cart-totals .sto span, .cart-totals .sto strong {
  display: block;
}
.cart-totals .sto .lbl {
  flex-grow: 1;
}
.cart-totals .sto .val {
  min-width: 80px;
  margin-left: 10px;
  text-align: right;
}
.cart-totals .sto.saving {
  color: #EC008C;
}

/*Page: carretilla*/
@media (min-width: 768px) {
  .pg-cart-inner {
    --cart-sidebar-w: 400px;
  }
  .pg-cart-inner .col-cart-content {
    max-width: calc(100% - var(--cart-sidebar-w, 0));
  }
  .pg-cart-inner .pg-cart-sidebar {
    width: var(--cart-sidebar-w, 200px);
  }
}
@media (min-width: 1400px) {
  .pg-cart-inner {
    --cart-sidebar-w: 400px;
  }
}

.pg-cart-sidebar .card {
  --bs-card-bg: white;
}
@media (max-width: 767.98px) {
  .pg-cart-sidebar .card {
    --bs-card-spacer-x: 0;
    --bs-card-spacer-y: 0;
  }
}
@media (min-width: 768px) {
  .pg-cart-sidebar .card {
    box-shadow: var(--card-shadow);
    border: 1px solid #CED6DD;
  }
  .pg-cart-sidebar .cart-sidebar-inner {
    position: sticky;
    top: 80px;
    margin-left: auto;
  }
}

.cart-summary-card .cart-info-collapse-control {
  display: none !important;
}

.cart-info-collapse-control {
  --rz-icon-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  padding: 5px 0 10px 0;
  margin-bottom: 10px;
}
.cart-info-collapse-control[aria-expanded=false] i {
  transform: rotate(180deg);
}
.cart-info-collapse-control i {
  margin-right: 2px;
}

.rz-panel-cart .rz-panel-titlebar {
  flex-direction: row-reverse;
  justify-content: center;
}

.recetas-container {
  display: flex;
  justify-content: center;
}
.recetas-container .receta-item {
  width: 90px;
  height: 74px;
  margin: 5px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.recetas-container .receta-item figure {
  margin: 0;
  height: 100%;
}
.recetas-container .receta-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.recetas-container .receta-item .btn-delete {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.2);
}
.recetas-container .receta-item.item-button {
  box-shadow: var(--card-shadow);
}
.recetas-container .receta-item .btn-upload {
  height: 100%;
  width: 100%;
}
.recetas-container .receta-item .btn-upload .rz-fileupload-buttonbar {
  padding: 0;
  height: 100%;
  width: 100%;
}
.recetas-container .receta-item .btn-upload .rz-fileupload-choose {
  --rz-icon-size: 24px;
  height: 100%;
  width: 100%;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 13px;
  line-height: 1;
  color: #52686D;
  background-color: white;
  border-radius: 4px;
  font-weight: normal;
}
.recetas-container .receta-item .btn-upload .rz-fileupload-choose i {
  margin-bottom: 5px;
}

.list-view-container > .toggle-list-container {
  display: none;
  position: relative;
  bottom: 0;
  left: 0;
  overflow: visible;
  margin-top: -35px;
  background-color: white;
  order: 3;
}
.list-view-container > .toggle-list-container::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -10px;
  right: -10px;
  width: auto;
  height: 80px;
  z-index: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0) 100%);
}
.list-view-container > .toggle-list-container:nth-child(n+5) {
  display: block;
}
.list-view-container > .toggle-list-container > a {
  position: relative;
  z-index: 1;
  padding: 10px 0 15px 0;
  color: #008D95;
}
.list-view-container > .toggle-list-container > a span::before {
  content: attr(data-view-full-text);
}
.list-view-container:not(.full-list):not(.default-view) {
  /* &:not([data-has-selected]){
      .list-view-item:nth-child(n+4):not([data-active]){
          display: none !important;
      }
  } */
}
.list-view-container:not(.full-list):not(.default-view) .list-view-item:nth-child(n+4):not([data-active]) {
  display: none !important;
}
.list-view-container:not(.full-list):not(.default-view)[data-has-selected] .list-view-item[data-active]:nth-child(n+3) {
  margin-bottom: 30px;
}
.list-view-container:not(.full-list):not(.default-view)[data-has-selected] .list-view-item:first-child:not([data-active]) + .list-view-item:not([data-active]) + .list-view-item:not([data-active]) {
  display: none !important;
}
.list-view-container.full-list > .toggle-list-container {
  margin-top: 30px;
  position: sticky;
}
.list-view-container.full-list > .toggle-list-container::before {
  height: 65px;
}
.list-view-container.full-list > .toggle-list-container > a i {
  transform: rotate(180deg);
}
.list-view-container.full-list > .toggle-list-container > a span::before {
  content: attr(data-view-compact-text);
}
.list-view-container.default-view > .toggle-list-container {
  display: none !important;
}

.rz-modal-beneficiario {
  --rz-dialog-content-padding: 0 1.25rem 1.25rem;
}

.delivery-options {
  display: grid;
  gap: var(--delivery-option-gap, 10px);
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  padding: 15px 0;
}
.delivery-options a {
  --svg-image-color: #637484;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100px;
  border-radius: 4px;
  box-shadow: var(--delivery-option-shadow, var(--shadow-default, none));
  border: 1px solid var(--delivery-option-border-color, transparent);
  position: relative;
  transition: transform ease 0.3s;
}
.delivery-options a svg, .delivery-options a img {
  height: var(--delivery-option-img-h, 32px);
  width: auto;
}
.delivery-options a span {
  display: block;
  color: var(--delivery-option-color, #1d2d31);
  font-size: var(--delivery-option-fs, 14px);
  padding-top: 4px;
}
.delivery-options a .radio-fake {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 6px 8px 6px 6px;
  background-color: #ECF0F4;
  border-radius: 4px 4px 20px 4px;
}
.delivery-options a[data-active] {
  --delivery-option-color: #008D95;
  --svg-image-color: #008D95;
  --delivery-option-shadow: var(--card-shadow, none);
  --delivery-option-border-color: #CED6DD;
}
@media (min-width: 992px) {
  .delivery-options {
    --delivery-option-img-h: 38px;
    --delivery-option-fs: 16px;
    --delivery-option-gap: 20px;
  }
}

.box-alert-cobranding {
  font-size: 14px;
  padding: 10px;
  background-color: rgba(233, 236, 239, 0.8);
}
.box-alert-cobranding .ba-inner {
  padding: 10px;
  text-align: center;
}
.box-alert-cobranding .ba-inner .text {
  line-height: 1;
  /* margin: 0 auto;
  max-width: 280px; */
}
.box-alert-cobranding .ba-inner .text p {
  line-height: inherit;
}
.box-alert-cobranding .ba-inner .text + figure {
  margin-left: 20px;
}
.box-alert-cobranding .ba-inner figure {
  margin-bottom: 10px;
}
.box-alert-cobranding .ba-inner figure img {
  width: 200px;
  height: auto;
}
.box-alert-cobranding[data-size=Small] .ba-inner {
  display: flex;
  padding: 0;
}
.box-alert-cobranding[data-size=Small] .ba-inner .text {
  flex: 1;
  order: 0;
  font-size: 12px;
  text-align: left;
}
.box-alert-cobranding[data-size=Small] .ba-inner figure {
  margin-bottom: 0;
  margin-left: 10px;
  flex: 0 0 82px;
  order: 1;
}
@media (max-width: 767.98px) {
  .box-alert-cobranding[data-size=Default] .ba-inner {
    display: flex;
    padding: 0;
  }
  .box-alert-cobranding[data-size=Default] .ba-inner .text {
    flex: 1;
    order: 0;
    font-size: 12px;
    text-align: left;
  }
  .box-alert-cobranding[data-size=Default] .ba-inner figure {
    margin-bottom: 0;
    margin-left: 10px;
    flex: 0 0 82px;
    order: 1;
  }
}

@media (max-width: 767.98px) {
  .cart-fixed-bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 200;
    box-shadow: var(--shadow-card-bottom, none);
    padding: 10px 20px !important;
    background-color: white;
  }
  .cart-fixed-bottom .cart-info-collapse-control {
    display: flex !important;
  }
}

.thanks-page-content {
  padding: 50px 0;
  min-height: 60vh;
}
.thanks-page-content figure {
  margin-bottom: 25px;
}
.thanks-page-content figure img {
  width: 120px;
}
.thanks-page-content h1 {
  color: #008D95;
}
.thanks-page-content .st {
  font-size: 20px;
}

.datos-entrega-resumen .dar-entrega {
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ECF0F4;
  display: flex;
  align-items: center;
}
.datos-entrega-resumen .dar-entrega img, .datos-entrega-resumen .dar-entrega svg {
  height: 24px;
  width: auto;
}
.datos-entrega-resumen .dar-entrega span {
  display: block;
  padding-left: 10px;
}

.formas-pago-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

.forma-pago-item {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 4px;
  background-color: white;
  box-shadow: var(--card-shadow, none);
  font-size: 16px;
  border: 1px solid #CED6DD;
}
.forma-pago-item img {
  flex: 0 0 auto;
  height: 38px;
  width: auto;
  margin-right: 15px;
}
.forma-pago-item:hover {
  border-color: #adb5bd;
}
.forma-pago-item.disabled, .forma-pago-item:disabled {
  box-shadow: none;
  opacity: 0.6;
  border-color: #CED6DD !important;
  cursor: default;
  background-color: #f8f9fa;
}

.pg-revision-final .cart-info-collapse-control {
  display: none !important;
}
@media (max-width: 767.98px) {
  .pg-revision-final .cart-products-resumen {
    max-height: none;
  }
}

@media (max-width: 767.98px) {
  .mobile-no-scroll {
    max-height: none;
  }
}

.sellos-checkout {
  display: flex;
  justify-content: center;
}
.sellos-checkout img {
  max-height: 30px;
}
.sellos-checkout figure {
  padding: 10px;
}
.sellos-checkout figure.mastercard-sc img {
  max-height: 26px;
}

.modal-products-not-available .rz-dialog-titlebar {
  border-bottom: 2px solid #ECF0F4;
}

.products-not-available-wrapper .options-bottom {
  margin-top: 10px;
  display: flex;
}
.products-not-available-wrapper .options-bottom a {
  --rz-icon-size: 32px;
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  line-height: 1;
  text-align: center;
  position: relative;
  padding: 10px 0;
}
.products-not-available-wrapper .options-bottom a i {
  margin-bottom: 8px;
  color: #52686D;
}
.products-not-available-wrapper .options-bottom a span {
  display: block;
  text-decoration: underline;
  font-weight: 600;
  max-width: 120px;
}
.products-not-available-wrapper .options-bottom a + a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 2px solid #ECF0F4;
  height: 36px;
}
@media (max-width: 575.98px) {
  .products-not-available-wrapper .options-bottom a {
    --rz-icon-size: 24px;
    font-size: 12px;
  }
}

.store-change-list {
  overflow: auto;
  max-height: 300px;
  padding: 10px 8px;
  border-bottom: 1px solid #ECF0F4;
}

.logo-bancos figure {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 15px 0;
}
.logo-bancos figure img {
  height: 20px;
  width: auto;
}

.pg-thanks-inner {
  margin: 0 auto;
  max-width: 500px;
  text-align: center;
}
.pg-thanks-inner .st {
  font-size: 16px;
  color: #52686D;
}
.pg-thanks-inner figure.success {
  display: inline-flex;
  width: 94px;
  height: 94px;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  background-color: white;
  box-shadow: var(--card-shadow);
  border-radius: 50%;
}
.pg-thanks-inner figure.success img {
  width: 64px;
}
.pg-thanks-inner .final-info-box .info-line + .info-line {
  border-top: 1px solid #ECF0F4;
}

.alert-crea-cuenta {
  background-color: #F5F9FC;
  border: 1px solid rgba(206, 214, 221, 0.5);
  padding: 20px 15px;
  text-align: center;
}
.alert-crea-cuenta figure {
  margin-bottom: 10px;
}
.alert-crea-cuenta figure img {
  width: 36px;
}

.card.card-registro-final {
  --bs-card-bg: #fff2f9;
  --bs-card-border-color: transparent;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 20px;
  --bs-card-spacer-x: 40px;
  --bs-card-spacer-y: 30px;
  margin-top: 1rem;
  padding-bottom: 6rem;
}
.card.card-registro-final .main-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #203338;
}
.card.card-registro-final .main-title span {
  font-weight: 500;
  font-size: 16px;
}
.card.card-registro-final .benefits-list {
  max-width: 280px;
}
.card.card-registro-final .benefits-list li {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 500;
}
.card.card-registro-final .benefits-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  bottom: 0;
  color: #e83e8c;
  font-weight: bold;
  font-size: 14px;
}
.card.card-registro-final h3, .card.card-registro-final p {
  font-size: var(--card-fs, 16px);
}
.card.card-registro-final .form-wrapper {
  max-width: 300px;
}
.card.card-registro-final button {
  text-transform: uppercase;
}
.card.card-registro-final .inline-error-alert {
  padding: 0.25rem 0.65rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background-color: white;
  color: #5a6268;
}
.card.card-registro-final .inline-error-alert span {
  text-align: start;
  line-height: 1.3;
}
.card.card-registro-final .inline-error-alert a {
  color: #EC008C;
  font-weight: 600;
  text-decoration: underline;
}
.card.card-registro-final .promo-text {
  color: #5a6268;
  font-size: 15px;
  font-weight: 300;
  text-align: center;
}
.card.card-registro-final .promo-text strong {
  font-weight: 500;
  text-transform: uppercase;
}
.card.card-registro-final .dr-nico-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 12%);
  margin-bottom: 0;
  z-index: 1;
}
.card.card-registro-final .dr-nico-bottom img {
  max-width: 295px;
}
@media (max-width: 575.98px) {
  .card.card-registro-final {
    --bs-card-spacer-x: 20px;
    --bs-card-spacer-y: 20px;
    --card-fs: 14px;
    padding-bottom: 7rem;
  }
  .card.card-registro-final .main-title {
    list-style: 1.1;
  }
  .card.card-registro-final .main-title span {
    font-size: 17px;
  }
  .card.card-registro-final .inline-error-alert {
    font-size: 0.725rem;
  }
}

:root {
  --account-menu-padding: 0 5px;
  --account-menu-item-padding-y: 10px;
  --account-menu-item-color: #1d2d31;
  --account-menu-item-fs: 14px;
  --account-menu-icon-size: 20px;
}

.page-content.pg-cuenta {
  min-height: 100%;
  --info-line-padding-y: 5px;
  --info-line-icon-size: 20px;
}
@media (min-width: 768px) {
  .page-content.pg-cuenta {
    --selectable-item-padding: 15px;
  }
  .page-content.pg-cuenta .account-page-row {
    flex-wrap: nowrap;
  }
  .page-content.pg-cuenta .account-page-row > .rcontent {
    max-width: calc(100% - 274px);
  }
}
@media (min-width: 992px) {
  .page-content.pg-cuenta .account-page-row > .rcontent {
    max-width: 100%;
  }
}

.mam-nav {
  padding: var(--account-menu-padding, 0);
}
.mam-nav .mam-item {
  --rz-icon-size: var(--account-menu-icon-size, 24px);
  display: flex;
  align-items: center;
  padding: var(--account-menu-item-padding-y) 0;
  font-size: var(--account-menu-item-fs, inherit);
  color: var(--account-menu-item-color, inherit);
  font-weight: var(--account-menu-item-fw, normal);
  line-height: 1;
}
.mam-nav .mam-item i {
  margin-right: 0.5em;
  position: relative;
  z-index: 1;
}
.mam-nav .mam-item + .mam-item {
  border-top: 1px solid #ECF0F4;
}
.mam-nav .mam-item:hover {
  color: var(--account-menu-item-hover-color, #008D95);
}
.mam-nav .mam-item.mam-rastrear {
  --account-menu-item-color: #EC008C;
}
.mam-nav .mam-item.mam-logout {
  --account-menu-item-color: #52686D;
}
.mam-nav .mam-item > span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.mam-nav .mam-item > span[data-badge]:not([data-badge="0"])::after {
  content: attr(data-badge);
  background-color: #EC008C;
  display: inline-block;
  color: white;
  line-height: 1;
  padding: 2px 4px;
  border-radius: 10px;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 12px;
}

.acc-menu-card .mam-item.active {
  position: relative;
  color: #008D95;
}
.acc-menu-card .mam-item.active::before {
  content: "";
  background-color: var(--bs-tertiary-bg, #ECF0F4);
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -5px;
  right: -5px;
  border-radius: 4px;
  z-index: 0;
}

.acc-avatar-inner {
  display: flex;
  align-items: center;
}
.acc-avatar-inner figure {
  margin: 0 10px 0 0;
  flex: 0 0 42px;
}
.acc-avatar-inner figure img {
  width: 42px;
}
.acc-avatar-inner .text {
  min-width: 0;
  flex-grow: 1;
}
.acc-avatar-inner p, .acc-avatar-inner h5 {
  margin: 0;
  line-height: 1;
}
.acc-avatar-inner h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.acc-page-title {
  --rz-icon-size: 28px;
  background-color: #1d2d31;
  color: white;
  display: flex;
  border-radius: 8px;
  padding: 10px;
  line-height: 1;
  align-items: center;
  position: relative;
  padding-right: 48px;
  font-size: 18px;
}
.acc-page-title .ic-start {
  margin-right: 10px;
}
.acc-page-title span {
  display: block;
  flex-grow: 1;
}
.acc-page-title .ic-dd {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -14px;
  transition: all ease 0.3s;
}
.acc-page-title a.acc-toggle {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.acc-page-title a.acc-toggle[aria-expanded=true] + .ic-dd {
  transform: rotate(180deg);
}

.acc-menu-card {
  --account-menu-icon-size: 24px;
  --account-menu-item-fs: 16px;
  --account-menu-item-fw: 500;
  border: 1px solid #CED6DD;
  border-radius: 10px;
  padding: 15px;
  box-shadow: var(--card-shadow);
}

.account-page-row {
  align-items: flex-start;
}
@media (min-width: 768px) {
  .account-page-row .lcontent {
    position: sticky;
    top: calc(var(--layout-header-h, 0) + 25px);
  }
}

@media (min-width: 768px) {
  .acc-sidebar {
    width: 250px;
  }
}
@media (min-width: 1200px) {
  .acc-sidebar {
    width: 300px;
  }
}

.my-order-item {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #CED6DD;
  box-shadow: var(--card-shadow, none);
  margin-bottom: 15px;
}
.my-order-item .moi-hdr {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  padding-bottom: 10px;
}
.my-order-item .moi-hdr h3 {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
  margin-right: auto;
}
.my-order-item .moi-side-b {
  display: flex;
  flex-wrap: wrap;
}
.my-order-item .moi-side-b .moi-state {
  margin: 0;
  flex-grow: 2;
  display: flex;
  align-items: center;
  color: var(--moi-state-color, inherit);
  padding: 5px 0;
}
.my-order-item .moi-side-b .moi-state i {
  margin-right: 5px;
}
.my-order-item .moi-actions {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}
.my-order-item .moi-actions .btn:last-child {
  margin-left: auto;
}
.my-order-item .moi-actions .btn:first-child:not(:last-child) {
  margin-right: 5px;
}
.my-order-item:not([data-is-completed]) {
  --moi-state-color: #008D95;
}
@media (min-width: 992px) {
  .my-order-item {
    flex-direction: row;
  }
  .my-order-item .moi-side-a {
    flex-grow: 1;
  }
  .my-order-item .moi-hdr h3 {
    margin-right: 10px;
  }
  .my-order-item .moi-hdr .moi-amount {
    display: inline-flex;
    align-items: center;
  }
  .my-order-item .moi-hdr .moi-amount::before {
    content: "";
    border-top: 2px solid #CED6DD;
    width: 10px;
    display: inline-block;
    margin-right: 10px;
  }
  .my-order-item .moi-side-b {
    flex-direction: column;
    align-items: flex-end;
  }
  .my-order-item .moi-side-b .moi-state {
    padding-top: 0;
    justify-content: flex-end;
    margin-bottom: auto;
    flex-grow: 0;
  }
  .my-order-item .moi-actions {
    flex: 0 0 auto;
  }
}

.order-filter-btns {
  overflow: auto;
}
.order-filter-btns .btn {
  line-height: 1;
}
.order-filter-btns .btn:not(:last-child) {
  margin-right: 4px;
}
.order-filter-btns .order-filter-btns-inner {
  display: inline-flex;
  padding: 0 var(--padding-page-x, 0);
}
@media (min-width: 768px) {
  .order-filter-btns .order-filter-btns-inner {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .order-filter-btns {
    padding-top: 10px;
  }
  .order-filter-btns .btn {
    min-height: 38px;
  }
}

@media (min-width: 768px) {
  .col-order-filters-dates {
    width: 320px;
  }
}

.order-tracking-wrap {
  height: 55vh;
  max-height: 500px;
}

.order-driver-info {
  display: flex;
  align-items: center;
}
.order-driver-info figure {
  width: 48px;
  height: 48px;
  border: 1px solid #CED6DD;
  border-radius: 4px;
  overflow: hidden;
  background-color: white;
  margin-right: 10px;
}
.order-driver-info figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.order-driver-info .text p, .order-driver-info .text h6 {
  margin: 0;
}

.producto-item-order {
  --prod-box-shadow: var(--card-shadow, none);
  --prod-prices-fs: 14px;
  --prod-name-fs: 14px;
  --btn-cart-action-minw: 32px;
  --btn-cart-action-h: 32px;
  --atc-ctrl-h: 32px;
  --atc-input-fs: 14px;
  --atc-btn-img-w: 16px;
  /**/
  display: flex;
  background-color: white;
  overflow: visible;
  width: 100%;
  max-width: 500px;
  min-height: 100%;
  --prod-cart-box-padding: 12px;
  --prod-cart-image-width: 64px;
  --prod-prices-fs: 14px;
  /* @include media-breakpoint-up(md){
      --prod-cart-image-width: 120px;
      --prod-name-fs: 16px;
      --prod-cart-box-padding: 15px;
      // 

      .prod-box-inner{
          grid-template: "img info" "img prices" "img ctr";
          grid-template-columns: auto 1fr;
      } 

      .prod-image{

          a{
              max-height: 100px;

              img{
                  max-height: 100%;
              }
          }
      }

      .prod-prices-wrap{

          &>div{
              flex: 0 0 auto;
              margin: 0 25px 0 0;
              text-align: left;
          }

          .prod-price{
              text-align: center;
          }
      }
  } */
  /* @include media-breakpoint-up(lg){
      --prod-cart-image-width: 120px;
      --prod-name-fs: 16px;
      --prod-cart-box-padding: 15px;
      // 

      .prod-box-inner{
          grid-template: "img info ctr" "img prices ctr";
          grid-template-columns: auto 1fr auto;
      } 

      .prod-image{

          a{
              max-height: 90px;

              img{
                  max-height: 100%;
              }
          }
      }

      .prod-prices-wrap{

          &>div{
              flex: 0 0 auto;
              margin: 0;
              margin-right: 35px !important;
              text-align: center !important;
          }
      }

      .prod-ctrls{
          padding: 0;

          .prod-qty{
              margin: 0;
          }
      }

      .ctrls-inner{
          flex-direction: column;
          align-items: center;
          text-align: center;

          .prod-qty{
              flex: 0 0 auto;
          }

          .prod-price{
              padding: 8px 0;
          }
      }
  } */
}
.producto-item-order .prod-box-inner {
  flex: 1;
  display: grid;
  position: relative;
  padding: var(--prod-cart-box-padding, 10px);
  grid-template: "img info delete" "img prices prices" "ctr ctr ctr";
  grid-template-columns: auto 1fr auto;
  box-shadow: var(--prod-box-shadow, none);
  border: var(--prod-border, none);
  border-radius: var(--prod-radius, 6px);
}
.producto-item-order .prod-image {
  grid-area: img;
  width: var(--prod-cart-image-width);
  position: relative;
  margin: 0 var(--prod-cart-image-mr, 0) 0 0;
}
.producto-item-order .prod-image a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: var(--prod-cart-image-maxh);
}
.producto-item-order .prod-image a img {
  max-height: 100%;
}
.producto-item-order .prod-prices-wrap {
  grid-area: prices;
  display: flex;
  flex: 1;
  margin-bottom: auto;
}
.producto-item-order .num-box span {
  display: block;
}
.producto-item-order .num-box.prod-cant {
  margin-right: auto;
}
.producto-item-order .num-box.prod-price {
  margin-right: auto;
}
.producto-item-order .num-box.prod-price .antes {
  color: #adb5bd;
  text-decoration: line-through;
  font-weight: normal;
  display: inline;
}
.producto-item-order .num-box.prod-sto {
  text-align: right;
  flex: 0 0 auto;
}
.producto-item-order .num-box .val {
  font-size: var(--prod-prices-fs);
}
.producto-item-order .prod-del {
  margin-top: -10px;
  margin-right: -6px;
}
.producto-item-order .prod-del button {
  color: #52686D !important;
}
.producto-item-order .prod-info {
  grid-area: info;
  line-height: 1;
}
.producto-item-order .prod-info .prod-name {
  margin: 0 0 8px 0;
  font-size: var(--prod-name-fs, 14px);
  line-height: inherit;
  font-weight: normal;
}
.producto-item-order .prod-info p {
  font-size: 12px;
  margin: 0 0 3px 0;
}
.producto-item-order .prod-cant, .producto-item-order .prod-price, .producto-item-order .prod-sto {
  font-size: 12px;
  padding: 2px 0 5px 0;
  line-height: 1;
}
.producto-item-order .prod-ctrls {
  grid-area: ctr;
  padding-top: 10px;
  border-top: 1px solid #ECF0F4;
  margin-top: 10px;
}
.producto-item-order .prod-ctrls p {
  margin: 0;
}
.producto-item-order .prod-ctrls .ctrls-inner {
  display: flex;
  justify-content: space-between;
}
.producto-item-order .prod-ctrls .ctrls-inner .num-box {
  line-height: 1;
  padding: 4px 0;
  text-align: center;
}
.producto-item-order .prod-ctrls .ctrls-inner .num-box .label {
  font-size: 12px;
}
.producto-item-order .prod-ctrls .prod-save {
  flex: 1;
  max-width: 140px;
  margin-right: auto;
}
.producto-item-order .prod-ctrls .prod-save .btn-wrapper, .producto-item-order .prod-ctrls .prod-save button {
  --rz-icon-size: 20px;
  width: 100%;
}
.producto-item-order .prod-ctrls .prod-qty {
  flex: 0 0 160px;
  width: 160px;
  margin-left: 16px;
}
.producto-item-order .prod-ctrls .widget-add-to-cart .atc-button {
  font-size: 14px;
}
.producto-item-order .prod-ctrls .widget-add-to-cart .atc-button i {
  font-size: 20px;
  height: 1em;
}
.producto-item-order .prod-ctrls .not-available {
  width: 100%;
  color: #52686D;
  text-align: center;
  font-size: 12px;
}
.producto-item-order .prod-price span, .producto-item-order .prod-sto span {
  display: block;
}
.producto-item-order .num-box .label {
  font-size: 10px !important;
}
.producto-item-order .num-box.prod-price {
  text-align: center;
}
.producto-item-order .prod-ctrls .prod-save button {
  padding-left: 5px;
  padding-right: 10px;
}
.producto-item-order .prod-ctrls .text {
  flex: 0 0 60px;
  padding-top: 4px;
}
.producto-item-order .prod-ctrls .text p {
  line-height: 1;
  font-size: 12px;
}
.producto-item-order .prod-ctrls .num-box {
  flex-grow: 1;
}
.producto-item-order .prod-ctrls .prod-qty {
  margin-left: 5px;
}

.my-order-products-list .list-inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}

.order-status-info {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}
.order-status-info .osi-hdr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.order-status-info .osi-hdr .mo-state {
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 1;
}
.order-status-info .osi-hdr .mo-state i {
  margin-right: 4px;
}
.order-status-info .osi-hdr .btn {
  margin-left: auto;
}
@media (min-width: 768px) {
  .order-status-info {
    width: 300px;
    /* .osi-hdr{
        order: 2;
    } */
  }
}

@media (min-width: 768px) {
  .oder-detail-info {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px;
    justify-content: start;
  }
  .oder-detail-info .info-line {
    --info-line-icon-size: 24px;
    align-items: flex-start;
  }
  .oder-detail-info .info-line:not(:last-child) {
    border-right: 2px solid #ECF0F4;
    padding-right: 30px;
  }
  .oder-detail-info .info-line .text {
    flex-direction: column;
  }
  .oder-detail-info .info-line .text .lbl {
    color: #52686D;
    font-size: 13px;
    margin-bottom: 2px;
  }
  .oder-detail-info .info-line .text .val {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .my-order-totals > .inner {
    max-width: 150px;
  }
}

@media (min-width: 768px) {
  .card-box.card-my-order-info {
    padding: 15px 20px;
  }
}

table.table-info-lines {
  width: 100%;
}
table.table-info-lines tr th, table.table-info-lines tr td {
  padding: 6px 0;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.1;
}
table.table-info-lines tr th {
  padding-right: 15px;
  width: 140px;
  font-weight: 600;
}
table.table-info-lines tr td {
  color: #52686D;
}

.text-ellipsis {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.form-register-wrap {
  margin: 0 auto;
  max-width: 600px;
}

.social-login-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
}
.social-login-wrap .tt {
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: white;
  margin-bottom: 5px;
}
.social-login-wrap::before {
  display: block;
  content: "";
  border-top: 1px solid #ECF0F4;
  width: 100%;
  top: 16px;
  left: 0;
  z-index: 0;
  position: absolute;
}
@media (min-width: 768px) {
  .social-login-wrap {
    flex-direction: row;
    align-items: center;
    /* &>span{
        margin-right: 15px;
        padding-left: 0;
        margin-bottom: 0;
        font-weight: bold;
        font-size: 18px;
    } */
  }
  .social-login-wrap .social-login-btns {
    padding-left: 15px;
  }
  .social-login-wrap .tt {
    padding: 0 15px 0 0;
    margin-right: auto;
  }
  .social-login-wrap::before {
    top: 50%;
  }
}

.social-login-btns {
  padding: 10px 0;
  background-color: white;
  position: relative;
  z-index: 1;
}

.social-login-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 5px;
  width: 48px;
  height: 48px;
  background-color: white;
  box-shadow: var(--card-shadow);
}
.social-login-link img {
  height: 22px;
  width: auto;
  transition: transform ease 0.3s;
}
.social-login-link + .social-login-link {
  margin-left: 20px;
}
.social-login-link:hover img {
  transform: scale(1.2);
}

.nicopuntos-info-wrapper {
  display: flex;
  flex-direction: column;
}

.nicopuntos-info {
  padding: 15px 25px;
  padding-bottom: 40px;
  background-color: #1d2d31;
  color: white;
  display: grid;
  gap: 25px;
  grid-template-columns: 1fr 1fr;
  border-radius: 10px;
  background-image: url(/img/nicopuntos/nico-monedas.png);
  background-repeat: repeat-x;
  background-size: auto 60px;
  background-position: center bottom -20px;
  font-size: 14px;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .nicopuntos-info {
    gap: 0px;
    grid-template-columns: 0.8fr 1fr;
  }
}
.nicopuntos-info .side h6 {
  font-size: inherit;
}
.nicopuntos-info .side p {
  font-size: 1.2em;
}
.nicopuntos-info .side .numpoint {
  margin-bottom: 2rem !important;
}
.nicopuntos-info .side .np-cant {
  font-size: 2em;
  color: #EC008C;
  line-height: 1;
}
.nicopuntos-info .side + .side {
  text-align: right;
}
.nicopuntos-info .side span {
  font-size: 11px;
}
@media (max-width: 768px) {
  .nicopuntos-info .side span {
    font-size: 9px;
  }
}
@media (min-width: 768px) {
  .nicopuntos-info {
    padding: 50px;
    padding-bottom: 50px;
    font-size: 18px;
  }
}

.box-consulta-nicopuntos {
  --card-cn-padding-x: 25px;
  background-color: white;
  border: 1px solid #CED6DD;
  border-radius: 15px;
  padding: 25px var(--card-cn-padding-x);
  box-shadow: var(--card-shadow);
  overflow: hidden;
}
@media (min-width: 1200px) {
  .box-consulta-nicopuntos {
    --card-cn-padding-x: 45px;
  }
}

.acc-faq-nicopuntos .row {
  --bs-gutter-x: 10px;
}
.acc-faq-nicopuntos .accordion-item {
  border: 1px solid #CED6DD;
  box-shadow: var(--card-shadow);
  border-radius: 8px;
  background-color: white;
  margin-bottom: 10px;
}
.acc-faq-nicopuntos .accordion-item .accordion-button {
  box-shadow: none;
  border-bottom: 1px solid transparent;
}
.acc-faq-nicopuntos .accordion-item .accordion-button:not(.collapsed) {
  border-bottom: 1px solid #CED6DD;
}
.acc-faq-nicopuntos .accordion-item .accordion-header {
  margin: 0;
}
.acc-faq-nicopuntos .accordion-item .accordion-header a {
  padding: 15px;
  background-color: transparent;
}
.acc-faq-nicopuntos .accordion-item .accordion-body {
  padding: 15px;
}
.acc-faq-nicopuntos .accordion-item .accordion-body p:last-child {
  margin: 0;
}
@media (min-width: 992px) {
  .acc-faq-nicopuntos {
    /* .accordion-item{
        width: auto;
        max-width: calc(50% - 20px);
    } */
  }
}

.resultados-consulta-nicopuntos .puntos {
  color: #EC008C;
  font-size: 64px;
  line-height: 1;
}
.resultados-consulta-nicopuntos .monedas {
  margin: 20px calc(-1 * var(--card-cn-padding-x, 1)) -15px;
}

/* .loading-nicopuntos{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    text-align: center;

    figure{

        img{

        }
    }
} */
.container-vig-nicopuntos .hide-vig {
  display: none;
}
.container-vig-nicopuntos .accordion-item {
  border: none;
  box-shadow: none;
  border-radius: 8px;
  background-color: #e7f6f7;
  margin-bottom: 10px;
}
.container-vig-nicopuntos .accordion-item .accordion-button {
  box-shadow: none;
  border-bottom: 1px solid transparent;
}
.container-vig-nicopuntos .accordion-item .accordion-button:not(.collapsed) {
  border-bottom: 1px solid #CED6DD;
}
.container-vig-nicopuntos .accordion-item .accordion-header {
  margin: 0;
}
.container-vig-nicopuntos .accordion-item .accordion-header a {
  padding: 15px;
  background-color: transparent;
}
.container-vig-nicopuntos .accordion-item .accordion-body {
  padding: 1rem var(--card-cn-padding-x);
  --card-cn-padding-x: 25px;
}
.container-vig-nicopuntos .accordion-item .accordion-body .rz-textbox {
  max-height: 42px;
}
@media (min-width: 1200px) {
  .container-vig-nicopuntos .accordion-item .accordion-body {
    --card-cn-padding-x: 45px;
  }
}

.result-vigencia {
  border: none;
  box-shadow: none;
  border-radius: 8px;
  background-color: #e7f6f7;
  margin-bottom: 10px;
  padding: 1rem var(--card-cn-padding-x);
  --card-cn-padding-x: 25px;
}
@media (min-width: 1200px) {
  .result-vigencia {
    --card-cn-padding-x: 25px;
  }
}
.result-vigencia .rz-form-field-content {
  width: 100%;
  background-color: #fff !important;
  border: none !important;
}
@media (width <= 322px) {
  .result-vigencia .rz-form-field-content .d-flex {
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  .result-vigencia .rz-form-field-content .d-flex img {
    margin: 0 !important;
  }
  .result-vigencia .rz-form-field-content .d-flex .fs-4 {
    font-size: 0.7rem !important;
    margin-left: 1rem !important;
  }
}
@media (323px <= width <= 364px) {
  .result-vigencia .rz-form-field-content .fs-4 {
    font-size: 0.7rem !important;
  }
}
@media (365px <= width <= 410px) {
  .result-vigencia .rz-form-field-content .fs-4 {
    font-size: calc(1rem + 0.05vw) !important;
  }
}
@media (768px <= width <= 822px) {
  .result-vigencia .rz-form-field-content .fs-4 {
    font-size: 1rem !important;
  }
}

.vigencia-nicopuntos .container-vig-nicopuntos .accordion-item {
  margin-top: 0 !important;
}

@media print {
  body > div:not(.printable),
  .hide-on-print,
  #full-wrap > div:not(.printable),
  #side-menu,
  #header,
  #footer {
    display: none !important;
  }
  #full-wrap {
    padding-top: 0 !important;
  }
}
.print-only body > div:not(.printable),
.print-only .hide-on-print,
.print-only #full-wrap > div:not(.printable),
.print-only #side-menu,
.print-only #header,
.print-only #footer {
  display: none !important;
}
.print-only #full-wrap {
  padding-top: 0 !important;
}

@media screen {
  .show-on-print-only {
    display: none !important;
  }
}
.serv-desc {
  max-width: 565px;
}

.container-services .card {
  padding-top: 1rem;
}
.container-services .card-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.container-services .card-body .card-title {
  margin-bottom: 1rem;
}
.container-services .card-body ul {
  padding-left: 1.2rem;
  list-style-position: inside;
}
.container-services .card-body li {
  font-size: 0.75rem;
  color: #434343;
  margin-left: -15px;
}
.container-services .btn {
  border-radius: 25px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  font-size: 14px;
}
.container-services .divider {
  position: relative;
  left: 49.6%;
  min-width: 100vw;
  transform: translateX(-50%);
  border: 0;
  height: 1px;
  background-color: #dddddd;
  margin: 1rem 0;
}
.container-services .divider-mobile {
  position: relative;
  left: 50%;
  min-width: 100vw;
  transform: translateX(-50%);
  border: 0;
  height: 1px;
  background-color: #dddddd;
  margin: 0;
}
@media (max-width: 768px) {
  .container-services .card {
    padding-top: 1.2rem;
  }
  .container-services .card-body {
    padding-bottom: 1rem;
  }
  .container-services .divider {
    display: none;
  }
}

.container-horario-emergente .dialog-content {
  text-align: center;
}
.container-horario-emergente .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.container-horario-emergente .card {
  border: 1px solid rgba(206, 214, 221, 0.7);
  border-radius: 10px;
  align-items: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container-horario-emergente .card img {
  max-height: 65px;
  height: auto;
  object-fit: contain;
  padding: 0px 9px;
}
.container-horario-emergente .d-flex {
  flex-wrap: wrap;
  justify-content: center !important;
  gap: 5px;
}
.container-horario-emergente .d-flex span {
  border: 1px solid #008d95;
  border-radius: 50%;
  padding: 7px;
  width: 33px;
  height: 33px;
  font-size: 0.8rem;
  color: #008d95;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0;
}
@media (max-width: 768px) {
  .container-horario-emergente .d-flex span {
    width: 28px;
    height: 28px;
    font-size: 0.7rem;
  }
}

.horario-dialog {
  max-width: 720px !important;
  margin: auto;
}

@media (max-width: 768px) {
  .horario-dialog {
    max-width: 325px !important;
    max-height: 90vh;
    margin-top: 45px;
  }
  .horario-dialog .rz-dialog-titlebar {
    font-size: 1.2rem;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .jornadas-medicas .jornadas .col-card {
    width: auto;
  }
}
.jornadas-medicas .jornadas .card {
  border: 1px solid #dddddd;
  border-radius: 10px;
  min-height: 230px;
  height: 100%;
}
@media (min-width: 992px) and (max-width: 1100px) {
  .jornadas-medicas .jornadas .card {
    width: 225.5px;
  }
}
@media (min-width: 1100px) {
  .jornadas-medicas .jornadas .card {
    width: 242.5px;
  }
}
.jornadas-medicas .jornadas .card .card-header {
  background-color: #f1f1f1;
  border: 2px;
  border-radius: 11px;
  font-weight: bold;
  font-size: 20px;
}
.jornadas-medicas .jornadas .card .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.jornadas-medicas .jornadas .card .card-body .btn {
  max-width: 150px;
}
@media (max-width: 400px) {
  .jornadas-medicas .jornadas .card .card-body .btn {
    font-size: 13px;
  }
}
.jornadas-medicas .jornadas .card .card-body .btn .flecha {
  max-width: 15px;
}
@media (max-width: 400px) {
  .jornadas-medicas .jornadas .card .card-body .btn .flecha {
    max-width: 13px;
  }
}

.donaciones-page-header {
  background: url("/img/donaciones/donaciones-background.jpg");
  min-height: 350px;
  text-align: center;
  align-content: center;
  position: relative;
  overflow: visible;
}
.donaciones-page-header .logo-donaciones {
  margin: 0 auto;
  max-width: 70%;
}
.donaciones-page-header .logo-donaciones img {
  width: 600px;
}
.donaciones-page-header .persona {
  position: absolute;
  left: var(--prsn-l, auto);
  right: var(--prsn-r, auto);
  top: var(--prsn-t, auto);
  bottom: var(--prsn-b, auto);
  opacity: 0;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
.donaciones-page-header .prsn1 {
  max-width: 300px;
  --prsn-l: 0%;
  --prsn-b: 0%;
  animation-name: fadeInLeftPersona;
  animation-delay: 0.2s;
}
.donaciones-page-header .prsn2 {
  max-width: 160px;
  --prsn-l: 30%;
  --prsn-t: 0%;
  animation-name: fadeInTopPersona;
  animation-delay: 0.3s;
}
.donaciones-page-header .prsn3 {
  max-width: 180px;
  --prsn-r: 30%;
  --prsn-b: 0%;
  animation-name: fadeInBottomPersona;
  animation-delay: 0.4s;
}
.donaciones-page-header .prsn4 {
  max-width: 385px;
  --prsn-r: 0%;
  --prsn-t: 2%;
  animation-name: fadeInRightPersona;
  animation-delay: 0.5s;
}
@media (max-width: 1399.98px) {
  .donaciones-page-header .prsn1 {
    max-width: 275px;
  }
  .donaciones-page-header .prsn2 {
    --prsn-l:26%;
  }
  .donaciones-page-header .prsn3 {
    --prsn-r:26%;
  }
  .donaciones-page-header .prsn4 {
    max-width: 325px;
  }
}
@media (max-width: 1199.98px) {
  .donaciones-page-header .prsn1 {
    max-width: 225px;
  }
  .donaciones-page-header .prsn2 {
    --prsn-l:18%;
  }
  .donaciones-page-header .prsn3 {
    --prsn-r:18%;
  }
  .donaciones-page-header .prsn4 {
    max-width: 275px;
  }
}
@media (max-width: 991.98px) {
  .donaciones-page-header .logo-donaciones {
    max-width: 500px;
  }
  .donaciones-page-header .prsn1 {
    max-width: 175px;
  }
  .donaciones-page-header .prsn2 {
    --prsn-l:12%;
  }
  .donaciones-page-header .prsn3 {
    --prsn-r:12%;
  }
  .donaciones-page-header .prsn4 {
    max-width: 200px;
  }
}
@media (max-width: 767.98px) {
  .donaciones-page-header .prsn1 {
    display: none;
  }
  .donaciones-page-header .prsn2 {
    max-width: 130px;
    --prsn-l:10%;
  }
  .donaciones-page-header .prsn3 {
    max-width: 150px;
    --prsn-r:10%;
  }
  .donaciones-page-header .prsn4 {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .donaciones-page-header .logo-donaciones {
    max-width: 70%;
  }
  .donaciones-page-header .prsn2 {
    --prsn-l:1%;
  }
  .donaciones-page-header .prsn3 {
    --prsn-r:5%;
  }
}

@media (max-width: 575.98px) {
  .donaciones-page-header {
    min-height: 300px;
  }
}
@keyframes fadeInLeftPersona {
  0% {
    opacity: 0;
    transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInTopPersona {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInBottomPersona {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInRightPersona {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.frase-donaciones {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  justify-self: center;
  max-width: 650px;
}
.frase-donaciones p {
  font-size: 1.25rem;
  font-weight: 300;
  margin-bottom: 2rem;
}
.frase-donaciones img {
  align-self: end;
  max-width: 180px;
  margin-right: 3.3rem;
  opacity: 0;
  animation-duration: 2.7s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-name: fadeInBottomPersona;
}
@media (max-width: 575.98px) {
  .frase-donaciones p {
    font-size: 1rem;
  }
}

.fundaciones-list {
  max-width: 1070px;
  justify-self: center;
}
.fundaciones-list .fundacion-thumbnail {
  position: relative;
}
.fundaciones-list .fundacion-thumbnail .icon-fund {
  position: absolute;
  left: var(--fnd-l, auto);
  right: var(--fnd-r, auto);
  top: var(--fnd-t, auto);
  bottom: var(--fnd-b, auto);
  opacity: 0;
}
.fundaciones-list .fundacion-thumbnail .icon-fund.animate {
  animation-name: bounce-in-top;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
.fundaciones-list .fundacion-thumbnail .fund-1 {
  max-width: 105px;
  --fnd-l: -8%;
  --fnd-t: 27%;
}
.fundaciones-list .fundacion-thumbnail .fund-2 {
  max-width: 175px;
  --fnd-r: -6.5%;
  --fnd-t: 29%;
}
.fundaciones-list .fundacion-thumbnail .fund-3 {
  max-width: 120px;
  --fnd-l: -8%;
  --fnd-t: 26%;
}
.fundaciones-list .fundacion-thumbnail .fund-4 {
  max-width: 145px;
  --fnd-r: -13.7%;
  --fnd-t: 23%;
}
.fundaciones-list .fundacion-thumbnail .fund-1.animate {
  animation-delay: 0.2s;
}
.fundaciones-list .fundacion-thumbnail .fund-2.animate {
  animation-delay: 0.3s;
}
.fundaciones-list .fundacion-thumbnail .fund-3.animate {
  animation-delay: 0.4s;
}
.fundaciones-list .fundacion-thumbnail .fund-4.animate {
  animation-delay: 0.5s;
}
@media (max-width: 1199.98px) {
  .fundaciones-list .fundacion-thumbnail .fund-1 {
    --fnd-l: 60%;
    --fnd-t: 3%;
  }
  .fundaciones-list .fundacion-thumbnail .fund-2 {
    --fnd-r: 6%;
    --fnd-t: 5%;
  }
  .fundaciones-list .fundacion-thumbnail .fund-3 {
    --fnd-l: 6%;
    --fnd-t: 5%;
  }
  .fundaciones-list .fundacion-thumbnail .fund-4 {
    max-width: 130px;
    --fnd-r: 2%;
    --fnd-t: -4%;
  }
}
@media (max-width: 991.98px) {
  .fundaciones-list .fundacion-thumbnail .fund-1 {
    max-width: 75px;
    --fnd-l: 60%;
    --fnd-t: 3%;
  }
  .fundaciones-list .fundacion-thumbnail .fund-2 {
    max-width: 140px;
    --fnd-r: 6%;
    --fnd-t: 5%;
  }
  .fundaciones-list .fundacion-thumbnail .fund-3 {
    max-width: 100px;
    --fnd-l: 6%;
    --fnd-t: 5%;
  }
  .fundaciones-list .fundacion-thumbnail .fund-4 {
    max-width: 100px;
    --fnd-r: 2%;
    --fnd-t: -4%;
  }
}
.fundaciones-list .description-fundacion {
  height: 100%;
  align-content: center;
}
.fundaciones-list .description-fundacion h3 {
  font-weight: 500;
  margin-top: 4.3rem;
}
@media (max-width: 767.98px) {
  .fundaciones-list .description-fundacion h3 {
    margin-top: 2.3rem;
  }
}
.fundaciones-list .description-fundacion p {
  text-align: justify;
}
.fundaciones-list .description-fundacion a {
  margin-top: 2rem;
}
@media (max-width: 767.98px) {
  .fundaciones-list .description-fundacion a {
    margin-top: 1.5rem;
  }
}

.content-fundacion .accordion .accordion-body {
  text-align: justify;
}
.content-fundacion .donacion-box {
  background-color: #e7f6f7;
  border-radius: 10px;
  padding: 1.2rem;
}
.content-fundacion .donacion-box h3 {
  font-size: 1.35rem;
}
@media (max-width: 991.98px) {
  .content-fundacion .donacion-box h3 {
    font-size: 1rem;
  }
}
.content-fundacion .donacion-box .montos-donacion {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.3rem;
}
.content-fundacion .donacion-box .montos-donacion .monto-input,
.content-fundacion .donacion-box .montos-donacion .montos-frecuentes {
  flex-grow: 1;
}
.content-fundacion .donacion-box .montos-donacion .custom-amount-input,
.content-fundacion .donacion-box .montos-donacion .btn-outline-primary {
  font-size: 1rem;
  padding: 0.875rem 1rem;
  background-color: white;
  border: none;
  color: #52686D;
  font-weight: 400 !important;
}
.content-fundacion .donacion-box .montos-donacion .monto-input {
  max-width: 23%;
}
.content-fundacion .donacion-box .montos-donacion .monto-input .custom-amount-input {
  text-align: center;
  border-radius: 6px;
  border-radius: 0.25rem;
}
@media (max-width: 991.98px) {
  .content-fundacion .donacion-box .montos-donacion .monto-input {
    max-width: 28%;
  }
}
.content-fundacion .donacion-box .montos-donacion .montos-frecuentes .botones-frecuentes-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.content-fundacion .donacion-box .montos-donacion .montos-frecuentes .botones-frecuentes-wrapper .btn-outline-primary {
  box-shadow: none;
}
.content-fundacion .donacion-box .montos-donacion .montos-frecuentes .botones-frecuentes-wrapper .btn-outline-primary.selected {
  border: 1px solid #008D95;
  color: #008D95;
}
.content-fundacion .donacion-box .montos-donacion .montos-frecuentes .botones-frecuentes-wrapper .btn-outline-primary:hover {
  color: white;
  background-color: #008D95;
}
@media (max-width: 1199.98px) {
  .content-fundacion .donacion-box .montos-donacion .montos-frecuentes .botones-frecuentes-wrapper {
    gap: 0.5rem;
  }
  .content-fundacion .donacion-box .montos-donacion .montos-frecuentes .botones-frecuentes-wrapper .btn-outline-primary {
    font-size: 0.8rem;
  }
}
@media (max-width: 991.98px) {
  .content-fundacion .donacion-box .montos-donacion .montos-frecuentes .botones-frecuentes-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1199.98px) {
  .content-fundacion .donacion-box .montos-donacion {
    gap: 0.5rem;
  }
  .content-fundacion .donacion-box .montos-donacion .custom-amount-input {
    font-size: 0.8rem;
  }
}
.content-fundacion .donacion-box .info-monto-wrapper {
  display: flex;
  align-items: start;
  gap: 0.5rem;
  margin-bottom: 1.3rem;
}
.content-fundacion .donacion-box .info-monto-wrapper i {
  font-size: 25px;
  align-self: center;
}
.content-fundacion .donacion-box .info-monto-wrapper .info-monto {
  font-size: 0.7rem;
  color: #52686D;
}
@media (max-width: 991.98px) {
  .content-fundacion .donacion-box .info-monto-wrapper i {
    font-size: 20px;
  }
  .content-fundacion .donacion-box .info-monto-wrapper .info-monto {
    font-size: 0.6rem;
  }
}
.content-fundacion .donacion-box .btn-secondary {
  line-height: inherit;
}

.semillas-banner {
  background: url("/img/donaciones/banners/semillas-background.jpg");
  min-height: 400px;
  text-align: center;
  align-content: center;
  position: relative;
  overflow: visible;
}
.semillas-banner .logo-donaciones {
  margin: 0 auto;
  max-width: 70%;
}
.semillas-banner .logo-donaciones img {
  width: 600px;
}
.semillas-banner .nino {
  position: absolute;
  left: var(--kd-l, auto);
  right: var(--kd-r, auto);
  top: var(--kd-t, auto);
  bottom: var(--kd-b, auto);
  opacity: 0;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
.semillas-banner .kid1 {
  max-width: 295px;
  --kd-l: 10%;
  --kd-b: 0%;
  animation-name: fadeInBottomPersona;
  animation-delay: 0.2s;
}
.semillas-banner .kid2 {
  max-width: 345px;
  --kd-r: 7%;
  --kd-b: 0%;
  animation-name: fadeInBottomPersona;
  animation-delay: 0.3s;
}
@media (max-width: 1399.98px) {
  .semillas-banner .kid1 {
    --kd-l: 8%;
  }
  .semillas-banner .kid2 {
    --kd-r: 3%;
  }
}
@media (max-width: 1199.98px) {
  .semillas-banner .logo-donaciones img {
    max-width: 500px;
  }
  .semillas-banner .kid1 {
    max-width: 260px;
    --kd-l: 7%;
  }
  .semillas-banner .kid2 {
    max-width: 310px;
    --kd-r: 2%;
  }
}
@media (max-width: 991.98px) {
  .semillas-banner .logo-donaciones img {
    max-width: 420px;
  }
  .semillas-banner .kid1 {
    max-width: 230px;
    --kd-l: 5%;
  }
  .semillas-banner .kid2 {
    max-width: 230px;
    --kd-r: 0.3%;
  }
}
@media (max-width: 767.98px) {
  .semillas-banner .logo-donaciones img {
    max-width: 300px;
  }
  .semillas-banner .kid1 {
    max-width: 170px;
    --kd-l: 4%;
  }
  .semillas-banner .kid2 {
    max-width: 180px;
    --kd-r: 0.3%;
  }
}
@media (max-width: 575.98px) {
  .semillas-banner .logo-donaciones img {
    max-width: 245px;
  }
  .semillas-banner .kid1 {
    max-width: 115px;
    --kd-l: 2%;
  }
  .semillas-banner .kid2 {
    max-width: 120px;
    --kd-r: 0.3%;
  }
}

@media (max-width: 767.98px) {
  .semillas-banner {
    min-height: 350px;
  }
}
@media (max-width: 575.98px) {
  .semillas-banner {
    min-height: 300px;
  }
}
.content-semillas .servicios-ofrecidos-container {
  display: flex;
  padding-top: 0.5rem;
}
.content-semillas .servicios-ofrecidos-container .servicio-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  width: 100%;
  padding: 1.25rem 1rem;
  border-radius: 10px;
}
.content-semillas .servicios-ofrecidos-container .servicio-item .servicio-icono {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 0.75rem;
}
.content-semillas .servicios-ofrecidos-container .servicio-item .servicio-label {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0;
  width: min-content;
}
@media (max-width: 1199.98px) {
  .content-semillas .servicios-ofrecidos-container .servicio-item .servicio-icono {
    width: 40px;
    height: 40px;
  }
  .content-semillas .servicios-ofrecidos-container .servicio-item .servicio-label {
    font-size: 0.65rem;
  }
}
@media (max-width: 991.98px) {
  .content-semillas .servicios-ofrecidos-container .servicio-item .servicio-icono {
    width: 25px;
    height: 25px;
    margin-bottom: 0.5rem;
  }
  .content-semillas .servicios-ofrecidos-container .servicio-item .servicio-label {
    font-size: 0.62rem;
  }
}
@media (max-width: 767.98px) {
  .content-semillas .servicios-ofrecidos-container .servicio-item .servicio-icono {
    width: 60px;
    height: 60px;
  }
  .content-semillas .servicios-ofrecidos-container .servicio-item .servicio-label {
    font-size: 0.875rem;
  }
}
@media (max-width: 575.98px) {
  .content-semillas .servicios-ofrecidos-container .servicio-item .servicio-icono {
    width: 60px;
    height: 60px;
  }
  .content-semillas .servicios-ofrecidos-container .servicio-item .servicio-label {
    font-size: 0.9rem;
  }
}
@media (max-width: 991.98px) {
  .content-semillas .servicios-ofrecidos-container .servicio-item {
    padding: 0.8rem 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .content-semillas .servicios-ofrecidos-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
.content-semillas .leyend-img-papa {
  background-color: #f7f7f8;
  padding: 2rem 0.8rem 1rem 1rem;
  margin-top: -1.2rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.malta-banner {
  background: url("/img/donaciones/banners/malta-background.jpg");
  min-height: 400px;
  text-align: center;
  align-content: center;
  position: relative;
  overflow: visible;
}
.malta-banner .logo-donaciones {
  margin: 0 auto;
  max-width: 70%;
}
.malta-banner .logo-donaciones img {
  width: 600px;
}
.malta-banner .fam {
  position: absolute;
  left: var(--kd-l, auto);
  right: var(--kd-r, auto);
  top: var(--kd-t, auto);
  bottom: var(--kd-b, auto);
  opacity: 0;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}
.malta-banner .parent1 {
  max-width: 265px;
  --kd-l: 8%;
  --kd-b: 0%;
  animation-name: fadeInBottomPersona;
  animation-delay: 0.2s;
}
.malta-banner .parent2 {
  max-width: 390px;
  --kd-r: 4%;
  --kd-b: 0%;
  animation-name: fadeInBottomPersona;
  animation-delay: 0.3s;
}
@media (max-width: 1399.98px) {
  .malta-banner .parent1 {
    max-width: 230px;
    --kd-l: 8%;
  }
  .malta-banner .parent2 {
    max-width: 360px;
    --kd-r: 3%;
  }
}
@media (max-width: 1199.98px) {
  .malta-banner .logo-donaciones img {
    max-width: 500px;
  }
  .malta-banner .parent1 {
    max-width: 230px;
    --kd-l: 7%;
  }
  .malta-banner .parent2 {
    max-width: 310px;
    --kd-r: 2%;
  }
}
@media (max-width: 991.98px) {
  .malta-banner .logo-donaciones img {
    max-width: 420px;
  }
  .malta-banner .parent1 {
    max-width: 200px;
    --kd-l: 5%;
  }
  .malta-banner .parent2 {
    max-width: 280px;
    --kd-r: 0.3%;
  }
}
@media (max-width: 767.98px) {
  .malta-banner .logo-donaciones img {
    max-width: 300px;
  }
  .malta-banner .parent1 {
    max-width: 170px;
    --kd-l: 3%;
  }
  .malta-banner .parent2 {
    max-width: 220px;
    --kd-r: 0.3%;
  }
}
@media (max-width: 575.98px) {
  .malta-banner .logo-donaciones img {
    max-width: 245px;
  }
  .malta-banner .parent1 {
    max-width: 120px;
    --kd-l: 1%;
  }
  .malta-banner .parent2 {
    max-width: 160px;
    --kd-r: 0.3%;
  }
}

@media (max-width: 767.98px) {
  .malta-banner {
    min-height: 350px;
  }
}
@media (max-width: 575.98px) {
  .malta-banner {
    min-height: 300px;
  }
}
.content-malta p {
  text-align: justify;
}
.content-malta .mision-vision-container .info-box {
  padding: 1.5rem;
  color: white;
  height: 100%;
}
.content-malta .mision-vision-container .info-box h4 {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
}
.content-malta .mision-vision-container .info-box p {
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: justify;
  margin-bottom: 0;
}
.content-malta .mision-vision-container .mision-box {
  background-color: #ff4946;
  border-radius: 8px;
}
.content-malta .mision-vision-container .vision-box {
  background-color: #ff5452;
  border-radius: 8px;
}
.content-malta .valores-section-wrapper {
  background-color: #f9f9fa;
  padding: 0.875rem 1.5rem;
}
.content-malta .valores-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .content-malta .valores-container {
    justify-content: space-around;
  }
}
.content-malta .valores-container .valor-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  width: 80px;
}
.content-malta .valores-container .valor-item .valor-icono {
  width: auto;
  max-height: 60px;
  margin-bottom: 0.5rem;
}
.content-malta .valores-container .valor-item .valor-label {
  font-weight: 500;
  font-size: 0.9rem;
  margin-bottom: 0;
}
.content-malta .clinicas-wrapper {
  background-color: #f9f9fa;
  padding: 0.875rem 1rem;
  border-radius: 8px;
}
.content-malta .clinica-item {
  display: flex;
  align-items: flex-start;
}
.content-malta .clinica-item .ubi-icon {
  max-width: 10px;
  height: auto;
  margin-right: 8px;
  margin-top: 4px;
}
.content-malta .clinica-item div strong {
  font-weight: 600;
}
.content-malta .clinica-item div p {
  text-align: start;
}
.content-malta .servicios-list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  column-count: 2;
  column-gap: 2rem;
}
.content-malta .servicios-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.content-malta .servicios-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #ff3b37;
  font-size: 1.5rem;
  line-height: 1;
}
@media (max-width: 575.98px) {
  .content-malta .servicios-list {
    column-count: 1;
  }
}
.content-malta .apoyo-malta {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1.4;
}
.content-malta .apoyo-malta .apoyo-malta-titulo {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.content-malta .apoyo-malta p {
  font-size: 0.95rem;
  text-align: justify;
}/*# sourceMappingURL=theme.css.map */