/** Shopify CDN: Minification failed

Line 45:0 All "@import" rules must come first

**/
/* brd2 Custom Animations — Versión creada con claude */

/* ——— KEYFRAMES ——— */
@keyframes brd2-float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}

@keyframes brd2-float-slow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

@keyframes brd2-pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.45; transform: scale(1.5); }
}

@keyframes brd2-fade-in-up {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes brd2-scale-in {
  from { opacity: 0; transform: scale(0.92); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes brd2-shimmer-btn {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 107, 43, 0.35); }
  50%       { box-shadow: 0 0 0 10px rgba(255, 107, 43, 0); }
}

@keyframes brd2-spin-slow {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* ——— POPPINS FONT ——— */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

/* ——— SCROLL REVEAL ——— */
.brd2-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.brd2-reveal.brd2-visible {
  opacity: 1;
  transform: translateY(0);
}
.brd2-reveal-scale {
  opacity: 0;
  transform: scale(0.94);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.brd2-reveal-scale.brd2-visible {
  opacity: 1;
  transform: scale(1);
}
.brd2-delay-1 { transition-delay: 0.1s; }
.brd2-delay-2 { transition-delay: 0.2s; }
.brd2-delay-3 { transition-delay: 0.3s; }
.brd2-delay-4 { transition-delay: 0.4s; }

/* Already-visible sections don't hide on first paint */
.shopify-section:first-child .brd2-reveal,
.shopify-section:first-child .brd2-reveal-scale {
  opacity: 1;
  transform: none;
  transition: none;
}

/* ——— FLOATING MASCOT / HERO IMAGE ——— */
.brd2-float {
  animation: brd2-float 3.5s ease-in-out infinite;
}
.brd2-float-slow {
  animation: brd2-float-slow 4.5s ease-in-out infinite 0.5s;
}

/* ——— WHATSAPP PULSE DOT ——— */
.brd2-wa-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #4CAF50;
  animation: brd2-pulse-dot 1.6s infinite;
  margin-right: 6px;
  vertical-align: middle;
}

/* ——— HERO PARALLAX ——— */
.brd2-parallax-wrapper {
  position: relative;
  overflow: hidden;
}
.brd2-parallax-bg {
  position: absolute;
  inset: -60px;
  will-change: transform;
  pointer-events: none;
  z-index: 0;
}
.brd2-parallax-wrapper > * {
  position: relative;
  z-index: 1;
}

/* ——— CTA BUTTON SHIMMER (primary) ——— */
.brd2-btn-shimmer {
  animation: brd2-shimmer-btn 2.8s infinite 1.5s;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.brd2-btn-shimmer:hover {
  transform: translateY(-2px) scale(1.03);
}

/* ——— CARD HOVER LIFT ——— */
.brd2-card-lift {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.3s ease;
}
.brd2-card-lift:hover {
  transform: translateY(-7px);
  box-shadow: 0 14px 38px rgba(28, 19, 8, 0.11);
}

/* ——— NAV LINK UNDERLINE ——— */
.brd2-nav-link {
  position: relative;
  transition: color 0.2s;
}
.brd2-nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: #FF6B2B;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}
.brd2-nav-link:hover::after {
  transform: scaleX(1);
}

/* ——— STEP CARDS ——— */
.brd2-step-hover {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.3s ease;
}
.brd2-step-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(229, 67, 122, 0.13);
}

/* ——— SOCIAL ICONS ——— */
.brd2-social-icon {
  display: inline-block;
  transition: transform 0.2s ease, color 0.2s ease;
}
.brd2-social-icon:hover {
  transform: scale(1.22) translateY(-2px);
}

/* ——— HEADER STICKY SHADOW ——— */
.brd2-header-scrolled {
  box-shadow: 0 2px 20px rgba(28, 19, 8, 0.09) !important;
  transition: box-shadow 0.3s ease;
}

/* ——— UGC / GALLERY ITEMS ——— */
.brd2-ugc-hover {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.3s ease;
  cursor: pointer;
}
.brd2-ugc-hover:hover {
  transform: scale(1.07) rotate(1deg);
  box-shadow: 0 10px 28px rgba(124, 58, 237, 0.18);
}

/* ——— REVIEW / TESTIMONIAL CARDS ——— */
.brd2-review-hover {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.brd2-review-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 22px rgba(28, 19, 8, 0.08);
}

/* ——— SECTION FADE-IN DEFAULTS (Shopify sections) ——— */
.shopify-section {
  will-change: auto;
}