/**

*Remove menu and footer NAGCLV

*/

 

.navigation-default .navbar .navbar-brand img{

                display: none;

}

 

#block-breadcrumbs{

                display:none;

}

 

.footer-default{

                display: none;

}

 

/**.block-layout-builder[data-inline-block-uuid="ef6b0b53-7dc1-4403-8316-7b3f1353df2d"]{

                position: absolute;

                top: 0;

}**/

 

.sct-notification-bubble{

                display:none;

}

 

#CHATBOT_0{

                display: none;

}

/**

* Normalize

*/

 

/* Document

   ========================================================================== */

 

/**

* 1. Correct the line height in all browsers.

* 2. Prevent adjustments of font size after orientation changes in iOS.

*/

 

html {

  line-height: 1.15;

  /* 1 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

}

 

/* Sections

   ========================================================================== */

 

/**

* Remove the margin in all browsers.

*/

 

body {

  margin: 0;

}

body p{

font-family: 'Nestle-Text', sans-serif;

}

/**

* Render the `main` element consistently in IE.

*/

 

main {

  display: block;

}

 

/**

* Correct the font size and margin on `h1` elements within `section` and

* `article` contexts in Chrome, Firefox, and Safari.

*/

 

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}

 

/* Grouping content

   ========================================================================== */

h1, h2, h3, h4, h5{

    font-family: 'NestleText-Bold', sans-serif;

}

/**

* 1. Add the correct box sizing in Firefox.

* 2. Show the overflow in Edge and IE.

*/

 

hr {

  box-sizing: content-box;

  /* 1 */

  height: 0;

  /* 1 */

  overflow: visible;

  /* 2 */

}

 

/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/

 

pre {

  font-family: monospace, monospace;

  /* 1 */

  font-size: 1em;

  /* 2 */

}

 

/* Text-level semantics

   ========================================================================== */

 

/**

* Remove the gray background on active links in IE 10.

*/

 

a {

  background-color: transparent;

}

 

/**

* 1. Remove the bottom border in Chrome 57-

* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

*/

 

abbr[title] {

  border-bottom: none;

  /* 1 */

  text-decoration: underline;

  /* 2 */

  text-decoration: underline dotted;

  /* 2 */

}

 

/**

* Add the correct font weight in Chrome, Edge, and Safari.

*/

 

b,

strong {

  font-weight: bolder;

}

 

/**

* 1. Correct the inheritance and scaling of font size in all browsers.

* 2. Correct the odd `em` font sizing in all browsers.

*/

 

code,

kbd,

samp {

  font-family: monospace, monospace;

  /* 1 */

  font-size: 1em;

  /* 2 */

}

 

/**

* Add the correct font size in all browsers.

*/

 

small {

  font-size: 80%;

}

 

/**

* Prevent `sub` and `sup` elements from affecting the line height in

* all browsers.

*/

 

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

 

sub {

  bottom: -0.25em;

}

 

sup {

  top: -0.5em;

}

 

/* Embedded content

   ========================================================================== */

 

/**

* Remove the border on images inside links in IE 10.

*/

 

img {

  border-style: none;

}

 

/* Forms

   ========================================================================== */

 

/**

* 1. Change the font styles in all browsers.

* 2. Remove the margin in Firefox and Safari.

*/

 

button,

input,

optgroup,

select,

textarea {

  font-family: inherit;

  /* 1 */

  font-size: 100%;

  /* 1 */

  line-height: 1.15;

  /* 1 */

  margin: 0;

  /* 2 */

}

 

/**

* Show the overflow in IE.

* 1. Show the overflow in Edge.

*/

 

button,

input {

  /* 1 */

  overflow: visible;

}

 

/**

* Remove the inheritance of text transform in Edge, Firefox, and IE.

* 1. Remove the inheritance of text transform in Firefox.

*/

 

button,

select {

  /* 1 */

  text-transform: none;

}

 

/**

* Correct the inability to style clickable types in iOS and Safari.

*/

 

button,

[type="button"],

[type="reset"],

[type="submit"] {

  -webkit-appearance: button;

}

 

/**

* Remove the inner border and padding in Firefox.

*/

 

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}

 

/**

* Restore the focus styles unset by the previous rule.

*/

 

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

  outline: 1px dotted ButtonText;

}

 

/**

* Correct the padding in Firefox.

*/

 

fieldset {

  padding: 0.35em 0.75em 0.625em;

}

 

/**

* 1. Correct the text wrapping in Edge and IE.

* 2. Correct the color inheritance from `fieldset` elements in IE.

* 3. Remove the padding so developers are not caught out when they zero out

*    `fieldset` elements in all browsers.

*/

 

legend {

  box-sizing: border-box;

  /* 1 */

  color: inherit;

  /* 2 */

  display: table;

  /* 1 */

  max-width: 100%;

  /* 1 */

  padding: 0;

  /* 3 */

  white-space: normal;

  /* 1 */

}

 

/**

* Add the correct vertical alignment in Chrome, Firefox, and Opera.

*/

 

progress {

  vertical-align: baseline;

}

 

/**

* Remove the default vertical scrollbar in IE 10+.

*/

 

textarea {

  overflow: auto;

}

 

/**

* 1. Add the correct box sizing in IE 10.

* 2. Remove the padding in IE 10.

*/

 

[type="checkbox"],

[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

}

 

/**

* Correct the cursor style of increment and decrement buttons in Chrome.

*/

 

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto;

}

 

/**

* 1. Correct the odd appearance in Chrome and Safari.

* 2. Correct the outline style in Safari.

*/

 

[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  outline-offset: -2px;

  /* 2 */

}

 

/**

* Remove the inner padding in Chrome and Safari on macOS.

*/

 

[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

 

/**

* 1. Correct the inability to style clickable types in iOS and Safari.

* 2. Change font properties to `inherit` in Safari.

*/

 

::-webkit-file-upload-button {

  -webkit-appearance: button;

  /* 1 */

  font: inherit;

  /* 2 */

}

 

/* Interactive

   ========================================================================== */

 

/*

* Add the correct display in Edge, IE 10+, and Firefox.

*/

 

details {

  display: block;

}

 

/*

* Add the correct display in all browsers.

*/

 

summary {

  display: list-item;

}

 

/* Misc

   ========================================================================== */

 

/**

* Add the correct display in IE 10+.

*/

 

template {

  display: none;

}

 

/**

* Add the correct display in IE 10.

*/

 

[hidden] {

  display: none;

}

 

 

* {

  box-sizing: border-box;

}

/* import fonts CSS

   ========================================================================== */

/**@font-face {

  font-family: 'Avenir';

  src: url('/assets/Fuentes/AvenirLTStd-Roman.otf') format('otf');

  font-weight: normal;

  font-style: normal;

}

 

@font-face {

  font-family: 'Avenir';

  src: url('/assets/Fuentes/Avenir\ Medium.ttf') format('ttf');

  font-weight: medium;

  font-style: normal;

}

 

@font-face {

  font-family: 'Avenir';

  src: url('/assets/Fuentes/AvenirLTStd-Black.otf') format('otf');

  font-weight: bold;

  font-style: normal;

}

 

@font-face {

  font-family: 'Avenir';

  src: url('/assets/Fuentes/AvenirLTStd-Book.otf') format('otf');

  font-weight: light;

  font-style: normal;

}**/

 

/* Custom CSS

   ========================================================================== */

 

 

 

body {

  --P-Color-01: #009A44;

  --P-Color-02: #ED1A34;

  --P-Color-03: #F8DC58;

  --S-Color-01: #e52039;

  --S-Color-02: #5354AC;

  --S-Color-02-Light: #2B84A8;

  --S-Color-03: #9D239F;

  --S-Color-04: #F8B722;

  --S-Color-05: #0a5f91;

  --S-Color-06: #0a5f91;

  --S-Color-07: #FFEC95;

  --S-Color-08: #018139;

  --text: #2B2B2B;

  color: var(--text);

  /**font-family: 'Avenir', sans-serif;**/

  font-family: 'Nestle-Text', sans-serif;

  --font-size-default: 16px;

  --font-size-small: 14px;

  --font-size-medium: 18px;

  --font-size-large: 22px;

}

 

main {

  max-width: 100vw;

  margin: 0 auto;

  overflow: hidden;

}

 

img {

  display: block;

  max-width: 100%;

}

 

button {

  border: none;

  outline: none;

}

 

#hero {

  position: relative;

  max-width: 100vw;

  height: 140vw;

  background: url("/themes/custom/minestle/images/centro-cultural/la-tierra-de-nestle-separator.png"),

    url("/themes/custom/minestle/images/centro-cultural/hero-leopard.png"),

    url("/themes/custom/minestle/images/centro-cultural/hero-pyramid.png"),

    url("/themes/custom/minestle/images/centro-cultural/hero-mountain-2x.png"),

    url("/themes/custom/minestle/images/centro-cultural/ondas-hero-azules-2x.png"),

    radial-gradient(78.81% 78.81% at 50% 21.19%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%),

    var(--S-Color-05);

  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;

  background-size: 100% 15vw, auto 33vw, auto 75vw, auto 58vw, cover, cover, cover;

  background-position: center bottom, 80% bottom, -90% bottom, right bottom, center, center, center;

  margin-bottom: -70px;

  /**CSS jx para nuevo despegar del nav**/

  margin-top: 1vw;

}

 

@media(min-width: 1024px) {

  #hero {

    height: 545px;

    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;

    background-size: 100% 80px, auto 146px, auto 320px, auto 335px, cover, cover, cover;

    background-position: center bottom -25px, 80% bottom, 10% bottom, right bottom, center, center, center;

  }

}

 

#hero-logo {

  height: auto;

  width: 50vw;

}

 

@media(min-width: 1024px) {

  #hero-logo {

    height: 190px;

    width: auto;

  }

}

 

#brand-header {

  width: 100vw;

  background: var(--P-Color-02);

  padding: 4px 0;

}

 

#brand-header img {

  height: 42px;

  width: auto;

  margin: 0 auto;

}

 

#hero .hero-content {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  color: #fff;

}

 

#la-tierra-de-nestle {

  background: url("/themes/custom/minestle/images/centro-cultural/museum-separator.png"),

    url("/themes/custom/minestle/images/centro-cultural/leafs-left-side.png"),

    url("/themes/custom/minestle/images/centro-cultural/leafs-right-side.png"),

    url("/themes/custom/minestle/images/centro-cultural/hojas.png"),

    url("/themes/custom/minestle/images/centro-cultural/BG-sec01-puntos-amarillos-201.png"),

    linear-gradient(180deg, rgba(248, 183, 34, 0) 0%, rgba(248, 183, 34, 0.7) 100%),

    var(--P-Color-03);

  background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, repeat-y, no-repeat, no-repeat;

  background-size: 100% 80px, auto 435px, auto 321px, auto 330px, contain, cover, cover;

  background-position: bottom, left bottom -90px, right bottom -120px, center bottom -100px, center top, bottom, center;

  padding-bottom: 150px;

}

 

@media(min-width: 1024px) {

  #la-tierra-de-nestle {

    background: url("/themes/custom/minestle/images/centro-cultural/museum-separator.png"),

      url("/themes/custom/minestle/images/centro-cultural/leafs-left-side.png"),

      url("/themes/custom/minestle/images/centro-cultural/leafs-right-side.png"),

      url("/themes/custom/minestle/images/centro-cultural/hojas.png"),

      url("/themes/custom/minestle/images/centro-cultural/BG-sec01-puntos-amarillos-1.png"),

      linear-gradient(180deg, rgba(248, 183, 34, 0) 0%, rgba(248, 183, 34, 0.7) 100%),

      var(--P-Color-03);

    background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, repeat-y, no-repeat, no-repeat;

    background-size: 100% 80px, auto 435px, auto 321px, auto 330px, contain, cover, cover;

    background-position: bottom, left bottom -90px, right bottom -120px, center bottom -100px, center top, bottom, center;

    padding-bottom: 150px;

  }

}

 

#la-tierra-de-nestle .container .content-wrapper {

  position: relative;

  padding-bottom: 250%;

  margin-bottom: -100%;

  overflow: visible;

}

 

@media(min-width: 1024px) {

  #la-tierra-de-nestle .container .content-wrapper {

    position: relative;

    background: url("/themes/custom/minestle/images/centro-cultural/background-la-tierra-de-nestle-content.png");

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    padding-bottom: 59%;

    margin-bottom: -10%;

  }

}

 

#la-tierra-de-nestle .la-tierra-de-nestle-mobile-background {

  display: block;

  position: absolute;

  background: url("/themes/custom/minestle/images/centro-cultural/background-la-tierra-de-nestle-content.png");

  width: 266%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: contain;

  transform: rotate(-95deg) scaleX(-1) translate(-1%, -11%);

}

 

@media(min-width: 1024px) {

  #la-tierra-de-nestle .la-tierra-de-nestle-mobile-background {

    display: none;

  }

}

 

#la-tierra-de-nestle .container .content-wrapper .content {

  position: absolute;

  top: 25vw;

  left: 50%;

  transform: translate(-50%, 0);

  width: 90%

}

 

@media(min-width: 1024px) {

  #la-tierra-de-nestle .container .content-wrapper .content {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%

  }

}

 

#la-tierra-de-nestle .container .content-wrapper .content p {

  font-size: 3.8vw;

}

 

@media(min-width: 1024px) {

  #la-tierra-de-nestle .container .content-wrapper .content p {

    font-size: 1rem;

  }

}

 

#la-tierra-de-nestle .container .content-wrapper .sun {

  display: none;

}

 

@media(min-width: 1024px) {

  #la-tierra-de-nestle .container .content-wrapper .sun {

    display: block;

    position: absolute;

    top: 42%;

    left: 100%;

    transform: translate(-70%, -50%);

    width: 20%

  }

}

 

#la-tierra-de-nestle .la-tierra-de-nestle-cta {

  position: relative;

  margin: 50vw auto 20vw;

  padding: 0 20px;

  border-radius: 25px;

  background: var(--S-Color-07);

  padding: 25px 20px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 25px;

}

 

@media (min-width: 1024px) {

  #la-tierra-de-nestle .la-tierra-de-nestle-cta {

    width: 65%;

    margin: 60px auto 40px;

    padding: 0 20px;

    border-radius: 25px;

    background: var(--S-Color-07);

    padding: 25px 20px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 25px;

  }

}

 

#la-tierra-de-nestle .la-tierra-de-nestle-cta .label {

  font-size: 5.5vw;

  font-weight: bold;

  color: var(--text);

  text-align: center;

  margin: 0 auto;

}

 

@media (min-width: 1024px) {

  #la-tierra-de-nestle .la-tierra-de-nestle-cta .label {

    font-size: 22px;

  }

}

 

#la-tierra-de-nestle .la-tierra-de-nestle-cta .cta-buttons {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 15px;

}

 

@media (min-width: 1024px) {

  #la-tierra-de-nestle .la-tierra-de-nestle-cta .cta-buttons {

    flex-direction: row;

    justify-content: center;

    align-items: center;

    gap: 15px;

  }

}

 

#la-tierra-de-nestle .la-tierra-de-nestle-cta .decoration-wrapper {

  position: absolute;

  left: 15%;

  padding-bottom: 50%;

  bottom: 100%;

  overflow: visible;

  width: 52%;

}

 

@media (min-width: 1024px) {

  #la-tierra-de-nestle .la-tierra-de-nestle-cta .decoration-wrapper {

    padding-bottom: 0;

    position: absolute;

    left: 0;

    width: auto;

    bottom: -100%;

    overflow: visible;

  }

}

 

#la-tierra-de-nestle .la-tierra-de-nestle-cta .decoration-wrapper .host {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  overflow: visible;

  z-index: 1;

}

 

@media (min-width: 1024px) {

  #la-tierra-de-nestle .la-tierra-de-nestle-cta .decoration-wrapper .host {

    position: relative;

    left: 0;

    bottom: 0;

    width: auto;

    height: auto;

    transform: translate(-66%, 0);

    overflow: visible;

  }

}

 

#la-tierra-de-nestle .la-tierra-de-nestle-cta .decoration-wrapper .host img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: top;

}

 

@media (min-width: 1024px) {

  #la-tierra-de-nestle .la-tierra-de-nestle-cta .decoration-wrapper .host img {

    position: relative;

    width: auto;

    height: 100%;

  }

}

 

#la-tierra-de-nestle .la-tierra-de-nestle-cta .decoration-wrapper .leopard {

  position: absolute;

  left: 82%;

  bottom: 0;

  width: 50%;

  transform: translate(0, 5%);

}

 

@media (min-width: 1024px) {

  #la-tierra-de-nestle .la-tierra-de-nestle-cta .decoration-wrapper .leopard {

    position: absolute;

    left: 0;

    bottom: 0;

    transform: translate(35%, 15%);

    overflow: visible;

  }

}

 

#la-tierra-de-nestle .la-tierra-de-nestle-cta .decoration-wrapper .leopard img {

  width: auto;

  height: 100%;

}

 

 

#map-section {

  position: relative;

  display: grid;

  grid-template-columns: 1fr;

  justify-content: center;

  align-items: stretch;

  flex-direction: row;

  background: var(--S-Color-07);

  border-radius: 25px;

  overflow: hidden;

}

 

@media (min-width: 1024px) {

  #map-section {

    display: grid;

    grid-template-columns: 2fr 1fr;

    grid-template-rows: 1fr;

    min-height: 20vh;

    border-radius: 25px;

    overflow: hidden;

  }

}

 

#map-section .map {

  position: relative;

  grid-column: 1;

  padding: 15vw 2vw 15vw 2vw;

}

 

@media (min-width: 1024px) {

  #map-section .map {

    position: relative;

    grid-column: 1;

    padding: 30px 20px 45px 30px;

  }

}

 

#map-section .map h3 {

  position: absolute;

  top: 0;

  left: 0;

  background: var(--S-Color-01);

  font-size: 3.8vw;

  font-weight: bold;

  color: white;

  border-radius: 0 0 25px 0;

  padding: 10px 10px 10px 25px;

  margin: 0;

}

 

@media (min-width: 1024px) {

  #map-section .map h3 {

    font-size: 22px;

  }

}

 

#map-section .map-accordion-wrapper {

  background: #876109;

  padding: 0 0;

  border-radius: 25px;

  position: relative;

}

 

@media (min-width: 1024px) {

  #map-section .map-accordion-wrapper {

    grid-column: 2;

    background: #876109;

    padding: 0 25px;

    border-radius: 25px;

    height: 100%;

    overflow: hidden;

    position: relative;

  }

}

 

.map-accordion-wrapper .map-accordion {

  padding: 10px 10px;

}

 

@media (min-width: 1024px) {

  .map-accordion-wrapper .map-accordion {

    position: absolute;

    top: 0;

    left: 0;

    width: calc(100% - 20px);

    height: calc(100% - 20px);

    overflow-y: auto;

    padding: 10px 10px;

  }

}

 

.map-accordion-item {

  --intrinsic-height: 0;

  --closed-height: 0;

  --color: white;

  --active-color: var(--S-Color-01);

  --background-color: transparent;

  --active-background-color: white;

  max-height: var(--closed-height);

  overflow: hidden;

  transition: max-height 0.3s ease, background-color 0.3s ease;

  border-radius: 15px;

  color: var(--color);

  padding: 0 20px;

}

 

.map-accordion-item.expanded {

  max-height: var(--intrinsic-height);

  background-color: var(--active-background-color);

  color: var(--active-color);

}

 

.map-accordion-item .map-accordion-item-header {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

  cursor: pointer;

  padding: 10px 0 10px;

  border-bottom: 1px solid currentColor;

  color: inherit;

  cursor: pointer;

  background-color: transparent;

  width: 100%;

  outline: none;

}

 

.map-accordion-item .map-accordion-item-header-title {

  display: inline-flex;

  align-items: center;

  justify-content: start;

  gap: 10px;

  flex-direction: row;

  font-size: 5vw;

  font-weight: bold;

  text-transform: uppercase;

 

}

 

@media(min-width: 1024px) {

  .map-accordion-item .map-accordion-item-header-title {

    font-size: 22px;

  }

}

 

.map-accordion-item .map-accordion-item-header img {

  height: 11vw;

  width: 11vw;

  object-fit: contain;

  object-position: center;

}

@media(min-width: 1024px) {

  .map-accordion-item .map-accordion-item-header img {

    height: 50px;

    width: 50px;

  }

}

 

.map-accordion-item .map-accordion-item-header .map-accordion-status-icon {

  transition: transform 0.3s ease;

}

 

 

.map-accordion-item.expanded .map-accordion-item-header .map-accordion-status-icon {

  transform: rotate(45deg);

}

 

 

.map-accordion-item-body {

  padding: 10px 10px 30px 10px;

  font-size: 18px;

  color: var(--text);

}

 

.map-accordion-item-body h5 {

  font-size: 4.4vw;

  font-weight: bold;

  margin: 0;

  line-height: 1.4;

}

 

@media(min-width: 1024px) {

  .map-accordion-item-body h5 {

    font-size: 18px;

  }

}

 

.map-accordion-item-body p {

  font-size: 4.4vw;

  margin: 0;

}

 

@media(min-width: 1024px) {

  .map-accordion-item-body p {

    font-size: 18px;

  }

}

 

#slider-section {

  margin: 60px 0;

}

 

.slider {

  width: 100%;

  height: 400px;

  display: flex;

  justify-content: center;

  align-items: center;

  overflow: visible;

}

 

.slider .slider-wrapper {

  --side-padding: 10px;

  padding: 25px var(--side-padding);

  border-radius: 25px;

  width: 100%;

  height: 46vw;

  background: var(--S-Color-07);

  --active-slide: 2;

  --buffer-slides: 2;

  --slide-width: calc((var(--wrapper-width) - (var(--side-padding) * 2)) / 5 * 3);

  --slide-gap: calc(var(--slide-width) / 2);

  --slides-offset: calc(var(--slide-width) / 2);

  --space-between: calc(var(--slide-gap) + var(--slide-width));

  position: relative;

}

 

@media (min-width: 1024px) {

  .slider .slider-wrapper {

    height: 200px;

    --slide-width: calc((var(--wrapper-width) - (var(--side-padding) * 2)) / 4);

    --slide-gap: calc((var(--wrapper-width) - 20px) / 8);

    --slides-offset: calc(var(--slide-width) / 2);

    --space-between: calc(var(--slide-gap) + var(--slide-width));

  }

}

 

.slider .slider-wrapper .slider-control-prev,

.slider .slider-wrapper .slider-control-next {

  position: absolute;

  display: flex;

  justify-content: center;

  align-items: center;

  top: 50%;

  width: 40px;

  height: 40px;

  border-radius: 100%;

  transition: opacity 0.3s ease-in-out;

  cursor: pointer;

}

 

.slider .slider-wrapper .slider-control-prev.hidden,

.slider .slider-wrapper .slider-control-next.hidden {

  opacity: 0;

}

 

.slider .slider-wrapper .slider-bullet-controller {

  position: absolute;

  bottom: -10vw;

  left: 50%;

  transform: translate(-50%, 0);

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 5px;

}

 

@media (min-width: 1020px) {

  .slider .slider-wrapper .slider-bullet-controller {

    bottom: -75px;

    gap: 5px;

  }

}

 

.slider .slider-wrapper .slider-bullet-controller .slider-bullet {

  width: 10px;

  height: 10px;

  border-radius: 1000em;

  background: var(--P-Color-02);

  opacity: 0.5;

  padding: 0;

  transition: opacity 0.3s ease-in-out, width 0.3s;

  cursor: pointer;

}

 

.slider .slider-wrapper .slider-bullet-controller .slider-bullet.active {

  width: 25px;

  opacity: 1;

}

 

 

.slider .slider-wrapper .slider-control-prev {

  left: 0;

  transform: translate(-50%, -50%);

  background: url(/themes/custom/minestle/images/centro-cultural/arrow-previous.svg), white;

  background-position: center, center;

  background-repeat: no-repeat, no-repeat;

  background-size: cover, cover;

}

 

.slider .slider-wrapper .slider-control-next {

  right: 0;

  transform: translate(50%, -50%);

  background: url(/themes/custom/minestle/images/centro-cultural/basic_list_with_text_and_icon-default-icon_0.svg), white;

  background-position: center, center;

  background-repeat: no-repeat, no-repeat;

  background-size: cover, cover;

}

 

.slider .slider-wrapper .slides-wrapper {

  width: 100%;

  height: 100%;

  overflow-x: clip;

}

 

.slider .slider-wrapper .slides-wrapper .slides-inner-wrapper {

  position: relative;

  height: 100%;

  width: 100%;

  height: 100%;

  overflow: visible;

}

 

.slider .slider-wrapper .slides-wrapper .slides {

  gap: var(--slide-gap);

  position: absolute;

  display: flex;

  flex-direction: row;

  justify-content: start;

  align-items: stretch;

  height: 100%;

  overflow: visible;

  left: calc(50% - var(--slides-offset));

  transition: transform 0.5s ease;

  transform: translateX(calc(((var(--active-slide)) * var(--space-between)) * -1));

}

 

.slider .slider-wrapper .slides-wrapper .slides .slide {

  border-radius: 15px;

  overflow: hidden;

  min-width: var(--slide-width);

  transition: transform 0.7s ease;

}

 

.slider .slider-wrapper .slides-wrapper .slides .slide.active {

  border-radius: 25px;

  overflow: hidden;

  transform: scale(1.5);

}

 

@media (min-width: 1024px) {

  .slider .slider-wrapper .slides-wrapper .slides .slide.active {

    transform: scale(1.8);

  }

}

 

.slider .slider-wrapper .slides-wrapper .slides .slide img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

 

 

#museum {

  background: url("/themes/custom/minestle/images/centro-cultural/schedule-separator.png"),

    url("/themes/custom/minestle/images/centro-cultural/museum-right-corn.png"),

    url("/themes/custom/minestle/images/centro-cultural/museum-left-bottom-background.png"),

    url("/themes/custom/minestle/images/centro-cultural/museum-brush-texture.png"),

 

    var(--P-Color-02);

  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;

  background-size: 100% 15vw, auto 60vw, auto 66vw, auto 100vw, cover;

  background-position: center bottom, right bottom -10vw, left bottom -15vw, center bottom -15vw, center;

  min-height: 400px;

  padding: 10vw 0 50vw;

}

 

@media (min-width: 1020px) {

  #museum {

    background: url("/themes/custom/minestle/images/centro-cultural/schedule-separator.png"),

      url("/themes/custom/minestle/images/centro-cultural/museum-right-corn.png"),

      url("/themes/custom/minestle/images/centro-cultural/museum-left-bottom-background.png"),

      url("/themes/custom/minestle/images/centro-cultural/museum-brush-texture.png"),

   

      var(--P-Color-02);

    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat,  repeat;

    background-size: 100% 100px, auto 392px, auto 439px, 100% 800px,  cover;

    background-position: center bottom, right bottom -100px, left bottom -150px, center bottom -260px,  center;

    min-height: 400px;

    padding: 100px 0 250px;

  }

}

 

#museum .content-wrapper {

  display: flex;

  flex-direction: column;

  gap: 0;

  justify-content: space-between;

  align-items: stretch;

  padding: 0;

  overflow: visible;

  width: 100%;

 

}

 

@media (min-width: 1024px) {

  #museum .content-wrapper {

    flex-direction: row;

    gap: 30px;

  }

}

 

#museum .content-wrapper>* {

  width: 100%;

  color: white !important;

  padding: 45px 0;

}

 

@media (min-width: 1024px) {

  #museum .content-wrapper>* {

    width: 50%;

    padding: 45px 0;

  }

}

 

#museum .content {

  display: flex;

  flex-direction: column;

  justify-content: start;

  align-items: stretch;

}

 

#museum .content p{

                color: white;

}

 

 

#museum .images {

  background: url("/themes/custom/minestle/images/centro-cultural/jujul-images-background.png");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: 80%;

  display: flex;

  flex-direction: column;

  gap: 40px;

}

 

#museum .museum-badge {

  display: inline-block;

  padding: 0.5em 1.5em;

  border-radius: 50px;

  background: white;

  color: var(--P-Color-02);

  font-size: 24px;

  font-weight: bold;

  margin: 20px auto 20px;

  text-align: center;

}

 

#programa-tu-visita {

  background: url("/themes/custom/minestle/images/centro-cultural/reglas-de-entrada-separador.png"),

    linear-gradient(180deg, #F8B722 52.78%, rgba(248, 183, 34, 0) 100%),

    url("/themes/custom/minestle/images/centro-cultural/ondas-amarillas.png"),

    var(--S-Color-04);

  background-repeat: repeat-x, no-repeat, no-repeat, no-repeat;

  background-size: 100% 80px, cover, 100% 600px, cover;

  background-position: center bottom, center top, center bottom, center;

  min-height: 400px;

  padding: 100px 0 250px;

}

 

#programa-tu-visita h2 {

  display: block;

  font-size: 45px;

  font-weight: bold;

  color: var(--text);

  margin: 0 auto 60px;

  text-align: center;

}

 

#programa-tu-visita .overline {

  display: block;

  font-size: 6.6vw;

  font-weight: bold;

  color: var(--text);

  margin: 0 auto 2vw;

  text-align: center;

}

 

form {

  display: flex;

  flex-direction: column;

  gap: 20px;

  justify-content: start;

  align-items: stretch;

  padding: 0;

  overflow: hidden;

  width: 100%;

  margin: 0 auto;

}

 

form label {

  display: block;

  font-size: 3.7vw;

  font-weight: bold;

  color: var(--text);

  margin: 0 auto 0.5em;

  text-align: left;

}

 

@media (min-width: 1024px) {

  form label {

    font-size: 18px;

  }

}

 

#form-disclaimer {

  max-height: 100;

  overflow: hidden;

  transition: max-height 0.5s ease-in-out;

  font-size: 14px;

  padding: 10px 20px;

  border-radius: 25px;

  background: var(--P-Color-03);

  width: 100%;

  margin: 40px auto;

 

}

 

@media (min-width: 1024px) {

  #form-disclaimer {

    width: 66.666667%;

  }

}

.confirmation-message {
	  display: block;
	  font-size: 30px;
	  font-weight: bold;
	  color: #fff;
	  text-transform: uppercase;
	  text-align: center;
}
 

form input[type="checkbox"]+label {

  display: inline-block;

                font-size: 18px !important;

  font-weight: bold !important;

  color: var(--text);

  margin: 0 auto 0.5em;

  text-align: left;

  line-height: 1.5;

}

.ui-dialog {
	    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
	z-index: 7;
	padding: 20px !important;
	border-radius: 20px !important;
	overflow: hidden;
	  background:url("/themes/custom/minestle/images/centro-cultural/ondas-amarillas.png"), var(--S-Color-04) !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  background-position: center !important;
      border: none !important;
}

.ui-widget-overlay {
	z-index: 5;
	background-color: #fff;
	opacity: 0.8;
}

.ui-dialog-title {
	width: 100% !important;
}

.ui-dialog .ui-dialog-titlebar {
	text-align: center;
	background-color: transparent !important;
	text-transform: uppercase;
   border: none !important;
}

.ui-dialog .ui-dialog-titlebar span {
	color: #fff;
}

.ui-dialog .ui-dialog-content {
	background-color: transparent !important;
	min-height: 0px !important;
    height: fit-content !important;
}


form label.error, form input[type="checkbox"]+label.error {
                color: var(--P-Color-02) !important;

                font-size: 16px !important;

                font-weight: normal !important;

}


.aviso-de-privacidad a {
	text-decoration: underline !important;
	color: var(--text);
}
 
.aviso-de-privacidad label.form-check-label::after {
	    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(/themes/contrib/bootstrap_barrio/images/required.svg);
    background-repeat: no-repeat;
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
    margin: 0 0.3em;
}
 

input:not([type="checkbox"]), select, textarea, input.form-control, select.form-select, textarea.form-control {

  display: block;

  border: 1px solid transparent !important;

  font-size: 14px !important;

  color: var(--text);

  border-radius: 25px;

  padding: 0.8em 1em !important;

  text-align: left;

  box-sizing: border-box !important;

  box-shadow: none !important;

}

 

.js-form-item, .js-webform-flexbox, .js-form-item[class*="mb"], .js-webform-flexbox[class*="mb"] {

                margin-bottom: 0px !important;

                margin-top: 0px !important;

}

 

.form-actions {

                width: 100%;

}

 

.form-actions input {

                text-align: center;

                margin: auto;

                width: 75%;

                color: white !important;

                border-radius: 15px;

                background-color: var(--S-Color-02) !important;

}

 

textarea {

  resize: none;

}

 

@media (min-width: 1024px) {

  #programa-tu-visita .overline {

    font-size: 45px;

    margin: 0 auto 15px;

  }

}

 

#programa-tu-visita .title {

  display: block;

  font-size: 6.6vw;

  font-weight: bold;

  color: var(--P-Color-02);

  margin: 0 auto 2vw;

  text-transform: uppercase;

  text-align: center;

}

 

@media (min-width: 1024px) {

  #programa-tu-visita .title {

    font-size: 45px;

    margin: 0 auto 15px;

  }

}

 

.form-selector {

  display: grid;

  grid-template-columns: 1fr 1fr;

  width: 66.666667%;

  margin: 0 auto;

  gap: 20px;

  font-size:18px;

}

 

.form-selector svg{

  height: 1em;

  width: auto;

}

 

.form-selector .button {

  flex-direction: column;

  width: 100%;

  justify-content: start;

  height: 100%;

  background: var(--P-Color-03);

  font-weight: bold;

  transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}

 

@media (min-width: 1024px) {

  .form-selector .button {

    flex-direction: row;

    justify-content: center;

    align-items: center;

  }

}

 

#normas-de-ingreso {

  background: url("/themes/custom/minestle/images/centro-cultural/normas-de-entrada-background.png"), var(--P-Color-01);

  background-repeat: repeat-x, no-repeat;

  background-size: auto 150px, cover;

  background-position: center bottom, center;

  color: white;

  padding: 60px 0 240px;

}

 

#normas-de-ingreso h2 {

  display: block;

  font-size: 3vw;

  font-weight: bold;

  color: white;

  margin: 0 auto 16.6vw;

  text-align: center;

}

 

@media (min-width: 1024px) {

  #normas-de-ingreso h2 {

    font-size: 45px;

    margin: 0 auto 60px;

  }

}

 

#normas-de-ingreso .overline {

  display: block;

  font-size: 6.6vw;

  font-weight: bold;

  color: white;

  margin: 0 auto 2vw;

  text-align: center;

}

 

@media (min-width: 1024px) {

  #normas-de-ingreso .overline {

    font-size: 45px;

    margin: 0 auto 15px;

  }

}

 

#normas-de-ingreso .title {

  display: block;

  font-size: 6.6vw;

  font-weight: bold;

  color: var(--P-Color-03);

  margin: 0 auto 0.3em;

  text-transform: uppercase;

  text-align: center;

}

 

@media (min-width: 1024px) {

  #normas-de-ingreso .title {

    font-size: 45px;

    font-weight: bold;

    margin: 0 auto 15px;

  }

}

 

#rules-accordion {

  --intrinsic-height: 100px;

  --closed-height: 0px;

  margin: 0 auto 60px;

}

 

#rules-accordion ul {

  width: 100%;

  list-style: none;

  padding: 0;

  margin: 0 auto;

  max-height: var(--closed-height);

  overflow: hidden;

  transition: max-height 0.5s ease-in-out;

  margin-bottom: 60px;

}

 

@media (min-width: 1024px) {

  #rules-accordion ul {

    width: 66%;

  }

}

 

#rules-accordion.expanded ul {

  max-height: var(--intrinsic-height);

}

 

#rules-accordion ul li {

  font-size: 18px;

  margin-bottom: 15px;

  font-weight: light;

}

 

 

#rules-accordion ul li .rule-list-number {

  font-size: 22px;

  padding-right: 0.2em;

  color: var(--P-Color-03);

  font-weight: bold;

}

 

.footer {

  background: var(--S-Color-08) !important;

  padding: 80px 0;

  display: flex;

  flex-direction: column;

  min-height: 300px;

  color: white;

  padding-bottom: 10vh !important;

}

 

.footer .footer-brands {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  gap: 60px;

  margin-bottom: 60px;

}

 

.footer .footer-social {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  gap: 30px;

  margin-bottom: 30px;

}

 

.footer .footer-legal {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  gap: 10px;

}

 

.footer .footer-legal p,

.footer .footer-legal a,

.footer .footer-legal a:active,

.footer .footer-legal a:visited {

  font-size: 14px;

  color: white;

  margin: 0;

  text-decoration: none;

}

 

.container {

  max-width: 100vw;

  margin: 0 5%;

  position: relative;

}

 

@media (max-width: 1023px) {

                .container{

                               margin: 0;

                }
                
                .ui-dialog {
                	width: 90% !important;
                	margin: auto;
                	left: 0 !important;
                	right: 0;
                	min-width: 0px !important;
                }

}

 

 

@media (min-width: 1024px) {

  .container {

    max-width: 1040px;

    margin: 0 auto;

  }

}

 

.button {

  display: flex;

  padding: 7px 15px;

  border-radius: 15px;

  justify-content: center;

  align-items: center;

  gap: 10px;

  font-weight: medium;

  transition: box-shadow 0.3s ease, opacity 0.3s ease;

  font-size: 22px;

  text-decoration: none;

  font-size: var(--font-size-default);

}

 

.button>.label-wrapper {

  display: inline-flex;

  flex-direction: row;

  gap: inherit;

  font-weight: inherit;

  font-size: inherit;

  text-decoration: inherit;

  align-items: center;

}

 

.button.padding-large {

  padding: 10px 20px;

}

 

.button.small {

  font-size: var(--font-size-small);

}

 

.button.medium {

  font-size: var(--font-size-medium);

}

 

.button.large {

  font-size: var(--font-size-large);

}

 

@media(min-width: 1024px) {

  .button {

    min-width: 200px;

  }

}

 

 

.site-footer{

    margin-top: -11vh !important;

}

 

/* backgrounds

   ========================================================================== */

.bg-white {

  background-color: #fff;

}

 

.bg-p-01 {

  background-color: var(--P-Color-01);

}

 

.bg-p-02 {

  background-color: var(--P-Color-02);

}

 

.bg-p-03 {

  background-color: var(--P-Color-03);

}

 

.bg-s-01 {

  background-color: var(--S-Color-01);

}

 

.bg-s-02 {

  background-color: var(--S-Color-02);

}

 

.bg-s-02-light {

  background-color: var(--S-Color-02-Light);

}

 

.bg-s-03 {

  background-color: var(--S-Color-03);

}

 

.bg-s-04 {

  background-color: var(--S-Color-04);

}

 

.bg-s-05 {

  background-color: var(--S-Color-05);

}

 

.bg-s-06 {

  background-color: var(--S-Color-06);

}

 

.bg-s-07 {

  background-color: var(--S-Color-07);

}

 

.bg-s-08 {

  background-color: var(--S-Color-08);

}

 

 

/* Typography

   ========================================================================== */

 

.text-p-01 {

  color: var(--P-Color-01);

}

 

.text-p-02 {

  color: var(--P-Color-02);

}

 

.text-p-03 {

  color: var(--P-Color-03);

}

 

.text-s-01 {

  color: var(--S-Color-01);

}

 

.text-s-02 {

  color: var(--S-Color-02);

}

 

.text-s-03 {

  color: var(--S-Color-03);

}

 

.text-s-04 {

  color: var(--S-Color-04);

}

 

.text-s-05 {

  color: var(--S-Color-05);

}

 

.text-s-06 {

  color: var(--S-Color-06);

}

 

.text-white {

  color: #fff;

}

 

 

/* Utility CSS

   ========================================================================== */

 

.flex {

  display: flex;

  flex-direction: row;

}

 

.flex-row {

  flex-direction: row;

}

 

.flex-col {

  flex-direction: column;

}

 

.flex-row-reverse {

  flex-direction: row-reverse;

}

 

.flex-col-reverse {

  flex-direction: column-reverse;

}

 

.justify-center {

  justify-content: center;

}

 

.justify-between {

  justify-content: space-between;

}

 

.justify-end {

  justify-content: flex-end;

}

 

.items-center {

  align-items: center;

}

 

.items-end {

  align-items: flex-end;

}

 

.items-start {

  align-items: flex-start;

}

 

.gap-4 {

  gap: 4px;

}

 

.gap-8 {

  gap: 8px;

}

 

.gap-10 {

  gap: 10px;

}

 

.gap-15 {

  gap: 15px;

}

 

.gap-20 {

  gap: 20px;

}

 

.mx-auto {

  margin-left: auto;

  margin-right: auto;

}

 

.mt-4 {

  margin-top: 4px;

}

 

.mt-8 {

  margin-top: 8px;

}

 

.mt-10 {

  margin-top: 10px;

}

 

.mt-15 {

  margin-top: 15px;

}

 

.mt-20 {

  margin-top: 20px;

}

 

.mt-30 {

  margin-top: 30px;

}

 

.mb-4 {

  margin-bottom: 4px;

}

 

.mb-8 {

  margin-bottom: 8px;

}

 

.mb-10 {

  margin-bottom: 10px;

}

 

.mb-15 {

  margin-bottom: 15px;

}

 

.mb-20 {

  margin-bottom: 20px;

}

 

.mb-30 {

  margin-bottom: 30px;

}

 

.mb-40 {

  margin-bottom: 40px;

}

 

.pt-4 {

  padding-top: 4px;

}

 

.pt-8 {

  padding-top: 8px;

}

 

.pt-10 {

  padding-top: 10px;

}

 

.pt-15 {

  padding-top: 15px;

}

 

.pt-20 {

  padding-top: 20px;

}

 

.pt-30 {

  padding-top: 30px;

}

 

.pb-4 {

  padding-bottom: 4px;

}

 

.pb-8 {

  padding-bottom: 8px;

}

 

.pb-10 {

  padding-bottom: 10px;

}

 

.pb-15 {

  padding-bottom: 15px;

}

 

.pb-20 {

  padding-bottom: 20px;

}

 

.pb-30 {

  padding-bottom: 30px;

}

 

.px-4 {

  padding-left: 4px;

  padding-right: 4px;

}

 

.px-8 {

  padding-left: 8px;

  padding-right: 8px;

}

 

.px-10 {

  padding-left: 10px;

  padding-right: 10px;

}

 

.px-15 {

  padding-left: 15px;

  padding-right: 15px;

}

 

.px-20 {

  padding-left: 20px;

  padding-right: 20px;

}

 

.px-30 {

  padding-left: 30px;

  padding-right: 30px;

}

 

.py-4 {

  padding-top: 4px;

  padding-bottom: 4px;

}

 

.py-8 {

  padding-top: 8px;

  padding-bottom: 8px;

}

 

.py-10 {

  padding-top: 10px;

  padding-bottom: 10px;

}

 

.py-15 {

  padding-top: 15px;

  padding-bottom: 15px;

}

 

.py-20 {

  padding-top: 20px;

  padding-bottom: 20px;

}

 

.py-30 {

  padding-top: 30px;

  padding-bottom: 30px;

}

 

.text-center {

  text-align: center;

}

 

.w-1\/4 {

  width: 25%;

}

 

.w-1\/2 {

  width: 50%;

}

 

.w-2\/3 {

  width: 66.6666666667%;

}

 

.w-3\/4 {

  width: 75%;

}

 

.w-4\/5 {

  width: 80%;

}

 

.w-full {

  width: 100%;

}

 

.hidden {

  display: none;

}

 

.block {

  display: block;

}

 

.inline-block {

  display: inline-block;

}

 

.grow {

  flex-grow: 1;

}

.shrink-0 {

  flex-shrink: 0;

}

 

@media(min-width: 1024px) {

                .lg\:block {

    display: block;

  }

 

  .lg\:flex {

    display: flex;

    flex-direction: row;

  }

 

  .lg\:flex-row {

    flex-direction: row;

  }

 

  .lg\:flex-col {

    flex-direction: column;

  }

 

  .lg\:flex-row-reverse {

    flex-direction: row-reverse;

  }

 

  .lg\:flex-col-reverse {

    flex-direction: column-reverse;

  }

 

  .lg\:justify-center {

    justify-content: center;

  }

 

  .lg\:justify-between {

    justify-content: space-between;

  }

 

  .lg\:justify-end {

    justify-content: flex-end;

  }

 

  .lg\:items-center {

    align-items: center;

  }

 

  .lg\:items-end {

    align-items: flex-end;

  }

 

  .lg\:items-start {

    align-items: flex-start;

  }

 

  .lg\:w-2\/3 {

    width: 66.6666666667%;

  }

 

  .lg\:w-auto {

    width: auto;

  }

 

  .lg\:inline-block {

    display: inline-block;

  }

}

 

.no-transitions {

  transition: none !important;

}

 

 

 

@font-face {

    font-family: "NestleAR-italic";   

    font-style: italic;

    font-weight: 200;   

    src: url('/themes/custom/minestle/fonts/NestleTextAR/NestleTextAR-Italic.otf') format("opentype");

    font-display: swap;

}

@font-face {

    font-family: "Nestle-Text";   

    font-style: normal;

    font-weight: 400;   

    src: url('/themes/custom/minestle/fonts/NestleTextAR/NestleTextAR-Light.otf') format("opentype");

    font-display: swap;

}

 

@font-face {

    font-family: "NestleText-Bold";   

    font-style: normal;

    font-weight: 700;   

    src: url('/themes/custom/minestle/fonts/NestleTextAR/NestleTextAR-Bold.otf') format("opentype");

    font-display: swap;

}