/** Shopify CDN: Minification failed

Line 72:0 All "@import" rules must come first
Line 178:0 Unexpected "<"

**/
/*
 * FruverBox Tokens — Sistema visual T-002
 * Importado en theme.liquid via snippet stylesheets-fruverbox.
 * Variables disponibles globalmente en cualquier section/snippet/block del theme.
 */

:root {
  /* BRAND COLORS */
  --fb-green: #2A7D14;
  --fb-green-dark: #1F5C0F;
  --fb-green-soft: rgba(42, 125, 20, 0.08);
  --fb-orange: #F47920;
  --fb-orange-dark: #D8651A;
  --fb-orange-soft: rgba(244, 121, 32, 0.08);
  --fb-cream: #F6F2EB;
  --fb-white: #FDFCFA;

  /* NEUTRALS */
  --fb-n50:  #F9F7F4;
  --fb-n100: #EDE9E2;
  --fb-n200: #DAD4C8;
  --fb-n300: #BEB8AE;
  --fb-n500: #8B847C;
  --fb-n600: #6B6560;
  --fb-n900: #262018;

  /* SEMANTIC */
  --fb-success: #1E9E48;
  --fb-error:   #D43B3B;
  --fb-warning: #E8950C;

  /* TYPOGRAPHY */
  --fb-font-title: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
  --fb-font-body:  'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* SPACING (base 4px) */
  --fb-sp-1:  4px;
  --fb-sp-2:  8px;
  --fb-sp-3:  12px;
  --fb-sp-4:  16px;
  --fb-sp-5:  20px;
  --fb-sp-6:  24px;
  --fb-sp-8:  32px;
  --fb-sp-10: 40px;
  --fb-sp-12: 48px;
  --fb-sp-16: 64px;
  --fb-sp-20: 80px;

  /* RADIUS */
  --fb-radius-sm: 6px;
  --fb-radius-md: 12px;
  --fb-radius-lg: 16px;
  --fb-radius-xl: 24px;
  --fb-radius-pill: 100px;

  /* SHADOWS */
  --fb-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);
  --fb-shadow-md: 0 2px 12px rgba(0, 0, 0, 0.08);
  --fb-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* TRANSITIONS */
  --fb-transition: 180ms ease-out;
}

/* GOOGLE FONTS — load Nunito + Inter (T-002 spec) */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

/* UTILITIES — solo las que usaremos repetidamente */
.fb-section {
  padding-block: var(--fb-sp-16);
  padding-inline: var(--fb-sp-6);
  max-width: 1280px;
  margin-inline: auto;
}

@media (max-width: 749px) {
  .fb-section {
    padding-block: var(--fb-sp-12);
    padding-inline: var(--fb-sp-4);
  }
}

.fb-eyebrow {
  font-family: var(--fb-font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fb-orange);
  margin-bottom: var(--fb-sp-3);
  display: inline-block;
}

.fb-h2 {
  font-family: var(--fb-font-title);
  font-size: 32px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--fb-n900);
  margin-block: 0;
}

.fb-h2 em {
  font-style: normal;
  color: var(--fb-orange);
}

@media (max-width: 749px) {
  .fb-h2 {
    font-size: 26px;
  }
}

.fb-body {
  font-family: var(--fb-font-body);
  font-size: 15px;
  line-height: 1.6;
  color: var(--fb-n600);
}

.fb-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--fb-sp-2);
  font-family: var(--fb-font-body);
  font-size: 15px;
  font-weight: 600;
  padding: 14px 28px;
  border-radius: var(--fb-radius-md);
  border: 1.5px solid transparent;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--fb-transition), background-color var(--fb-transition), border-color var(--fb-transition), box-shadow var(--fb-transition);
  white-space: nowrap;
}

.fb-btn:hover {
  transform: translateY(-1px);
}

.fb-btn--primary {
  background: var(--fb-orange);
  color: var(--fb-white);
  box-shadow: 0 2px 8px rgba(244, 121, 32, 0.25);
}

.fb-btn--primary:hover {
  background: var(--fb-orange-dark);
  box-shadow: 0 4px 14px rgba(244, 121, 32, 0.35);
}

.fb-btn--ghost {
  background: var(--fb-white);
  color: var(--fb-n900);
  border-color: var(--fb-n200);
}

.fb-btn--ghost:hover {
  border-color: var(--fb-green);
  color: var(--fb-green);
}

.fb-btn--green {
  background: var(--fb-green);
  color: var(--fb-white);
}

.fb-btn--green:hover {
  background: var(--fb-green-dark);
}
</content>
</invoke>