/** Shopify CDN: Minification failed

Line 53:30 Unexpected "{"

**/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap');

.tk-brevia {
  font-family: "brevia", sans-serif;
}



dialog:not(.dialogo__oferta) {
  --backdrop__fondo: var(--color-backdrop__light) url('//regalatelo.cl/cdn/shop/t/283/assets/patron.svg?v=4079018017373769311770135179') repeat  0 0 / 200px 200px;
}


dialog:has(.tarjeta-informacion){
  --backdrop__fondo: var(--color-backdrop__light) url('//regalatelo.cl/cdn/shop/t/283/assets/patron-alt.svg?v=70306079550529308071770135178') repeat  0 0 / 200px 200px;
}

.switch {
  grid-area: switch;
  display: flex;
  align-items: center;
  justify-self: center;
}

.switch input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  min-height: 40px;
  border-radius: 16px;
  background: url('sun4.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.switch input[type="checkbox"]:checked {
  background-image: url('moon5.svg');
}

.dark-theme :is(img:not(.header__heading-link > *, .banner-dinamico img, .main-ofertas img)) {
  filter: brightness(95%) !important;
}


/* reglas css */

h1.title, h2.title, h3.title, {
  color: rgb(var(--color__principal))!important;
}

.product__title > h1, h2 {
  color: rgb(var(--color__titulares))!important;

}

body:not(.dark-theme) .off {
  fill: inherit;
}

icono:empty {
  display: none;
}


      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//regalatelo.cl/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//regalatelo.cl/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}

      
      
      
      @font-face {
  font-family: Assistant;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//regalatelo.cl/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
       url("//regalatelo.cl/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
}



      :root {
        --font-body-family: Montserrat, sans-serif;
        --font-body-style: normal;
        --font-body-weight: 300;
        --font-body-weight-bold: 500;

        --font-heading-family: brevia, sans-serif;
        --font-heading-style: normal;
        --font-heading-weight: 600;

        --font-body-scale: 0.8695652173913043;
        --font-heading-scale: 1.1;

        --media-padding: px;
        --media-border-opacity: 0.05;
        --media-border-width: 1px;
        --media-radius: 24px;
        --media-shadow-opacity: 0.0;
        --media-shadow-horizontal-offset: 0px;
        --media-shadow-vertical-offset: 4px;
        --media-shadow-blur-radius: 5px;
        --media-shadow-visible: 0;

        --page-width: 120rem;
        --page-width-margin: 0rem;

        --product-card-image-padding: 0px;
        --product-card-corner-radius: 12px;
        --product-card-text-alignment: left;
        --product-card-border-width: 1px;
        --product-card-border-opacity:  .1;
        --product-card-shadow-opacity: .2;
        --product-card-shadow-visible: 1;
        --product-card-shadow-horizontal-offset: 4px;
        --product-card-shadow-vertical-offset: 4px;
        --product-card-shadow-blur-radius: 4px;

        --collection-card-image-padding: 1.6rem;
        --collection-card-corner-radius: 0.0rem;
        --collection-card-text-alignment: left;
        --collection-card-border-width: 0.0rem;
        --collection-card-border-opacity: 0.1;
        --collection-card-shadow-opacity: 0.0;
        --collection-card-shadow-visible: 0;
        --collection-card-shadow-horizontal-offset: 0.0rem;
        --collection-card-shadow-vertical-offset: 0.4rem;
        --collection-card-shadow-blur-radius: 0.5rem;

        --blog-card-image-padding: 0.0rem;
        --blog-card-corner-radius: 0.0rem;
        --blog-card-text-alignment: left;
        --blog-card-border-width: 0.0rem;
        --blog-card-border-opacity: 0.1;
        --blog-card-shadow-opacity: 0.0;
        --blog-card-shadow-visible: 0;
        --blog-card-shadow-horizontal-offset: 0.0rem;
        --blog-card-shadow-vertical-offset: 0.4rem;
        --blog-card-shadow-blur-radius: 0.5rem;

        --badge-corner-radius: 4.0rem;

        --popup-border-width: 1px;
        --popup-border-opacity: 0.1;
        --popup-corner-radius: 0px;
        --popup-shadow-opacity: 0.05;
        --popup-shadow-horizontal-offset: 0px;
        --popup-shadow-vertical-offset: 4px;
        --popup-shadow-blur-radius: 5px;

        --drawer-border-width: 1px;
        --drawer-border-opacity: 0.1;
        --drawer-shadow-opacity: 0.0;
        --drawer-shadow-horizontal-offset: 0px;
        --drawer-shadow-vertical-offset: 4px;
        --drawer-shadow-blur-radius: 5px;

        --spacing-sections-desktop: 0px;
        --spacing-sections-mobile: 0px;

        --grid-desktop-vertical-spacing: 1rem;
        --grid-desktop-horizontal-spacing: 3rem;
        --grid-mobile-vertical-spacing: 1rem;
        --grid-mobile-horizontal-spacing: 1.3rem;

        --text-boxes-border-opacity: 0.1;
        --text-boxes-border-width: 0px;
        --text-boxes-radius: 0px;
        --text-boxes-shadow-opacity: 0.0;
        --text-boxes-shadow-visible: 0;
        --text-boxes-shadow-horizontal-offset: 0px;
        --text-boxes-shadow-vertical-offset: 4px;
        --text-boxes-shadow-blur-radius: 5px;

        --buttons-radius: 12px;
        --buttons-radius-outset: 12px;
        --buttons-border-width: 0px;
        --buttons-border-opacity: .1;
        --buttons-shadow-opacity: .3;
        --buttons-shadow-visible: 1;
        --buttons-shadow-horizontal-offset: 4px;
        --buttons-shadow-vertical-offset: 4px;
        --buttons-shadow-blur-radius: 10px;
        --buttons-border-offset: 0px;

        --inputs-radius: 8px;
        --inputs-border-width: 1px;
        --inputs-border-opacity: 0.55;
        --inputs-shadow-opacity: 0.0;
        --inputs-shadow-horizontal-offset: 0px;
        --inputs-margin-offset: 0px;
        --inputs-shadow-vertical-offset: 4px;
        --inputs-shadow-blur-radius: 5px;
        --inputs-radius-outset: 0px;

        --variant-pills-radius: 40px;
        --variant-pills-border-width: 1px;
        --variant-pills-border-opacity: 0.55;
        --variant-pills-shadow-opacity: 0.0;
        --variant-pills-shadow-horizontal-offset: 0px;
        --variant-pills-shadow-vertical-offset: 4px;
        --variant-pills-shadow-blur-radius: 5px;
     
      }

      *,
      *::before,
      *::after {
        box-sizing: inherit;
      }

      html {
        box-sizing: border-box;
        font-size: 16px;
        height: 100%;
      }

      body {
        display: grid;
        grid-template-rows: auto auto 1fr auto;
        min-height: 100%;
        margin: 0;
        font-size: 1rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
        font-family: var(--font-body-family);
        font-style: var(--font-body-style);
        font-weight: var(--font-body-weight);
        background-color: rgb(var(--color__fondo));
        color: rgba(var(--color__texto), 1);
        scroll-behavior: smooth;
      }
        
      main {
        display: grid;
        grid-template-columns: 1rem repeat(10, minmax( 0, 1fr )) 1rem;
        column-gap: .3rem;
      }


      @media screen and (min-width: 1024px) and (orientation: landscape) {
        main {
          grid-template-columns: repeat(12, minmax(0, 1fr));
          
        }
        
        .shopify-section:has(.main-catalogo) {
          grid-column: span 6;
        }
        
        .shopify-section:has(.main-juegos) {
          grid-column: span 6;
        }

        .shopify-section:has(.main-blog) {
          display: flex;
          grid-column: span 6;
          align-items: stretch;
        }

        .shopify-section:has(.envios-landing__wrapper) {
          grid-column: span 6;
        }

        .shopify-section:has(.main-testimonios) {
          grid-column: span 12;
          border-bottom: var(--separador);
        }

        .shopify-section:has(.main-tutorial-compra) {
          grid-column: span 6;
        }

        .shopify-section:has(.main-preguntas-frecuentes) {
          grid-column: span 6;
        }

        .shopify-section:has(.oferta-swipe) {
          grid-column: span 6;
        }
      }
          
      main > * {
        grid-column: 1 / -1;
      }

 /* 6. Inherit fonts for form controls */
input, button, textarea, select {
  font: inherit;
}
/* 7. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
/* 8. Improve line wrapping */
p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

.tarjeta-producto__wrapper.agotado::after {
        content: url('//regalatelo.cl/cdn/shop/t/283/assets/conejo-agotado.svg?v=122009293104024553801770135170');
        position: absolute;
        top: 10%;
        width: 100%;
        filter: none!important;
      }


      .oferta-swipe__tarjeta--agotado .oferta-swipe__imagen {
        filter: grayscale(100%);
        opacity: 0.7;
      }
      
      .oferta-swipe__tarjeta--agotado .oferta-swipe__precio-actual::after {
        content: url('//regalatelo.cl/cdn/shop/t/283/assets/conejo-agotado.svg?v=122009293104024553801770135170');
        position: absolute;
        top: 10%;
        left: 10%;
        width: 90%;
        filter: none !important;
      }
/* acordeon */
.acordeon {
  margin-bottom: 20px;
}

.acordeon details {
  margin-bottom: 30px;
  width: 90%;
  max-width: 60ch;
  margin-inline: auto;
  border-radius: 12px;
  overflow: hidden;
  transition: all 300ms ease;
  border: var(--borde__fuerte);
}

.acordeon details summary {
  padding: 1rem 2.5rem 1rem 1.5rem;
  background: rgb(var(--color__fondo));
  border-radius: 12px;
  font-weight: 700;
  font-size: var(--h5);
  cursor: pointer;
  position: relative;
  list-style: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 300ms ease;
}

/* Eliminar el marker por defecto */
.acordeon details summary::-webkit-details-marker {
  display: none;
}


/* Flecha SVG embebida */
.acordeon details summary .flecha {
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
  flex-shrink: 0;
  transition: transform 300ms ease;
  transform-origin: center;
  pointer-events: none;
  display: inline-block;
}

/* Si el summary tiene SVG, quitamos el background fallback */
.acordeon details summary:has(.flecha) {
  background-image: none;
}

/* Al abrir: rotar SVG flecha */
.acordeon details[open] summary .flecha {
  transform: rotate(90deg);
}

/* Al abrir: colores, borde y fondo */
.acordeon details[open] summary {
  border-bottom: var(--borde__fuerte);
  border-radius: 12px 12px 0 0;
}


/* Contenedor abierto */
.acordeon details[open] {
  background: rgb(var(--color__fondo));
  border-radius: 24px;
}

/* Animación suave del contenido */
.acordeon details > *:not(summary) {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  transition: all 200ms ease;
  overflow: hidden;
}

.acordeon details[open] > *:not(summary) {
  opacity: 1;
  max-height: 1000px;
  padding-top: 0.5rem;
}

/* Estilo del contenido */
.acordeon details p,
.acordeon details figcaption {
  font-size: var(--p);
  margin: 1rem 1.5rem;
  text-align: left;
}

.acordeon details img {
  width: 100%;
  height: auto;
  display: block;
  margin: 1rem auto;
}


/* Variante Display */

.acordeon-display {
  margin-bottom: 20px;
}

.acordeon-display details {
  margin-bottom: 30px;
  width: 90%;
  max-width: 80ch;
  margin-inline: auto;
  border-radius: 12px;
  border: var(--borde__suave);
  transition: all 300ms ease;
  overflow: hidden;
}

.acordeon-display summary {
  padding: 1rem 2.5rem 1rem 1.5rem;
  background: rgb(var(--color__fondo));
  font-weight: 600;
  font-size: var(--p);
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url("flecha.svg");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 0.75rem auto;
}

.acordeon-display details summary::-webkit-details-marker {
  display: none;
}

.acordeon-display details[open] {
  background: rgb(var(--color__fondo));
  box-shadow: var(--details__inset);
  border-radius: 12px;
}

.acordeon-display details[open] summary {
  border-bottom: var(--borde__fuerte);
}

.acordeon-display details p,
.acordeon-display details figcaption {
  font-size: var(--p);
  margin: 1rem 1.5rem;
  text-align: left;
}

.acordeon-display details img {
  width: 100%;
  height: auto;
  display: block;
  margin: 1rem auto;
}

.acordeon-display details a {
  display: block;
  margin: 0.5rem 1.5rem;
}



/* Regla global para aplicar -webkit-tap-highlight-color a elementos pulsables */

/* Selector básico para todos los elementos pulsables */
a,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
select,
summary,
.button,
[role="button"],
[tabindex="0"],
.card--clickable,
.card__inner--clickable,
.card__content a,
.card-information__button,
.card-information__quick-add,
.quick-add-modal__button,
.disclosure__button,
.modal__toggle-close,
.modal__toggle-open,
.facets__label,
.collection-filter-tag,
.list-menu__item,
.header__menu-item,
.header__icon,
.predictive-search__item,
.cart-notification__close,
.pagination__button,
.drawer__close-button,
.drawer__footer-container button,
.slider-button,
.quantity__button,
.product-popup-modal__close,
.share-button__button,
.share-button button,
.popover__close-button,
.variant-item,
.cart-drawer__checkout,
.cart-drawer__checkout-button,
.cart-drawer__close {
  -webkit-tap-highlight-color: rgba(218, 139, 204, 0.01);
}

/* Específico para controles Shopify */
.shopify-payment-button__button,
.shopify-payment-button__more-options,
.template-cart .cart__checkout-button,
.product-form__submit,
.product-form__add-button,
.product-form__add-to-cart,
.product-recommendations__item-link,
.animate-arrow,
.view-all,
.card__brand a,
.card__information a,
.cart-item__quantity-wrapper button,
.cart__checkout,
.cart__dynamic-checkout-buttons button,
.cart-note__button,
.gift-card-form__submit,
.search-modal__close-button,
.search-modal__search-button,
.tab-button,
.accordion__summary,
.icon-arrow,
.custom-select,
.predictive-search__item-heading,
.main-search__form-field,
.announcement-bar__link, 
.price-range__thumb,
.price-range__slider-thumb {
  -webkit-tap-highlight-color: rgba(218, 139, 204, 0.01);
}

/* Para arreglar el efecto en áreas que podrían tener estilos conflictivos */
[data-button-style="outline"] a,
[data-button-style="outline"] button,
.button--secondary,
.button--tertiary {
  -webkit-tap-highlight-color: rgba(218, 139, 204, 0.01);
}



@supports (selector(:focus-visible)) {
  a:focus:not(:focus-visible),
  button:focus:not(:focus-visible),
  [tabindex="0"]:focus:not(:focus-visible) {
    -webkit-tap-highlight-color: rgba(218, 139, 204, 0.01);
  }
}

/* Accesibilidad - asegurar que los elementos focusables mantienen el outline adecuado para navegación por teclado */
a:focus-visible,
button:focus-visible,
[tabindex="0"]:focus-visible {
  outline: 0.2rem solid rgba(218, 139, 204, 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.2rem rgba(218, 139, 204, 0.3);
}