@charset "UTF-8";
/* TIPOGRAFÍAS */
@font-face {
  font-family: "Open Sans";
  src: url("/DigitUp/SunnyDelight/assets/fonts/Open_Sans/static/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/DigitUp/SunnyDelight/assets/fonts/Open_Sans/static/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/DigitUp/SunnyDelight/assets/fonts/Open_Sans/static/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/DigitUp/SunnyDelight/assets/fonts/Open_Sans/static/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brush Up";
  src: url("/DigitUp/SunnyDelight/assets/fonts/BrushUp.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "GarageGothicBold";
  src: url("/DigitUp/SunnyDelight/assets/fonts/GarageGothic-Bold.woff2") format("woff2"), url("/DigitUp/SunnyDelight/assets/fonts/GarageGothic-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BarlowSemiCondensed";
  src: url("/DigitUp/SunnyDelight/assets/fonts/BarlowSemiCondensed-ExtraBold.woff2") format("woff2"), url("/DigitUp/SunnyDelight/assets/fonts/BarlowSemiCondensed-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BarlowSemiCondensedLight";
  src: local("Barlow Semi Condensed Light"), local("BarlowSemiCondensed-Light"), local("Barlow Semi Condensed");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSansLight";
  src: url("/DigitUp/SunnyDelight/assets/fonts/OpenSans-Light.woff2") format("woff2"), url("/DigitUp/SunnyDelight/assets/fonts/OpenSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@media (min-width: 1279.9px) {
  #pageCookies > .container,
  #pagePrivacy > .container,
  #pageTerms > .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  #pageCookies > .container > .smooth2,
  #pagePrivacy > .container > .smooth2,
  #pageTerms > .container > .smooth2 {
    width: min(100%, 1240px);
    max-width: 1240px;
    margin-inline: auto;
  }
}

#pageCookies,
#pagePrivacy,
#pageTerms {
  background-color: #f9f3e9;
  --legal-side-gap: 0.5rem;
}
#pageCookies > .container,
#pagePrivacy > .container,
#pageTerms > .container {
  width: calc(100% - var(--legal-side-gap) * 2);
  max-width: none;
  margin-left: var(--legal-side-gap);
  margin-right: var(--legal-side-gap);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#pageCookies .container > .textCenter,
#pagePrivacy .container > .textCenter,
#pageTerms .container > .textCenter {
  width: min(100%, 1240px);
  margin-inline: auto;
}
#pageCookies .logoSunny,
#pagePrivacy .logoSunny,
#pageTerms .logoSunny {
  margin-top: 0;
  margin-inline: auto;
  width: min(100%, 300px);
}
#pageCookies .textHeader,
#pagePrivacy .textHeader,
#pageTerms .textHeader {
  margin-bottom: 1rem;
}
#pageCookies .container > :not(.textCenter),
#pagePrivacy .container > :not(.textCenter),
#pageTerms .container > :not(.textCenter) {
  width: min(100%, 1240px);
  margin-inline: auto;
}
#pageCookies p,
#pagePrivacy p,
#pageTerms p {
  font-family: "Open Sans", "OpenSans-Regular", Arial, sans-serif;
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  line-height: 1.35;
  margin-top: 0;
  margin-bottom: 1rem;
}
#pageCookies h2,
#pagePrivacy h2,
#pageTerms h2 {
  font-size: clamp(2rem, 2.2vw, 2.5rem);
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 0.75rem;
}
#pageCookies ul,
#pagePrivacy ul,
#pageTerms ul {
  list-style: disc;
  list-style-position: outside;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}
#pageCookies ul li,
#pagePrivacy ul li,
#pageTerms ul li {
  font-size: clamp(1rem, 1.3vw, 1.1875rem);
  margin-bottom: 0.375rem;
}
#pageCookies .container > :not(.textCenter) > ol,
#pagePrivacy .container > :not(.textCenter) > ol,
#pageTerms .container > :not(.textCenter) > ol {
  list-style: decimal;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 2rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: "Open Sans", "OpenSans-Regular", Arial, sans-serif;
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  font-weight: 400;
  line-height: normal;
  color: #001689;
}
#pageCookies .container > :not(.textCenter) > ol li,
#pagePrivacy .container > :not(.textCenter) > ol li,
#pageTerms .container > :not(.textCenter) > ol li {
  margin-bottom: 0;
  line-height: normal;
  font-weight: 400;
  display: list-item;
  list-style: decimal;
}
#pageCookies .container > :not(.textCenter) > ol li::marker,
#pagePrivacy .container > :not(.textCenter) > ol li::marker,
#pageTerms .container > :not(.textCenter) > ol li::marker {
  content: counter(list-item) ". ";
  color: #001689;
  font-family: "Open Sans", "OpenSans-Regular", Arial, sans-serif;
  font-weight: 400;
}
#pageCookies .container > :not(.textCenter) > ol a,
#pagePrivacy .container > :not(.textCenter) > ol a,
#pageTerms .container > :not(.textCenter) > ol a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}
@media (min-width: 0) and (max-width: 599.9px) {
  #pageCookies,
  #pagePrivacy,
  #pageTerms {
    --legal-side-gap: 0.75rem;
  }
  #pageCookies > .container,
  #pagePrivacy > .container,
  #pageTerms > .container {
    width: calc(100% - var(--legal-side-gap) * 2);
    max-width: none;
    margin-left: var(--legal-side-gap);
    margin-right: var(--legal-side-gap);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  #pageCookies .logoSunny,
  #pagePrivacy .logoSunny,
  #pageTerms .logoSunny {
    width: min(100%, 220px);
  }
  #pageCookies .container > :not(.textCenter) > ol,
  #pagePrivacy .container > :not(.textCenter) > ol,
  #pageTerms .container > :not(.textCenter) > ol {
    padding-left: 2rem;
    margin-bottom: 1rem;
  }
  #pageCookies h2,
  #pagePrivacy h2,
  #pageTerms h2 {
    font-size: clamp(1.625rem, 6vw, 2.125rem);
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  #pageCookies p,
  #pagePrivacy p,
  #pageTerms p {
    font-size: clamp(1rem, 4vw, 1.125rem);
    line-height: 1.3;
    margin-bottom: 1rem;
  }
  #pageCookies ul,
  #pagePrivacy ul,
  #pageTerms ul {
    margin-top: 0;
    margin-bottom: 1rem;
  }
}
@media (min-width: 599.9px) and (max-width: 899.9px) {
  #pageCookies,
  #pagePrivacy,
  #pageTerms {
    --legal-side-gap: 0.75rem;
  }
}
@media (min-width: 899.9px) and (max-width: 1023.9px) {
  #pageCookies,
  #pagePrivacy,
  #pageTerms {
    --legal-side-gap: 1rem;
  }
}
@media (min-width: 1023.9px) and (max-width: 1279.9px) {
  #pageCookies,
  #pagePrivacy,
  #pageTerms {
    --legal-side-gap: 1.25rem;
  }
}
@media (min-width: 1279.9px) {
  #pageCookies,
  #pagePrivacy,
  #pageTerms {
    --legal-side-gap: 3.5rem;
  }
  #pageCookies > .container,
  #pagePrivacy > .container,
  #pageTerms > .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  #pageCookies > .container > :not(.textCenter),
  #pagePrivacy > .container > :not(.textCenter),
  #pageTerms > .container > :not(.textCenter) {
    width: min(100%, 1240px);
    max-width: 1240px;
    margin-inline: auto;
  }
}

#pageCookies > .container,
#pagePrivacy > .container,
#pageTerms > .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 599.9px) and (max-width: 899.9px) {
  #pageCookies > .container,
  #pagePrivacy > .container,
  #pageTerms > .container {
    width: calc(100% - 48px);
    max-width: 720px;
  }
}
@media (min-width: 899.9px) and (max-width: 1023.9px) {
  #pageCookies > .container,
  #pagePrivacy > .container,
  #pageTerms > .container {
    max-width: 720px;
  }
}
@media (min-width: 1023.9px) and (max-width: 1279.9px) {
  #pageCookies > .container,
  #pagePrivacy > .container,
  #pageTerms > .container {
    width: calc(100% - 124px);
    max-width: 1140px;
  }
}
@media (min-width: 1279.9px) {
  #pageCookies > .container,
  #pagePrivacy > .container,
  #pageTerms > .container {
    width: calc(100% - 124px);
    max-width: 1320px;
  }
}