/** Shopify CDN: Minification failed

Line 137:69 Unexpected "*"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:hero-slideshow (INDEX:20) */
.hero-slideshow {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
  }
  .hero-slideshow__viewport {
    position: relative;
    width: 100%;
    height: var(--slideshow-height, 100vh);
  }
  @media (max-width: 749px) {
    .hero-slideshow__viewport {
      height: var(--slideshow-height-mobile, 100vh);
    }
  }
  .hero-slideshow__slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    color: var(--color-text, #ffffff);
  }
  .hero-slideshow--transition-fade .hero-slideshow__slide {
    transition: opacity 0.6s ease;
  }
  .hero-slideshow--transition-slide .hero-slideshow__slide {
    transform: translateX(100%);
    transition: transform 0.6s ease;
    opacity: 1;
  }
  .hero-slideshow__slide.is-active {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
  }
  .hero-slideshow--transition-slide .hero-slideshow__slide.is-active {
    transform: translateX(0);
  }

  .hero-slideshow__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
  }
  .hero-slideshow__bg-picture,
  .hero-slideshow__bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  .hero-slideshow__bg-img,
  .hero-slideshow__bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--bg-focal, center);
  }
  .hero-slideshow__bg-video { z-index: 1; }

  .hero-slideshow__overlay {
    position: absolute;
    inset: 0;
    background-color: var(--overlay-color, #000000);
    opacity: var(--overlay-opacity, 0.4);
    pointer-events: none;
    z-index: 2;
  }

  .hero-slideshow__media-link {
    position: absolute;
    inset: 0;
    z-index: 3;
    text-indent: -9999px;
  }

  .hero-slideshow__content-wrapper {
    position: relative;
    z-index: 4;
    width: 100%;
    height: 100%;
    display: flex;
    padding: clamp(1.5rem, 5vw, 4rem);
    box-sizing: border-box;
  }

  .hero-slideshow__slide--align-left .hero-slideshow__content-wrapper { justify-content: flex-start; }
  .hero-slideshow__slide--align-center .hero-slideshow__content-wrapper { justify-content: center; }
  .hero-slideshow__slide--align-right .hero-slideshow__content-wrapper { justify-content: flex-end; }
  .hero-slideshow__slide--vpos-start .hero-slideshow__content-wrapper { align-items: flex-start; }
  .hero-slideshow__slide--vpos-center .hero-slideshow__content-wrapper { align-items: center; }
  .hero-slideshow__slide--vpos-end .hero-slideshow__content-wrapper { align-items: flex-end; }

  .hero-slideshow__content {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .hero-slideshow__slide--align-left .hero-slideshow__content { text-align: left; align-items: flex-start; }
  .hero-slideshow__slide--align-center .hero-slideshow__content { text-align: center; align-items: center; }
  .hero-slideshow__slide--align-right .hero-slideshow__content { text-align: right; align-items: flex-end; }

  .hero-slideshow__rating {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .hero-slideshow__stars {
    display: inline-flex;
    gap: 2px;
    color: var(--color-star, #F5A623);
    line-height: 0;
  }
  .hero-slideshow__rating-text {
    font-size: 0.9rem;
    line-height: 1.3;
  }

  /* Self-contained typography: this theme does not ship the ff-*/fs-* utility
     classes the section optionally uses, so sizes/fonts are defined here and
     mapped to the theme font stacks. */
  .hero-slideshow__content { font-family: var(--FONT-STACK-BODY, inherit); }
  .hero-slideshow__accent {
    margin: 0;
    font-family: var(--FONT-STACK-SUBHEADING, var(--FONT-STACK-BODY, inherit));
    font-size: 0.8125rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 600;
  }
  .hero-slideshow__heading {
    margin: 0;
    line-height: 1.05;
    font-family: var(--FONT-STACK-HEADING, inherit);
    font-weight: 700;
    font-size: clamp(2rem, 5vw, 3.5rem);
    /* El tema fuerza un color oscuro en h1/h2; aqui lo mantenemos en el
       color del slide (blanco por defecto) para que no se pierda. */
    color: var(--color-text, #FFFFFF) !important;
  }
  .hero-slideshow__heading.fs-heading-display-3 { font-size: clamp(1.75rem, 4vw, 2.75rem); }
  .hero-slideshow__heading.fs-heading-display-2 { font-size: clamp(2rem, 5vw, 3.5rem); }
  .hero-slideshow__heading.fs-heading-display-1 { font-size: clamp(2.25rem, 6vw, 4.25rem); }
  .hero-slideshow__subheading {
    margin: 0;
    line-height: 1.4;
    font-family: var(--FONT-STACK-BODY, inherit);
    font-size: clamp(1rem, 2vw, 1.25rem);
  }
  .hero-slideshow__body {
    margin: 0;
    line-height: 1.5;
    font-family: var(--FONT-STACK-BODY, inherit);
    font-size: 1rem;
  }
  .hero-slideshow__btn { font-family: var(--FONT-STACK-BUTTON, inherit); }

  .hero-slideshow__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.5rem;
  }
  .hero-slideshow__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.875rem 2rem;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    cursor: pointer;
    line-height: 1.2;
    white-space: nowrap;
  }
  .hero-slideshow__btn:hover { opacity: 0.85; }
  .hero-slideshow__btn:active { transform: scale(0.98); }
  .hero-slideshow__btn.btn--primary {
    background-color: var(--color-button-bg, #FFFFFF);
    color: var(--color-button-text, #000000);
    border: 2px solid var(--color-button-bg, #FFFFFF);
  }
  .hero-slideshow__btn.btn--secondary {
    background-color: transparent;
    color: var(--color-text, #FFFFFF);
    border: 2px solid var(--color-text, #FFFFFF);
  }
  .hero-slideshow__btn.btn--callout {
    background: transparent;
    color: var(--color-text, #FFFFFF);
    border: none;
    text-decoration: underline;
    padding: 0.5rem 0.75rem;
    border-radius: 0;
  }

  .hero-slideshow__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    margin-top: 0.75rem;
  }
  .hero-slideshow__slide--align-left .hero-slideshow__badges { justify-content: flex-start; }
  .hero-slideshow__slide--align-center .hero-slideshow__badges { justify-content: center; }
  .hero-slideshow__slide--align-right .hero-slideshow__badges { justify-content: flex-end; }
  .hero-slideshow__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    line-height: 1.2;
  }
  .hero-slideshow__badge-icon {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--color-badge-icon, #F5A623);
  }

  .hero-slideshow__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.85);
    color: #000;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  .hero-slideshow__arrow:hover { background: rgba(255, 255, 255, 1); }
  .hero-slideshow__arrow--prev { left: 16px; }
  .hero-slideshow__arrow--next { right: 16px; }

  .hero-slideshow__dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    gap: 8px;
  }
  .hero-slideshow__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
  }
  .hero-slideshow__dot.is-active {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.3);
  }

  /* Mobile alignment overrides */
  @media (max-width: 749px) {
    .hero-slideshow__slide--align-mobile-left .hero-slideshow__content-wrapper { justify-content: flex-start; }
    .hero-slideshow__slide--align-mobile-center .hero-slideshow__content-wrapper { justify-content: center; }
    .hero-slideshow__slide--align-mobile-right .hero-slideshow__content-wrapper { justify-content: flex-end; }
    .hero-slideshow__slide--vpos-mobile-start .hero-slideshow__content-wrapper { align-items: flex-start; }
    .hero-slideshow__slide--vpos-mobile-center .hero-slideshow__content-wrapper { align-items: center; }
    .hero-slideshow__slide--vpos-mobile-end .hero-slideshow__content-wrapper { align-items: flex-end; }

    .hero-slideshow__slide--align-mobile-left .hero-slideshow__content { text-align: left; align-items: flex-start; }
    .hero-slideshow__slide--align-mobile-center .hero-slideshow__content { text-align: center; align-items: center; }
    .hero-slideshow__slide--align-mobile-right .hero-slideshow__content { text-align: right; align-items: flex-end; }

    .hero-slideshow__slide--align-mobile-left .hero-slideshow__badges { justify-content: flex-start; }
    .hero-slideshow__slide--align-mobile-center .hero-slideshow__badges { justify-content: center; }
    .hero-slideshow__slide--align-mobile-right .hero-slideshow__badges { justify-content: flex-end; }

    .hero-slideshow__content-wrapper { padding: 1.5rem; }
    .hero-slideshow__content { max-width: 100%; gap: 0.625rem; }
    .hero-slideshow__badges { gap: 0.5rem 1rem; font-size: 0.8rem; }
    .hero-slideshow__badge { font-size: 0.8rem; }
    .hero-slideshow__rating-text { font-size: 0.8rem; }
    .hero-slideshow__btn { padding: 0.75rem 1.5rem; font-size: 0.9rem; }
    .hero-slideshow__buttons { width: 100%; }
    .hero-slideshow__arrow { width: 36px; height: 36px; }
    .hero-slideshow__arrow--prev { left: 8px; }
    .hero-slideshow__arrow--next { right: 8px; }
  }
/* END_SECTION:hero-slideshow */