/*** Generales - INICIO ***/
.button:not(.button-unstyled),
.button-secondary:not(.button-unstyled) {
  letter-spacing: 1px;
  font-size: 14px;
  padding: 0.75rem 2rem;
  font-weight: 400;
  border-radius: 0;
}
.button:not(.button-unstyled),
.button:not(.button-secondary) {
  border:1px solid #000!important;
}
div.header__row .button,
.quantity-selector-wrapper .button,
button.button-unstyled {
  border:0!important;
}
.button-secondary:not(.button-unstyled) {
  border:0!important;
}
.button:not(.button-unstyled):hover {
  background:#fff!important;
  color:#000!important;
}
.quick-add .button:not(.button-unstyled),
.quick-add .button-secondary:not(.button-unstyled) {
  font-size:13px;
  line-height: 16px;
}
.quick-add__button {
  height:36px;
}
p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: .5px;
}
/*** Generales - FIN ***/

/*** Header - INICIO ***/
@media all and (max-width:1279px){
  .header-logo {
    flex-grow: 1;
  }
}
.header-logo__image {
  width: 100%!important;
  max-width: none;
  height: 37px!important;
  margin-left: -2px;
}
@media all and (max-width:768px){
  .header-logo__image {
    width: 100% !important;
    max-width: none;
    height: 28px !important;
    margin-left: -1px;
  }
}
body.page-index #header-component {
  margin-bottom:0.5rem;
}
#header-component > div.header__row.header__row--bottom.color-scheme-1.section.section--full-width-margin.section--full-width.mobile\:hidden > div {
  height:56px;
  border-top:1px solid #000;
  justify-content: center;
}
@media all and (max-width: 984px) {
  #header-component .mobile\:hidden {
    display:none!important;
  }
  #header-component .hidden--desktop,
  #header-component .desktop\:hidden {
    display:flex!important;
  }
}
@media all and (min-width: 985px) {
  #header-component .hidden--desktop,
  #header-component .desktop\:hidden {
    display:none!important;
  }
}
.header-logo__text {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2.5px;
  font-weight: 600;
  padding-top: 9px;
  display: block;
  margin-bottom:-5px;
}
@media all and (max-width:768px) {
  .header-logo__text {
    font-size: 10px;
    letter-spacing: 1.75px;
    padding-top: 5px;
  }  
}
.header__columns {
  margin: auto;
  width: 100%;
  padding: 0 2rem;
  
}

#header-component .header__columns {
  display: flex;
}
#header-component .header__columns .header__column {
  flex-grow: 1;
  width:200px;
}
@media all and (max-width: 768px) {
  .header__columns {
    padding: 0 1rem 0 0.5rem;
  }
}
.header-menu a {
  font-weight: 700;
  margin: 0 5px 0.75rem;
  padding: 1rem 0 0.25rem;
  min-height: auto;
  font-size: 14px;
  outline: 0;
}
.menu-drawer__menu-item {
  font-weight: 700 !important;
  margin: 0 5px .75rem;
  padding: 1rem 0 .25rem !important;
  min-height: auto !important;
  font-size: 14px !important;
  outline: 0;
  line-height: 14px !important;
}
.header-menu a span,
.menu-drawer__menu-item-text {
  letter-spacing: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: border-bottom ease 500ms;
  color:#000;
  font-size: 12px;
  font-weight: 500;
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* Solo Iphone */
    font-weight: 400;
  }
}
.menu-drawer__menu-item-text {
  font-size: 14px;
}
@media all and (min-width: 1460px) {
  .header-menu a span {
    font-size: 14px;
  }
}
.header-menu a:hover span {
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

/* _header-menu.liquid */
/*.menu-asesoramiento {
  width:100px;
}
.menu-asesoramiento a span,
#HeaderDrawer-asesoramiento span {
  font-size: 16px;
  font-family: var(--font-h2--family);
  text-transform: none;
  letter-spacing: normal;
  font-weight: 400;
}
.menu-asesoramiento a:hover span,
#HeaderDrawer-asesoramiento:hover span {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  font-style: italic;
}*/
.menu-list--mobile {
  &.menu-list {
    display: grid;
  }

  & .menu-list__list {
    width: max-content;
    margin-inline: auto;
    gap: var(--menu-horizontal-gap);
  }

  & li {
    width: max-content;
    padding-block: var(--padding-sm);
  }

  & li:first-of-type {
    padding-inline-start: var(--menu-horizontal-gap);
  }

  & li:last-of-type {
    padding-inline-end: var(--menu-horizontal-gap);
  }

  & a {
    color: var(--color-foreground);
  }
}

.menu-list__scroll-container {
  position: relative;
  overflow-x: auto;
  mask-image: linear-gradient(to right, transparent, #000 20px, #000 calc(100% - 20px), transparent);
  padding-block: var(--padding-2xs);
}

header-menu {
  width: 100%;
}

/* Drawer menu featured content */
.menu-drawer__featured-content {
  z-index: var(--layer-base);
  container-type: inline-size;
}

.menu-drawer__featured-content--childlist {
  z-index: var(--layer-flat);
}

.menu-drawer__featured-content-list {
  display: flex;
  gap: 1em;
  overflow-x: auto;
  padding-block-end: var(--padding-lg);
}

.menu-drawer__featured-content-list-item {
  flex: 0 0 auto;
}

.menu-drawer__featured-content-list-item--product {
  width: 35cqi;
}

.menu-drawer__featured-content-list-item--collection img.resource-card__image {
  width: 80cqi;
}

.menu-drawer__featured-content-list-item:first-child {
  margin-inline-start: var(--margin-xl);
}

.menu-drawer__featured-content-list-item:last-child {
  margin-inline-end: var(--margin-xl);
}

.menu-list {
  --menu-horizontal-gap: var(--gap-xl);
  --menu-vertical-gap: var(--gap-xl);

  display: flex;
}

.menu-list__list {
  display: flex;
  justify-content: var(--grid-area-alignment);
}

.menu-list__list-item {
  flex-shrink: 0;
  white-space: nowrap;
  margin:0 8px;
}

.menu-list__list-item[aria-hidden='true'] {
  visibility: hidden;
}

.menu-list__link {
  font-family: var(--menu-top-level-font-family);
  font-style: var(--menu-top-level-font-style);
  font-weight: var(--menu-top-level-font-weight);
  font-size: var(--menu-top-level-font-size);
  line-height: var(--menu-top-level-font-line-height);
  text-transform: var(--menu-top-level-font-case);
  color: var(--menu-top-level-font-color);
  transition: color var(--animation-speed) var(--animation-easing);
  text-decoration: none;
  display: flex;
  min-height: var(--minimum-touch-target);
  align-items: center;

  &:hover,
  &:focus {
    color: var(--menu-top-level-font-color);
  }

  @media screen and (min-width: 750px) {
    font-size: var(--menu-top-level-font-size-desktop);
  }
}

/*
    High specificity selectors to subdue non-hovered links without javascript.
    If the need for js-generated `hovered` and `focused` classes arises for another reason we can simplify these.
  */
.menu-list:where(:has(.menu-list__list-item:hover)),
.menu-list:where(:has(.menu-list__list-item:focus-within)),
.menu-list:where(:has(.menu-list__list-item:not([aria-hidden='true']) .menu-list__link--active)) {
  .menu-list__link {
    color: rgb(var(--menu-top-level-font-color-rgb) / var(--opacity-subdued-text));
  }
}

/* stylelint-disable-next-line selector-max-specificity */
.menu-list:not(:has(.menu-list__list-item:hover)) .menu-list__link--active,
.menu-list .menu-list__list-item:where(:hover, :focus-within) .menu-list__link,
.menu-list .menu-list__list-item[slot='overflow'] .menu-list__link[aria-expanded='true'] {
  color: var(--menu-top-level-font-color);
}

.overflow-menu::part(list) {
  /* Make sure focus outline is not cut off by overflow hidden */
  --focus-outline-size: calc(var(--focus-outline-offset) + var(--focus-outline-width));

  gap: 0 var(--menu-horizontal-gap);
}

.overflow-menu {
  background-color: transparent;
  padding: var(--focus-outline-size);
  margin: calc(-1 * var(--focus-outline-size));
}

/* the submenu background element to animate */
.overflow-menu::after {
  content: '';
  position: absolute;
  top: calc(100% - 1px + var(--border-bottom-width));
  left: 0;
  width: 100%;
  height: var(--submenu-height);
  background-color: var(--color-background);
  box-shadow: var(--shadow-popover);
  clip-path: inset(0.5px 0 -100px 0); /* stylelint-disable-line */
  opacity: var(--submenu-opacity, 1);
  transition: height var(--submenu-animation-speed) var(--ease-out-cubic),
    opacity var(--animation-speed-slow) var(--ease-out-cubic) var(--animation-speed-fast);
  z-index: calc(var(--layer-header-menu) - 1);
}

/** mega menu **/
.menu-list__submenu,
.overflow-menu::part(overflow) {
  --submenu-padding-block-start: var(--padding-3xl);
  --submenu-padding-block-end: var(--padding-3xl);

  background-color: transparent;
}

.header__row[style*='--border-bottom-width: 0px'] {
  .menu-list__submenu.color-scheme-matches-parent,
  .overflow-menu.color-scheme-matches-parent::part(overflow) {
    --submenu-padding-block-start: 0px;
  }
}

.menu-list__list-item:where(:not([slot='overflow'])) > .menu-list__submenu,
.overflow-menu::part(overflow) {
  --submenu-content-opacity: 0;
  --submenu-content-animation: opacity calc(var(--submenu-animation-speed) * 0.75) var(--animation-easing);

  visibility: hidden;
  background-color: var(--color-background);
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(100% - 1px + var(--border-bottom-width));
  z-index: var(--layer-header-menu);
  padding-inline: var(--padding-inline);
  clip-path: rect(0 100% var(--submenu-height) 0); /* stylelint-disable-line */
  transition: clip-path var(--submenu-animation-speed) var(--ease-out-cubic);
}

/* Show the submenus on hover */
.menu-list__list-item:has([aria-expanded='true']) > .menu-list__submenu,
/* Show the overflow menu when a menu item is hovered */
.overflow-menu:has([slot="overflow"] [aria-expanded='true'])::part(overflow),
/* Keep the submenus open when they are hovered */
.menu-list__submenu:is(:hover),
.overflow-menu::part(overflow):hover {
  --submenu-content-opacity: 1;

  visibility: visible;
}

.menu-list__list-item:has([data-animating]) > .menu-list__submenu {
  --submenu-content-opacity: 0;

  visibility: visible;

  &::before {
    height: 0;
  }
}

.menu-list__submenu-inner,
.overflow-menu::part(overflow-list) {
  grid-column: 2;
  padding-block-start: var(--submenu-padding-block-start);
  padding-block-end: var(--submenu-padding-block-end);
  padding-inline: var(--section-padding-inline);
}

.overflow-menu::part(overflow) {
  --menu-top-level-font-size: var(--font-size--xlarge);

  display: grid;
  grid-template-columns: var(--full-page-grid-with-margins);
}

.overflow-menu::part(overflow-list) {
  --submenu-content-opacity: 0;

  position: relative;
  display: grid;
  grid-template-columns: minmax(auto, 200px) 1fr;
  grid-template-areas: 'left right';
  grid-template-rows: max-content;
  grid-gap: 0;
}

/* Make overflow menu scrollable when content exceeds viewport */
.menu-list__submenu-inner,
.overflow-menu::part(overflow-list) {
  max-height: calc(80vh - var(--header-height));
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) transparent;
}

.menu-list__list-item:is([slot='overflow']) {
  --menu-top-level-font-color: var(--color-foreground);
  --menu-top-level-font-color-rgb: var(--color-foreground-rgb);

  display: contents;
  white-space: normal;

  .menu-list__link {
    --submenu-content-opacity: 0;

    grid-area: left;
    grid-row: auto;
    height: min-content;
    font-size: var(--font-size--xl);
    opacity: var(--submenu-content-opacity);
    transition: var(--submenu-content-animation);
  }

  .menu-list__submenu {
    visibility: hidden;
    grid-row: 1;
    grid-area: right;
    grid-row-end: span calc(var(--overflow-count) + 1);
    padding-inline-start: var(--menu-horizontal-gap);

    .menu-list__submenu-inner {
      padding-block-start: 0;
      grid-column: unset;
    }
  }

  .menu-list__link[aria-expanded='true'] + .menu-list__submenu {
    visibility: visible;
  }
}

.header-menu[data-overflow-expanded='true'] .menu-list__list-item:where([slot='overflow']) .menu-list__link {
  --submenu-content-opacity: 1;
}

.menu-list__list-item:where([slot='overflow']):has([data-animating]) > .menu-list__link {
  --submenu-content-opacity: 0;
}

.menu-list__submenu-inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  opacity: var(--submenu-content-opacity);
  transition: var(--submenu-content-animation);
}

.mega-menu__link {
  font-family: var(--menu-child-font-family);
  font-style: var(--menu-child-font-style);
  font-weight: var(--menu-child-font-weight);
  font-size: var(--menu-child-font-size);
  line-height: var(--menu-child-font-line-height);
  text-transform: var(--menu-child-font-case);
  color: var(--menu-child-font-color);
  white-space: normal;
  text-decoration: none;
  display: inline-flex;
  padding: var(--padding-2xs) 0;
  transition: color var(--animation-speed) var(--animation-easing);

  &:hover {
    color: var(--menu-child-active-font-color);
  }
}

.mega-menu__link--parent {
  font-family: var(--menu-parent-font-family);
  font-style: var(--menu-parent-font-style);
  font-weight: var(--menu-parent-font-weight);
  font-size: var(--menu-parent-font-size);
  line-height: var(--menu-parent-font-line-height);
  text-transform: var(--menu-parent-font-case);
  color: var(--menu-parent-font-color);

  &:hover {
    color: var(--menu-parent-active-font-color);
  }
}

@media screen and (max-width: 989px) {
  .mega-menu__content-list-item--hidden-tablet {
    display: none;
  }
}

.mega-menu__link:has(.mega-menu__link-image) {
  display: flex;
  flex-direction: column;
  padding-inline: 0;
  padding-block: var(--padding-sm) 0;
}

.mega-menu__link-image {
  width: 100%;
  position: relative;
  aspect-ratio: 16 / 9;
  margin-bottom: var(--padding-sm);
  object-fit: cover;
  border-radius: var(--menu-image-border-radius);
}

/* Fix alignment for collection image mode links without images */

/* Target only top-level links (direct children of column > div) in collection image mode */
.mega-menu__grid:has(.mega-menu__link-image)
  .mega-menu__column
  > div
  > .mega-menu__link:not(:has(.mega-menu__link-image)) {
  display: flex;
  flex-direction: column;
  padding-inline: 0;
  padding-block: var(--padding-sm) 0;
}

.mega-menu__grid:has(.mega-menu__link-image)
  .mega-menu__column
  > div
  > .mega-menu__link:not(:has(.mega-menu__link-image))::before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: var(--padding-sm);
  background-color: var(--color-foreground-muted);
  opacity: 0.1;
  border-radius: var(--menu-image-border-radius);
}

.mega-menu__grid {
  display: grid;
  grid-template-columns: repeat(var(--menu-columns-tablet), minmax(0, 1fr));
  gap: var(--menu-vertical-gap) var(--menu-horizontal-gap);
  width: 100%;

  @media screen and (min-width: 990px) {
    grid-template-columns: repeat(var(--menu-columns-desktop), minmax(0, 1fr));
  }
}

.mega-menu__column {
  grid-column: span 1;
}

.mega-menu__column--span-2 {
  grid-column: span 2;
}

.mega-menu__column--span-3 {
  grid-column: span 3;
}

.mega-menu__column--span-4 {
  grid-column: span 4;
}

.mega-menu__column--wide-collection-image {
  grid-column: span 1;

  @media screen and (min-width: 990px) {
    grid-column: span 2;
  }
}

.mega-menu__submenu .mega-menu__column--wide-collection-image {
  grid-column: span 1;
}

.mega-menu__content-list {
  display: grid;
  justify-content: end;
  gap: var(--menu-vertical-gap) var(--menu-horizontal-gap);
}

.mega-menu__content-list--products {
  grid-template-columns: repeat(var(--menu-content-columns-tablet), minmax(0, 1fr));

  @media screen and (min-width: 990px) {
    grid-template-columns: repeat(var(--menu-content-columns-desktop), minmax(0, 1fr));
  }
}

.mega-menu__content-list--collections {
  grid-template-columns: repeat(var(--menu-content-columns-tablet), minmax(0, 300px));

  @media screen and (min-width: 990px) {
    grid-template-columns: repeat(var(--menu-content-columns-desktop), minmax(0, 300px));
  }
}

.mega-menu__list {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span var(--menu-columns-tablet);
  gap: var(--menu-vertical-gap) var(--menu-horizontal-gap);

  @media screen and (min-width: 990px) {
    grid-column: span var(--menu-columns-desktop);
  }
}

.mega-menu__content {
  grid-column: span var(--menu-content-columns-tablet) / -1;

  @media screen and (min-width: 990px) {
    grid-column: span var(--menu-content-columns-desktop) / -1;
  }
}

.menu-list__list-item[slot='overflow'] .section {
  grid-template-columns: 1fr;
}

.menu-list__list-item[slot='overflow'] .section .mega-menu__grid {
  grid-column: 1;
}

.mega-menu__content-list li {
  white-space: normal;
}

/* mega more menu */
.mega-menu__more-list {
  --menu-child-font-size: var(--font-size--xl);

  width: 200px;
}

.mega-menu__more-list-item .mega-menu__link {
  color: rgb(var(--menu-top-level-font-color-rgb) / var(--opacity-subdued-text));
}

.mega-menu__more-list-item:where(:hover, .active) .mega-menu__link {
  color: var(--menu-top-level-font-color);
}

.mega-menu__more-list-item[aria-hidden='true'] {
  display: none;
}

.mega-menu__submenu {
  /* preserves the inherited grid layout when this submenu wrapper is used */
  display: contents;
}
/* Forzar que todos los items del header se muestren.
   Desktop: una sola línea con scroll horizontal (por si no caben).
   Mobile: hacen wrap y ocupan líneas múltiples.
*/
.menu-list__list {
  display: flex;               /* ya lo tenías */
  align-items: center;
  flex-wrap: nowrap;           /* important: que no bajen en desktop */
  scrollbar-width: none;       /* firefox */
  -ms-overflow-style: none;    /* ie 10+ */
  padding:0;
  justify-content: space-around;
  gap:24px;
  margin:auto;
}
@media all and (max-width:1300px) {
  .menu-list__list {
    gap:20px;
  }
}

/* ocultar scrollbar webkit (sólo visual) */
.menu-list__list::-webkit-scrollbar { display: none; }

.menu-list__list-item {
  white-space: nowrap;
  flex: 0 0 auto;
  list-style: none;
  margin:0;
  padding:0;
}

/*.menu-list__list-item:first-of-type { padding-inline-start: var(--menu-horizontal-gap); }
.menu-list__list-item:last-of-type  { padding-inline-end: var(--menu-horizontal-gap); }*/

@media (max-width: 985px) {
  .menu-list__list {
    flex-wrap: wrap;
    overflow-x: visible;
    justify-content: center; /* opcional, ajusta a tu gusto */
  }
  .menu-list__list-item {
    flex: 0 1 auto;         /* permiten ocupar más ancho en mobile */
    white-space: normal;
    padding-block: 0.375rem; /* pequeño espaciado vertical */
  }
}

/*** Header - FIN ***/

/*** Slider - INICIO ***/
body.page-index .container-background-image {
    width:calc(100% - 2rem); 
    margin:0 auto 1rem;
}
@media all and (min-width:985px) {
  body.page-index .container-background-image {
    max-height: 460px;
  }
  body.page-index .container-background-image {
     width: calc(70% - 4.5rem);
     margin: 0.5rem 1.5rem 0 3rem;
     float: left;
     position:relative;
     padding-bottom:32%;
     overflow: hidden;
  }
  body.page-index .slideshow--content-below-media {
    max-height: 100%;
    min-height: 100%;
  }
  body.page-index .container-background-image > .slideshow-section {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    max-height:none;
  }
  body.page-index .container-background-image > .slideshow-section slideshow-container,
  body.page-index .container-background-image > .slideshow-section slideshow-slides {
    height:100%;
    min-height:100%;
  }
  body.page-index slideshow-slide {
    display: flex;
  }
  body.page-index .slide__content {
    flex:50%;
    display:flex;
  }
  body.page-index .slide__image-container {
    flex:50%;
    order:2;
    position:relative;
  }
  body.page-index .slideshow-controls__dots {
    justify-content: flex-end;
    width:100%;
    padding:1rem 1.5rem;
  }
}
.slideshow-section h1,
.slideshow-section h2 {
  font-size: 43px;
  line-height: 46px;
  font-family:var(--font-heading--family);
  letter-spacing: -1.5px;
  @media all and (min-width:1920px) {
    font-size: 63px;
    line-height: 66px;
  }
}
.slideshow-section p {
  font-size:21px;
  line-height: 28px;
  font-family:var(--font-heading--family);
  letter-spacing: normal;
  @media all and (min-width:1920px) {
    font-size:24px;
  }
}
.slideshow-section a.button-secondary {
  font-size:14px;
  font-weight: 400;
  @media all and (min-width:1920px) {
    font-size:16px;
  }
}
@media all and (max-width:985px) {
  body.page-index .slideshow--content-below-media slideshow-slide {
    grid-template-rows: 50dvh 1fr;
  }
  body.page-index .slideshow--content-below-media slideshow-slide .group-block-content {
    justify-content: flex-start;
  }
  body.page-index .slideshow--content-below-media slideshow-arrows {
    display: none;
  }
  body.page-index .slide__content {
    padding:1.5rem 1.5rem 2.5rem;
  }
  body.page-index .slide__content h2 {
    font-size: 36px;
    line-height: 36px;
  }
}
/*** Slider - FIN ***/

/*** Marca Propia Hero - INICIO ***/
.hero-marca-propia {
  width:calc(100% - 2rem);
  max-height: 460px;
  margin:0 auto;
}
.hero-marca-propia .hero__container {
  height: 100%;
  min-height:auto;
}
.hero-marca-propia .hero {
  height: calc(var(--hero-min-height) - var(--hero-height-offset));
  max-height: 460px;
  min-height: auto!important;
}
@media all and (min-width:985px) {
  .hero-marca-propia {
    width: calc(30% - 3rem);
    float: right;
    margin: 0.5rem 3rem 0 0;
    padding-bottom:32%;
    position:relative;
  }
  .hero-marca-propia > .hero {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    max-height:none;
    width:100%;
  }
}
.hero-marca-propia .hero__video-wrapper--desktop {
  height: 100%;
  max-height: 500px;
}
.hero-marca-propia .hero__content-wrapper {
  padding: 2rem;
}
.hero-marca-propia .hero__container h2 {
  font-size: 28px;
  line-height: 32px;
  font-family:var(--font-heading--family);
  letter-spacing: normal;
}
.hero-marca-propia .hero__container p {
  font-size: 18px;
  line-height: 26px;
  font-family:var(--font-heading--family);
  letter-spacing: normal;
  color:#fff;
}
.hero-marca-propia .hero__container a.button-secondary {
  font-size:15px;
}
/*** Marca Propia Hero - FIN ***/

/*** Overflow Menu - INICIO ***/
overflow-list::part(overflow) {
  padding:2.5% 5%;
  border-top:1px solid #000!important;
}
/*** Overflow Menu - FIN ***/

/*** Template Productos - INICIO ***/
.botones-custom-tratamiento {
  .button[aria-disabled=true], .button-secondary[aria-disabled=true], .button:disabled {
    display: none;
  }
}
body.template-product #MainContent {

  .product-information {
    padding: 2rem 0 15%;
  }

  .product-details {
    flex-direction: column;

    @media all and (max-width: 985px) {
      padding-top: 5rem;
      marquee-component {
        margin-top:-4rem;
      }
    }

    > .group-block {
      max-width: none;

      @media all and (max-width: 985px) {
        padding-top: 0.5rem;
      }
    }

    .product-details__brand-link {
      color: #999;
      font-size: 14px;
      margin-bottom: 1rem;

      @media all and (max-width: 985px) {
        margin-bottom: 0;
      }

      &:hover {
        color: #000;
      }
    }

    h1 {
      font-size: 36px;
      line-height: 36px;
      font-family: var(--font-heading--family);
      letter-spacing: -1.5px;

      @media all and (min-width: 985px) {
        font-size: 45px;
        line-height: 45px;
      }
    }

    .price {
      font-size: 18px;
    }

    rte-formatter {
      br {
        display: none;
      }

      &,
      p,
      li {
        font-weight: 300;
        font-size: 16px;
        line-height: 21px;
      }

      li {
        margin: 10px 0;
      }

      p {
        max-width: none;
      }
      span, p, li {
        font-weight: 300!important;
        font-size:16px;
        line-height: 21px;
      }
    }

    > .group-block,
    .product-details__brand-link {
      @media all and (min-width: 985px) {
        padding: 0 7%;
      }
    }
  }

  .variant-option--equal-width-buttons {
    display: flex;
  }

  .variant-option__button-label {
    min-width: auto;
    justify-self: flex-start;
    width: auto;
    border-radius: 0;
    font-size: 14px;
  }

  .add-to-cart-text {
    gap: 7px;
  }

  .shopify-payment-button__button {
    font-size: 13px;
  }

  .product-information__media {
    @media all and (min-width: 985px) {
      slideshow-component {
        padding-left: 20%;
      }

      slideshow-controls {
        justify-content: center;
      }
    }
  }
}
/*** Template Productos - FIN ***/


/*** Template Custom Pagina - INICIO ***/
body.template-page #MainContent[data-template="page.beauty"],
body.template-page #MainContent[data-template="page.wellness"],
body.template-page #MainContent[data-template="page.wellness-tratamientos"],
body.template-page #MainContent[data-template="page.medicina-estetica-facial"],
body.template-page #MainContent[data-template="page.medicina-estetica-corporal"],
body.template-page #MainContent[data-template="page.medicina-estetica-capilar"],
body.template-page #MainContent[data-template="page.medical"],
body.template-page #MainContent[data-template="page.editorial"],
body.template-page #MainContent[data-template="page.nosotros"],
body.template-page #MainContent[data-template="page.asesoramiento"],
body.template-page #MainContent[data-template="page.diagnostico"],
body.template-page #MainContent[data-template="page.novias"],
body.template-page #MainContent[data-template="page.especialidades"],
body.template-page #MainContent[data-template="page.programas"],
body.template-page #MainContent[data-template="page.protocolos"],
body.template-page #MainContent[data-template="page.equipo"],
body.template-blog #MainContent[data-template="blog.principal"],
body.template-blog #MainContent[data-template="blog"],
body.template-article #MainContent[data-template="article"],
body.template-article #MainContent[data-template="article.stories"],
body.template-article #MainContent[data-template="article.prensa"] {
  h1 {
    font-size: 28px;
    padding: 3rem 0 0;
    text-align: center;
    margin:auto;
    @media all and (min-width:985px) {
      font-size: 48px;
    }
  }

  .section.page-width-content {
    grid-template-columns: 1fr!important;    
  }
  
  .section.page-width-content .section-content-wrapper  {
    grid-column: 1;
  }

  [id$="__main"] { 
    p {
      font-weight: 300;
      padding:0 1rem;
    }
  }

  .menu {
    @media all and (max-width:985px) {
      display:none;
    }
    ul {
        display: flex;
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
        align-items: center;
        justify-content: center;
        padding:1rem;
        gap: 2rem;
        li {
            margin:0;
            a {
                text-align: center;
                font-weight: 500;
                font-size:14px;
                color:#666;
                &:hover {
                    color:#000;
                }
            }
        }
    }
  }
  .shopify-block.rte p:not(.resource-list__carousel p) {
    max-width:768px;
    text-align: justify;
    margin:auto;
    font-size:15px;
    font-weight: 300;
    padding:0 1rem;
    @media all and (min-width:985px) {
      text-align: center;
    }
  }
  .shopify-block.rte h1:not(.resource-list__carousel h1),
  .shopify-block.rte h2:not(.resource-list__carousel h2),
  .shopify-block.rte h3:not(.resource-list__carousel h3),
  .shopify-block.rte h4:not(.resource-list__carousel h4),
  .shopify-block.rte h5:not(.resource-list__carousel h5),
  .shopify-block.rte h6:not(.resource-list__carousel h6) {
    text-align: center;
  }

  /*** Diagnostico - INICIO ***/
  .diagnostico-tabs {
    padding:3rem;
    .group-block-content {
      flex-direction: row;
      .image-block,
      .shopify-block {
        flex:50%;
        height:100%;
      }
      .bk-tabs__nav {
        height:40px;
      }
      .bk-tabs {
        height:calc(100% - 40px);
        .bk-tabs__panels {
          height:100%;
        }
        strong {
          font-weight: 600;
        }
        p {
          padding-left:0;
        }
        ul {
          padding-left:0;        
          li {
            font-weight: 300;
            list-style: none;
            position:relative;
            padding:0 0 0 20px;
            &::before {
              content:'';
              display: block;
              position:absolute;
              top:9px;
              left:0;
              width:8px;
              height:8px;
              border-top:1px solid #000;
              border-right:1px solid #000;
              transform: rotate(45deg);
            }
          }
        }
      }
    }
  }
  /*** Diagnostico - FIN ***/
}
/*** Template Custom Pagina - FIN ***/


/*** Beldon Beauty - INICIO ***/
body.template-page #MainContent[data-template="page.beauty"] {
  div.spacing-style.text-block {
    > h2 {
      font-size: 24px;
      font-family: var(--font-h2--family);
    }
  }
  .tratamientos-beauty-accesos {
    h2 {
      text-transform: none;
      letter-spacing: normal;
    }
  }
}
/*** Beldon Beuaty - FIN ***/

/*** Collection - INICIO ***/ 
.collection-heading {
  p, rte-formatter {
    text-align: left!important;
    max-width: 768px;
    font-weight: 400;
  }
}
/*** Collection - FIN ***/

body.template-page #MainContent[data-template="page.circuito"],
body.template-page #MainContent[data-template="page.trabaja-con-nosotros"],
body.template-page #MainContent[data-template="page.posparto"],
body.template-page #MainContent[data-template="page.embarazo"],
body.template-page #MainContent[data-template="page.primeraconsulta"],
body.template-page #MainContent[data-template="page.especialidad-page"] {
  .image-block {
    width:calc(100% + 2rem);
    margin:0 -1rem;
    @media all and (min-width:985px) {
      width:calc(100% + 6rem);
      margin:0 -3rem;
    }
    img {
      aspect-ratio:4/1;
    }
  }
  @media all and (max-width:984px) {
    .h3 {
      p {
        text-align: center;
        font-size: 22px !important;
        line-height: 32px !important;
        margin-bottom: 1rem !important;
      }
    }
  }
}

/*** All Blog Posts Paginados - INICIO ***/
.all-blog-posts {
  padding-bottom:5rem;
  .section--page-width {
    padding:0;
    .blog-card__title {
      font-family: var(--font-body--family);
      font-weight: 400;
      line-height: 19px;
      @media all and (max-width:984px){
        line-height: 16px;
        font-size: 14px;
      }
    }
    .blog-card__excerpt {
      line-height: 18px;
      font-weight: 300;
    }
  }
}
/*** All Blog Posts Paginados - FIN ***/

/*** Especialidad Page - INICIO ***/
body.template-page #MainContent[data-template="page.especialidad-page"] {
  .especialidad-imagen-top {
    position:relative;  
    .image-block {
      z-index: 0;
      position:relative;
      &:before {
        content:'';
        display: block;
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        opacity: 0.9;
        background: #FFFFFF;
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 100%);
        z-index: 1;
      }
    }
    .text-block h1, 
    .text-block.h1 > * {
      position:absolute;
      bottom:1.5rem;
      left:0;
      right:0;
      font-size:24px;
      text-align: center;
      z-index: 2;
      @media all and (min-width:985px) {
        bottom:3rem;
        font-size:48px;
      }
    }    
  }
  .especialidad-texto {
    margin:auto;
    max-width: 860px;
    p {
      font-weight: 300;
      font-size: 14px;
      line-height: 18px;
      width:100%;
      max-width: none;
      text-align: center;
      margin:auto;
      padding:0 1rem;
      @media all and (min-width:985px) {
        font-size: 16px;
        line-height: 24px;
      }
    }
  }  
}
/*** Especialidad Page - FIN ***/

/*** Tratamiento Template Article Blog - INICIO ***/
body.template-article #MainContent[data-template="article.tratamiento"],
body.template-article #MainContent[data-template="article.profesional"] {
  padding:3rem 0;
  .section-content-wrapper {
    .image-block {
      padding: 0;
      margin-bottom:1rem; 
      @media all and (min-width:985px) {
        padding: 0 48px 0 10%; 
        margin:0;
      }   
    }
  }  
  .tratamiento-article-detalles  {
    @media all and (min-width:985px) {
      padding:0 0 0 48px;
    }
    h1 {
      font-size: 20px;
      line-height: 24px;
      font-family: var(--font-heading--family);
      letter-spacing: normal;
      @media all and (min-width:985px) {
        font-size: 28px;
        line-height: 32px;
      }      
    }
    h2,
    h3 {
      font-family: var(--font-body--family);
      font-size:16px;
      line-height: 18px;
      font-weight: 400;
      @media all and (min-width:985px) {
        font-size:18px;
        line-height: 24px;
      }  
    }
    h2 {
      margin:1rem 0 0.5rem;
      font-weight: 600;
      @media all and (min-width:985px) {
        margin:2rem 0 0.5rem;
      }
    }
    h3 {
      font-size:16px;
      line-height: 18px; 
      margin-top:1rem;
    }
    h4 {
      font-size:16px;
      line-height: 18px; 
      margin-top:1rem;
      font-family: var(--font-body-family);
    }
    h6 {
      font-size:16px;
      line-height: 18px; 
      margin:1rem auto 0.5rem;
      @media all and (min-width:985px) {
        font-size:18px;
        line-height: 21px; 
      }
    }
    @media all and (min-width:985px) {
      ul {
        padding:0 2rem 0.5rem!important;
      }
    }
    rte-formatter,
    p {
      font-weight: 300;
      font-size: 15.5px;
      line-height: 21px;
      margin:0 0 1rem 0;
    }
  }
}
/*** Tratamiento Template Article Blog - FIN ***/

/*** Equipo medico - INICIO ***/
body.template-page #MainContent[data-template="page.programas"],
body.template-page #MainContent[data-template="page.protocolos"],
body.template-page #MainContent[data-template="page.medicina-estetica-facial"],
body.template-page #MainContent[data-template="page.medicina-estetica-corporal"],
body.template-page #MainContent[data-template="page.medicina-estetica-capilar"],
body.template-page #MainContent[data-template="page.wellness-tratamientos"] {
  .text-block > * {
    max-inline-size:768px;
  }
}
body.template-page #MainContent[data-template="page.equipo"] {
  .text-block > * {
    max-inline-size:768px;
  }
  .blog-card__image-wrapper {
    aspect-ratio: 1/1;
  }
}
/*** Equipo medico - FIN ***/

/*** Programas Individual - INICIO ***/
body.template-article #MainContent[data-template="article.programas"] {
  padding: 5rem 0;
  .custom-section {
    h1 {
      font-size: 28px;
      line-height: 32px;
      padding: 0;
      @media all and (min-width:985px) {
        font-size: 44px;
        line-height: 48px;
        padding: 0 0 1rem;
      }
    }
    h2 em {
      font-family: var(--font-body--family) !important;
      font-size: 16px;
      line-height: 21px;
      font-weight: 300;
      max-width: 580px;
      margin: 0.5rem auto 3rem;
      display: block;
      text-transform: none;
      @media all and (min-width:985px) {
        font-size: 18px;
        line-height: 24px;
      }
    }
  }
  .programas-details {
    padding-bottom:5rem;
    .group-block-content {
      justify-content: flex-end;
      gap:3rem;
      .image-block {
        flex:50%;
        img {
          aspect-ratio: 1.5/1;
        }
      }
      .programas-details-txt {
        flex:50%;
        height:100%;  
        .group-block-content {
          gap:2rem;
          h2 {
            text-transform: none;
          } 
          p {
            font-weight: 300;
          }
        }                 
      }
    }
  }
}
/*** Programas Individual - FIN ***/

/*** Protocolos Individual - INICIO ***/
body.template-article #MainContent[data-template="article.protocolos"] {
  padding:3rem 0;
  .protocolo-top {
    &:first-child {
      border-top:1px solid #000;
    }
    .group-block-content {
      gap:1rem;
      @media all and (min-width:985px) {
        gap:3rem;
      }
      .protocolo-top-text {
        flex:50%;
        h1 {
          font-size: 28px;
          line-height: 32px;
          padding-top: 4rem;
          text-align: center;          
          @media all and (min-width:985px) {
            font-size: 60px;
            line-height: 72px;
            padding-top:8rem;
            text-align: left;
          }
        }
        rte-formatter {
          width:100%;
        }
        h2 {
          font-family: var(--font-body--family);
          font-size:48px;
          text-transform: none;
          font-weight: 200;
          letter-spacing: normal;
          margin-bottom:0;
          padding-bottom:1rem;
          width:100%;
          @media all and (max-width:984px) {
            font-size: 28px;
            line-height: 28px;
          }
        }
        .text-block {
          margin-bottom:1rem;
          p {
            font-weight: 300;
            font-size: 16px;
            line-height: 21px;
            text-align: center;
            @media all and (min-width:985px) {
              font-weight: 300;
              font-size:18px;
              line-height: 24px;
              text-align: left;
            }            
          }          
        }
        @media all and (max-width:984px) {
          .button {
            margin:auto;
          }
        }
      }
      .image-block {
        width: 50%;
        height:100%;
        @media all and (max-width:984px) {
          width: 100%;
          margin:2rem auto;
          img {
            aspect-ratio: 1/1;
            height:auto;
          }          
        }
      }
    }
    .metafield-rich_text_field {
        max-width: none;
        width:100%;
        h2, h3, h4 {
            font-family: var(--font-body--family);
            font-weight: 200!important;
            text-transform: none;
            letter-spacing: normal;
            font-size:21px;
            border-top:1px solid #000;
            padding:1rem 0 0.5rem;
            @media all and (min-width:985px) {
              font-size:28px;
              padding:1rem 0;
            }
        }
        p {            
            padding-bottom:1.5rem;
            margin-bottom:1.5rem;
            font-size: 16px!important;
            text-align: left!important;
        }
    }
  }
  .protocolo-metodologia {
    padding:6rem 0;
    @media all and (max-width:984px) {
      display: none!important;
    }
    > .group-block-content {
      gap:3rem;
      align-items: flex-start;
      .group-block-content {
        gap:1rem;
        padding-left:1rem;
      }
    }
    h2, h3 {
      font-family: var(--font-body--family);
      font-weight: 200;
      text-transform: none;
      letter-spacing: normal!important;
    }
    h2 {
      font-size:36px;
      margin-bottom:1rem;
      @media all and (min-width:985px) {
        min-width:360px;
      }
    }
    h3 {
      font-size: 26px;
    }
    p {
      font-weight: 300;
      letter-spacing: normal;
      font-size:17px;
    }
    img {
      height:40px;
      width:auto;
      opacity: 0.25;
      margin-bottom:0.5rem;
    }
  }
}
/*** Protocolos Individual - FIN ***/

/*** Blog - INICIO ***/
body.template-blog #MainContent[data-template="blog.principal"],
body.template-blog #MainContent[data-template="blog"],
body.template-article #MainContent[data-template="article"] {
  .section--page-width {
    grid-template-columns: 0 1fr 0;
    min-height: auto;
    height:auto;
    .text-block:first-child {
      max-width: none;
      margin:0 auto;
      padding:0;
      h1 {
        text-align: center;
        width:100%;
        margin:0 auto;
        letter-spacing: normal;
        padding:0 0 3rem;
      }
    } 
    .menu {
      display: block!important;
    }
    .menu:nth-child(4) {
      margin:-14px auto;
      background:#ededed;
      border:0;
      ul {
        gap:1rem;
      }
    } 
  }
}
/*** Blog - FIN ***/

/*** Articulo - INICIO ***/
body.template-article #MainContent[data-template="article"],
body.template-article #MainContent[data-template="article.stories"],
body.template-article #MainContent[data-template="article.prensa"] {
  @media all and (max-width:984px) {
    .articulo-custom-contenido {
      padding:0 1rem;
    }
  }  
  .section--page-width {
      grid-template-columns: 0 1fr 0;
      min-height: auto;
      height:auto;
      .text-block:first-child {
          max-width: none;
          margin:0 auto;
          padding:0;
          h2 {
              text-align: center;
              width:100%;
              margin:0 auto;
              letter-spacing: normal;
              padding:4rem 1rem 1.5rem;
              font-size: 28px;
              @media all and (min-width:985px) {
                  font-size: 48px;
                  padding:4rem 1rem 3rem;
              }
          }
      } 
  }
  .articulo-top {
    max-width:1250px;
    padding:1rem;
    margin:auto;
    > .group-block-content {
      gap:2rem;
      .image-block {
        flex:50%;
        img {
          aspect-ratio: 2/1;
        }
      }
      .articulo-top-texto {
        flex:50%;        
        h1 {
          font-size:1.25rem;
          line-height: 1.75rem;
          text-align: left!important;
          padding:0 0 0.5rem;
          @media all and (min-width:985px) {
            font-size:2rem;
            line-height: 2.5rem;
            padding:0 0 1rem;
          }
        }
        rte-formatter {
          margin:0;
          text-align: left;
        }
        .articulo-top-texto-detalles {
          p {
            color:#666;
            font-weight: 300;
            font-size: 14px;
          }
        }
      }
    }    
  }
  .featured-blog-posts {
      padding:3rem 0;
      rte-formatter {  
        padding: 0 1rem!important;      
        margin:0;
        text-align: left;
        width:100%;
        @media all and (min-width:985px) {
          padding: 0 3rem!important;
        }
      }
      h3 {
          text-transform: none;
          padding-bottom:1rem;
          text-align: left;
          letter-spacing: normal;
      }
      .image-block {
          aspect-ratio: 2 / 1;
          margin: 0 0 1rem;
      }
      .resource-list__carousel slideshow-slides {
          gap:2rem;
      }
      .featured-blog-posts-card__content h4 {
          font-family: var(--font-body-family);
          font-weight: 400;
          font-size:16px;
          line-height: 19px;
          margin: 0;
          text-transform: uppercase;
      }
      .blog-post-card__content-text {
          font-size: 16px;
          opacity: 0.75;
          margin: 0;
          font-weight: 300;
          line-height: 21px;
          padding:0;
      }
      .blog-post-details {
        padding:0!important;  
        line-height: 21px; 
        gap:10px;     
        @media all and (max-width:984px) {
          gap:3px; 
        }
      }
      .blog-post-card__blog-name {
        padding:0!important
      }
      h4 {
        font-family: var(--font-h4--family)!important;
        font-size: 24px!important;
        line-height: 28px!important;
      }
      .blog-post-card__content-text {
        padding:0!important;
      }
      @media all and (min-width:985px) {
          .slideshow-control {
              display:none!important;
          }
      }
  } 
}
/*** Articulo - FIN ***/

/*** Articulo Prensa - INICIO ***/
body.template-article #MainContent[data-template="article.prensa"] {
  .menu {
    display: block!important;
  }
  .articulo-top {
    padding:4rem 0;
    .group-block-content {
      flex-direction: column;
      .image-block {
        flex:1;
      }
      .articulo-top-texto {
        position: absolute;
        top: 0;
        left: 0;       
        height: calc(100% + 6rem);
        margin-top: -3rem;
        padding: 0 1rem;
        @media all and (min-width:985px ) {
          height: calc(100% + 5rem);
          margin-top: -2.5rem;
        }
        > .group-block-content {
          justify-content: space-between;
        }
        h1 {
          margin:0;
          text-transform: none;
          font-size: 22px;
          line-height: 24px;
          text-shadow: 2px 1px 0px #FFFFFF;  
          max-width:985px;   
          @media all and (min-width:985px) {
            font-size: 42px;
            line-height: 44px;
          }  
        }
      }
    }
  }  
}
/*** Articulo Prensa - FIN ***/

/*** Articulo Stories - INICIO ***/
body.template-article #MainContent[data-template="article.stories"] {
  .menu {
    display: block!important;
  }
  .articulo-top.stories-top {
    max-width: 950px;
    margin:auto;
    > .group-block-content {
      gap:1rem;
    }
    .articulo-top-texto-detalles {
      p {
        font-size: 12px;
        color: #666;
        font-weight: 300;
      }          
    }    
    .articulo-top-texto {
      rte-formatter {
        width: 100%;
        text-align: left;
        justify-content: flex-start;
        align-items: flex-start;
      }
      p {
        text-transform: uppercase;
        font-size: 15px;  
        line-height: 15px;    
        font-weight: bold;    
        font-family: var(--font-h4--family);
        text-align: left;
        margin:0;
      } 
    }  
    .articulo-top-texto-nombre {
      rte-formatter {
        width: 100%;
      }
      h1 {
        width:100%;
        padding:0;
        strong {
          display: block;
          font-size:44px;
          font-weight: normal;
          @media all and (min-width:985px) {
            font-size:105px;
          }
          &:first-child {
            text-align: left;
          }
          &:nth-child(2) {
            text-align: right;
          }
        }
      }
    }   
    .articulo-top-texto-bajada {
      rte-formatter {
        align-items: flex-end;
        width:100%;
        overflow: hidden;
      }
      h4 {
        float:right;      
        margin:0;
        background:#000;
        color:#fff;
        font-size:16px;
        padding:1rem; 
        font-style: italic;
        font-weight: bold;
        @media all and (min-width:985px) {
          font-size:18px;
          padding:1.5rem; 
        }
      }
    }
  }
  .articulo-custom-contenido {
    h4 {
      background:#000;
      color:#fff;
      font-size:16px;
      padding:1rem; 
      font-style: italic;
      font-weight: bold;
      display: inline-block;
      @media all and (min-width:985px) {
        padding:1.5rem; 
      }
    }
    h5 {
      font-size: 18px;
      margin:2rem 0 0 0;
      em {
        font-style: normal;
      }
    }
    p {
      letter-spacing: normal;
      margin:1rem 0;
      position: relative;
    }
    img {
      width:60%;      
      &:first-of-type {
        clear: both;
        margin:auto;
      }
    }    
    iframe {
      max-width: 100%!important;
      display: block;
    }
    .quote {
      display: flex;
      width:100%;
      max-width: none;
      align-items: center;
      @media all and (max-width:984px) {
        flex-direction: column;
      }
      p {
        flex:60%;
        object-fit: cover;
        img {
          width:100%;
          margin:0;
          aspect-ratio: 1/1;
          object-fit: cover;
        }
      }
      h3 {
        flex: 40%;
        font-family: var(--font-h2--family);
        font-weight: bold;
        letter-spacing: normal;
        background: #fff;
        padding: 1rem;
        height: auto;
        font-size:32px;
        line-height: 36px;
        @media all and (min-width:985px) {
          transform: translate(-50%, 0);
          padding: 4rem;
        }
      }
    }
    a[href="/blogs/stories"] {
      margin:3rem auto 0;
      text-decoration: none;
    }
  } 
}
/*** Articulo Stories - FIN ***/

/*** Page Generica - INICIO ***/
body.template-page #MainContent[data-template="page"] {
    .page-width-content {
      grid-template-columns:1rem 1fr 1rem;
      @media all and (min-width:985px) {
        grid-template-columns:3rem 1fr 3rem;
      }
      h1 {
        font-size:24px;
        line-height: 28px;
        padding-top:5%;
        @media all and (min-width:985px) {
          font-size:48px;
          line-height: 60px;
        }
      }
      h2 {
        font-family: var(--font-body--family);
        font-size:21px;
        line-height: 28px;
        padding:2rem 0 1rem;
        margin:0;
        @media all and (min-width:985px) {
          font-size:36px;
          line-height: 48px;
        }
      }
      h3 {
        font-family: var(--font-body--family);
        font-size:18px;
        line-height: 24px;
        padding:1rem 0 0.5rem;
        margin:0;
        @media all and (min-width:985px) {
          font-size:24px;
          line-height: 28px;
        }
      }
      p {
        margin:0.5rem 0;
      }
    }
}
/*** Page Generica - FIN ***/

/*** Trabaja con Nosotros - INICIO ***/
body.template-page #MainContent[data-template="page.trabaja-con-nosotros"] {
  .image-block {
    img {
      aspect-ratio: 6/1;
    }
  }
  .asesoramiento-contenido {
    max-width: 1100px!important;
    .group-block-content {
      gap:3rem;
    }    
    .asesoramiento-contenido-left {
      width:80%;
      flex:80%;
      @media all and (max-width:984px) {
        flex:1!important;
        width:100%;
      }
      .group-block-content {
        gap:1rem;
      }  
      h1 {
        padding:0;
        margin:0;
        text-align: center;
        @media all and (max-width:984px) {
          font-size:28px;
          line-height: 32px;
          margin-bottom: 1rem;
        }
      }
      h3 {
        font-size:24px;
        font-family: var(--font-body--family);
        font-weight: 700;
        text-transform: none;
        text-align: center;
        margin:1rem auto 0.5rem;
        width: 100%;
      }
    }
    .image-block {
      flex:20%;
      img {
        aspect-ratio:initial;
        border-radius: 200px;
        @media all and (max-width:984px) {
          aspect-ratio: 1/2;
        }
      }
    }
  }
}
/*** Trabaja con Nosotros - FIN ***/

/*** Manifiesto - INICIO ***/
body.template-page #MainContent[data-template="page.manifiesto"] {
  max-width: 1920px;
  .shopify-section.section-wrapper:first-child  {
    float:none;
    width:100%;
    margin:0 auto;
    padding:0;
    .section-content-wrapper {
      gap:0.5rem;
    }
    h1 {
      font-size:44px;
      line-height: 44px;
      padding:0;
      margin:0 auto;
      text-align: center;
    }
    h2 {
      text-transform: none;
      font-family: var(--font-body--family);
      font-size:16px;
      line-height: 21px;
      padding:0;
      margin:0 auto;
      text-align: center;
      font-weight: 400;
    }
  }
  .page-gallery-section {
    margin-bottom:3rem;
    .page-gallery__main {  
      max-height: 280px; 
    }
  }
  .shopify-section.section-wrapper  {
    padding:0 1.5rem 5rem;
    @media all and (min-width:985px) {
      padding:2rem 1.5rem 5rem;
    }
    .section--page-width {
      display: block;
    }
    h3 {
      font-family: var(--font-body--family);
      font-size: 28px;
      line-height: 32px;
      font-weight: 300;
      font-style: italic;
      padding-bottom:1rem;
    }
    p {
      font-weight: 300;
      margin:0 0 0.25rem;
      font-size:15px;
      width:100%;
      max-width: none;
    }
  } 
  @media all and (min-width:985px) {
    .page-gallery-section {
      float:left;
      width:50%;
      display: block;
      padding:2rem;
      justify-content: flex-end;
      .page-gallery__main {
        max-height: 500px;
      }
    }
    .shopify-section.section-wrapper  {
      float:right;
      width:50%;
      clear:none;
    }
  }
}
/*** Manifiesto - FIN ***/

/*** Tienda - INICIO ***/
.card-gallery  {
  aspect-ratio: 1/1;
  slideshow-component,
  slideshow-container,
  slideshow-slides {
    height:100%;
  }
}
/*** Tienda - FIN ***/


/*** Nuestras Marcas - INICIO ***/
body.template-page #MainContent[data-template="page.marcas"] {
  .image-block {
    img {
      object-fit: contain;
    }
  }
  .custom-section {
    max-width:985px;
    margin:auto;
  }
}
/*** Nuestras Marcas - FIN ***/