@charset "UTF-8";
/*!
 Theme Name:   Create Foundation
 Theme URI:    https://thewhitgroup.com/
 Description:  Child theme of GeneratePress
 Author:       The Whit Group
 Author URI:   https://thewhitgroup.com/
 Template:     generatepress
 Version:      0.1

 ——— Important: This css is generated from scss file.
*/
/** Breakpoints
  * —————————————————————————————————————————————————————————————————— */
/** Mixings
  * —————————————————————————————————————————————————————————————————— */
/** Based in: https://codepen.io/MadeByMike/pen/vNrvdZ?editors=0110 */
/*————————————————————————————————————————————————————*\
    ●❱ SHORTHANDS MIXINS HELPERS
\*————————————————————————————————————————————————————*/
/** Breakpoint Menu */
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --g-padding: 1.5rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --g-padding: calc(8.7962962963vw - 1.6666666667rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --g-padding: 6.25rem;
  }
}
:root {
  --g-n-padding: calc(var(--g-padding) * -1);
}
@media screen and (max-width: 21.875em) {
  :root {
    --g-padding: 1.25rem !important;
  }
}
:root {
  /*
  ——— Font-sizes
  */
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --fs-18: 1rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --fs-18: calc(0.2314814815vw + 0.9166666667rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --fs-18: 1.125rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --fs-20: 1.125rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --fs-20: calc(0.2314814815vw + 1.0416666667rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --fs-20: 1.25rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --fs-24: 1.125rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --fs-24: calc(0.6944444444vw + 0.875rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --fs-24: 1.5rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --fs-32: 1.5rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --fs-32: calc(0.9259259259vw + 1.1666666667rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --fs-32: 2rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --fs-40: 1.75rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --fs-40: calc(1.3888888889vw + 1.25rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --fs-40: 2.5rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --fs-48: 2rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --fs-48: calc(1.8518518519vw + 1.3333333333rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --fs-48: 3rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --fs-56: 2rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --fs-56: calc(2.7777777778vw + 1rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --fs-56: 3.5rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --fs-64: 2rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --fs-64: calc(3.7037037037vw + 0.6666666667rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --fs-64: 4rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --fs-80: 2.25rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --fs-80: calc(5.0925925926vw + 0.4166666667rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --fs-80: 5rem;
  }
}
:root {
  /*
   ——— Spacing
  */
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --sp-40: 1.5rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --sp-40: calc(1.8518518519vw + 0.8333333333rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --sp-40: 2.5rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --sp-64: 2rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --sp-64: calc(3.7037037037vw + 0.6666666667rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --sp-64: 4rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --sp-80: 2.5rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --sp-80: calc(4.6296296296vw + 0.8333333333rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --sp-80: 5rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --sp-100: 2.5rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --sp-100: calc(6.9444444444vw + 0rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --sp-100: 6.25rem;
  }
}
:root {
  /*  |> Unit check
  ——————————————————————————————————————————————————————*/
  /*  |> Convert screen sizes for media queries to 'em'
  ——————————————————————————————————————————————————————*/
  /** @see https://zellwk.com/blog/media-query-units/ */
  /** If we use 'rem', we convert them to 'em' */
  /** If we use 'px', we convert them to 'em' */
}
:root {
  --sp-128: 3rem;
  /*-clean-css ignore:start */
  min-width: 0vw;
  /*-clean-css ignore:end */
}
@media screen and (min-width: 36em) {
  :root {
    --sp-128: calc(9.2592592593vw - 0.3333333333rem);
  }
}
@media screen and (min-width: 90em) {
  :root {
    --sp-128: 8rem;
  }
}

.admin-bar .gp-header {
  top: 32px !important;
}
.admin-bar #generate-slideout-menu {
  max-height: calc(100% - 152px);
}

.gp-header {
  --g-padding: 2rem;
  top: 0;
  width: 100%;
  font-family: "HankenGrotesk";
  transition: 0.3s background;
  /* Not apply in block edit */
}
.gp-header:not(.block-editor-block-list__block) {
  position: fixed;
  z-index: 99;
}
.gp-header.is-sticky {
  background: white;
}
@media screen and (max-width: 47.9375em) {
  .gp-header {
    --g-padding: 1.25rem;
  }
}
.gp-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 71.875em) {
  .gp-header__logo > div {
    max-width: 150px;
  }
}
@media screen and (max-width: 47.9375em) {
  .gp-header__logo > div {
    max-width: 100px;
  }
}
@media screen and (max-width: 68.75em) {
  .gp-header__menu {
    order: 1;
  }
}
@media screen and (max-width: 90em) {
  .gp-header__other {
    gap: 0.5rem !important;
  }
}
@media screen and (max-width: 68.75em) {
  .gp-header__other {
    margin-left: auto;
    margin-right: 1.5rem;
  }
}
.gp-header__other a {
  line-height: 1.2;
}
@media screen and (max-width: 90em) {
  .gp-header__other a {
    padding: 0.5rem 1rem !important;
  }
}
@media screen and (max-width: 84.375em) {
  .gp-header__other a:not(.gp-special-btn) {
    display: none;
  }
}
@media screen and (min-width: 68.75125em) {
  .gp-header__other .gp-search-custom {
    display: none !important;
  }
}
.gp-header .gp-special-btn {
  color: black;
  transition: 0.3s filter;
}
.gp-header .gp-special-btn:hover, .gp-header .gp-special-btn:focus {
  filter: brightness(0.9);
}
.gp-header__search-wrp {
  flex: 1;
  max-width: 300px;
}
@media screen and (max-width: 68.75em) {
  .gp-header__search-wrp {
    display: none !important;
  }
}
.gp-header__search-wrp label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.gp-header__search-wrp .wp-block-search__inside-wrapper {
  border-radius: 50px;
  border: none;
  padding: 0;
  height: 36px;
}
.gp-header__search-wrp .wp-block-search__input {
  border-radius: 50px 0 0 50px;
  background: white;
  border: none;
  padding-block: 0;
  min-height: initial;
  height: 36px;
  font-family: "HankenGrotesk" !important;
  font-size: 14px;
  color: black;
}
.gp-header__search-wrp .wp-block-search__input::-moz-placeholder {
  font-weight: 600;
  font-style: italic;
}
.gp-header__search-wrp .wp-block-search__input::placeholder {
  font-weight: 600;
  font-style: italic;
}
.gp-header__search-wrp .wp-block-search__input:focus {
  background: #DFE8EF;
  font-family: inherit !important;
}
.gp-header__search-wrp .wp-block-search__button {
  border-radius: 50px;
  background: white;
  border: none;
  padding-block: 0;
  margin-left: 0;
  font-size: 1.5rem;
  color: black;
  transition: 0.3s;
}
.gp-header__search-wrp .wp-block-search__button svg {
  transform: scaleX(-1);
}
.gp-header__search-wrp .wp-block-search__button:hover, .gp-header__search-wrp .wp-block-search__button:focus {
  background: black;
  color: white;
}
.gp-header__social {
  position: relative;
}
.gp-header__social::before {
  --size: calc(100% + 10px);
  content: "";
  position: absolute;
  top: 50%;
  right: -2rem;
  width: 50vw;
  height: var(--size);
  transform: translateY(-50%);
  background: #D3E1EA;
  border-radius: 50px;
}
.gp-header__social > * {
  position: relative;
}
.gp-header__top-bar-inner {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.gp-header__tools {
  display: flex;
  gap: 1rem;
  flex: 1;
  justify-content: flex-end;
}
.gp-header__tool-link {
  transition: 0.3s filter;
}
.gp-header__tool-link:hover, .gp-header__tool-link:focus {
  filter: brightness(0.9);
}
.gp-header__top-bar-other-responsive {
  /* Not apply in block edit */
}
@media screen and (min-width: 84.37625em) {
  .gp-header__top-bar-other-responsive:not(.block-editor-block-list__block) {
    display: none !important;
  }
}
@media screen and (max-width: 50em) {
  .gp-header__top-bar-other-responsive:not(.block-editor-block-list__block) {
    display: none !important;
  }
}

body:not(.home) .gp-header {
  /* Not apply in block edit */
}
body:not(.home) .gp-header:not(.block-editor-block-list__block) {
  position: sticky;
  background: white;
}

/** Search Modal
  * —————————————————————————————————————————————————————————————————— */
.search-modal-form {
  border-radius: 50px;
  overflow: hidden;
}
.search-modal-form input {
  padding-inline: 1.5rem;
  height: 50px !important;
}
.search-modal-form input:focus {
  background: #DFE8EF !important;
  font-family: inherit !important;
}
.search-modal-form input::-moz-placeholder {
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
}
.search-modal-form input::placeholder {
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
}
.search-modal-form button:hover, .search-modal-form button:focus {
  background: black;
  color: white;
}

/** Mobile Menu
  * —————————————————————————————————————————————————————————————————— */
#generate-slideout-menu {
  max-height: calc(100% - 120px);
  bottom: 0;
  top: auto;
  background-image: url("./assets/images/bg-menu.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
@media screen and (max-width: 47.9375em) {
  #generate-slideout-menu {
    max-height: calc(100% - 65px);
    background-size: contain;
  }
}
#generate-slideout-menu .inside-navigation {
  display: flex;
  padding: 2rem 2rem 0;
  height: 100%;
  max-width: 100% !important;
}
#generate-slideout-menu .slideout-exit {
  display: none;
}
#generate-slideout-menu .slideout-menu a {
  display: block;
  text-align: left;
}
#generate-slideout-menu .main-nav {
  width: 100%;
  max-width: 600px;
}
#generate-slideout-menu .gp-icon {
  transform-origin: center;
  scale: 1.5;
}
#generate-slideout-menu .sub-menu {
  background: var(--base-2);
  margin-top: 0.51rem;
  border-radius: 1rem;
  overflow: hidden;
}
#generate-slideout-menu .sub-menu li {
  margin-bottom: 0;
}
#generate-slideout-menu .sub-menu a {
  padding-inline: 1rem;
  background: var(--base-2);
}

.slideout-menu {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.slideout-menu a {
  line-height: 1.5 !important;
}

/*  |> Primary Menu Bar
——————————————————————————————————————————————————————*/
#site-navigation {
  /** Fixes the right padding of the menu, allowing it to fit perfectly to the edge */
  --gp-size-padding-links: 0;
  position: relative;
  margin-right: calc(var(--gp-size-padding-links) * -1);
}
#site-navigation .main-nav > ul {
  gap: 2rem;
}
#site-navigation .main-nav > ul > li > a {
  text-align: center;
}
#site-navigation .main-nav > ul > li a {
  position: relative;
  line-height: 1.2;
}
@media screen and (max-width: 77.5em) {
  #site-navigation .main-nav > ul > li a:last-child {
    padding-right: var(--gp-size-padding-links);
  }
}
#site-navigation .main-nav > ul > li.current-menu-item > a,
#site-navigation .main-nav > ul li.current-menu-ancestor > a {
  font-weight: 700;
}
#site-navigation .main-nav > ul > li.current-menu-item > a::after,
#site-navigation .main-nav > ul li.current-menu-ancestor > a::after {
  opacity: 1;
}
#site-navigation .main-nav > ul li {
  position: relative;
}
#site-navigation .main-nav > ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 4px;
  background-color: rgba(255, 194, 0, 0.6);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
#site-navigation .main-nav > ul li:hover::after, #site-navigation .main-nav > ul li:focus::after {
  transform: scaleX(1);
}
#site-navigation .main-nav > ul li[aria-current=page]::after,
#site-navigation .main-nav > ul li [aria-current=ancestor]::after {
  transform: scaleX(1);
}
#site-navigation .main-nav > ul .sub-menu a {
  padding-inline: 1rem;
}
#site-navigation .menu-toggle {
  font-size: 1.5rem;
  text-align: right;
}

/*
——— Search standar
*/
[data-gpmodal-trigger=gp-search] {
  display: none !important;
}

@font-face {
  font-family: "HankenGrotesk";
  src: url("assets/fonts/HankenGrotesk-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HankenGrotesk";
  src: url("assets/fonts/HankenGrotesk-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "NewBaskerville";
  src: url("assets/fonts/NewBaskerville.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.mb-0 {
  margin-bottom: 0;
}

.lh-1 {
  line-height: 1;
}

.cursor-pointer {
  cursor: pointer;
}

.number-style {
  font-size: 56px;
}

.position-absolute {
  position: absolute;
}

.position-absolute-figure .figure-custom {
  position: absolute;
  top: 0px;
}

.border-radius-iframe iframe {
  border-radius: 20px;
}

.w-100 img {
  width: 100%;
}

.scale1-2 {
  transform: scale(1.15);
}

@media (max-width: 768px) {
  .black-mobile {
    color: black;
  }
}
@media (min-width: 1600px) {
  .outner-container {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
}
.custom-poligon {
  position: relative;
}

.custom-poligon::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: #EAEFF6;
  top: -8px;
  transform: translateX(-50%) rotate(45deg);
  left: 50%;
}

.text-decoration-none a {
  text-decoration: none;
  color: #000;
}

.accent-text {
  font-family: "NewBaskerville", serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 42px;
  position: relative;
  display: inline-block;
}

.accent-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 6px;
  background-color: #7D52A0;
}

.max-text-secondary {
  font-family: "NewBaskerville", serif;
  font-size: 74px;
  font-style: italic;
  font-weight: 400;
}

.max-text-secondary:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 4px;
  background-color: rgba(255, 194, 0, 0.6);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.display-inline-block {
  display: inline-block;
}

.text-decoration::after {
  content: "";
  display: block;
  height: 3px;
  background-color: #FFF;
  margin-top: 8px;
}

.arrow-yellow::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8' fill='none'><path d='M8.25827 2.91269C9.08328 3.25291 9.08328 4.42141 8.25827 4.76163L1.38125 7.59767C0.723007 7.86912 0 7.38521 0 6.6732L0 1.00112C0 0.289106 0.723007 -0.194806 1.38125 0.0766475L8.25827 2.91269Z' fill='%23FFC200'/></svg>") no-repeat center;
  background-size: contain;
  margin-right: 8px;
  /* espacio entre la flecha y el texto */
  vertical-align: middle;
}

.arrow-1::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8' fill='none'><path d='M8.25827 2.91269C9.08328 3.25291 9.08328 4.42141 8.25827 4.76163L1.38125 7.59767C0.723007 7.86912 0 7.38521 0 6.6732L0 1.00112C0 0.289106 0.723007 -0.194806 1.38125 0.0766475L8.25827 2.91269Z' fill='%23007E8F'/></svg>") no-repeat center;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}

.arrow-2::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8' fill='none'><path d='M8.25827 2.91269C9.08328 3.25291 9.08328 4.42141 8.25827 4.76163L1.38125 7.59767C0.723007 7.86912 0 7.38521 0 6.6732L0 1.00112C0 0.289106 0.723007 -0.194806 1.38125 0.0766475L8.25827 2.91269Z' fill='%237D52A0'/></svg>") no-repeat center;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}

.arrow-3::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8' fill='none'><path d='M8.25827 2.91269C9.08328 3.25291 9.08328 4.42141 8.25827 4.76163L1.38125 7.59767C0.723007 7.86912 0 7.38521 0 6.6732L0 1.00112C0 0.289106 0.723007 -0.194806 1.38125 0.0766475L8.25827 2.91269Z' fill='%2338479F'/></svg>") no-repeat center;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}

/** Footer **/
.footer-widgets-container {
  padding-right: 6.25rem;
  padding-left: 6.25rem;
}

.copyright-bar {
  border-radius: 20px 20px 0 0;
  background: #FFF7DE;
  padding-top: 33px;
  padding-bottom: 24px;
  padding-right: 164px;
  padding-left: 164px;
}

/** accordion */
.gb-accordion__item.gb-accordion__item-open button {
  border-radius: 18px 18px 0 0;
  background: linear-gradient(270deg, rgba(240, 237, 244, 0.95) 0%, rgba(227, 241, 249, 0.95) 100%);
}

@media (max-width: 768px) {
  .footer-widgets-container {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .copyright-bar {
    border-radius: 20px 20px 0 0;
    background: #FFF7DE;
    padding-top: 33px;
    padding-bottom: 24px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
/**  Nav Styles  **/
/* Estilo base de los enlaces del menú */
.btn-primary:hover {
  background-color: #ffc200;
  cursor: pointer;
  background-image: none;
}

/* Flecha en todos los ítems */
/* .main-navigation li {
    padding-right: 18px;
    position: relative;
    margin-right: 25px;
  } */
/*   .main-navigation li::before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    background: url('/wp-content/themes/generatepress_child/assets/images/arrow.svg') no-repeat center;
    background-size: contain;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
    pointer-events: none;
  } */
.sticky-enabled .main-navigation.is_stuck {
  box-shadow: none;
}

.home-hero video {
  position: absolute;
  width: 100%;
  height: 100vh;
  right: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

/*   .wp-block-navigation__responsive-container-open svg {
    display: none;
  }

  .wp-block-navigation__responsive-container-open {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='23' height='14' viewBox='0 0 23 14' fill='none'><line x1='0' y1='1' x2='22.2857' y2='1' stroke='black' stroke-width='2'/><line x1='0' y1='7' x2='22.2857' y2='7' stroke='black' stroke-width='2'/><line x1='0' y1='13' x2='22.2857' y2='13' stroke='black' stroke-width='2'/></svg>") no-repeat center;
    width: 23px;
    height: 14px;
  } */
@media (max-width: 768px) {
  .word-assent {
    font-size: 45px !important;
  }
  .compass-divider img {
    width: 90px;
  }
  .join-container input.wpcf7-form-control {
    max-width: 200px;
  }
  .join-container .wpcf7 form p {
    max-width: 285px;
  }
  .wp-block-navigation__responsive-container-open {
    z-index: 10000000;
  }
}
/*Section 1 - Home Page*/
.custom-icon {
  top: -40px;
  right: -55px;
}

.custom-frame {
  top: -25px;
  left: -25px;
}

/* Contact Form 7*/
/* Contenedor general del formulario */
.join-container {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.join-container .ctct-label-top label {
  display: none !important;
}
.join-container .wpcf7 form p, .join-container .ctct-form-2407 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.join-container .ctct-label-top {
  border-radius: 50px;
}
.join-container .ctct-email {
  min-width: 380px;
}
.join-container .ctct-disclosure hr {
  display: none;
}
.join-container .ctct-email::-moz-placeholder {
  color: rgba(0, 0, 0, 0.49);
  font-family: "NewBaskerville";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.join-container .ctct-email::placeholder {
  color: rgba(0, 0, 0, 0.49);
  font-family: "NewBaskerville";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.join-container {
  /* Input de email */
}
.join-container .wpcf7-form-control.wpcf7-email {
  border: none;
  outline: none;
  flex: 1;
  font-family: "NewBaskerville", serif;
  font-size: 17px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
  background: transparent;
  padding-left: 10px;
}
.join-container {
  /* Placeholder */
}
.join-container .wpcf7-form-control.wpcf7-email::-moz-placeholder {
  color: rgba(0, 0, 0, 0.49);
  font-family: "NewBaskerville", serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.join-container .wpcf7-form-control.wpcf7-email::placeholder {
  color: rgba(0, 0, 0, 0.49);
  font-family: "NewBaskerville", serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.join-container {
  /* Botón de envío */
}
.join-container .wpcf7-submit, .join-container .ctct-submit {
  z-index: 1;
  margin-left: -30px;
  color: transparent !important;
  width: 55px;
  height: 55px;
  border: none;
  background-color: transparent !important;
  background: url("/wp-content/uploads/2025/10/Group-209.png") no-repeat center center !important;
  background-size: contain;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.join-container {
  /* Efecto hover del botón */
}
.join-container .wpcf7-submit:hover {
  transform: scale(1.1);
}
.join-container {
  /* Quita el spinner de CF7 */
}
.join-container .wpcf7-spinner {
  display: none !important;
}

@media (min-width: 768px) {
  .join-container .ctct-form-wrapper {
    max-width: 40vw;
  }
}
@media (min-width: 1400px) {
  .join-container .ctct-form-wrapper {
    max-width: 40vw;
  }
}
@media (max-width: 768px) {
  .join-container {
    align-items: center !important;
  }
  .join-container form {
    justify-content: center !important;
  }
}
.get-in-touch-container p {
  margin-bottom: 20px !important;
}
.get-in-touch-container input[type=text], .get-in-touch-container input[type=email], .get-in-touch-container textarea {
  border-radius: 20px;
}
.get-in-touch-container input[type=submit] {
  display: flex;
  align-items: center;
  font-family: HankenGrotesk;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  margin-left: 0px;
  color: var(--contrast);
  text-decoration: none;
  background-image: linear-gradient(90deg, #ffe490, #ffc200);
  border-radius: 40px;
  padding: 12px 2.5em;
  font-size: 16px;
}
.get-in-touch-container input[type=submit]:hover {
  background-color: #ffc200;
  cursor: pointer;
  background-image: none;
}

/* Slider Home Page*/
.slider-home-page .wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal {
  bottom: 35px;
}
.slider-home-page .wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet {
  border-radius: 18.831px;
  border: 1px solid #C8C8C8;
  background: #FFF;
  width: 18px;
  height: 18px;
}
.slider-home-page .wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(255, 194, 0, 0.6);
  width: 18px;
  height: 18px;
}

/* Slider philanthropy Page*/
.slider-philanthropy-page.wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal {
  bottom: -35px;
}
.slider-philanthropy-page.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet {
  border-radius: 18.831px;
  border: 1px solid #C8C8C8;
  background: #FFF;
  width: 18px;
  height: 18px;
}
.slider-philanthropy-page.wp-block-cb-carousel-v2 .cb-pagination .cb-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(255, 194, 0, 0.6);
  width: 18px;
  height: 18px;
}

@media (min-width: 768px) {
  .slider-philanthropy-page.wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal {
    justify-content: start !important;
  }
}
.custom-logo {
  position: absolute;
  left: 0px;
  top: -28px;
}

/* Hero Inner Pages*/
.description {
  color: #000;
  font-family: "HankenGrotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 150% */
}

.word-assent {
  color: #000;
  font-family: "NewBaskerville";
  font-size: 68px;
  font-style: normal;
  font-weight: 600;
  line-height: 141.6%;
  /* 96.288px */
  text-decoration-line: underline;
  text-decoration-color: #FFC200;
  text-decoration-thickness: 6px;
  text-underline-offset: 6px;
  /* opcional: separa la línea del texto */
}

.word-underline {
  text-decoration-line: underline;
  text-decoration-color: #FFC200;
  text-decoration-thickness: 6px;
  text-underline-offset: 11px;
  /* opcional: separa la línea del texto */
  margin-bottom: 30px;
}

.word-underline-2 {
  text-decoration-line: underline;
  text-decoration-color: #FFC200;
  text-decoration-thickness: 2px;
  text-underline-offset: 11px;
  /* opcional: separa la línea del texto */
  margin-bottom: 35px;
  font-family: "HankenGrotesk";
}

.ul-custom ul {
  list-style: none;
  padding-left: 0;
}
.ul-custom ul li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 20px;
}
.ul-custom ul li::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 5px;
  width: 20px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath d='M9.80195 0.0240099C10.0602 -0.0335671 10.3516 0.00307301 10.5104 0.23687L13.3128 5.8829L19.6067 6.81983C20.0377 7.05538 20.1302 7.47412 19.8057 7.84749L15.3631 12.1937L16.3577 18.077C16.4624 18.7958 16.1622 19.1692 15.4241 18.9232L10.0358 16.1176C8.13554 16.9359 6.35047 18.0037 4.51305 18.9494C3.74179 19.1587 3.53414 18.6946 3.65105 18.0002L4.63694 12.1937L0.19434 7.84749C-0.130218 7.47237 -0.0377368 7.05538 0.393262 6.81983L6.68724 5.8829L9.4582 0.292702C9.52625 0.146143 9.64665 0.058905 9.80195 0.0240099Z' fill='%237D52A0'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.ul-custom ul ul > li {
  position: relative;
  padding-left: 32px;
}

.ul-custom ul ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22' fill='none'%3E%3Cpath d='M19.5805 3.05562C19.4695 3.09957 19.3281 3.19296 19.2574 3.26437C19.1867 3.33029 16.94 6.03307 14.259 9.26871C10.649 13.625 9.32617 15.1907 9.12926 15.3225C8.82127 15.5367 8.48299 15.5642 8.15986 15.3994C8.04374 15.3445 6.84209 14.2073 5.33246 12.7296C3.59058 11.0266 2.63129 10.1202 2.48487 10.0488C1.79316 9.71368 1.00048 10.274 1.00048 11.1035C0.995432 11.2738 1.03077 11.4991 1.07621 11.6089C1.13175 11.7518 2.15669 12.834 4.52463 15.2621C6.37759 17.1628 7.98315 18.7779 8.09928 18.8548C8.41736 19.058 8.84652 19.0471 9.15955 18.8273C9.4221 18.6405 20.7216 5.02228 20.8781 4.69816C21.2315 3.98401 20.7771 3.08309 20.0198 3.00618C19.8683 2.9897 19.6967 3.00618 19.5805 3.05562Z' fill='%237D52A0'/%3E%3C/svg%3E");
}

.ul-custom ul ul > li:first-child {
  margin-top: 20px;
}

/*Scholarships page */
.site-content {
  display: block;
}

.scholarships-page {
  text-align: center;
  padding: 2rem 4.25rem;
  margin: 0 auto;
  background-color: #FFF;
}

.section-title {
  font-family: NewBaskerville, serif;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.county-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}

.county-button {
  border: 1px solid #000;
  color: #000;
  background: white;
  border-radius: 40px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

.county-button.active,
.county-button:hover {
  background: linear-gradient(90deg, #FFE490 0%, #FFC200 100%);
}

.compass-divider {
  margin: 2rem 0;
}

/* === Actualizado: grid de 2 columnas === */
/* .scholarship-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(616px, 1fr));
  gap: 1.5rem;
  justify-content: center;
} */
@media (max-width: 768px) {
  /*   .scholarship-list {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  } */
  .scholarships-page {
    text-align: center;
    padding: 2rem 1.25rem;
    margin: 0 auto;
  }
}
.scholarship-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 1.2rem;
  text-align: left;
  background: #fff;
  transition: box-shadow 0.2s ease;
  display: none;
  /* ocultas hasta seleccionar condado */
}

.scholarship-card:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.scholarship-card h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.btn-apply {
  display: inline-block;
  margin-top: 0.8rem;
  color: #000;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 40px;
  background: white;
  border: 1px solid #000;
  font-family: "HankenGrotesk";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  transition: background 0.2s ease;
  cursor: pointer;
}

.btn-apply:hover {
  background: rgba(255, 194, 0, 0.5);
}

.scholarship-title {
  font-size: 25px;
  font-family: "HankenGrotesk";
}

.scholarship-desc {
  font-size: 20px;
  font-family: "HankenGrotesk";
  margin-bottom: 0px;
}

.scholarship-inner {
  padding-left: 30px;
  position: relative;
}

.scholarship-inner::before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'><path d='M22.9453 12.4407L14.2637 11.647L17.5574 7.43941L13.3515 10.7326L12.5586 2.0533C12.5551 2.02082 12.5254 1.99681 12.4929 2.00034C12.4654 2.00317 12.4428 2.02506 12.44 2.0533L11.6464 10.7319L7.44186 7.44011L10.7356 11.6477L2.0533 12.4414C2.02082 12.4449 1.99681 12.4746 2.00034 12.5071C2.00317 12.5346 2.02506 12.5572 2.0533 12.56L10.7335 13.3537L7.44328 17.5578L11.6471 14.2638L12.4407 22.9467C12.4442 22.9792 12.4739 23.0032 12.5064 22.9997C12.5339 22.9968 12.5565 22.9749 12.5593 22.9467L13.3529 14.2638L17.5581 17.5557L14.2665 13.3523L22.9467 12.5586C22.9792 12.5551 23.0032 12.5254 22.9997 12.4929C22.9968 12.4654 22.9749 12.4428 22.9467 12.44M12.5007 12.5049L12.4929 12.4972L12.4986 12.4915H12.5035L12.5092 12.4972L12.5014 12.5049H12.5007Z' fill='%23FFC200'/><path d='M5.5772 10.9375C5.86456 9.6849 6.48659 8.53397 7.37692 7.60757L7.08108 7.16061C7.06273 7.13307 7.07049 7.09635 7.09803 7.078C7.1178 7.06458 7.14392 7.06458 7.16369 7.078L7.61133 7.37456C8.53837 6.49123 9.6864 5.87481 10.9354 5.59166C11.2905 5.51329 11.5546 5.21461 11.5885 4.85238L11.6965 3.66614C7.42987 4.05449 4.04719 7.43034 3.65039 11.6966L4.83867 11.5878C5.19946 11.5539 5.49812 11.2913 5.5772 10.9375Z' fill='%23FFC200'/><path d='M14.0858 5.55981C15.3313 5.85566 16.4744 6.48268 17.3922 7.37448L17.8427 7.08215C17.8702 7.0645 17.9076 7.07227 17.9253 7.09981C17.938 7.11958 17.938 7.1457 17.9253 7.16547L17.6245 7.6089C18.5057 8.54448 19.1164 9.70177 19.3911 10.9572C19.4673 11.3117 19.7624 11.5772 20.1232 11.6146L21.3108 11.7346C20.955 7.46556 17.6055 4.05794 13.3438 3.62793L13.4405 4.81488C13.4708 5.17711 13.7314 5.4779 14.0851 5.56052' fill='%23FFC200'/><path d='M10.9352 19.4467C9.67348 19.1607 8.51415 18.5358 7.58217 17.6391L7.15995 17.9194C7.13241 17.9371 7.09499 17.9293 7.07734 17.9018C7.06463 17.882 7.06463 17.8566 7.07734 17.8368L7.35764 17.4139C6.46802 16.4818 5.84882 15.3245 5.5671 14.067C5.48873 13.7118 5.19007 13.4477 4.82787 13.4138L3.64453 13.3058C4.02509 17.5876 7.41413 20.9839 11.6942 21.3729L11.5862 20.1874C11.5523 19.8259 11.2889 19.5272 10.9345 19.4481' fill='%23FFC200'/><path d='M19.4305 14.0663C19.1488 15.3239 18.5296 16.4804 17.64 17.4132L17.9203 17.8361C17.9379 17.8637 17.9302 17.9011 17.9026 17.9188C17.8829 17.9315 17.8575 17.9315 17.8377 17.9188L17.4155 17.6384C16.4835 18.5352 15.3242 19.1601 14.0631 19.446C13.7087 19.5244 13.4447 19.8231 13.4108 20.1853L13.3027 21.3709C17.5835 20.9818 20.9725 17.5855 21.3524 13.3037L20.1691 13.4117C19.8069 13.4456 19.5082 13.7097 19.4298 14.0649' fill='%23FFC200'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}

.scholarship-inner2::before {
  left: 10px;
}

/* Desktop: masonry con columnas */
@media (min-width: 769px) {
  .scholarship-list {
    -moz-column-count: 2;
         column-count: 2;
    /* dos columnas en desktop */
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    /* espacio entre columnas */
    /* opcionales para control */
    -webkit-column-gap: 1.5rem;
    /* elimina el display:grid anterior */
  }
  .scholarship-card {
    display: inline-block;
    /* importante para que la card respete las columnas */
    width: 100%;
    margin: 0 0 1.5rem;
    /* espacio inferior entre items */
    break-inside: avoid;
    /* evita cortes dentro de la card */
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
  }
}
/* Mobile: una columna normal (tu CSS ya hacía esto) */
@media (max-width: 768px) {
  .scholarship-list {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .scholarship-card {
    margin-bottom: 1rem;
  }
}
.custom-bullet {
  margin-left: 0px;
}

.custom-bullet > li {
  position: relative;
  padding-left: 25px;
}

.custom-bullet {
  list-style: none;
}

.custom-bullet > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22' fill='none'%3E%3Cpath d='M19.5805 3.05562C19.4695 3.09957 19.3281 3.19296 19.2574 3.26437C19.1867 3.33029 16.94 6.03307 14.259 9.26871C10.649 13.625 9.32617 15.1907 9.12926 15.3225C8.82127 15.5367 8.48299 15.5642 8.15986 15.3994C8.04374 15.3445 6.84209 14.2073 5.33246 12.7296C3.59058 11.0266 2.63129 10.1202 2.48487 10.0488C1.79316 9.71368 1.00048 10.274 1.00048 11.1035C0.995432 11.2738 1.03077 11.4991 1.07621 11.6089C1.13175 11.7518 2.15669 12.834 4.52463 15.2621C6.37759 17.1628 7.98315 18.7779 8.09928 18.8548C8.41736 19.058 8.84652 19.0471 9.15955 18.8273C9.4221 18.6405 20.7216 5.02228 20.8781 4.69816C21.2315 3.98401 20.7771 3.08309 20.0198 3.00618C19.8683 2.9897 19.6967 3.00618 19.5805 3.05562Z' fill='%237D52A0'/%3E%3C/svg%3E");
}

.custom-border-video {
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .join-container .ctct-email {
    max-width: 100%;
    min-width: 300px;
  }
  .ctct-form-wrapper {
    max-width: 90%;
  }
}
/* Widget Info */
.banner-title {
  color: #000;
  font-family: "HankenGrotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 4px;
}

.banner-text {
  color: #000;
  font-family: "HankenGrotesk";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.top-banner-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.banner-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
}

.banner-btn {
  margin-top: 20px;
  background: #fff;
  color: #000;
  padding: 19px 40px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  font-family: "HankenGrotesk";
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

.banner-btn:hover {
  background: #f9edc8;
}

@media (max-width: 768px) {
  .top-banner-inner {
    flex-direction: column; /* 🔥 Apila vertical */
    align-items: flex-start; /* Alinea a la izquierda */
    gap: 10px;
  }
  .banner-left {
    width: 100%;
  }
  .banner-btn {
    width: auto;
  }
}
/* ================================
   BANNER BASE (en flujo normal)
================================ */
.container-top-banner {
  width: 100%;
  background-color: #f9f9f9; /* Ajusta a tu color */
  overflow: hidden;
  position: relative;
  z-index: 999;
  /* Evitamos usar max-height para el scroll, mejor height o transform */
  transition: transform 0.3s ease-in-out, opacity 0.3s ease;
  transform-origin: top;
}

/* ================================
 ESTADO OCULTO
================================ */
.container-top-banner.hide-on-scroll {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  /* Para que no afecte al scroll bruscamente, podrías dejarlo absolute o simplemente ocultarlo */
  position: absolute;
}

:root {
  --header-offset: 0px;
}

.home-hero {
  padding-top: var(--header-offset);
}/*# sourceMappingURL=style.css.map */