/*Theme Name: Ingeteam Feria Landing Hubspot
	Theme URL: https://www.ingeteam.com
	Description: Theme personalizado para Ingeteam
	Author: Somos MIO + ADI Revolution
	Author URI: https://adi-revolution.com
	Version: 1.0
*/
/*@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Thin.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ThinItalic.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ExtraLight.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ExtraLightItalic.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}*/

@font-face {
  font-family: "Libre Franklin";
  src: url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Light.woff2") format("woff2"), url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-LightItalic.woff2") format("woff2"), url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Regular.woff2") format("woff2"), url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Italic.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}*/
@font-face {
  font-family: "Libre Franklin";
  src: url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Medium.woff2") format("woff2"), url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/*@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-MediumItalic.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}*/
@font-face {
  font-family: "Libre Franklin";
  src: url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-SemiBold.woff2") format("woff2"), url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-SemiBoldItalic.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}*/
@font-face {
  font-family: "Libre Franklin";
  src: url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Bold.woff2") format("woff2"), url("https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-BoldItalic.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ExtraBold.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ExtraBoldItalic.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Black.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Libre Franklin';
    src: url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-BlackItalic.woff2') format('woff2'),
        url('https://sites.ingeteam.com/hubfs/fonts/LibreFranklin-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}*/
/*Icons*/
/* https://www.onlinewebfonts.com/download/d589f568cfa911453cc08bf622833fd2 */
/*@import url(//db.onlinewebfonts.com/c/d589f568cfa911453cc08bf622833fd2?family=la-solid-900); */
@font-face {
  font-family: "la-solid-900";
  src: url("https://sites.ingeteam.com/hubfs/fonts/la-solid-900.woff2") format("woff2"), url("https://sites.ingeteam.com/hubfs/fonts/la-solid-900.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "la-brands-400";
  src: url("https://sites.ingeteam.com/hubfs/fonts/la-brands-400.woff2") format("woff2"), url("https://sites.ingeteam.com/hubfs/fonts/la-brands-400.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*Google Fonts*/
/*@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');*/
/* RESET */
/* ----------------------------------------- */
/**
 * Eric Meyer's Reset Stylesheet
 *
 * v2.0
 * 2011-01-26
 * Author: Eric Meyer - http://meyerweb.com/eric/tools/css/reset/
 */

 
/* VARIABLES */
:root{
	--primary-color:#c10230;
	--black:#000000;
	--white:#ffffff;
	--light-gray:#f4f4f4;
	--dark-gray:#C8C8C8;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
}

b, strong {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

a {
  outline: none;
}

.mayus {
  text-transform: uppercase;
}

.fullwidth {
  width: 100%;
  float: left;
}

.boxsizing, .container, .box-sizing {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  width: 100%;
  max-width: 1620px;
  margin: 0 auto;
  padding: 0 20px;
}
.container:before {
  content: "";
  display: table;
  pointer-events: none;
}
.container:after {
  content: "";
  display: table;
  pointer-events: none;
  clear: both;
}

.clearer, .clear {
  clear: both;
}

table {
  width: 100%;
}

.myIframe {
  height: 0;
  position: relative;
  margin: 0 0 20px;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.myIframe iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.input, input[type=email], input[type=tel], input[type=text], textarea {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button, button, input[type=submit] {
  overflow: hidden;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

button, input[type=submit] {
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.inline {
  display: none;
}

.columns {
  width: 100%;
  float: left;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.columns img {
  max-width: 100%;
  height: auto;
}

.columns.no-padding {
  padding: 0;
}

.no-left {
  padding: 0 40px 0 0;
}

.no-right {
  padding: 0 0 0 40px;
}

.small-1 {
  width: 8.33%;
}

.small-2 {
  width: 16.66%;
}

.small-3 {
  width: 25%;
}

.small-4 {
  width: 33.33%;
}

.small-5 {
  width: 41.66%;
}

.small-6 {
  width: 50%;
}

.small-7 {
  width: 58.33%;
}

.small-8 {
  width: 66.66%;
}

.small-9 {
  width: 75%;
}

.small-10 {
  width: 83.33%;
}

.small-11 {
  width: 91.66%;
}

.small-12 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .medium-1 {
    width: 8.33%;
  }
  .medium-2 {
    width: 16.66%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33%;
  }
  .medium-5 {
    width: 41.66%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33%;
  }
  .medium-8 {
    width: 66.66%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33%;
  }
  .medium-11 {
    width: 91.66%;
  }
  .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .large-1 {
    width: 8.33%;
  }
  .large-2 {
    width: 16.66%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.33%;
  }
  .large-5 {
    width: 41.66%;
		width:50%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.33%;
  }
  .large-8 {
    width: 66.66%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.33%;
  }
  .large-11 {
    width: 91.66%;
  }
  .large-12 {
    width: 100%;
  }
  /*.large-pull-1 {
    position: relative;
    right: 8.33%
  }
  .large-pull-2 {
    position: relative;
    right: 16.66%
  }
  .large-pull-3 {
    position: relative;
    right: 25%
  }
  .large-pull-4 {
    position: relative;
    right: 33.33%
  }
  .large-pull-5 {
    position: relative;
    right: 41.66%
  }
  .large-pull-6 {
    position: relative;
    right: 50%
  }
  .large-pull-7 {
    position: relative;
    right: 58.33%
  }
  .large-pull-8 {
    position: relative;
    right: 66.66%
  }
  .large-pull-9 {
    position: relative;
    right: 75%
  }
  .large-pull-10 {
    position: relative;
    right: 83.33%
  }
  .large-pull-11 {
    position: relative;
    right: 91.66%
  }
  .large-pull-12 {
    position: relative;
    right: 100%
  }
  .large-push-1 {
    position: relative;
    left: 8.33%
  }
  .large-push-2 {
    position: relative;
    left: 16.66%
  }
  .large-push-3 {
    position: relative;
    left: 25%
  }
  .large-push-4 {
    position: relative;
    left: 33.33%
  }
  .large-push-5 {
    position: relative;
    left: 41.66%
  }
  .large-push-6 {
    position: relative;
    left: 50%
  }
  .large-push-7 {
    position: relative;
    left: 58.33%
  }
  .large-push-8 {
    position: relative;
    left: 66.66%
  }
  .large-push-9 {
    position: relative;
    left: 75%
  }
  .large-push-10 {
    position: relative;
    left: 83.33%
  }
  .large-push-11 {
    position: relative;
    left: 91.66%
  }
  .large-push-12 {
    position: relative;
    left: 100%
  }
  .large-pull-1 {
    right: auto
  }
  .large-pull-2 {
    right: auto
  }
  .large-pull-3 {
    right: auto
  }
  .large-pull-4 {
    right: auto
  }
  .large-pull-5 {
    right: auto
  }
  .large-pull-6 {
    right: auto
  }
  .large-pull-7 {
    right: auto
  }
  .large-pull-8 {
    right: auto
  }
  .large-pull-9 {
    right: auto
  }
  .large-pull-10 {
    right: auto
  }
  .large-pull-11 {
    right: auto
  }
  .large-pull-12 {
    right: auto
  }
  .large-push-1 {
    left: auto
  }
  .large-push-2 {
    left: auto
  }
  .large-push-3 {
    left: auto
  }
  .large-push-4 {
    left: auto
  }
  .large-push-5 {
    left: auto
  }
  .large-push-6 {
    left: auto
  }
  .large-push-7 {
    left: auto
  }
  .large-push-8 {
    left: auto
  }
  .large-push-9 {
    left: auto
  }
  .large-push-10 {
    left: auto
  }
  .large-push-11 {
    left: auto
  }
  .large-push-12 {
    left: auto
  }*/
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
}

::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}

:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255, 255, 255, 0.5);
}

:-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5);
}

*::-moz-selection {
  background-color: var(--primary-color);
  color: var(--white);
}

*::selection {
  background-color: var(--primary-color);
  color: var(--white);
}

body {
  position: relative;
/*   background-color: var(--black); */
  font-family: "Libre Franklin", sans-serif;
  font-size: 16px;
  font-size: calc(7px + 9 * (100vw - 767px) / 1153);
  color: var(--white);
}
@media screen and (min-width: 1921px) {
  body {
    font-size: 16px;
  }
}
@media screen and (max-width: 1300px) {
  body {
    font-size: 12px;
  }
}

.columns {
  padding: 0 0.5em;
}
@media screen and (max-width: 1023px) {
  .columns {
    padding: 0 15px;
  }
}

.container {
  max-width: 85.5em; /*max-width: 1368px;*/
  padding: 0;
  
  @media screen and (max-width:1400px){

  }
  @media screen and (max-width:1300px){
    max-width: 90%;
  }
  @media screen and (max-width:1200px){
    max-width: 100%;
  }
  @media screen and (max-width:1023px){
   max-width: 100%;
  }
}
.split .container {
  max-width: 100em;
  max-width: 100vw;
}
/* @media screen and (max-width: 1300px) {
  .container {
    max-width: 90%;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    max-width: 95%;
  }
}
@media screen and (max-width: 1023px) {
  .container {
    max-width: 100%;
  }
} */
.container:before, .container:after {
  content: none;
}

.container-extra {
  width: 100%;
  max-width: 98.875em; /*max-width: 1582px;*/
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1300px) {
  .container-extra {
    max-width: 90%;
  }
}
@media screen and (max-width: 1200px) {
  .container-extra {
    max-width: 95%;
  }
}
@media screen and (max-width: 1023px) {
  .container-extra {
    max-width: 100%;
  }
}

.center {
  text-align: center;
}

strong, b {
  font-weight: 600;
}

a {
  text-decoration: underline;
  color: #c10230;
}

h1, h2, h3, h4, h5 {
  font-weight: 600;
}

/*Header*/
#header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  padding: 5.3125em 0 0;
}
@media screen and (max-width: 1300px) {
  #header {
    padding: 2.188em 0 0;
  }
}
#header .logos-languages-wrapper {
  max-width: 59.375em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
@media screen and (max-width: 1300px) {
  #header .logos-languages-wrapper {
    max-width: 58.33%;
  }
}
@media screen and (max-width: 1023px) {
  #header .logos-languages-wrapper {
    max-width: 100%;
  }
}
#header .logos-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#header #logo {
  width: 100%;
  max-width: 13.8125em;
  display: block;
  
  @media screen and (max-width:1300px){
    max-width: 12.5em;
  }
  @media screen and (max-width:1023px){
    max-width: 11em;
  }
  @media screen and (max-width:767px){
    max-width: 9.5em;
  }
  @media screen and (max-width:600px){
    max-width: 9em;
  }
}
/* @media screen and (max-width: 1300px) {
  #header #logo {
    max-width: 12.5em;
  }
}
@media screen and (max-width: 1023px) {
  #header #logo {
    max-width: 11em;
  }
}
@media screen and (max-width: 767px) {
  #header #logo {
    max-width: 9.5em;
  }
}
@media screen and (max-width: 600px) {
  #header #logo {
    max-width: 9em;
  }
} */
#header #logo img, #header #logo svg {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
	fill:var(--primary-color);º
}
/* #header #logo img path, #header #logo svg path {
  fill: var(--primary-color);
} */
#header nav.languages {
  display: inline-block;
  position: relative;
  margin: 0 0 0 auto;
  font-size: 1em;
}
#header nav.languages .placeholder {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75em 0;
  font-family: "Libre Franklin", sans-serif;
  color: var(--white);
  cursor: pointer;
}
#header nav.languages .placeholder:before {
  content: "";
  width: 1.1875em;
  height: 1.1875em;
  display: inline-block;
  margin-right: 0.6875em;
  background-image: url(https://sites.ingeteam.com/hubfs/landing-ferias/langs.svg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
#header nav.languages .placeholder:after {
  content: "\f107";
  display: inline-block;
  position: relative;
  top: -0.05em;
  left: 0;
  margin: 0 0 0 0.5em;
  font-family: "la-solid-900";
  font-size: 1.125em;
}
#header nav.languages ul {
  width: 9.285em;
  display: none;
  position: absolute;
  top: 10%; /* 100% */
  margin-top: 1.5em;
  left: 50%;
  padding: 0.5em;
  border-radius: 0.714em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* background-color: white;  JLM */
  font-size: 0.875em;
  text-align: left;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#header nav.languages .placeholder:hover ul{ /* JLM añadido " .placeholder" entre languages y :hover*/
  display: block;
}

@media screen and (max-width: 767px) {
  #header nav.languages ul {
    right: -1em;
    left: auto;
    margin-top: 0.5em;
    -webkit-transform: none;
            transform: none;
  }
}
#header nav.languages li {
  width: 100%;
  display: inline-block;
  margin: 0.075em;
  list-style: none;
}
#header nav.languages a {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.65em 0.5em;
  border-radius: 0.357em;
  text-decoration: none;
  text-align: center;
  color: #f4f4f4; /* JLM black */
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#header nav.languages a:hover {
  /* background-color: #F4F4F4; JLM */
}
#header a {
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#main {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
/*   background-color: var(--black); */
}
#main #articulo {
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  #main #articulo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#main .bg {
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
	
  background-color: attr(data-bg type(<color>));;
    
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1023px){
    min-height: 0;
  }
  @media screen and (max-width:900px){
    width:100%;
    margin-top:9em;
  }
}
#main.split .bg{
  width:50%;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:900px){
    width:100%;
    margin-top: 7em;
  }
}
/* @media screen and (max-width: 1023px) {
  #main .bg {
    min-height: 0;
  }
} */
#main .bg:before {
  content: "";
  width: auto;
  height: auto;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: attr(data-bg type(<color>));;
  opacity: 0.35;
}
#main .bg:after {
  content: "";
  width: auto;
  height: auto;
  display: block;
  position: fixed;
  top: 27.77%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#main.split .bg:after{
	background:revert;
}
#main .bg picture {
  width: auto;
  height: auto;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
#main .bg picture img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
#main .bg video {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
#main .bg .jarallax {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#main .bg .container {
  position: relative;
  z-index: 3;
}
#main .bg .container:before, #main .bg .container:after {
  content: none;
}
#main .bg .container .columns {
  min-height: 100vh;
  min-height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  padding-top: 14.5em;
  padding-bottom: 6.625em;
  
  @media screen and (max-width:1400px){
    padding-top: 14em;
    padding-bottom: 4.625em;
    }
  @media screen and (max-width:1300px){
    padding-top: 12.5em;
    padding-bottom: 3.625em;
    }
  @media screen and (max-width:1024px){
    padding-top: 8.625em;
    padding-bottom: 2.625em;
    }
  @media screen and (max-width:1023px){
    min-height: 0;
    padding-bottom: 6em;
    }
  @media screen and (max-width:900px){
    padding-top: 10.5em;
    }
}
#main.split .bg .container .columns {
  -webkit-box-align: end;
      -ms-flex-align: end;
  align-items:flex-end;
  width:100%;
  padding-right:0;
  @media screen and (max-width:1400px){
		margin-top:3em;
		padding-top:0;
	}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:900px){
		margin-top:0;
		padding: 0 15px 3em 15px;
  }
}

#main .bg .container .columns:before, #main .bg .container .columns:after {
  content: none;
}
#main .bg .container .columns .title {
  max-width: 12.52em;
}
#main.split .bg .container .columns .title {
  max-width: 17.7em;
  padding-right:.5em;
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:900px){
		max-width:100%;
    padding-right:revert;
    }
}
#main.split .bg .container .columns h1.title{
	font-weight:200;
	font-size:2.75em;
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:900px){
    font-size:2em;
		font-weight:200;
    }
}
#main.split .bg[data-bg="#ffffff"] .container .columns .title,#main.split .bg[data-bg="#f4f4f4"] .container .columns .title{
	color:var(--black);
}
#main.split .bg[data-bg="#c10230"] .container .columns .title,#main.split .bg[data-bg="#c8c8c8"] .container .columns .title{
	color:var(--dark-gray)
}

#main.split .bg[data-bg="#ffffff"] .container .columns .title span,#main.split .bg[data-bg="#f4f4f4"] .container .columns .title span{
	color:var(--primary-color);
}
#main.split .bg[data-bg="#c10230"] .container .columns .title span,#main.split .bg[data-bg="#c8c8c8"] .container .columns .title span{
	color:var(--white)
}
#main.split .bg .container .columns h1.title span{
	font-weight:900;	
}
#main .bg .container .columns #logoFeria {
  width: 100%;
  max-width: 9.063em;
  display: block;
  margin: 0 0 3.438em;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
    margin: 0 0 2.438em;
    }
  @media screen and (max-width:1023px){
    margin: 0 0 1.438em;
    }
  @media screen and (max-width:900px){}
}
/* @media screen and (max-width: 1300px) {
  #main .bg .container .columns #logoFeria {
    margin: 0 0 2.438em;
  }
}
@media screen and (max-width: 1023px) {
  #main .bg .container .columns #logoFeria {
    margin: 0 0 1.438em;
  }
} */
#main .bg .container .columns #logoFeria img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}
#main .bg .container .columns .texto {
  width: 100%;
  max-width: 34.625em;
  display: block;
  margin: 0 0 3.438em;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
    margin: 0 0 2.438em;
  }
  @media screen and (max-width:1023px){
    margin: 0 0 1.438em;
  }
  @media screen and (max-width:900px){}
}
/* @media screen and (max-width: 1300px) {
  #main .bg .container .columns .texto {
    margin: 0 0 2.438em;
  }
}
@media screen and (max-width: 1023px) {
  #main .bg .container .columns .texto {
    margin: 0 0 1.438em;
  }
} */
#main .bg .container .columns .texto.fullwidth {
  max-width: 54.625em;
}
#main .bg .container .columns .texto p, #main .bg .container .columns .texto ul {
  margin-bottom: 1em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 122.22%;
}
#main .bg .container .columns .texto p:last-child, #main .bg .container .columns .texto ul:last-child {
  margin-bottom: 0;
}
#main .bg .container .columns .texto strong, #main .bg .container .columns .texto b {
  font-weight: 700;
}
#main #infoStand {
  width: 100%;
  max-width: 34.625em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 1.5625em;
/*   border-bottom: 0.375em solid #c10230; */
  border-radius: 0.3125em;
  background-color: var(--light-gray);
  color: var(--black);
  overflow: hidden;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:900px){
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:center;
    max-width:100%;
    border-radius: 0.3125em;
  }
}
#main.split #infoStand{
  background-color: var(--white);
  border-color:var(--primary-color);
  border-radius: 0.3125em 0 0 0.3125em;
	text-align:justify;
}
#main.split.blanco #infoStand{
  border-radius:.3125em 0 0 .3125em;
  background-color:var(--white);
	border-color:var(--light-gray);
}
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:900px){
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:center;
    max-width:100%;
    border-radius: 0.3125em;
  }
}
#main #infoStand .img {
  width: 30.32%;
  max-width: 10.5em;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  padding:5px;
}
#main #infoStand .img {
	
/*   JLM */
  -o-object-fit: contain;
     object-fit: contain;
}
#main #infoStand #event_logo .img{
width:revert;
}

#event_logo{
	display:inline-flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	width:30.32%;
	max-width:10.5em;
	padding:5px;
}
/* END JLM */

#main #infoStand .txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2.125em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
    padding: 2em;
  }
  @media screen and (max-width:1023px){
    padding: 2em 1.5em;
  }
  @media screen and (max-width:900px){
		padding:0;
	}
}
#main.split #infoStand .txt{
	padding:2.125em 2.125em 0 0;
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
  }
  @media screen and (max-width:1023px){
  }
  @media screen and (max-width:900px){
		padding:0;
	}
}
#main.split #infoStand .txt p{
	margin-bottom:1.5em;
	line-height: 121.739%;
  font-size: 1.4375em;
  font-weight: 500;

  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:900px){
    font-size:1.2em;
		font-weight:100;
    }
}
#main.split #infoStand > .txt{
	padding-left:0;
}
/* @media screen and (max-width: 1300px) {
  #main #infoStand .txt {
    padding: 2em;
  }
}
@media screen and (max-width: 1023px) {
  #main #infoStand .txt {
    padding: 2em 1.5em;
  }
} */

/* #main #infoStand .txt .agenda {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
} */
#main #infoStand .txt .agenda + .agenda {
  margin-top: 0.5em;
}
/* #main #infoStand .txt .agenda svg {
  width: 0.845em;
  height: auto;
  display: block;
  margin: 0 0.375em 0 0;
} */
#main #infoStand .txt .infoStandTitle {
  display: inline-block;
  margin: 0.6875em 0 0;
  font-size: 2em;
  font-weight: 700;
  line-height: 118.75%;
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
    font-size: 1.875em;
  }
  @media screen and (max-width:1023px){
    font-size: 1.75em;
  }
  @media screen and (max-width:767px){
    font-size: 1.5em;
    }
}
/* @media screen and (max-width: 1300px) {
  #main #infoStand .txt .infoStandTitle {
    font-size: 1.875em;
  }
}
@media screen and (max-width: 1023px) {
  #main #infoStand .txt .infoStandTitle {
    font-size: 1.75em;
  }
}
@media screen and (max-width: 767px) {
  #main #infoStand .txt .infoStandTitle {
    font-size: 1.5em;
  }
} */
#main #extrainfo {
  width: 100%;
  max-width: 34.625em;
  display: inline-block;
  margin-top: 2.375em;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
    margin-top: 2.25em;
  }
  @media screen and (max-width:1023px){
    margin-top: 2em;
  }
  @media screen and (max-width:767px){
    margin-top: 1.75em;
  }
}
/* @media screen and (max-width: 1300px) {
  #main #extrainfo {
    margin-top: 2.25em;
  }
}
@media screen and (max-width: 1023px) {
  #main #extrainfo {
    margin-top: 2em;
  }
}
@media screen and (max-width: 767px) {
  #main #extrainfo {
    margin-top: 1.75em;
  }
} */
#main #extrainfo p {
  display: block;
  font-size: 1.25em;
  line-height: 125%;
}
#main.split #extrainfo p {
  display: block;
  font-size: 1.25em;
  line-height: 125%;
  text-align: justify;
  margin-right: 2em;
	text-align:justify;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1023px){
    font-size: 1.125em;
  }
  @media screen and (max-width:900px){}
}
/* @media screen and (max-width: 1023px) {
  #main #extrainfo p {
    font-size: 1.125em;
  }
} */
#main #figures {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#main #figures .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  margin-top: 2.375em;
  margin-right: 2.375em;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
    margin-top: 2.25em;
    margin-right: 2.25em;
  }
  @media screen and (max-width:1023px){
    margin-top: 2em;
    margin-right: 2em;
  }
  @media screen and (max-width:767px){
    margin-top: 1.5em;
    margin-right: 1.5em;
  }
}
/* @media screen and (max-width: 1300px) {
  #main #figures .item {
    margin-top: 2.25em;
    margin-right: 2.25em;
  }
}
@media screen and (max-width: 1023px) {
  #main #figures .item {
    margin-top: 2em;
    margin-right: 2em;
  }
}
@media screen and (max-width: 767px) {
  #main #figures .item {
    margin-top: 1.5em;
    margin-right: 1.5em;
  }
} */
#main #figures .item:last-child {
  margin-right: 0;
}
#main #figures .num {
  display: inline-block;
  font-size: 2.875em;
  font-weight: 700;
  line-height: 126.08%;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
    font-size: 2.75em;
  }
  @media screen and (max-width:1023px){
    font-size: 2.25em;
  }
  @media screen and (max-width:767px){
    font-size: 2em;
  }
}
/* @media screen and (max-width: 1300px) {
  #main #figures .num {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 1023px) {
  #main #figures .num {
    font-size: 2.25em;
  }
}
@media screen and (max-width: 767px) {
  #main #figures .num {
    font-size: 2em;
  }
} */
#main #figures .description {
  width: 100%;
  max-width: 7.5em;
  display: block;
  position: relative;
  z-index: 1;
  margin: 0.25em 0 0;
  font-size: 1.5em;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1023px){
    font-size: 1.375em;
  }
  @media screen and (max-width:767px){
    max-width: 8em;
    font-size: 1.25em;
  }
}
/* @media screen and (max-width: 1023px) {
  #main #figures .description {
    font-size: 1.375em;
  }
}
@media screen and (max-width: 767px) {
  #main #figures .description {
    max-width: 8em;
    font-size: 1.25em;
  }
} */

#main .item .datos_icon{
	opacity:.2;
	display:inline-block;
	position:relative;
	transform:translate(-10px,24px);
	width:35%;
	max-height:100%;
}
#main .form-wrapper {
/*   height: auto; */
  height:fit-content; /*20250428 => Cambiado de "auto" a "fit-content" para que el formulario se muestre completo, ya que la altura del formulario puede exceder la de este wrapper y se corta por la parte superior*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1023px){
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
 }
  @media screen and (max-width:900px){}
}
#main.split .form-wrapper {
  height:100%;
  width:50%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  left:0;
  position:relative;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
/*   background-color:var(--light-gray); */
	background-color:var(--primary-color);
  margin:0 auto 0 0;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:767px){
    height:100vh;
    width:100vw;
  }
}
#main.split.blanco .form-wrapper{
	background-color:var(--light-gray);
}
#main .events .form-wrapper{
	margin:auto;
}
#main.split #articulo .person{
	order: 1;
	height: 0;
  flex-grow: 1;
	pointer-event:none;
  @media screen and (max-width:900px){
		order:0;
		width:53vw;
	}
}
#main.split #articulo .persona{
  /*position:absolute;*/
  right:0;
  bottom:0;
  width:fit-content;
  margin:0;
	max-height:500px;
	transform: translate(0%, -100%);
  float: right;
  @media screen and (max-width:900px){
		max-width:300px;
		transform:translate(70%,-100%);
	}
}

.persona.mirror{
	-webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* @media screen and (max-width: 1023px) {
  #main .form-wrapper {
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
} */
#main .form-wrapper:before, #main .form-wrapper:after {
  content: none;
}
#main .form-wrapper .columns {
  max-width: 42em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  left: -1.75em;
  z-index: 1;
  margin-right: calc(49.4375em - 50vw);
  padding: 3.75em 7em;
/* 	padding: 3.75em 2em; */
  border-radius: 0.9375em;
  background-color: #c10230;
	background-color: var(--primary-color);
  color: var(--white);
  pointer-events: auto;
}
#main.split .form-wrapper .columns {
  max-width: 42em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  left: -1.75em;
  z-index: 1;
  margin-right: calc(49.4375em - 50vw);
	padding: 3.75em 2em;
  border-radius: 0.9375em;
	background-color: var(--white);
  color: var(--primary-color);
  pointer-events: auto;
	
  @media screen and (max-width:767px){
		justify-content: flex-start;
		margin-right:0;
	}
}
#main.split bg[dataset="#ffffff"]+.form-wrapper .columns{
	background-color:var(--dark-gray);
}

#main.split .form-wrapper .columns{
  /* height:100%; */
  left:0;
  border-radius: 0 0.9375em 0.9375em 0;
}
#main.split .form-wrapper .columns:has(.bkngs_form){
	height:90%;
	
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:900px){
		height:97%;
		border-radius:0;
	}
}
/* JLM */
#main.blanco .form-wrapper .columns{
  color:var(--black);
}
/*  END JLM  */
@media screen and (max-width: 1920px) and (max-height:820px) {
  #main .form-wrapper .columns {
    padding: 2.5em 7em;
  }
}
@media screen and (max-width: 1400px) {
  #main .form-wrapper .columns {
    padding: 3.5em 7em;
  }
}
@media screen and (max-width: 1300px) {
  #main .form-wrapper .columns {
    left: -1.5em;
    margin-right: -5%;
    padding: 3em 5em;
  }
}
@media screen and (max-width: 1200px) {
  #main .form-wrapper .columns {
    left: -1em;
    margin-right: -2.5%;
  }
}
@media screen and (max-width: 1023px) {
  #main .form-wrapper .columns {
    max-width: none;
    min-height: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    left: 0;
    margin: 0;
    padding: 2.5em 2.5em 3.5em;
    border-radius: 0;
  }
}
@media screen and (max-width: 767px) {
  #main .form-wrapper .columns {
    padding: 2.5em 1.5em 3em;
  }
}
#main.blanco .form-wrapper .columns {
  background-color: var(--white);
}

.title {
  width: 100%;
  font-size: 2.875em;
  font-weight: 700;
  line-height: 126.08%;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
    font-size: 2.75em;
  }
  @media screen and (max-width:1023px){
    font-size: 2.25em;
  }
  @media screen and (max-width:767px){
    font-size: 2em;
  }
}
/* @media screen and (max-width: 1300px) {
  .title {
    font-size: 2.75em;
  }
}
@media screen and (max-width: 1023px) {
  .title {
    font-size: 2.25em;
  }
}
@media screen and (max-width: 767px) {
  .title {
    font-size: 2em;
  }
} */

.titleForm {
  width: 100%;
  font-size: 2.1875em;
  font-weight: 700;
  line-height: 126.08%;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){
    font-size: 2em;
  }
  @media screen and (max-width:1023px){
    font-size: 1.875em;
  }
  @media screen and (max-width:767px){
    font-size: 1.675em;
  }
}
/* @media screen and (max-width: 1300px) {
  .titleForm {
    font-size: 2em;
  }
}
@media screen and (max-width: 1023px) {
  .titleForm {
    font-size: 1.875em;
  }
}
@media screen and (max-width: 767px) {
  .titleForm {
    font-size: 1.675em;
  }
} */
.bkngs_form,.hbspt-form {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 1em;
}
.bkngs_form,.hbspt-form {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: var(--white);
  
  @media screen and (max-width:1920px){
    font-size: .75em;
  }
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1024px){}
  @media screen and (max-width:900px){}
}
.bkngs_form{
	height:100%;
}
/* @media screen and (max-width: 1920px) and (max-height:820px) {
	.hbspt-form form  {
  font-size: .75em;
}
} */
.hbspt-form form .input {
  margin: 0 !important;
}
/* JLM */
.hbspt-form form .event_day input{
  display:inline-block;
}
article[data-pass="false"] .hbspt-form form .hs_free_access__event__{
  display:none;
}
article[data-pass="true"] .hbspt-form form .hs_free_access__event__{
  display:unset;
}
/* JLM END */
.hbspt-form form .hs-form-field {
  width: 100%;
  max-width: none;
  margin: 0.9375em 0 0;
  
  @media screen and (max-width:1400px){}
  @media screen and (max-width:1300px){}
  @media screen and (max-width:1023px){
    margin: 0.875em 0 0;
  }
  @media screen and (max-width:900px){}
}
/* @media screen and (max-width: 1023px) {
  .hbspt-form form .hs-form-field {
    margin: 0.875em 0 0;
  }
} */
.hbspt-form form .hs-fieldtype-checkbox, .hbspt-form form .hs-fieldtype-radio {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5em;
  margin-bottom:1em;
}
@media screen and (max-height: 950px){
	.hbspt-form form .hs-form-field  {
    margin: 0.5em 0 0;
  }
	.hbspt-form form .hs-fieldtype-checkbox, .hbspt-form form .hs-fieldtype-radio {
		margin-top:0.8em;
		margin-bottom:0.8em;
	}
}
.hbspt-form form .hs-fieldtype-checkbox label:not(.hs-error-msg), .hbspt-form form .hs-fieldtype-radio label:not(.hs-error-msg) {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Libre Franklin", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 120%;
/*   text-transform: uppercase; */
}
.hbspt-form form .hs-fieldtype-checkbox .input, .hbspt-form form .hs-fieldtype-radio .input, #hs_form_target_form_257846076#hs_form_target_form_257846076
.hbspt-form form .hs-fieldtype-checkbox .input {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 0.625em;
}
/* JLM */
.hbspt-form form .event_day input{
  display:inline-block;
}
/* JLM END */
.hbspt-form form .hs-fieldtype-checkbox .input .inputs-list, .hbspt-form form .hs-fieldtype-radio .input .inputs-list, #hs_form_target_form_257846076 form .hs-fieldtype-checkbox .input .inputs-list, #hs_form_target_form_257846076
.hbspt-form form .hs-fieldtype-radio .input .inputs-list {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hbspt-form form .hs-fieldtype-checkbox .input .inputs-list li, .hbspt-form form .hs-fieldtype-radio .input .inputs-list li, #hs_form_target_form_257846076 form .hs-fieldtype-checkbox .input .inputs-list li, #hs_form_target_form_257846076 form .hs-fieldtype-radio .input .inputs-list li {
  width: 48%;
  width: calc(50% - 0.5em);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0.8125em 0 0;
}
.hbspt-form form .hs-fieldtype-checkbox .input label, .hbspt-form form .hs-fieldtype-radio .input label {
  width: auto;
  text-decoration: none;
}
.hbspt-form form .hs-fieldtype-radio label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hbspt-form form .hs_free_access__event__.hs-fieldtype-radio label:after {
  content: "";
  width: 1.485em;
  height: 1.721em;
  display: inline-block;
  margin: 0 0 0 0.725em;
  background-image: url(https://sites.ingeteam.com/hubfs/landing-ferias/tickets.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* JLM */
.hbspt-form form .hs-fieldtype-text label, .hbspt-form form .hs-fieldtype-textarea label {
  content: none;
	position: relative;
  top: .5em;
  background-color: var(--primary-color);
	color:var(--white);
	z-index:1;
}
.split .hbspt-form form .hs-fieldtype-text label, .hbspt-form form .hs-fieldtype-textarea label {
  content: none;
	position: relative;
  top: .5em;
/*   background-color: #c10230; */
  background-color: var(--white);
	color:var(--black);
	z-index:1;
}
.blanco .hbspt-form form .hs-fieldtype-text label, .blanco .hbspt-form form .hs-fieldtype-textarea label{
  background-color:var(--white);
	z-index:1;
	color:var(--black);
}
/* END JLM */
.hbspt-form form .hs-fieldtype-radio .input label:after {
  content: none;
}
.hbspt-form form .hs-fieldtype-checkbox .input {
  margin-top: 0.375em;
}
.hbspt-form form .hs-i_agree_to_receive_commercial_communications {
  margin-top: 2.5em;
}
@media screen and (max-width: 1023px) {
  .hbspt-form form .hs-i_agree_to_receive_commercial_communications {
    margin-top: 2em;
  }
}
@media screen and (max-width: 767px) {
  .hbspt-form form .hs-i_agree_to_receive_commercial_communications {
    margin-top: 1.75em;
  }
}
.hbspt-form form .hs-i_agree_to_receive_commercial_communications label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.hbspt-form form .hs-i_agree_to_receive_commercial_communications label span {
  display: inline-block;
  font-size: 0.875em;
}
.hbspt-form form .legal-consent-container {
  position: relative;
  margin: 1em 0 0;
}
.hbspt-form form .legal-consent-container a {
  color: var(--white);
}
.hbspt-form form .legal-consent-container .field.hs-form-field {
  margin: 0;
}
.hbspt-form form .legal-consent-container p {
  display: inline-block;
  font-size: 0.75em;
}
@media screen and (max-width: 767px) {
  .hbspt-form form .legal-consent-container p {
    font-size: 0.675em;
  }
}
.hbspt-form form .legal-consent-container .hs-richtext + div {
  margin-top: 0.5em;
}
/* JLM */
.hs-dependent-field{
  margin:0.5em 0;
}
/* JLM END */
.hbspt-form form .hs-submit {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2.25em;
}
@media screen and (max-width: 1300px) {
  .hbspt-form form .hs-submit {
    margin-top: 2em;
  }
}
@media screen and (max-width: 1023px) {
  .hbspt-form form .hs-submit {
    margin-top: 1.75em;
  }
}
@media screen and (max-width: 767px) {
  .hbspt-form form .hs-submit {
    margin-top: 1.5em;
  }
}
.hbspt-form form .hs-richtext {
  font-size: 0.75em;
}
@media screen and (max-width: 767px) {
  .hbspt-form form .hs-richtext {
    font-size: 0.675em;
  }
}
.hbspt-form form .hs-richtext p {
  display: inline-block;
  font-size: 1em;
}
.hbspt-form form .hs-richtext p a {
  font-weight: 600;
  text-decoration: none !important;
  color: var(--white);
}
.hbspt-form form .hs-richtext p a:hover {
  text-decoration: underline !important;
}
.hbspt-form form .hs-richtext + .hs-richtext {
  margin-top: 0.5em;
}
.hbspt-form form div + .hs-richtext {
  margin-top: 0.5em;
}
.hbspt-form form .legal-consent-container {
  width: 100%;
}
.hbspt-form form .legal-consent-container .hs-error-msgs label, .hbspt-form form .hs-error-msg, .hbspt-form form .hs_error_rollup {
  color: var(--black);
}
.hbspt-form form .hs_error_rollup {
  width: 100%;
  display: inline-block;
  margin-top: 1.5em;
}
.hbspt-form form input[type=text], .hbspt-form form input[type=email], .hbspt-form form input[type=tel], .hbspt-form form input[type=text], .hbspt-form form input[type=number], .hbspt-form form input[type=date], .hbspt-form form select, .hbspt-form form textarea {
  width: 100% !important;
  height: 3.75em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 !important;
  padding: 1.25em 1.625em;
  border: thin solid var(--white);
  border-radius: 0.3125em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  font-family: "Libre Franklin", sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 120%;
  color: var(--white);
  outline: none;
  -webkit-appearance: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.split .hbspt-form form input[type=text], .split .hbspt-form form input[type=email], .split .hbspt-form form input[type=tel], .split .hbspt-form form input[type=text], .split .hbspt-form form input[type=number], .split .hbspt-form form input[type=date], .split .hbspt-form form select, .split .hbspt-form form textarea{
	border-color:var(--dark-gray);
	color:var(--black);
}
@media screen and (max-width: 767px) {
  .hbspt-form form input[type=text], .hbspt-form form input[type=email], .hbspt-form form input[type=tel], .hbspt-form form input[type=text], .hbspt-form form input[type=number], .hbspt-form form input[type=date], .hbspt-form form select, .hbspt-form form textarea {
    padding: 1.4em 1.5em;
  }
}
.hbspt-form form textarea {
  height: 7.5em;
  padding: 1.25em 1.625em;
}
@media screen and (max-width: 767px) {
  .hbspt-form form textarea {
    padding: 1.4em 1.5em;
  }
}
.hbspt-form form input[type=checkbox] {
  width: 1em;
  min-width: 1em;
  height: 1em;
  min-height: 1em;
  display: block;
/*   margin: 0 0.875em 0 0; */
  margin: 0 0.5em 0 0.9em;
  border: thin solid var(--white);
  border-radius: 0.125em;
  background-color: transparent;
  font-size: 1em;
  -webkit-appearance: none;
}
@media screen and (max-width: 1920px) and (max-height:820px) {
	.hbspt-form form input[type=checkbox] {
  font-size: .75em;
}
}
.hbspt-form form input[type=checkbox]:checked {
  -webkit-appearance: auto;
}
/* JLM */
.hbspt-form form .event_day input{
  display:inline-block;
}
/* JLM END */
.hbspt-form form input[type=radio] {
  width: 1em;
  min-width: 1em;
  height: 1em;
  min-height: 1em;
  display: block;
  margin: 0 0.875em 0 0;
  border: thin solid var(--white);
  border-radius: 100%;
  background-color: transparent;
  font-size: 1em;
  -webkit-appearance: none;
}
.hbspt-form form input[type=radio]:checked {
  -webkit-appearance: auto;
}
.hbspt-form form input[type=submit], .hbspt-form form button {
  min-height: 2.6875em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25em 0.625em;
	/* 	JLM 20260514 */
/*   border: thin solid white; */
	border: thin solid #c10230;
/* 	JLM 20260514 */
  border-radius: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
/* 	JLM 20260514 */
/*   background-color: #c10230; */
	background-color:var(--white);
/* 	JLM 20250514 */
  font-family: "Libre Franklin", sans-serif;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
	/* 	JLM 20260514 */
/*   color: white; */
	color:var(--primary-color);
/* 	JLM 20260514 */
  -webkit-appearance: none;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.hbspt-form form input[type=submit]:hover, .hbspt-form form button:hover {
  /* 	JLM 20260514 */
/* 	background-color: white;
  color: #c10230; */	
	background-color: var(--primary-color);
  color: var(--white);
	border-color:var(--white);
	/* 	JLM 20260514 */
}
.split .hbspt-form form input[type=submit]:hover, .hbspt-form form button:hover {
  /* 	JLM 20260514 */
/* 	background-color: white;
  color: #c10230; */	
	background-color: var(--white);
  color: var(--black);
	border-color:var(--black);
	/* 	JLM 20260514 */
}
.hbspt-form form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: val(--dark-gray);
}
.hbspt-form form ::-moz-placeholder { /* Firefox 19+ */
  color: val(--dark-gray);
}
.hbspt-form form :-ms-input-placeholder { /* IE 10+ */
  color: val(--dark-gray);
}
.hbspt-form form :-moz-placeholder { /* Firefox 18- */
  color: val(--dark-gray);
}
.split .hbspt-form form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: val(--dark-gray);
}
.split .hbspt-form form ::-moz-placeholder { /* Firefox 19+ */
  color: val(--dark-gray);
}
.split .hbspt-form form :-ms-input-placeholder { /* IE 10+ */
  color: val(--dark-gray);
}
.split .hbspt-form form :-moz-placeholder { /* Firefox 18- */
  color: val(--dark-gray);
}
.split .hbspt-form form .hs-error-msg {
  display: inline-block;
  margin-top: 0.5em;
}

.blanco .titleForm {
  color: var(--primary-color);
}
.blanco .hbspt-form form {
  color: var(--black);
}
.blanco .hbspt-form form .legal-consent-container a {
  color: var(--black);
}
.blanco .hbspt-form form .legal-consent-container a {
  color: var(--black);
}
.blanco .hbspt-form form .hs-fieldtype-radio label:after {
  background-image: url(https://sites.ingeteam.com/hubfs/landing-ferias/tickets-black.png);
}
.blanco .hbspt-form form .hs-fieldtype-radio .input label:after {
  content: none;
}
.blanco .hbspt-form form input[type=text], .blanco .hbspt-form form input[type=email], .blanco .hbspt-form form input[type=tel], .blanco .hbspt-form form input[type=text], .blanco .hbspt-form form input[type=number], .blanco .hbspt-form form input[type=date], .blanco .hbspt-form form select, .blanco .hbspt-form form textarea {
  border: thin solid var(--dark-gray);
  color: var(--black);
}
.blanco .hbspt-form form input[type=checkbox] {
  border: thin solid var(--dark-gray);
}
.blanco .hbspt-form form input[type=radio] {
  border: thin solid var(--dark-gray);
}
.blanco .hbspt-form form input[type=submit], .blanco .hbspt-form form button {
  border: thin solid var(--primary-color);
  background-color: var(--white);
  color: #c10230;
}
.blanco .hbspt-form form input[type=submit]:hover, .blanco .hbspt-form form button:hover {
  background-color: var(--primary-color);
  color: var(--white);
}
.blanco .hbspt-form form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--dark-gray);
}
.blanco .hbspt-form form ::-moz-placeholder { /* Firefox 19+ */
  color: var(--dark-gray);
}
.blanco .hbspt-form form :-ms-input-placeholder { /* IE 10+ */
  color: var(--dark-gray);
}
.blanco .hbspt-form form :-moz-placeholder { /* Firefox 18- */
  color: var(--dark-gray);
}

#detach-button-host {
  display: none;
}

.container-fluid {
  width: 100%;
}

#scrollto-responsive {
    width: 100%;
    display: none;
    position: relative;
    top: 0;
    z-index: 10;
	
}

@media screen and (max-width: 900px) {
    #scrollto-responsive {
			display:block;
			position:absolute;
			order:-1;
			top:90vh;
			float:right;
    }
}

#scrollto-responsive .scrollto {
    width: 3.5625em;
    min-width: 3.5625em;
    height: 3.5625em;
    min-height: 3.5625em;
    display: block;
    position: absolute;
    top: 50%;
    left: 95%;
    border-radius: 100%;
    background-color: var(--white);
    color: var(--black);
	opacity:0.7;
    overflow: hidden;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

#scrollto-responsive .scrollto:after {
    content: "\f063";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "la-solid-900";
    font-size: 2.25em;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}