.elementor-87646 .elementor-element.elementor-element-e7957ba{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:481px){.elementor-87646 .elementor-element.elementor-element-e7957ba{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-e7957ba *//* ============================================================
   ski.com.br — Design tokens
   Single source of truth for color + type.
   ============================================================ */

/* -----------------------------------------------------------
   TYPE TOKENS
   ----------------------------------------------------------- */
:root {
  --font-display: "Oxanium", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --fs-eyebrow: 0.75rem;
  --fs-caption: 0.8125rem;
  --fs-meta:    0.875rem;
  --fs-body:    1rem;
  --fs-body-lg: 1.125rem;
  --fs-lead:    1.375rem;
  --fs-h6: 1rem;
  --fs-h5: 1.25rem;
  --fs-h4: 1.5rem;
  --fs-h3: 2rem;
  --fs-h2: 2.75rem;
  --fs-h1: 4rem;
  --fs-display: 6rem;

  --lh-tight: 1.05;
  --lh-snug: 1.15;
  --lh-normal: 1.35;
  --lh-relaxed: 1.55;
  --lh-loose: 1.7;

  --ls-tight: -0.02em;
  --ls-snug: -0.01em;
  --ls-normal: 0;
  --ls-wide: 0.06em;
  --ls-wider: 0.12em;

  /* SPACING */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 10rem;

  /* RADII */
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 999px;

  /* SHADOWS */
  --shadow-1: 0 1px 2px rgba(0,0,0,0.04), 0 1px 1px rgba(0,0,0,0.03);
  --shadow-2: 0 8px 24px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
  --shadow-3: 0 24px 48px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);

  /* MOTION */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-micro: 150ms;
  --duration-base: 250ms;
  --duration-image: 400ms;
  --duration-scene: 800ms;
}

/* ============================================================
   PALETTE 1 — GLACIER EDITORIAL (DEFAULT)
   ============================================================ */
:root,
[data-palette="glacier-editorial"] {
  --bg:        #F7F3EC;
  --bg-2:      #EFEAE0;
  --surface:   #FFFFFF;
  --surface-2: #FAF7F1;

  --fg:        #171614;
  --fg-2:      #3F3D38;
  --fg-3:      #6E6A62;
  --fg-4:      #A09B8F;

  --border:    #DCD6C8;
  --border-strong: #171614;

  --accent:        #2E5A6B;
  --accent-hover:  #234653;
  --accent-soft:   #DDE5E8;
  --accent-fg:     #FFFFFF;

  --inverse-bg: #171614;
  --inverse-fg: #F7F3EC;

  --success: #4A6B3D;
  --success-soft: #E3EAD8;
  --warning: #9A6B1F;
  --warning-soft: #F1E5C8;
  --danger:  #8E3A2A;
  --danger-soft: #EFD8D2;
  --info:    #2E5A6B;
  --info-soft: #DDE5E8;
}

/* ============================================================
   PALETTE 2 — ALPINE NOIR
   ============================================================ */
[data-palette="alpine-noir"] {
  --bg:        #0E1620;
  --bg-2:      #141D29;
  --surface:   #1A2533;
  --surface-2: #233040;

  --fg:        #F4EFE6;
  --fg-2:      #C8C2B6;
  --fg-3:      #948E82;
  --fg-4:      #5E5A53;

  --border:    #2A3645;
  --border-strong: #F4EFE6;

  --accent:        #C2562A;
  --accent-hover:  #A6471F;
  --accent-soft:   #2A1F18;
  --accent-fg:     #FFFFFF;

  --inverse-bg: #F4EFE6;
  --inverse-fg: #0E1620;

  --success: #6F9B5C;
  --success-soft: #1F2A1A;
  --warning: #D4A24A;
  --warning-soft: #2C2418;
  --danger:  #D4654E;
  --danger-soft: #2C1B16;
  --info:    #6FA0BE;
  --info-soft: #1A252E;
}

/* ============================================================
   PALETTE 3 — SNOWFIELD LIGHT
   ============================================================ */
[data-palette="snowfield-light"] {
  --bg:        #FAFAF8;
  --bg-2:      #F1F1ED;
  --surface:   #FFFFFF;
  --surface-2: #F7F7F4;

  --fg:        #1A1A1A;
  --fg-2:      #404040;
  --fg-3:      #707070;
  --fg-4:      #A8A8A8;

  --border:    #E2E2DE;
  --border-strong: #1A1A1A;

  --accent:        #3457D5;
  --accent-hover:  #2845B5;
  --accent-soft:   #E3E9FA;
  --accent-fg:     #FFFFFF;

  --inverse-bg: #1A1A1A;
  --inverse-fg: #FAFAF8;

  --success: #2F7D32;
  --success-soft: #E0EDDF;
  --warning: #B5731F;
  --warning-soft: #F4E6CE;
  --danger:  #B83A2C;
  --danger-soft: #F4DAD4;
  --info:    #3457D5;
  --info-soft: #E3E9FA;
}

/* ============================================================
   PALETTE 4 — CARMIM ALPINO
   ============================================================ */
[data-palette="carmim-alpino"] {
  --bg:        #FFFFFF;
  --bg-2:      #FAF7F2;
  --surface:   #FFFFFF;
  --surface-2: #F6F5F2;

  --fg:        #202020;
  --fg-2:      #404040;
  --fg-3:      #7A7A7A;
  --fg-4:      #A8A8A8;

  --border:    #D7E1E7;
  --border-strong: #202020;

  --accent:        #C90D4D;
  --accent-hover:  #A30A3F;
  --accent-soft:   #FBE4EB;
  --accent-fg:     #FFFFFF;

  --info:          #1F4D5A;
  --info-soft:     #DCE7EB;

  --inverse-bg: #202020;
  --inverse-fg: #FFFFFF;

  --success: #2F7D32;
  --success-soft: #E0EDDF;
  --warning: #B5731F;
  --warning-soft: #F4E6CE;
  --danger:  #C90D4D;
  --danger-soft: #FBE4EB;
}

/* ============================================================
   PALETTE 5 — SLALOM ESPECTRO
   ============================================================ */
[data-palette="slalom-espectro"] {
  --bg:        #FAFBFC;
  --bg-2:      #F4F5F7;
  --surface:   #FFFFFF;
  --surface-2: #F4F5F7;

  --fg:        #14171C;
  --fg-2:      #3A3F47;
  --fg-3:      #6B7280;
  --fg-4:      #C9CDD4;

  --border:    #E1E4EA;
  --border-strong: #14171C;

  --accent:        #FF1F6A;
  --accent-hover:  #E50D58;
  --accent-soft:   #FFE3EC;
  --accent-fg:     #FFFFFF;

  --signal:        #FF8E3C;
  --signal-soft:   #FFE7D2;

  --info:          #5C45C8;
  --info-soft:     #E8E3FA;

  --info-dark:     #19E6F0;
  --info-dark-soft: #0EA5B7;

  --inverse-bg:    #0E1117;
  --inverse-fg:    #FAFBFC;

  --success: #4FB67A;
  --success-soft: #DEF1E5;
  --warning: #FF8E3C;
  --warning-soft: #FFE7D2;
  --danger:  #FF1F6A;
  --danger-soft: #FFE3EC;
}

/* ============================================================
   SEMANTIC TYPOGRAPHY
   ============================================================ */

html {
  font-family: var(--font-sans);
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-size: var(--fs-body);
  line-height: var(--lh-relaxed);
  margin: 0;
}

.display, .ds-display {
  font-family: var(--font-display);
  font-size: var(--fs-display);
  font-weight: 300;
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-tight);
}

h1, .ds-h1 {
  font-family: var(--font-display);
  font-size: var(--fs-h1);
  font-weight: 300;
  line-height: var(--lh-snug);
  letter-spacing: var(--ls-tight);
  margin: 0;
}

h2, .ds-h2 {
  font-family: var(--font-display);
  font-size: var(--fs-h2);
  font-weight: 300;
  line-height: var(--lh-snug);
  letter-spacing: var(--ls-snug);
  margin: 0;
}

h3, .ds-h3 {
  font-family: var(--font-display);
  font-size: var(--fs-h3);
  font-weight: 300;
  line-height: var(--lh-snug);
  letter-spacing: var(--ls-snug);
  margin: 0;
}

h4, .ds-h4 {
  font-family: var(--font-sans);
  font-size: var(--fs-h4);
  font-weight: 300;
  line-height: var(--lh-normal);
  letter-spacing: var(--ls-snug);
  margin: 0;
}

h5, .ds-h5 {
  font-family: var(--font-sans);
  font-size: var(--fs-h5);
  font-weight: 300;
  line-height: var(--lh-normal);
  margin: 0;
}

h6, .ds-h6 {
  font-family: var(--font-sans);
  font-size: var(--fs-h6);
  font-weight: 300;
  line-height: var(--lh-normal);
  margin: 0;
}

.lead, .ds-lead {
  font-family: var(--font-sans);
  font-size: var(--fs-lead);
  font-weight: var(--weight-regular);
  line-height: var(--lh-loose);
  color: var(--fg-2);
}

p, .ds-p {
  font-size: var(--fs-body);
  line-height: var(--lh-relaxed);
  color: var(--fg);
  margin: 0;
}

.body-lg {
  font-size: var(--fs-body-lg);
  line-height: var(--lh-loose);
}

small, .ds-meta {
  font-size: var(--fs-meta);
  line-height: var(--lh-normal);
  color: var(--fg-3);
}

.ds-caption {
  font-size: var(--fs-caption);
  line-height: var(--lh-normal);
  color: var(--fg-3);
}

.ds-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--fs-eyebrow);
  font-weight: var(--weight-medium);
  letter-spacing: var(--ls-wider);
  text-transform: lowercase;
  color: var(--fg-2);
}

a {
  color: inherit;
  text-decoration: none;
}

.link, a.link {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: color var(--duration-micro) var(--ease-out);
}
.link:hover { color: var(--accent-hover); }

::selection {
  background: var(--fg);
  color: var(--bg);
}

/* ============================================================
   LARGURA TOTAL — corrige wrapper do Hello Elementor
   ============================================================ */
.e-con.e-con--full,
.e-con-full,
.elementor-widget-html {
  max-width: 100% !important;
  width: 100% !important;
}/* End custom CSS */