/** Shopify CDN: Minification failed

Line 400:0 Expected "}" to go with "{"

**/
.header__menu-item span.header__active-menu-item {
  background: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
}

.header__menu-item span{
  font-family: 'CustomBaloo', sans-serif !important;
  font-size: 32px;
}

a {
  font-size: 32px;
}
/* ===== MOBILE: MENU IZQ + LOGO PEGADO A SU DERECHA ===== */
@media (max-width: 749px){

  .header{
    display:flex !important;
    align-items:center !important;
  }

  /* Menú primero */
  header-drawer,
  .header__icon--menu{
    order: 1 !important;
  }

  /* Logo segundo: lo “jalamos” hacia el menú */
  .header__heading{
    order: 2 !important;
    margin-left: -50px !important;   /* 👈 AJUSTE CLAVE (prueba -10, -14, -18) */
    margin-right: auto !important;
  }

  /* Iconos al final */
  .header__icons{
    order: 3 !important;
  }

  /* Tamaño logo en móvil */
  .header__heading-logo{
    max-height: 44px !important;
    width: auto !important;
  }
}
@media (max-width: 749px){

  .header{
    padding-left: 13px !important;   /* prueba 6px */
  }

}
/* CASA PURA — Header transparente (DESKTOP) */
@media (min-width: 990px){
  .shopify-section-group-header-group,
  .shopify-section-group-header-group .shopify-section-header,
  .shopify-section-header,
  #shopify-section-header,
  header.header,
  .header-wrapper,
  .section-header {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  .shopify-section-group-header-group,
  .shopify-section-header,
  #shopify-section-header{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999 !important;
  }
}
/* CASA PURA — quitar fondo del item activo (Inicio) en el menú */
.header__active-menu-item,
.header__menu-item[aria-current="page"],
.list-menu__item--active,
.list-menu__item.active {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* CASA PURA — fuerza estilo del botón del banner */
.shopify-section .banner a,
.shopify-section .banner .button,
.shopify-section .image-banner a,
.shopify-section .image-banner .button,
.shopify-section [class*="banner"] a[class*="button"],
.shopify-section [class*="banner"] .button {
  background: transparent !important;
  border-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  color: #fff !important;
  -webkit-text-fill-color: #fff !important; /* Safari */
}

/* por si el texto está dentro de span */
.shopify-section [class*="banner"] .button *,
.shopify-section [class*="banner"] a[class*="button"] * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* underline hover */
.shopify-section [class*="banner"] a[class*="button"]::after,
.shopify-section [class*="banner"] .button::after {
  content: "";
  display: block;
  height: 1px;
  width: 0%;
  margin-top: 8px;
  background: #fff;
  transition: width .25s ease;
}

.shopify-section [class*="banner"] a[class*="button"]:hover::after,
.shopify-section [class*="banner"] .button:hover::after,
.shopify-section [class*="banner"] a[class*="button"]:focus-visible::after,
.shopify-section [class*="banner"] .button:focus-visible::after {
  width: 100%;
}
/* CASA PURA — Banner CTA: quitar linea rara arriba y dejar underline abajo */
.shopify-section [class*="banner"] a[class*="button"],
.shopify-section [class*="banner"] .button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}

/* Si el tema dibuja la linea con ::before/::after/box-shadow, la apagamos */
.shopify-section [class*="banner"] a[class*="button"]::before,
.shopify-section [class*="banner"] .button::before {
  content: none !important;
  display: none !important;
}

.shopify-section [class*="banner"] a[class*="button"]:hover,
.shopify-section [class*="banner"] .button:hover {
  box-shadow: none !important;
}

/* Underline blanco SOLO abajo (en hover) */
.shopify-section [class*="banner"] a[class*="button"]::after,
.shopify-section [class*="banner"] .button::after {
  content: "";
  display: block;
  height: 2px;
  width: 0%;
  margin: 8px auto 0; /* abajo del texto, centrado */
  background: #fff;
  transition: width .25s ease;
}

.shopify-section [class*="banner"] a[class*="button"]:hover::after,
.shopify-section [class*="banner"] .button:hover::after,
.shopify-section [class*="banner"] a[class*="button"]:focus-visible::after,
.shopify-section [class*="banner"] .button:focus-visible::after {
  width: 65%; /* ajusta 50–100% a tu gusto */
}
/* CASA PURA — Banner button (Dawn-like): reset total + underline blanco abajo */
.banner__buttons .button,
.banner__buttons a.button,
.image-banner .button,
.image-banner a.button,
.slideshow__text .button,
.slideshow__text a.button {
  position: relative !important;
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
  transform: none !important;
  background-image: none !important;
}

/* mata la linea “rara” si viene por pseudo-elementos */
.banner__buttons .button::before,
.banner__buttons a.button::before,
.image-banner .button::before,
.image-banner a.button::before,
.slideshow__text .button::before,
.slideshow__text a.button::before {
  content: none !important;
  display: none !important;
}

/* underline blanco abajo SOLO en hover/focus */
.banner__buttons .button::after,
.banner__buttons a.button::after,
.image-banner .button::after,
.image-banner a.button::after,
.slideshow__text .button::after,
.slideshow__text a.button::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -6px !important;
  transform: translateX(-50%) !important;
  height: 2px !important;
  width: 0% !important;
  background: #fff !important;
  transition: width .25s ease !important;
}

.banner__buttons .button:hover::after,
.banner__buttons a.button:hover::after,
.image-banner .button:hover::after,
.image-banner a.button:hover::after,
.slideshow__text .button:hover::after,
.slideshow__text a.button:hover::after,
.banner__buttons .button:focus-visible::after,
.image-banner .button:focus-visible::after,
.slideshow__text .button:focus-visible::after {
  width: 65% !important;
}
/* ===============================
   BARRA INFERIOR FIJA – CASA PURA
   =============================== */

#barra-inferior{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
  padding: 14px 0;
  display: flex;
  justify-content: center;
  gap: 60px;
 z-index: 10;
  border-top: 1px solid rgba(0,0,0,0.08);
}

#barra-inferior a{
  font-family: "Crimson Text", serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: rgba(0,0,0,0.85);
  text-decoration: none;
  position: relative;
}

/* Hover limpio tipo Zara */
#barra-inferior a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0%;
  height: 1px;
  background: black;
  transition: width 0.3s ease;
}

#barra-inferior a:hover::after{
  width: 100%;
}
/* Barra inferior fija - Casa Pura (más visible) */
.cp-bottombar{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;

  display: flex;
  justify-content: center;
  gap: 70px;
  padding: 12px 0;

  /* más visible pero elegante */
  background: rgba(255,255,255,.30);         /* velo MUY ligero */
  backdrop-filter: blur(6px);                 /* si el navegador lo soporta */
  -webkit-backdrop-filter: blur(6px);

  border-top: 1px solid rgba(0,0,0,.08);      /* línea finita */
}

/* Links */
.cp-bottombar__link{
  font-family: "Crimson Text", serif;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: .08em;

  color: rgba(0,0,0,.90);                     /* más contraste */
  text-decoration: none;
  position: relative;

  padding: 4px 2px;                           /* área clic un poco mejor */
}

/* hover: línea abajo */
.cp-bottombar__link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

.cp-bottombar__link:hover::after{
  transform: scaleX(1);
}
/* ===== TRANSPARENTE TAMBIÉN EN EL EDITOR (Shopify design mode) ===== */
html.shopify-design-mode .shopify-section-header,
html.shopify-design-mode .shopify-section-group-header-group,
html.shopify-design-mode .header-wrapper,
html.shopify-design-mode .header,
html.shopify-design-mode .header__inner,
html.shopify-design-mode .header__heading,
html.shopify-design-mode .header__menu-item,
html.shopify-design-mode .header-wrapper--border-bottom {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* por si el tema mete “fondo” en pseudo-elementos */
html.shopify-design-mode .shopify-section-header::before,
html.shopify-design-mode .shopify-section-header::after,
html.shopify-design-mode .header-wrapper::before,
html.shopify-design-mode .header-wrapper::after,
html.shopify-design-mode .header::before,
html.shopify-design-mode .header::after {
  content: none !important;
  background: transparent !important;
}
/* SUBIR TEXTO EN IMAGE BANNER (Dawn / similares) */
@media screen and (min-width: 750px){
  .banner__content .banner__box{
    transform: translateY(-80px) !important; /* cambia -80 a -40 o -120 */
  }
}

/* Opcional: también en móvil */
@media screen and (max-width: 749px){
  .banner__content .banner__box{
    transform: translateY(-40px) !important;
  }
}
/* BAJAR TEXTO SOLO EN EL PRIMER BANNER */
.section:first-of-type .banner__box{
  transform: translateY(60px) !important; /* prueba 40, 60, 80 */
}
/* BAJAR TEXTO SOLO EN EL PRIMER BANNER */
.section:first-of-type .banner__box{
  transform: translateY(100px) !important; /* prueba 40, 60, 80 */
}
@media(max-width:749px){
#barra-inferior,.barra-inferior,#barra-colecciones,.barra-colecciones{
display:flex!important;gap:10px!important;justify-content:space-between!important;
padding:8px 12px!important;flex-wrap:wrap!important
}
#barra-inferior a,.barra-inferior a,#barra-colecciones a,.barra-colecciones a{
font-size:13px!important;white-space:nowrap!important;padding:6px 8px!important
}
footer{
padding-top:30px!important;
padding-bottom:15px!important;
}

footer p,
footer a{
font-size:13px!important;
}

.footer-block{
margin-bottom:10px!important;
}