:root{
  --main-brown:#804a37; 
  --main-purple:#5f3e97; 
  --main-mid-purple:#ca8bdc;
  --main-dark-purple:#26045d;
  --main-green:#00f0bd ;
  --main-symposium-green:#61ce98 ;
  --main-lilac:#bba7cf;
  --main-light-lilac:#f0e6ff;
  --main-extra-light-pink:#fff7f3; 
  --main-pink:#f7c8da; 
  --main-bright-pink:#f4466e;
  --main-fuchsia:#e22194;
  --main-yellow:#fff200;
  --main-text:#000;
  --main-extra-light-background:#f2f2f2;
  --main-light-background:#e8e8e8;
  --main-transition:0.3s ease-out all;
  --main-hover:scale(0.95);
}
@font-face {
  font-family: 'D Din Pro Bold';
  src: url('../fonts/d-din-pro-bold.eot');
  src: url('../fonts/d-din-pro-bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/d-din-pro-bold.woff2') format('woff2'),
       url('../fonts/d-din-pro-bold.woff') format('woff'),
       url('../fonts/d-din-pro-bold.ttf') format('truetype'),
       url('../fonts/d-din-pro-bold.svg#d-din-pro-bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy Extra Bold';
  src: url('../fonts/gilroy-extrabold.eot');
  src: url('../fonts/gilroy-extrabold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gilroy-extrabold.woff2') format('woff2'),
      url('../fonts/gilroy-extrabold.woff') format('woff'),
      url('../fonts/gilroy-extrabold.ttf') format('truetype'),
      url('../fonts/gilroy-extrabold.svg#gilroy-extrabold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy Light';
  src: url('../fonts/gilroy-light.eot');
  src: url('../fonts/gilroy-light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gilroy-light.woff2') format('woff2'),
      url('../fonts/gilroy-light.woff') format('woff'),
      url('../fonts/gilroy-light.ttf') format('truetype'),
      url('../fonts/gilroy-light.svg#gilroy-light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Adelia';
  src: url('../fonts/adelia.eot');
  src: url('../fonts/adelia.eot?#iefix') format('embedded-opentype'),
      url('../fonts/adelia.woff2') format('woff2'),
      url('../fonts/adelia.woff') format('woff'),
      url('../fonts/adelia.ttf') format('truetype'),
      url('../fonts/adelia.svg#adelia') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*{
  box-sizing:border-box;outline:none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
a{
  text-decoration:none;
  color:unset;transition: var(--main-transition)
}
body, html{
  font-size: 18px;
  box-sizing: border-box;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  position: relative;
  color: var(--main-text);
  /* overflow-x: hidden; */
}
h1,h2,h3,h4,h5,h6,p,figure,ul,ol{
  margin:0;
  padding:0;
  line-height:1;
}
h5 {
  font-weight: 300;
}
time {
  text-align: center;
}
b,strong{
  font-weight: 900;
}
input{
  border:none;
  outline:none;
}
picture{
  display: contents;
}
ul, ol{
  list-style:none;
}
.u__container{
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}
.u__containerVideo {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.3%;
  position: relative;
  /* margin-bottom: 30px; */
}
.u__containerVideo iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.u__containerVideo {
  margin-bottom: 0;
}
.u__containerVideo iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  /* Extend it beyond the viewport... */
  width: 100%;
  height: 100%;
  /* ...and bring it back again */
  margin-left: 0;
}
.accesosexperiencias {
  margin-top: 70px;
}
.accesosexperiencias .accesosexperiencias__flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 27px;
  margin: 8px 0 95px;
}
.accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja {
  text-align: center;
  background: var(--main-light-lilac);
  padding: 30px;
  transition: var(--main-transition);
  flex: 1;
  border-radius: 21px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}
.accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja img {
  width: 100%;
  background: white;
  padding: 3px 15px;
  border-radius: 13px;
}
.accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja h2 {
  color: white;
  transition: var(--main-transition);
  font-size: 3.4em;
}
.accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja:hover h2{
  color: var(--main-purple);
}
.accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja h3{
  text-transform: uppercase;
  color: var(--main-purple);
  font-size: 2em;
  margin-bottom: 4px;
  transition: var(--main-transition)
}
.accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja p {
  min-height: 72px;
  margin: 1px 0 6px;
  text-align: left;
  font-size: 0.9em;
}
.accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja a{
  display: flex;justify-content: center;align-items: center;
}
.accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja h6{
  text-align: left;
  margin-bottom: 10px;
}
.agenda .agenda__desarrollo ul li {
  margin-bottom: 28px;
  padding-bottom: 20px !important;
  border: 1px solid var(--main-light-lilac);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
.agenda .agenda__desarrollo ul li .fecha {
  font-weight: 700;
  font-size: 1.2em;
  color: #fff;
  background: var(--main-dark-purple);
  display: inline-block;
  padding: 6px 12px;
}
.agenda .agenda__desarrollo ul li .fecha .hora {
  font-weight: 300;
  text-transform: lowercase;
}
.agenda .agenda__desarrollo ul li h3 {
  margin-bottom: 20px;
  margin-top: 15px;
  /* color: var(--main-light-text); */
  font-weight: 600;
}
.agenda .agenda__desarrollo ul li p {
  margin-bottom: 10px;
  line-height: unset;
  font-size: 0.9em;
}
.agenda .agenda__desarrollo ul li>div:first-child{
  flex: 2;
}
.agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  flex: 0.6;
  justify-content: center;
  align-items: stretch;
}
.agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados >p {
  flex: 1 100%;
  text-align: center;
}
.agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados .agenda__speakersrelacionados--c {
  flex: 1 45%;
  display: flex;
  flex-direction: column;
  text-align: center;
  max-width: 49%;
  height: 100%;
  align-items: stretch;
}
.agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados .agenda__speakersrelacionados--c a img {
  height:77px;
  object-fit: cover;
  object-position: top;
  border-radius: 3px;
}
.agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados .agenda__speakersrelacionados--c a p{
  margin-bottom:3px;  text-transform: capitalize;
}
.agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados .agenda__speakersrelacionados--c a h5{
  color: white;
  background: var(--main-bright-pink);
  display: inline-block;
  padding: 3px;
  font-weight: 600;
}
.agenda .agenda__desarrollo .desarrollo h4 {
  margin: 10px 0;
  font-family: "field-gothic-xxcondensed", sans-serif;
  /* font-weight: 700; */
  font-style: normal;
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 0.06em;
}
.agenda .agenda__desarrollo .desarrollo span.categoria{
  text-transform:capitalize ;
}
.agenda .agenda__selectores {
  text-align: center;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.agenda .agenda__selectores select {
  border: 2px solid var(--main-light-lilac);
  border-radius: 5px;
  font-size: 15px;
  margin: 0 1%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  width: 28%;
  background: #fff;
  padding: 10px;
  cursor: pointer;
}
.agenda .agenda__selectores h4 {
  box-sizing: border-box;
  display: block;
  color: var(--main-dark-purple);
  font-size: 1em;
  line-height: 24px;
  margin-bottom: 16px;
  padding: 0px 10px;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
  width: 100%;
}
.agenda__btnscat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px auto;
  flex: 1 100%;
  gap: 6px;
}
.agenda__btnscat> div {
 /*  width: 19.6%; */
  position: relative;
  flex: 1;
}
.agenda__btnscat> div.agenda__btnscat--cat2320-es {
  order: 1;
}
.agenda__btnscat> div.agenda__btnscat--cat2322-es {
  order: 2;
}
.agenda__btnscat> div.agenda__btnscat--cat2323-es {
  order: 2;
}
.agenda__btnscat> div >div{
  display: contents;
}
.agenda__btnscat div button {
  cursor: pointer;
  border: none;
  align-items: center;
  background: white;
  border-radius: 5px;
  color: var(--main-dark-purple) !important;
  border: 2px solid var(--main-light-lilac);
  transition: 0.4s ease-out all;
  font-family: "field-gothic-xxcondensed", sans-serif;
  letter-spacing: 0.075em;
  text-indent: 0.075em;
  font-size: 1.4em;
  font-weight: 900;
  height: 55px;
  line-height: 1 !important;
  padding: 5px;
  text-transform: uppercase;
  /* font-size: 0.9em !important; */
  /* max-width: 200px; */
  display: flex !important;
  justify-content: center;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.agenda__btnscat div button.active,
.agenda__btnscat div button:hover{
  background: var(--main-light-lilac);
}
.agenda__btnscat div button.agenda__btnscat--cat2286{
  color: var(--main-blue-75);
  border: 2px solid var(--main-blue-75);
}
.agenda__btnscat div button.agenda__btnscat--cat2285,
.agenda__btnscat div a.agenda__btnscat--activo div.agenda__btnscat--cat2285,
.agenda__btnscat div a:hover div.agenda__btnscat--cat2285{
  color: var(--main-purple-100);
  border: 2px solid var(--main-purple-100);
}
.agenda__btnscat div a div {
  padding: 5px;
  height: 61px;
  color: var(--main-dark-purple) !important;
  border: 2px solid var(--main-light-lilac);
  border-radius: 5px;
  transition: 0.4s ease-out all;
  font-weight: 600;
  text-align: center;
  line-height: 1 !important;
  font-size: 0.77em;
  width: 100%;
  /* max-width: 200px; */
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.agenda__btnscat div a.agenda__btnscat--activo div,
.agenda__btnscat div a:hover div{
  background: var(--main-light-lilac);
}
.agenda__btnscat> div p.agenda__btnscat--legal {
  position: absolute;
  width: 100%;
  bottom: -7px;
  font-size: 0.72em;
  text-align: center;
  line-height: 1;
  margin-bottom: 0;
}
.agenda__btnscat> div p.agenda__btnscat--legal a{
  text-decoration: underline;
  color: var(--main-fuchsia);
}
.actividadespublicoprofesional .actividadespublicoprofesional__fila {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 45px;
  margin: 20px auto 75px;
}
.actividadespublicoprofesional .actividadespublicoprofesional__fila .linea{
  width: 1px;
  height:140px;
  background: var(--main-light-background);
}
.actividadespublicoprofesional .actividadespublicoprofesional__fila .actividadespublicoprofesional__fila--caja{
  flex: 1;
  text-align: center;
  max-width: 330px;
}
.actividadespublicoprofesional .actividadespublicoprofesional__fila .actividadespublicoprofesional__fila--caja h3{
  color: var(--main-bright-pink);
  font-size: 1.46em;
  margin-bottom: 12px;
}
.actividadespublicoprofesional .actividadespublicoprofesional__fila .actividadespublicoprofesional__fila--caja p{

}

.bannerhilton.u__container {
  max-width: 990px;
  margin-bottom: 50px;
}
.blog .blog__cats{
  display: flex;justify-content: center;align-items: center;gap: 16px;margin-bottom: 75px;
}
.blog .blog__cats h3{
  font-weight: 800;
  margin-right: 29px;
  font-size: 1.5em;
}
.blog .blog__cats a{
  transition: var(--main-transition);
  padding: 10px 25px;
  border:1px solid var(--main-green);
  color: var(--main-green);font-weight: 500
}
.blog .blog__cats a.activa,
.blog .blog__cats a:hover{
  color: #fff;
  background: var(--main-green)
}
.blog .blog__lista{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px;
}
.blog .blog__lista>div {
  flex: 1 30%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
  border-radius: 12px;
  overflow: hidden;
  max-width: 31.66666%;
}
.blog .blog__lista>div img{
  width: 100%;
  height: 240px;
  object-fit: cover;
}
.blog .blog__lista .blog__lista--conttexto{
  padding: 20px 30px;
}
.blog .blog__lista>div h2{
  font-weight: 800;
  font-size: 1.29em;
  margin: 8px 0;
  color: var(--main-blue);
}
.blog .blog__lista>div section p{
  line-height: 1.2
}
.blog .blog__lista>div .blog__lista--escritopor{
  font-weight: 500;
  margin:12px 0 5px
}
.blog .blog__lista>div .blog__lista--btnycat{
  display: flex;justify-content: flex-start;align-items: flex-end;gap: 15px;margin-top: 25px;
}
.blog .blog__lista>div .blog__lista--btnycat a:first-child {
  /* color: #fff; */
  color: var(--main-green);
  text-transform: uppercase;
  text-align: center;
  /* padding: 16px 48px; */
  display: inline-block;
  font-weight: 700;
  font-size: 0.8em;
}
.blog .blog__lista>div .blog__lista--btnycat a:last-child{
  /* padding: 10px 25px; */
  /* border:1px solid var(--main-green); */
  /* font-size: 0.9em; */
  /* color: var(--main-green); */
  /* font-weight: 500; */
}
.bloginterna .bloginterna__img {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
/* .bloginterna .bloginterna__img:after{
  content: '';
  position: absolute;
  left: 0;
  width:45px;
  height:45px;
  top: 0;
  border:12px solid #fff;
  background: var(--main-light-green);
} */
.bloginterna .bloginterna__img img {
  border-radius: 30px;
  width: 100%;
  max-height: 360px;
  object-fit: cover;
  object-position: top;
}
.bloginterna .compartirenredes{
  margin: 30px 0;text-align: center;
}
.bloginterna .compartirenredes h2 {
  font-size: 1.2em;
  font-weight: 500;
  color: var(--main-green);
  margin-bottom: 8px;
}
.bloginterna .compartirenredes ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.bloginterna .compartirenredes ul li {
  list-style: none;
}
.bloginterna .compartirenredes ul li a {
  display: inline-block;
  padding: 7px;
  color: white;
  font-size: 1.2em;
  min-width: 33px;
}
.bloginterna .compartirenredes ul li:nth-child(1) a{
  background: #3b5998;
}
.bloginterna .compartirenredes ul li:nth-child(2) a{
  background: black;
}
.bloginterna .compartirenredes ul li:nth-child(3) a{
  background: #0dc143;
}
.bloginterna .compartirenredes ul li:nth-child(4) a{
  background: #aaa;
}
.bloginterna .compartirenredes ul li:nth-child(4) a span:before{
  -webkit-text-stroke: 0.03em #aaa;
}
.bloginterna .comentarios h3{
  font-size: 1.8em;
  color: var(--main-blue);
}
.bloginterna .comentarios >p{
  margin:16px 0;
}
.bloginterna .comentarios .comentario-completo {
  margin-bottom: 15px;
}
.bloginterna .comentarios .comentario-completo label {
  display: inline-block;
  margin-bottom: 2px;
}
.bloginterna .comentarios .comentario-completo input[type=text],
.bloginterna .comentarios .comentario-completo textarea{
  width: 100%;
  border: 1px solid #666;
  border-radius: 3px;
  padding: .5rem 1rem;
  transition: all .3s;
}
.bloginterna .comentarios input[type="submit"] {
  color: white;
  background: var(--main-green);
  font-weight: 800;
  font-size:1em;
  padding: 10px 20px;
  display: inline-block;
  transition: var(--main-transition);
  margin-bottom:30px;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}
.bloginterna .comentarios .comentario-completo textarea{
  min-height: 210px;
}
.bloginterna .comentarios ul li {
  list-style: none;
  background: none !important;
}
.bnrpub {display:flex;justify-content:center;align-items:center;gap: 30px  10px;margin: 20px auto 35px;flex-wrap: wrap;}
.bnrpub .bnrpubint {/* flex:1*/margin: 0;}
.bnrpub .bnrpubint img{width:100%;max-width: 400px;}
.boleteria__new .boleteria__personal,
.boleteria__entradas {
  /* background: #f2f2f2; */
  /* padding: 3%; */
  /* border-radius: 20px; */
  /* position: relative; */
  margin-bottom: 20px;
}
.boleteria__personal{
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.boleteria__personal--box {
  width: 31%;
  margin: 1%;
}
.boleteria__personal--box.w-100 {
  width: 100%
}
.boleteria__personal--box.w-100 input,
.boleteria__entradas select{
  width: 40% !important;
  margin: 10px auto 0;
}
.boleteria__personal h3 {
  position: relative;
  font-size: 1.5em;
  margin-bottom: 20px;
  color: #fff;
  font-weight: bold;
  font-weight: 500 !important;
  width: 100%;
  text-align: left;
}
.boleteria__personal h3:after{
  content: '';
  height: 2px;
  width: 50px;
  background: var(--main-lilac);
  position: absolute;
  bottom: -5px;
  left: 0;
}
.boleteria__personal >p{
  width: 100%;
  text-align: left;
}
.boleteria__personal label{
  text-align: left;display: block;
}
.boleteria__new .boleteria__personal .boleteria__personal--box input[type="text"],
.boleteria__new .boleteria__personal .boleteria__personal--box input[type="number"],
.boleteria form input[type=text],
.boleteria form input[type=email],
.boleteria form input[type=number],
.boleteria select,
.boleteria__new .boleteria__personal .boleteria__personal--box input[type="email"],
.boleteria__new .boleteria__personal .boleteria__personal--box select,
.boleteria__entradas ul li select{
  padding-left: 2%;
  display: block;
  height: 40px;
  border-radius: 8px;
  width: 98%;
  border:none;
  border-radius: 8px;
  font-size: 100%;
}
.boleteria__entradas ul{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-evenly;
  padding: 0;
  flex-wrap: wrap;
}
.boleteria__new .boleteria__entradas .box__body .right:before{
  content: 'Selecciona la cantidad de boletas';
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  margin-top: 20px;
}
.boleteria__new .boleteria__entradas .unitPrice {
  font-size: 1.3em;
}
.boleteria__new .boleteria__entradas .box__header {
  font-size: 1.5em;
  margin-bottom: 20px;
  color: var(--main-purple);
  font-weight: 100;
  text-transform: lowercase;
}
.boleteria__new .boleteria__entradas ul li h3{
  font-size: 1.7em;
  margin-bottom: 5px;
  position: relative;
}
.boleteria__new .boleteria__entradas ul li h3:before{
  /*content: 'BOLETAS ';*/
}
.boleteria__new .boleteria__entradas ul li h3:after{
  content: '';
  height: 2px;
  width: 50px;
  background: var(--main-dark-green);
  position: absolute;
  bottom: 1px;
  left: 0;
}
.boleteria__entradas--acepto p{
  width: 100%;
}
.boleteria__entradas--pago .boleteria__entradas--acepto{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1em;
}
.boleteria__entradas--pago .boleteria__entradas--acepto label{
  padding-right: 1em;
  margin-left: 40%;
}
.boleteria__entradas--acepto label{
  padding: 0 0.5em;
}
.boleteria__entradas--pago input[type="submit"] {
  cursor: pointer;
  display: inline-block;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  text-align: center;
  text-decoration: none!important;
  -webkit-transition: var(--main-transition);
  transition: var(--main-transition);
  width: 100%;
  font-size: 1.4em;
  border: 2px solid #fff;
  border-radius: 38px;
  color: #fff;
  padding:5px 18px;
  font-weight: 600;
  background: none;
  max-width: 230px;
}
.boleteria__proceso--entradas{
  clear: both;
}
.boleteria__proceso--entradas>h3{
  display: none;
}
.boleteria__proceso .resumen {
  background: var(--main-purple);
  border-radius: 10px;
  clear: both;
  color: #fff;
  /*float: right; */
  font-size: 1.2em;
  margin: 0 auto 40px;
  padding: 1% 2%;
  text-align: right;
  width: 50%;
}
.boleteria__proceso .resumen h3{
  color: #fff !important;
  margin-top: 0;
  border-bottom: solid thin #fff;
  margin-bottom: 20px !important;
  font-size: 2em!important;
}
.boleteria__proceso .clear {
  clear: both;
}
.fancybox-close-small{
  height: 60px!important;
  width: 60px!important;
  color: red!important;
}
#terminos__popup{
  display: none;
  width: 90%;
  padding: 1.4%;
  min-height: 500px;
  max-width: 900px
}
.ver__terminos--bt {
  background: #f2f2f2;
  border: solid 1px #333;
  border-radius: 8px;
  color: #333;
  display: block!important;
  font-size: 15px;
  margin: 0 auto;
  padding: 4px;
  text-align: center;
  transition: .4s;
  width: 50%;
}
.bol_temporal .boxesnewcont {
  display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 0 auto;
  width: 100%;
  max-width: 720px
}
.bol_temporal .boxesnewcont div#cntActividad {
  width: 100%;
  text-align: center;
}
.bol_temporal .boxesnewcont .tab {
  margin: 0;
  justify-content: center;
  position: relative;
  display: inline-flex;
  width: 100%;
}
.bol_temporal .boxesnewcont .tab::after {
  content: "";
  position: absolute;
  top: 100%;
  height: 7px;
  width: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.bol_temporal .boxesnewcont .tab button.etapalinks {
  cursor: pointer;
  font-family: 'IBM Plex Sans', sans-serif;
  border: none;
  background: var(--main-light-background);
  min-width: 190px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-right: 20px;
  padding: 10px;
  transition: 0.3s ease-out all;
  font-size: 0.9em;
  font-weight: 500;
  position: relative;
  color: #606060;
  min-height: 65px;
  line-height: 1;
  flex: 1;
}
.bol_temporal .boxesnewcont .tab button.etapalinks:last-child {
  display: none;
  margin-right: 0;
}
.bol_temporal .boxesnewcont .tab button.etapalinks.active,
.bol_temporal .boxesnewcont .tab button.etapalinks:hover{
  background: var(--main-purple);
  color: #fff !important
}
/*button.etapalinks.active:nth-child(2) {
  display: none;
}*/
.bol_temporal .boxesnewcont .etapacontent:nth-child(3) {
  display: none !important;
}
.bol_temporal .boxesnewcont .tab button.etapalinks.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 7px;
  width: 100%;
  background: #f2f2f2;
  transform-origin: bottom;
  transform: rotateX(180deg);
  z-index: 1;
}
.bol_temporal .boxesnewcont .etapacontent{
  display: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}
.bol_temporal .boxesnewcont .etapacontent:nth-child(2){
  display: block;
}
.bol_temporal .boxesnewcont .etapacontent#pestana229 .date__cat{
  display: none;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont {
  padding: 20px 0 0;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--desc p {
  line-height: 1.1;
  font-size: 0.95em;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li {
  background: none;
  color: #000;
  width: 48%;
  -webkit-box-shadow: 1px 0px 17px 0px rgba(204,204,204,0.6);
  -moz-box-shadow: 1px 0px 17px 0px rgba(204,204,204,0.6);
  box-shadow: 1px 0px 17px 0px rgba(204,204,204,0.6);
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 30px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li:nth-child(1),
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li:nth-child(4) {
  border-top: 12px solid var(--main-pink)
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li:nth-child(2),
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li:nth-child(5) {
  border-top: 12px solid var(--main-light-lilac)
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li:nth-child(6),
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li:nth-child(3) {
  border-top: 12px solid #F37801
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li .boleteria__act--name2 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 1.1em;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li .date__cat {
  font-size: 0.9em;
  margin-bottom: 10px;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li .boleteria__detalle {
  font-size: 0.8em
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li .middle {
  font-size: 2.7em;
  font-weight: 600;
  color: #0C232B;
  text-align: center;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li .middle sup {
  font-size: 0.9em;
  font-weight: 500;
  position: relative;
  top: 15px;
  line-height: 0.1;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li .bottom {
  display: flex;justify-content: center;align-items: center;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li .bottom input {
  color: var(--main-purple);
  border: 1px solid var(--main-lilac);
  border-radius: 25px;
  margin: 7px auto 5px;
  padding: 8px;
  text-align: center;
  width: 60%;
  background: var(--main-light-lilac);
  font-size: 1em;
  font-family: 'IBM Plex Sans', sans-serif;
  transition: 0.3s ease-out all;
  font-weight: 600;
}
.bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li .bottom input:hover {
  background: var(--main-lilac);
  color: #fff;
}
.boleteria.mc{
  display: flex;justify-content: space-between;align-items: flex-start;gap:55px 
}
.boleteria.mc ul.boleteria__info{
  flex: 1;
  padding: 0 !important;
  list-style: none !important;
  margin-top: 25px !important;
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja {
  margin-bottom: 40px;
  background: no-repeat;
  padding: 0;
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja .boleteriainfo__caja--btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--main-background);
  padding: 15px 0
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja .boleteriainfo__caja--btn h3 {
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;color: #000;
  font-size: 2em;
  margin-bottom: 0
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja .boleteriainfo__caja--btn h3 span{
  font-size: 0.6em
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja .boleteriainfo__caja--btn h3 span.icon-ticket{
  position: relative;transform: rotate(90deg);
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja .boleteriainfo__caja--btn i {
  cursor: pointer;
  transition: var(--main-transition);
  font-size: 0.9em;
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja.active .boleteriainfo__caja--btn i:before{
  content: "\e911";
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja .boleteriainfo__caja--slideable{
  margin-top: 15px;display: none;
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja .boleteriainfo__caja--slideable p {
    line-height: 1.1em;
    font-size: 1em;
}
.boleteria.mc ul.boleteria__info .boleteria__info--caja .boleteriainfo__caja--slideable h6{
  font-weight: 300;
  font-size: 0.83em
}
.boleteria.mc .boleteria__form {
  flex: 2;
  background: #f8f8f8;
  padding: 40px 45px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
}
.boleteria.mc .boleteria__form form .error {
  color: red;
  margin-right: 2px;
}
.boleteria.mc .boleteria__form form hr{
  border: none;width: 100%;
  height: 1px;margin: 40px 0 30px;background: #9d9d9d
}
.boleteria.mc .boleteria__form form .boleteria__form--intro h2{
  font-size: 2em;
  margin-bottom: 60px;
  color: #000 !important
}
.boleteria.mc .boleteria__form form .boleteria__form--intro h3{
  color: #000 !important;font-weight: 500;
  font-size: 1.75em;
}
.boleteria.mc .boleteria__form form .boleteria__form--intro p{
  font-size: 1em;
  /*line-height: 1*/
}
.boleteria.mc .boleteria__form form .boleteria__form--contboxes {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px;
}
.boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box {
  flex: 1 30%;position: relative;
}
.boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box.doble {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0 8px;
}
.boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box label {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 10px;
  font-size: 0.9em;
}
.boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box input {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  padding: 8px 10px;
}
.boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box.doble input{
  width: 63.333%;
}
.boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box select {
  width: 85px;
  background: #f9f9f9;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  padding: 7px 10px;
  overflow-x: hidden;
  cursor: pointer;
}
.boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box.doble:before {
  position: absolute;
  width: 1px;
  background: #a2a2a2;
  content: '';
  height: 19px;
  top: 37px;
  left: 63px;
  pointer-events: none;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas .box .box__body>div{
  border-left: 5px solid var(--main-purple) !important;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul{
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 30px;
  /* margin-bottom: 20px; */
  background: no-repeat;
  padding: 0;
  width: 100%;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li.bolcat2971 {
  display: flex;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li h3{
  margin-bottom: 0
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li p{
  font-size: 1em;
  line-height: 1
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--tituloydesc{
  flex: 3;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--tituloydesc>div:first-child{
  display: none;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li:first-child .box__body--tituloydesc>div:first-child{
  display: block;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--cantidad,
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--valorunitario,
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--subtotal{
  flex: 2;
  text-align: center;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--cantidad{
  position: relative;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--cantidad:before {
  position: absolute;
  width: 1px;
  background: #a2a2a2;
  content: '';
  height: 19px;
  bottom: 8px;
  right: 90px;
  pointer-events: none;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--cantidad select{
  width: 95px;
  background: #f9f9f9;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  padding: 8px 10px;
  cursor: pointer;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--subtotal{
  text-align: right;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li >div>div:first-child p{
  display: none;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li:first-child >div>div:first-child p{
  display: block;
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li >div> p{
  font-weight:600;
  letter-spacing: 0.02em;
  text-indent: 0.02em
}
.boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li >div> p i{
  font-style: normal;
  font-size: 0.6em
}
.boleteria.mc .boleteria__form form .boleteria__form--resumen {
  display: flex;
  justify-content: flex-end;
  align-items: center;font-weight: 600;gap:50px;
}
.boleteria.mc .boleteria__form form .boleteria__form--resumen p{
  margin-bottom: 0;margin-right: 50px;text-transform: uppercase;
}
.boleteria.mc .boleteria__form form .boleteria__form--resumen .boleteria__formresumen--valor {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
}
.boleteria.mc .boleteria__form form .boleteria__form--resumen .boleteria__formresumen--valor span{
  font-size: 0.6em;
}
/*.boleteria.mc .boleteria__form form .boleteria__form--tycybtn*/ .fancybox-close-small {
  height: 60px!important;
  width: 60px!important;
  color: #9b9b9b!important;
}
/*.boleteria.mc .boleteria__form form .boleteria__form--tycybtn*/ #terminos__popup{
  display: none;
  width: 90%;
  padding: 1.4%;
  min-height: 500px;
  max-width: 900px
}
.boleteria.mc .boleteria__form form .boleteria__form--tycybtn .boleteria__formtycybtn--tyc {
  text-align: center;
  margin: 20px 0;
  font-size: 0.8em;
  display: flex;justify-content: center;align-items: center;
}
.boleteria.mc .boleteria__form form .boleteria__form--tycybtn .boleteria__formtycybtn--tyc label {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  margin-left: 1px;
}
.boleteria.mc .boleteria__form form .boleteria__form--tycybtn .boleteria__formtycybtn--tyc input{
  cursor: pointer;
}
.boleteria.mc .boleteria__form form .boleteria__form--tycybtn .boleteria__formtycybtn--tyc a{
  text-decoration: underline;
  transition: var(--main-transition);
  color: #487ed8;
  border: none;
  width: 100%;
}
.boleteria.mc .boleteria__form form .boleteria__form--tycybtn .boleteria__formtycybtn--tyc a:hover{
  color: #cacaca
}
.boleteria.mc .boleteria__form form /* .boleteria__form--tycybtn > */ button {
  background: var(--main-bright-pink) !important;
  transition: var(--main-transition);
  font-size: 1.1em;
  text-indent: 0.02em;
  letter-spacing: 0.02em;
  display: block;
  font-family: 'IBM Plex Sans', sans-serif;
  text-transform: uppercase;
  padding: 10px;
  border-radius: 7px;
  color: white;
  cursor: pointer;
  margin: 0 auto 25px;
  font-weight: 500;
}
.boleteria.mc .boleteria__form form /* .boleteria__form--tycybtn > */ button:hover{
  transform: var(--main-hover)
}
.boleteria.mc .boleteria__form form .boleteria__form--tycybtn> p {
  font-size: 0.9em;
  line-height: 1;
}
.btnflotante {
  background: var(--main-bright-pink);
  border: 1px solid rgba(81, 41, 77, 0.2);
  bottom: 10vh;
  color: #ffff;
  padding: 16px 15px 18px 15px;
  font-size: 1.3em;
  font-weight: 200;
  line-height: 13px;
  position: fixed;
  right: 0;
  transition: 0.3s;
  text-align: center;
  transition: var(--main-transition);
  z-index: 9;
}
.btnflotante.boleteria {
  bottom:3vh;
  background: var(--main-purple);
}
.btnflotante:hover,
.btnflotante.boleteria:hover {
  background: var(--main-fuchsia);
  color: var(--main-text);
}
.btnflotante  span{
  font-weight: 600
}
.buscar{
  display: none;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999999;
  background: rgba(141, 67, 48, .75);
}
.buscar h3{
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  padding: 10px 0;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  padding-top: 50px
}
.buscar form{
  display: block;
  margin: 10% auto;
  max-width: 800px;
  width: 90%
}
.buscar form input{
  -webkit-appearance: none
}
.buscar form input[type=search]{
  background: none;
  display: block;
  color: #fff;
  position: relative;
  width: 100%;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #fff;
  padding: 20px;
  font-size: 30px
}
.buscar form input[type=search]:focus{
  outline: none;
}
.buscar form input[type=search]::placeholder{
  color:#fff
}
.buscar form input[type=submit]{
  background: var(--main-purple);
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  display: block;
  margin: 20px auto;
  font-size: 20px;
  padding: 20px;
  border: none;
  max-width: 300px
}
.buscar form input[type=submit]:hover{
  background: var(--main-lilac);
}
.buscar .close{
  background-repeat: no-repeat;
  background-image: url("../img/close.png");
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  z-index: 99999
}
.cajasperfilexpositor{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cajasperfilexpositor__caja {
  position: relative;
  width: 33%;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.cajasperfilexpositor__caja--contimagen{
  
}
.cajasperfilexpositor__caja--contimagen img{
  width: 100%;
  border: 2px solid #5b3584;
}
.cajasperfilexpositor__caja--flota {
  position: absolute;
  bottom: -22px;
  padding: 10px 0;
  background: #5b3584;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  max-width: 175px;
  margin: 0 auto;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 16px;
  min-height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carrouseldelogoscont {
  margin: 100px auto;
  position: relative;
  z-index: 1;
}
.carrouseldelogoscont .titulos {
  margin: 30px 0 60px;
  text-align: center;
}
.carrouseldelogos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  background: #fff;
}
.carrouseldelogos .swiper-slide  {
  height: 8.33333333333333333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.carrouseldelogos .swiper-slide  a{
  display: contents;
}
.carrouseldelogos .swiper-slide h3 {
  font-size: 1.3em;
  position: relative;
  text-align: center;
  max-width: 100%;
  margin-bottom: 6px;
  font-weight: 500;
  line-height: 0.9;
}
.carrouseldelogos .swiper-slide p{
  text-align: center;
  font-weight: 300;
}
.carrouseldelogos .swiper-slide i {
  text-align: center;
  font-size: 1.15em;
  font-weight: 900;
  margin-top:4px;
  color: var(--main-bright-pink);
  -webkit-text-stroke:3px var(--main-bright-pink);
  transform: scaleY(0.8);
}
.carrouseldelogos a{
  width: 24%
}
.carrouseldelogos a img{
  width: 100%
}
.categorias {
  height: 2800px;
  /* z-index: -1; */
  position: relative;
}
.categorias .skrollable {
  position:fixed;
  /*z-index:-1;*/
}
.categorias .skrollr-mobile .skrollable {
  position:absolute;
}
.categorias .skrollable .skrollable {
  position:absolute;
}
.categorias .skrollable .skrollable .skrollable {
  position:static;
}
.categorias .categorias__titulo {
  left: 38.8%;
  /* background: #fff; */
  z-index: -2;
}
.categorias .categorias__titulo p{
  font-weight: 600;margin-bottom: 28px;
}
.categorias .categorias__titulo .link a div{
  text-align: center;
}
/* .categorias .categorias__titulo:before {
  content: '';
  position: absolute;
  background: #fff;
  width: 100%;
  transform: scaleX(2.2) scaleY(2);
  transform-origin: bottom;
  bottom: -16px;
  height: 100%;
  z-index: -1;
} */
.categorias .categorias__cajas{
  display: flex;
  justify-content: center;
  align-items: center;
  /* overflow: hidden; */
}
.categorias .categorias__cajas.cajanails, 
.categorias .categorias__cajas.cajaherramientasdepeluqueriaprofesional, 
.categorias .categorias__cajas.cajaesteticayspa {
  right:14.1vw;
}
.categorias .categorias__cajas img{
  width: 400px;
  border-radius: 21px;
}
.categorias .categorias__cajas .categorias__cajas--filtro{
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(91,53,136,1) 100%);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 75%;
  transition: var(--main-transition)
}
.categorias .categorias__cajas:hover .categorias__cajas--filtro{
  height: 200%;
}
.categorias .categorias__cajas  .categorias__cajas--texto {
  position: absolute;
  color: #fff;
  bottom: -10%;
  right: -12%;
  /* max-width: 60%; */
  text-align: center;
}
.categorias .categorias__cajas  .categorias__cajas--texto h3{
  text-align: center;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  font-size: 1.5em;
  font-weight: 600;
  background: var(--main-bright-pink);
  text-align: center;
  min-width: 280px;
  min-height: 84px;
  border-radius: 15px;
}
.categorias .categorias__cajas.cajaherramientasdepeluqueriaprofesional  .categorias__cajas--texto h3{
  text-align: left;
} 
/* .categorias .categorias__cajas  .categorias__cajas--texto h3:after{
  content: '';
  background: var(--main-lilac);
  height:5px;
  position: absolute;
  bottom: -6px;
  width: 100%;
  max-width: 240px;
  left: 0;
} */
.categorias .categorias__cajas  .categorias__cajas--texto p {
  /*transform: rotateX(-90deg);
  transform-origin: top;
  transition: var(--main-transition);*/
  text-align: left;
  font-size: 0.9em;
  line-height: 1.2;
  font-weight: 400;
}
.categorias .categorias__cajas:hover  .categorias__cajas--texto p {
  transform: rotateX(0deg);
}
.categoriasmb{
  display: none;
}
.cifras{
  margin: 75px auto;
}
.cifras .cifras__flex{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 25px;
  /* flex-wrap: wrap; */
}
.cifras .cifras__flex .cifras__flex--caja {
  flex: 1;
  padding:30px;
  border-radius: 21px;
  border: 1px solid var(--main-mid-purple);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
.cifras .cifras__flex .cifras__flex--caja h3 {
  font-size: 1.68em;
}
.cifras .cifras__flex .cifras__flex--caja h3 span{
  color: var(--main-fuchsia);
}
.cifras .cifras__flex .cifras__flex--caja img {
  height: 22px;
  width: 35px;
  object-fit: cover;
  border: 1px solid var(--main-extra-light-background);
}
.cincoproductos .perfil .perfil__header .perfil__header--cajatitulo h1 {
  font-size: 3.75em;
}
.cincoproductos .perfil .perfil__in {
  margin: 0 auto;
  position: relative;
  height: 2100px;
}
.cincoproductos article{
  position: relative;
}
.cincoproductos .cincoproductos__slider {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  z-index: -4;
}
.cincoproductos .cincoproductos__slider.ahacerscroll {
  position: fixed;
  top: 172px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide {
  width: 100%;
  height: 95.1vh;
  display: flex;
  justify-content: center;
  margin-top: -780px;
  align-items: center;
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1) all;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide01 {
  background: url('../img/cinco-productos-bg-corrector.jpg') no-repeat;
  background-position: top;z-index: 1;margin-top: 0
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide02 {
  background: url('../img/cinco-productos-bg-pestanina.jpg') no-repeat;
  background-position: top;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide03 {
  background: url('../img/cinco-productos-bg-brillo.jpg') no-repeat;
  background-position: top;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide04 {
  background: url('../img/cinco-productos-bg-pinceles.jpg') no-repeat;
  background-position: top;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide05 {
  background: url('../img/cinco-productos-bg-rubor.jpg') no-repeat;
  background-position: top;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva {
  /*margin-top: 0;*/ z-index: 2
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide h1 {
  font-family: 'D Din Pro Bold';
  color: #f9d7E8;
  font-size: 12vw;
  text-align: center;
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1) all;
  position: absolute;
  width: 100%;
  top: -500px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva h1 {
  top: 20px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide img:nth-child(2) {
  position: absolute;transition: 0.5s cubic-bezier(0, 0, 0.2, 1) all;top: -700px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva img:nth-child(2) {
  top: 140px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide01 img:nth-child(2) {
  width: 183px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide02 img:nth-child(2){
  width: 710px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide03.slideactiva img:nth-child(2) {
  width: 600px;
  top: 360px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide04.slideactiva img:nth-child(2){
  width: 850px;
  top: 420px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide05.slideactiva img:nth-child(2) {
  width: 215px;
  top: 230px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide img:nth-child(4) {
  position: absolute;transition: 0.8s cubic-bezier(0, 0, 0.2, 1) all;top: -100px;width: 100px
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide01 img:nth-child(4) {
  top: 50px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva img:nth-child(4) {
  top: 560px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide p {
  position: absolute;transition: 0.6s cubic-bezier(0, 0, 0.2, 1) all;
  color: #f9d7E8;
  font-size: 1.5em;top: -150px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide01.slideactiva p {
  max-width: 460px;
  left: calc((100% - 1024px) / 2);
  top: 260px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide02.slideactiva p {
  max-width: 381px;
  right: calc((100% - 940px) / 2);
  top: 245px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide03.slideactiva p {
  max-width: 720px;
  text-align: center;
  top: 260px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide04.slideactiva p {
  max-width: 460px;
  left: calc((100% - 950px) / 2);
  top: 225px;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide05.slideactiva p {
  top: 495px;
  text-align: center;
  max-width: 61vw;
}
.cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva p {
 /*top: 510px;*/
}
.cincoproductos .cincoproductos__fuentes {
  background: #fff;
  padding: 50px 0 80px;
}
.cincoproductos .cincoproductos__fuentes h4{
  font-weight: 400;margin-bottom: 20px
}
.cincoproductos .cincoproductos__fuentes p{
  line-height: 1.6;
  font-size: 0.9em;
}
.colcats .colcats__flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 20px;
}
.colcats .colcats__flex .colcats__flex--col{
  border: 1px solid var(--main-brown);
  border-radius: 10px;
  overflow: hidden;
}
.colcats .colcats__flex .colcats__flex--col>div:first-child{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
  padding: 4px 20px;
}
.colcats .colcats__flex .colcats__flex--col.colcatscolfacial>div:first-child{
  background: url(../img/colcats-bg-cuidado-facial.jpg) no-repeat center center / cover;
}
.colcats .colcats__flex .colcats__flex--col.colcatscolmaquillaje>div:first-child{
  background: url(../img/colcats-bg-maquillaje.jpg) no-repeat center center / cover;
}
.colcats .colcats__flex .colcats__flex--col.colcatscolnails>div:first-child{
  background: url(../img/colcats-bg-nails.jpg) no-repeat center center / cover;
}
.colcats .colcats__flex .colcats__flex--col.colcatscocapilar>div:first-child{
  background: url(../img/colcats-bg-cuidado-capilar.jpg) no-repeat center center / cover;
}
.colcats .colcats__flex .colcats__flex--col.colcatscolpeluqueria>div:first-child{
  background: url(../img/colcats-bg-peluqueria-profesional.jpg) no-repeat center center / cover;
}
.colcats .colcats__flex .colcats__flex--col.colcatscolbarberia>div:first-child{
  background: url(../img/colcats-bg-barberia.jpg) no-repeat center center / cover;
}
.colcats .colcats__flex .colcats__flex--col.colcatscolbienestar>div:first-child{
  background: url(../img/colcats-bg-estetica-y-bienestar.jpg) no-repeat center center / cover;
}
.colcats .colcats__flex .colcats__flex--col>div:first-child img{
  height:55px;
}
.colcats .colcats__flex .colcats__flex--col>div:first-child h3 {
  color: white;
  font-family: "field-gothic-xxcondensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 3em;
  letter-spacing: 0.1em;
  text-shadow: 3px -3px 6px rgba(37,32,65,0.4);
}
.colcats .colcats__flex .colcats__flex--col>div:last-child  {
  padding: 0 20px;
  border-top: 1px solid var(--main-brown);
}
.colcats .colcats__flex .colcats__flex--col>div:last-child  ul{
  margin-top:8px;
}
.colcats>h2{
  font-family: "field-gothic-xxcondensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 2.5em;
  letter-spacing: 0.1em;text-align: center;
  color: var(--main-purple);
}
.consejosbarba {
  background: url('../img/consejos-barba-bg.jpg') no-repeat;
  background-size: cover;
  text-align: center;
  padding: 100px 0 50px;
}
.consejosbarba .consejosbarba__intro {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.consejosbarba .consejosbarba__intro .consejosbarba__intro--flota {
  position: absolute;
  bottom: 42px;
  color: white;
}
.consejosbarba .consejosbarba__intro .consejosbarba__intro--flota h2{
  font-size: 3.5em;
  margin-bottom: 6px;
}
.consejosbarba .consejosbarba__intro .consejosbarba__intro--flota h3{
  font-size: 2.4em;
}
.consejosbarba .consejosbarba__intro .consejosbarba__intro--flota p{
  font-size: 1.5em;
  max-width: 400px;
  margin: 4px auto 0;
  line-height: 1.15;
}
.consejosbarba .consejosbarba__swiper{
  height: 200px;
  width: 100%;
  max-width: 1100px  
}
.consejosbarba .consejosbarba__swiper:before {
  content: '';
  border: 4px solid white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 95%;
  border-radius: 30px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  z-index: 2;
  pointer-events: none;
}
.consejosbarba .consejosbarba__swiper .swiper-slide {
  max-width: 1050px;
  border-radius: 30px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.consejosbarba .consejosbarba__swiper .swiper-slide.bonus {
  background:#a379f7;/*  var(--main-fuchsia); */
}
.consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:75px;
}
.consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info img {
  border: 4px solid white;
  border-radius: 20px;
  height: 200px;
}
.consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info p {
  text-align: left;
  color: white;
  font-size: 1.3em;
  line-height: 1.15;
  font-weight: 300;
}
.consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info h4 {
  text-align: left;
  color: white;
  font-size: 1.5em;
  margin-bottom: 5px;
}
.consejosbarba .consejosbarba__swiper .swiper-pagination-bullets {
  transform: rotateY(180deg);
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 13px;
  width: 3%;
}
.consejosbarba .consejosbarba__swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  background: #fff;
  border: none;
  opacity: 1;
  width: 15px;
  height: 15px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: relative;
}
.consejosbarba .consejosbarba__swiper .swiper-pagination-bullets .swiper-pagination-bullet:before {
  content: '';
  border: 1px solid white;
  border-radius: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: var(--main-transition);
  transform: scale(0.9);
}
.consejosbarba .consejosbarba__swiper .swiper-pagination-bullets .swiper-pagination-bullet-active,
.consejosbarba .consejosbarba__swiper .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  background: var(--main-pink);
}
.consejosbarba .consejosbarba__swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:before,
.consejosbarba .consejosbarba__swiper .swiper-pagination-bullets .swiper-pagination-bullet:hover:before {
  transform: scale(1.4);
}
.consejosbarba .consejosbarba__fuentes {
  margin-top: 30px;
  color: white;
}
.consejosbarba .consejosbarba__fuentes h5{
  margin-bottom: 10px;
}
.consejosbarba .consejosbarba__fuentes p{
  font-size: 0.7em;
  margin: 0  auto;
  max-width: 1100px;
  font-weight: 500;
}
.consejosbarba .consejosbarba__fuentes p:nth-child(2){
  margin-bottom: 20px;
}
.consejosparacuidartupiel .consejosparacuidartupiel__intro {
  margin: 0 auto;
  /* max-width: 675px; */
  font-size: 1.1em;
}
.consejosparacuidartupiel .consejosparacuidartupiel__intro p {
  margin-bottom: 6px !important;
  text-align: center;
}
.consejosparacuidartupiel .consejosparacuidartupiel__canvas{
  margin: 90px 0;
  position: relative;
  width: 100%;
  height: 613px;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.consejosparacuidartupiel__bar {
  background: var(--main-lilac);
  width: 12px;
  cursor: ew-resize;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  height: 100%;
  position: absolute;
  transform: translateX(-2px);
  top: 0;
  z-index: 1;
}
.consejosparacuidartupiel__bar:before {
  content: '\f053  \f054 ';
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  background: #fff;
  color: var(--main-purple);
  border-radius: 100%;
  position: absolute;
  /* transform-origin: top; */
  transform: scaleY(1.5);
  width: 34px;
  height: 24px;
  padding: 0 6px 3px;
  font-style: normal;
  line-height: 1.3;
  font-size: 1.2em;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(4,49,86,0.5);
  -moz-box-shadow: 0px 0px 10px 1px rgba(4,49,86,0.5);
  box-shadow: 0px 0px 10px 1px rgba(4,49,86,0.5);
}
.consejosparacuidartupiel__canvas>div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--mujeres{
  background: rgb(255,22,144);
  background: linear-gradient(120deg, rgba(255,22,144,1) 33%, rgba(212,36,135,1) 85%, rgba(252,116,192,1) 95%);
}
.consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres{
  clip-path: polygon(50% 0px, 100% 0%, 100% 100%, 50% 100%);
  background: rgb(1,201,129);
  background: linear-gradient(61deg, rgba(1,201,129,1) 0%, rgba(10,79,121,1) 20%, rgba(3,115,129,1) 85%);
}
.consejosparacuidartupiel__canvas>div .consejosparacuidartupiel__flex{
  display: flex;justify-content: space-between;align-items: center;color: #fff
}
.consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--mujeres .consejosparacuidartupiel__canvas--info {
  position: relative;
  left: -60px;
}
.consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__canvas--info {
  position: relative;
  left: 55px;
  text-align: right;
}
.consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__flex>img {
  position: relative;right: 75px
}
.consejosparacuidartupiel__canvas--info h2{
  font-size: 1.8em;
  margin-bottom: 23px
}
.consejosparacuidartupiel__canvas--info .fila{
  display: flex;justify-content: space-between;align-items: center;margin-bottom: 32px
}
.consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__canvas--info .fila{
  flex-direction: row-reverse;
}
.consejosparacuidartupiel__canvas--info .fila:last-child{
  margin-bottom: 0
}
.consejosparacuidartupiel__canvas--info .fila img {
  width: 65px;
  filter: invert(1);
}
.consejosparacuidartupiel__canvas--info .fila .linea {
  height: 100px;
  width: 1px;
  background: #fff;
  opacity: 0.7;
  margin: 0 30px
}
.consejosparacuidartupiel__canvas--info .fila h3 {
  margin-bottom: 15px;
}
.consejosparacuidartupiel__canvas--info .fila p {
  max-width: 472px;
  line-height: 1.3 !important;
  margin-bottom: 0 !important;
}
.consejosparacuidartupiel__canvas--conexion {
  position: absolute;display: flex;justify-content: center;align-items: flex-start;left: 37.5%;top: 101px;
}
.consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__canvas--conexion {
  transform-origin: right;
  transform: rotateY(180deg);
}
.consejosparacuidartupiel__canvas--conexion div:first-child{
  width: 75px;
  height: 150px;
  border-bottom-right-radius: 8px;
  border-bottom:2px solid #fff;
  border-right:2px solid #fff;
  position: relative;
  left: 3px;
  clip-path: inset(3px 0 0 0);
}
.consejosparacuidartupiel__canvas--conexion div:last-child{
  width: 95px;
  height: 150px;
  border-top-left-radius: 8px;
  border-top:2px solid #fff; 
}
.consejosparacuidartupiel__canvas--conexion div:last-child:before{
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 100%;
  position: absolute;
  background: #fff;
  right: -14px;
  margin-top: -7px;
}
.consejosparacuidartupiel__cierre .link a div {
  color: #fff;
  background: var(--main-purple);
  font-weight: 900;
  font-size: 1.5em;
  letter-spacing: 0.02em;
  padding: 10px 30px;
  margin-bottom: 40px;
}
.consejosparacuidartupiel__cierre p{
  text-align: center;
}
.consejosparacuidartupiel__cierre p strong{
  color: var(--main-purple)
}
.consejosparacuidartupiel .consejosparacuidartupiel__fuentes{
  margin-top: 75px
}
.consejosparacuidartupiel .consejosparacuidartupiel__fuentes h4{
  color: #606060;
  margin-bottom: 20px
}
.consejosparacuidartupiel .consejosparacuidartupiel__fuentes p {
  line-height: 1.1 !important;
  font-size: 0.9em;
  margin-bottom: 10px !important;
  color: #606060;
}
.contactos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.contactos div {
  margin: 0 6px 60px;
  text-align: center;
  width: 25%;
}
.contactos div p{
  text-align: center;
  margin-bottom: 2px;
}
.contactos span{
  font-weight: 600;
}
.contactoscomerciales .contactoscomerciales__flex {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  gap: 100px;
  margin: 100px 0;
  flex-wrap: wrap;
}
.contactoscomerciales .contactoscomerciales__flex img{
  margin-bottom: 34px;
}
.contactoscomerciales .contactoscomerciales__flex a{
  transition: var(--main-transition);
}
.contactoscomerciales .contactoscomerciales__flex a:hover{
  color: var(--main-bright-pink);
}
.countdown {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  margin: 15px auto 50px;
  /* -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.15); 
  -moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.15); */
  color: var(--main-purple);
  padding: 35px 150px 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.countdown i {
  font-style: normal;
  font-size: 2.7em;
  font-weight: 900;
  line-height: 0.76;
  display: block;
  margin-top: 21px;
}
.countdown span {
  display: block;
  font-size: 1.5em;
  line-height: 0.8;
}
.countdown .linea {
  width: 2px;
  height: 58px;
  background: var(--main-purple)
}
.cuidatupiel {
  position: relative;
  text-align: center;
}
.cuidatupiel .cuidatupiel__canvas{
  position: relative;
  width: 100%;
  height:675px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  overflow: hidden;
}
.cuidatupiel .cuidatupiel__canvas .cuidatupiel__canvas--aclaracion {
  position: absolute;
  top: 20px;
  left: 20px;
  color: white;
  z-index:1;
  max-width: 360px;
  font-weight: 600;
  font-style: italic;
  font-size: 0.9em;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia,
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche{
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 140px;
  color: white;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.cuidatupiel__bar {
  align-items: center;
  background: var(--main-fuchsia);
  cursor: ew-resize;
  display: flex;
  justify-content: center;
  left: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transform: translateX(-2px);
  width: 10px;
  z-index: 1;
}
.cuidatupiel__bar:before {
  content: '\f053  \f054 ';
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  color: #fff;
  background: var(--main-dark-purple);
  border-radius: 100%;
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 6px;
  font-style: normal;
  line-height: 1.6;
  font-size: 1em;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(4,49,86,0.5);
  -moz-box-shadow: 0px 0px 10px 1px rgba(4,49,86,0.5);
  box-shadow: 0px 0px 10px 1px rgba(4,49,86,0.5);
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia {
  background: url('../img/cuida-tu-piel-bg-dia.jpg') no-repeat;
  background-size: cover;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche {
  background: url('../img/cuida-tu-piel-bg-noche.jpg') no-repeat;
  background-size: cover;
  clip-path: polygon(50% 0, 100% 0%, 100% 100%, 50% 100%);
  z-index: 1;
}
.cuidatupiel .cuidatupiel__canvas .swiper {
  width: 475px;
  margin: 0;
  height: 100%;
  padding-top: 100px;
}
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--titulo h1 {
  text-transform: uppercase;
  font-weight: 100;
  font-family: 'Oswald', sans-serif;
  font-size: 2.8em;
  margin-bottom: 25px;
}
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--titulo h1 span {
  font-weight: 900;
  font-size: 1.1em;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia .swiper .cuidatupiel__canvas--titulo h1 span{
  color: var(--main-yellow);
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--titulo h1 span{
  color: var(--main-bright-pink);
}
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--frase p{
  font-weight: 500;
}
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante {
  position: relative;
  text-transform: uppercase;
  margin: 55px 0 66px;
}
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante img {
  position: absolute;
  left: 30px;
  z-index: 1;
  width: 215px;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--durante img {
  left: -47px;
  width: 296px;
  top: -6px;
}
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante  h2,
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante  h3{
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante  h2{
  font-size: 2.8em;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--durante  h2 {
  font-weight: 100;
  position: relative;
  right: 39px;
}
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante  h3{
  font-size: 3em;
  position: relative;
  margin-top: 2px;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia .swiper .cuidatupiel__canvas--durante  h3{
  color: var(--main-yellow);
  left: 79px;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--durante  h3{
  color: var(--main-bright-pink);
  left: 46px;
  line-height: 0.8;
}
.cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--consejo  h4{
  font-weight: 400;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--cierre h5 {
  margin-top:150px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  color: var(--main-bright-pink);
  font-size: 2.6em;
  font-weight: 500;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--cierre h6 {
  font-size: 1.4em;
  font-weight: 500;
  margin: 10px 0 23px;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--cierre div a div {
  background: var(--main-bright-pink);
  padding: 22px 75px;
  display: inline-block;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 0.9;
}
.cuidatupiel .cuidatupiel__canvas .swiper .swiper-pagination-bullets{
  bottom: 40px;
}
.cuidatupiel .cuidatupiel__canvas .swiper .swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  border: none;
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia .swiper .swiper-pagination-bullet-active,
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia .swiper .swiper-pagination-bullet:hover {
  background: var(--main-yellow);
  transform: scale(1.1);
}
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .swiper-pagination-bullet-active,
.cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .swiper-pagination-bullet:hover {
  background: var(--main-bright-pink);
  transform: scale(1.1);
}
.cuidatupiel .cuidatupiel__canvas .cuidatupiel__canvas--modelo{
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.cuidatupiel .cuidatupiel__canvas .cuidatupiel__canvas--modelo img{
  height:600px;
}
.cuidatupiel .cuidatupiel__fuentes h6{
  font-size: 0.9em;
}
.cuidatupiel .cuidatupiel__fuentes p {
  font-size: 0.7em;
  line-height: 1.3;
  margin-top: 2px;
}
.doblecolumna{
  display: flex;justify-content: flex-start;align-items: flex-start;gap: 60px;
}
.doblecolumna>div{
  flex: 1 50%
}
.extractosnaturales {
  margin: 0 auto;
  max-width: 860px;
}
.extractosnaturales .extractosnaturales__fila {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 10px;
}
.extractosnaturales .extractosnaturales__fila:nth-child(even) {
  flex-direction: row-reverse;
  text-align: right;
}
.extractosnaturales .extractosnaturales__fila div{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 2;
}
.extractosnaturales .extractosnaturales__fila div.extractosnaturales__fila--contimg{
  flex: unset;
}
.extractosnaturales .extractosnaturales__fila h2 {
  text-transform: uppercase;
  color: var(--main-purple);
  font-size: 1.75em;
  margin-bottom: 10px;
  width: 100%;
}
.extractosnaturales ul li{
  line-break: anywhere;
  font-size: 0.8em;
  padding-top: 0 !important;
  margin-bottom: 3px;
  background: url("../img/selector.png") 0px 0px no-repeat;
}
.extractosnaturales .extractosnaturales__boton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.extractosnaturales .extractosnaturales__boton a {
  background: var(--main-fuchsia);
  padding: 16px 15px 18px 15px;
  text-align: center;
  font-size: 1.3em;
  font-weight: 300 !important;
  line-height: 13px;
}
footer.footer{
  padding-bottom: 20px;
  background: #fff;
}
footer.footer .footer__legal p{ 
  font-size: 0.75em;
  line-height: 1.2;
}
form#frmContacto{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
form#frmContacto input,
form#frmContacto select {
  border: 1px solid #bbb;
  margin: 5px 0px 10px;
  padding: 5px;
  background: #fff;
}
.formcontact form#frmContacto input,
.formcontact form#frmContacto select {
  width: 90%;
}
form#frmContacto strong{
  display: block;
}
form#frmContacto textarea{
  border: 1px solid #bbb;
  margin: 5px 0px 10px;
  min-height: 100px;
  width: 100%;
}
.formcontact{
  margin-top: 30px;
}
.formcontact h2{
  font-weight: 100;
  font-size: 2.8em;
  color: var(--main-purple);
  margin-bottom: 30px;
}
.formcontact .modal-title{
  background: var(--main-dark-purple);
  display: inline-block;
  padding: 5px 20px;
  margin-bottom: 15px;
  text-align: center;
  color:#fff;
}
.formcontact  form#frmContacto div{
  width: 33%;
  margin: 0 0 5px;
}
.formcontact  form#frmContacto div.g-recaptcha{
  margin: 10px 0;
}
.formcontact  form#frmContacto div.wide{
  width: 100%;
}
.formcontact form#frmContacto .wide .formcontact__flex{
  width: 100% !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.formcontact form#frmContacto .wide .formcontact__flex input{
  width: unset;
  margin-right: 5px;
  margin-bottom: 0;
}
.formcontact form#frmContacto .wide .formcontact__flex p{
  margin: 0
}
.formcontact form#frmContacto .form-terms{
  background: #f4f4f4;
  max-height: 110px;
  margin-bottom: 10px;
  overflow-y: scroll;
  padding: 10px 10px;
}
.formcontact form#frmContacto .form-terms a{
  text-decoration: underline;
  color: #015d87;
}
.formcontact form#frmContacto input{
  width: 90%;
}
.formcontact form#frmContacto .checkterms{
  display: flex;
  align-items: center;
}
.formcontact form#frmContacto .checkterms input{
  margin-bottom: 4px;
  margin-right: 5px;
  width: auto;
}
.formcontact form#frmContacto button.btn.btn-primary {
  background: var(--main-purple);
  cursor: pointer;
  color: #fff !important;
  font-weight: 600;
  padding: 12px 20px;
  border: none;
  width: 275px;
}
.formcontact form#frmContacto section.sectencuesta {
  border-top: 1px solid #bbb;
  margin-top: 20px;
  padding-top: 20px;
  width: 100%;
}
.formcontact form#frmContacto section.sectencuesta .sect1 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.formcontact form#frmContacto section.sectencuesta .sect1 div {
  display: flex;
  padding: 0px 0 5px;
  align-items: baseline;
}
.formcontact form#frmContacto section.sectencuesta .sect1 strong {
  width: 100%;
}
.galeria{
  background: #fff
}
.galeria >h2 {
  text-align: center;
  color: var(--main-bright-pink);
}
.galeria .galeria__swiper {
  margin: 35px 6.25vw 50px;
  padding-bottom: 80px;
}
.galeria .galeria__swiper img {
  width: 100%;
  transition: 1s ease-out all;
  height: 14vw;
  /* object-fit: cover; */
  object-position: center;
  transform-origin: bottom;
  transform: scaleX(1.53);
}
.galeria .galeria__swiper .swiper-wrapper {
  align-items: flex-end;
  min-height: 25.5vw;
}
.galeria .galeria__swiper .swiper-slide{
  overflow: hidden;
}
.galeria .galeria__swiper .swiper-slide.swiper-slide-active{
  transform: scaleX(2.4);
}
.galeria .galeria__swiper .swiper-slide.swiper-slide-active img{
  height: 25vw;
}
.galeria .galeria__swiper .swiper-slide.swiper-slide-next{
  transform: scaleX(1.71);
  transform-origin: left;
}
.galeria .galeria__swiper .swiper-slide.swiper-slide-prev{
  transform: scaleX(1.71);
  transform-origin: right;
}
.galeria .galeria__swiper .swiper-slide.swiper-slide-next img,
.galeria .galeria__swiper .swiper-slide.swiper-slide-prev img{
  height: 19vw;
}
.galeria .galeria__swiper .swiper-button-next,
.galeria .galeria__swiper .swiper-button-prev {
  top: unset;
  bottom: 25px;
}
.galeria .galeria__swiper  .swiper-button-next,
.galeria .galeria__swiper  .swiper-rtl .swiper-button-prev {
  right: calc((100% - 325px) / 2);
}
.galeria .galeria__swiper  .swiper-button-prev,
.galeria .galeria__swiper  .swiper-rtl .swiper-button-next{
  left: calc((100% - 325px) / 2);
}
.galeria .link a {
  position: relative;
  margin: 0 10px;
  z-index: 1;
}
.galeria .link a div {
  margin: 0;
  text-transform: uppercase;
  font-weight: 500;
}
.galeria .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
}
.galeria .tab .tablinks{
  margin: 0 20px;
  border: 1px solid var(--main-purple);
  padding: 8px 20px;
  transition: var(--main-transition);
  cursor: pointer;
}
.galeria .tab .tablinks.active,
.galeria .tab .tablinks:hover{
  background: var(--main-light-lilac)
}
.galeria .tab .tablinks p{
  margin: 0;
  color: var(--main-purple);
  font-weight: 500;
}
.galeria .tabcontent.tabactiva{
  display: block;
}
.galeria .galeria__tabcontent--flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.galeria .galeria__tabcontent--flex >div {
  width: 24.3%;
  margin-bottom: 8px;
}
.galeria .galeria__tabcontent--flex >div a{
  position: relative;
  display: block;
}
.galeria .galeria__tabcontent--flex a img{  
  width: 100%
}
.galeria .galeria__tabcontent--flex a .galeriafotos__fancy--filtro {
  position: absolute;
  width: 100%;
  top: 0;
  background: var(--main-lilac);
  bottom: 4px;
  opacity: 0.7;
  transform: scale(0);
  transition: var(--main-transition);
}
.galeria .galeria__tabcontent--flex a:hover .galeriafotos__fancy--filtro {
  transform: scale(1);
}
.galeria .galeria__tabcontent--flex a i {
  position: absolute;
  color: #fff;
  font-size: 4em;
  top: 27%;
  left: 40%;
  transition: var(--main-transition)
}
.galeria .galeria__tabcontent--flex a i:hover {
  transform: scale(0.9);
}
.haircongress.perfil .perfil__header .perfil__header--cajatitulo span{
  display: inline-flex;justify-content: center;align-items: center;
  color: #fff;
}
.haircongress.perfil .perfil__header .perfil__header--cajatitulo span img {
  height: 160px;
  width: unset;
}
.haircongress.perfil .perfil__header .perfil__header--cajatitulo span .linea {
  height: 150px;
  width: 1px;
  background: #fff;
  margin: 0 50px;
}
.haircongress.perfil .perfil__header .perfil__header--cajatitulo span h2 {
  font-size: 5em;
  font-weight: 900;
  -webkit-text-stroke: 3px #fff;
  line-height: 0.7;
  margin-bottom: 7px;
}
.haircongress.perfil .perfil__header .perfil__header--cajatitulo span h2 i {
  font-style: normal;
  font-size: 0.5em;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 7px;
  font-weight: 500;
}
.haircongress.perfil .perfil__header .perfil__header--cajatitulo span h3 {
  text-transform: uppercase;
  font-size: 1.7em;
  font-weight: 900;
  -webkit-text-stroke: 0.01em #fff;
}
.haircongress .haircongress__intro {
  position: relative;
  display: flex;justify-content: center;align-items: center;
}
.haircongress .haircongress__intro >img{
  position: absolute;left: 0;width: 178px;top: -25px
}
.haircongress .haircongress__intro h1 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 3em;
  text-align: center;
  color: var(--main-dark-purple);
  margin-bottom: 30px;
  -webkit-text-stroke: 3px var(--main-dark-purple);
  text-indent: 0.03em;
  letter-spacing: 0.03em;
}
.haircongress .haircongress__intro ul {
  margin: 0 auto !important;
  max-width: 600px;
}
.haircongress .haircongress__intro ul li b{
  color: var(--main-purple)
}
.haircongress h2.haircongress__subtitulo {
  font-weight: 900;
  font-size: 3em;
  text-align: center;
  color: var(--main-dark-purple);
  margin-bottom: 60px;
  -webkit-text-stroke: 2px var(--main-dark-purple);
  text-indent: 0.03em;
  letter-spacing: 0.03em;
  border-bottom: 2px solid var(--main-dark-purple);
  display: inline-block;
}
.haircongress .haircongress__invitados {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 100px 0;
}
.haircongress .haircongress__invitados .bg {
  width: 100%;
  background: var(--main-light-background);
  padding: 40px 0;
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon {
  width: 100%;
 /* max-width: 1612px;*/
  display: flex;
  position: relative;
  margin: 0 auto;
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div {
  display: flex;
  align-items: flex-start;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all 750ms ease;
  -moz-transition: all 750ms ease;
  -ms-transition: all 750ms ease;
  -o-transition: all 750ms ease;
  transition: all 750ms ease;
  position: relative;
  overflow: hidden;
/*  border: 1px solid #f2f2f2;*/
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom-right-radius:8px; 
  border-top-right-radius:8px; 
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div.activo {
  -webkit-flex-grow: 30;
  flex-grow: 30;
  /*padding: 0 30px;*/
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  background: #fff;
  padding: 25px 40px;
  gap: 10px;
  height: 572px;
  border-bottom-right-radius:8px; 
  border-top-right-radius:8px; 
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div {
  -webkit-transition: all 750ms ease;
  -moz-transition: all 750ms ease;
  -ms-transition: all 750ms ease;
  -o-transition: all 750ms ease;
  transition: all 750ms ease;
  transform: scale(0);
  flex:1;
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div.activo .haircongress__invitadosacordeon--cont>div {
  transform: scale(1);
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div:nth-child(2) {
  padding-left: 100px
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div>img {
  width: 100%;
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div h4 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.5em;
  -webkit-text-stroke: 0.02em var(--main-text);
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div h5{
  margin: 10px 0 20px 
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div h5 a {
  color: var(--main-text);
  -webkit-text-stroke: 0.04em var(--main-text);
  /* font-weight: 900; */
  font-size: 1.2em;
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div h3{
  text-align: center;
  font-weight: 900;
  font-size: 2em;
  margin: 30px auto;
  max-width: 450px;
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div h2 {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 1.35em;
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont .flota{
  position: absolute;
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota{
  left: 0;
  top: 0;
  height: 100%;
  width: 41px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  -webkit-transition: all 750ms ease;
  -moz-transition: all 750ms ease;
  -ms-transition: all 750ms ease;
  -o-transition: all 750ms ease;
  transition: all 750ms ease;
  background: var(--main-fuchsia);
  padding: 30px 0;
  border-bottom-right-radius:8px; 
  border-top-right-radius:8px; 
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div:nth-child(even) .haircongress__invitadosacordeon--cont i.flota{
  background: var(--main-dark-purple)
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div.activo .haircongress__invitadosacordeon--cont i.flota{
  opacity: 0
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota img{
  width: 34px;
  /* margin-bottom: 10px; */
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota img.haircongress__invitadosacordeoncont--decobarraa,
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota img.haircongress__invitadosacordeoncont--decobarrab{
  position: relative;width: 100%
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota img.haircongress__invitadosacordeoncont--decobarraa{
  bottom: 45px
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota img.haircongress__invitadosacordeoncont--decobarrab{
  top: 80px
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div:nth-child(odd) .haircongress__invitadosacordeon--cont i.flota img{
  filter:brightness(0.25) saturate(2)
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota h6 {
  display: inline-block;
  transform: rotate(-90deg);
  color: var(--main-dark-purple);
  font-style: normal;
  font-size: 1.5em;
  width: 249px;
  text-align: center;
}
.haircongress .haircongress__invitados .haircongress__invitados--acordeon>div:nth-child(even) .haircongress__invitadosacordeon--cont i.flota h6{
  color: var(--main-fuchsia)
}
.haircongress .haircongress__mapa{
  position: relative;
}
.haircongress .haircongress__mapa >img {
  position: absolute;
  right: 0;
  width: 178px;
  transform: rotate(180deg);
}
.haircongress .haircongress__mapa .u__container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.haircongress .haircongress__mapa .u__container h2.haircongress__subtitulo{
  padding-bottom: 10px
}
.haircongress .haircongress__mapa .u__container img{
  width: 100%;
  margin-top: 30px
}
.haircongress .haircongress__agenda {
  margin-top: 35px
}
.haircongress .haircongress__agenda div{
  display: flex;justify-content: center;align-items: center;
}
.haircongress .haircongress__agenda div a div {
  background: var(--main-dark-purple);
  color: var(--main-fuchsia);
  position: relative;
  font-weight: 900;
  padding: 20px 55px;
  font-size: 1.5em;
  -webkit-text-stroke: 0.01em var(--main-fuchsia);
}
.haircongress .haircongress__agenda div a div img{
  position: absolute;
  height: 52px;
}
.haircongress .haircongress__agenda div a div img:first-child{
  left: 0;
  top: 0;
}
.haircongress .haircongress__agenda div a div img:last-child{
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}
.haircongress .haircongress__btnflotante {
  position: fixed;
  right: 0;
  top: 400px;
  z-index: 2;
}
.haircongress .haircongress__btnflotante a div {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--main-dark-purple);
  color: var(--main-fuchsia);
  padding: 10px 18px;
}
.haircongress .haircongress__btnflotante a div img {
  /* height: 5px; */
  position: relative;
  right: 0px;
  transform: scale(4.1);
  transform-origin: right;
  width: 20px;
  object-fit: cover;
}
.haircongress .haircongress__btnflotante a div span{
  display: block;
  line-height: 1;
  font-weight: 600;
  font-size: 1.3em;
  -webkit-text-stroke: 0.03em var(--main-fuchsia);
  letter-spacing: 0.01em;
  text-indent: 0.01em;
}
.hairprofessionalcongresscolombia{
  position: relative;
}
.hairprofessionalcongresscolombia>div.link a div{
  position: fixed;right: 0;
  top: 250px;
  border: none;background: var(--main-purple);
  color:#fff;z-index: 2
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__titulos {
  color: var(--main-purple);margin-bottom: 30px;
  font-size:3em;
}
.hairprofessionalcongresscolombia__introinfo--video img {
  width: 100%;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__titulos span{
  color: #fff
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header {
  background: #010101;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 70px 0;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont img{
  height: 150px
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont .linea{
  width: 1px;
  height: 140px;
  background: #fff
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont h2{
  font-family: 'D Din Pro Bold';
  -webkit-text-stroke: 1px#fff;
  font-size: 5em;
  letter-spacing: -0.08em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont h2 span{
  font-size: 0.5em
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont h3{
  text-transform: uppercase;
  font-size: 1em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont h4{
  text-transform: uppercase;
  /* font-weight: 500; */
  font-size: 0.599em;
  margin-top: 2px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro {
  align-items: flex-start;
  background: #010101;
  display: flex;
  gap: 80px;
  height: 755px;
  justify-content: flex-start;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro >img{
  position: relative;
  bottom: 230px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info {
  margin-right: calc((100% - 1366px) / 2);
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info .hairprofessionalcongresscolombia__introinfo--video {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info .hairprofessionalcongresscolombia__introinfo--video a{
  display: contents;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info .hairprofessionalcongresscolombia__introinfo--video img:nth-child(2){
  position: absolute;
  height: 100px
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info p {
  color: #fff;
  font-size: 1.1em;
  margin-bottom: 20px;
  max-width: 90%;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers{
  background: #282828;
  padding: 50px 0
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 60px
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja {
  background: #e5e5e5;
  padding: 28px;
  padding-bottom: 18px;
  flex: 1 18%;
  max-width: 19%;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >img{
  width: 100%;
  filter: grayscale(0.9);
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >div {
  padding: 14px 24px;
  padding-bottom: 0;
  text-align: center;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >div h4{
  font-size: 1.3em
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >div>div {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 10px 0 20px;
  gap: 20px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >div>div img {
  height: 38px;
  filter: saturate(0.4);
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >div>div p{
  font-weight: 600;
  font-size: 1.1em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja a{
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja a div{
  background: #bbbbbb;
  font-weight: 600;
  padding: 14px 27px;
  transition: var(--main-transition)
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja a div:hover{
  background: var(--main-dark-purple);
  color:#fff
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda{
  padding-top:100px;
  padding-bottom:60px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 45px
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .tab .tablinks {
  padding: 10px 60px;
  text-align: center;
  transition: var(--main-transition);
  cursor: pointer;
  font-size: 1.3em;
  font-weight: 600
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .tab .tablinks span {
  font-weight: 100;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .tab .tablinks.active,
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .tab .tablinks:hover{
  background: var(--main-purple);
  color: #fff;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .tab .linea{
  width:2px;
  height: 100px;
  background: #8e8e8e;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .hairprofessionalcongresscolombia__agenda--contcaja {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap:20px;
  flex-wrap: wrap;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .hairprofessionalcongresscolombia__agenda--contcaja .hairprofessionalcongresscolombia__agendacontcaja--caja {
  flex: 1 47%;
  padding: 25px;
  background: #e5e5e5;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 40px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .hairprofessionalcongresscolombia__agenda--contcaja .hairprofessionalcongresscolombia__agendacontcaja--caja img{
  max-width: 180px
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .hairprofessionalcongresscolombia__agenda--contcaja .hairprofessionalcongresscolombia__agendacontcaja--caja div{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px 0;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .hairprofessionalcongresscolombia__agenda--contcaja .hairprofessionalcongresscolombia__agendacontcaja--caja div h4{
  font-size: 1.4em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .hairprofessionalcongresscolombia__agenda--contcaja .hairprofessionalcongresscolombia__agendacontcaja--caja div p{
  font-size: 0.9em
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria {
  background: url('../img/hair-congress-bg-boleteria.jpg') no-repeat;
  background-size: cover;
  background: #9f6ee3;
  padding-top: 90px;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  text-align: center;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .etapacontent#pestana274{
  display: none;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria >img{
  /*opacity: 0.5;*/
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info {
  padding-right: calc((100% - 1366px) / 2);
  flex: 1;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--titulo {
  margin-bottom: 75px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--titulo h2{
  margin: 3px 0
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info h3 {
  font-weight: 200;
  font-size: 1.35em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 90px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col {
  flex: 1;
  position: relative;
  opacity: 0.4
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col.activa {
  opacity:1
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
  opacity: 1;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col.activa:after {
  display: none;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col> h1 {
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom:7px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col .boleteriainfoboleteriascol__caja  {
  margin-bottom: 60px
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col .boleteriainfoboleteriascol__caja h2 {
  text-transform: uppercase;
  -webkit-text-stroke: 0.01em #fff;
  margin-bottom: 10px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col .boleteriainfoboleteriascol__caja h4 {
  width: 100%;background: #422c74;border-top-left-radius: 8px;border-top-right-radius: 8px;font-weight: 200;padding:10px;font-size: 1.01em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col .boleteriainfoboleteriascol__caja:nth-child(3) h4 {
  background: #8f5bd9
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col .boleteriainfoboleteriascol__caja:nth-child(4) h4 {
  background: #fff;
  color: var(--main-text)
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col .boleteriainfoboleteriascol__caja h1 {
  width: 100%;
  padding-top: 10px;
  background: rgb(91,53,140);
  background: linear-gradient(180deg, rgba(91,53,140,1) 0%, rgba(91,53,140,0.2) 63%, rgba(186,137,254,0.14) 100%);padding-bottom: 5px;
  font-weight: 500;
  font-size: 1.9em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col .boleteriainfoboleteriascol__caja div a div {
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 3px 44px;
  margin-top: 34px;
  font-weight: 600;
  font-size: 1.1em;
  transition: var(--main-transition)
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col .boleteriainfoboleteriascol__caja div a div:hover {
  background: var(--main-purple)
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad{
  width: 100%
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa{
  display: flex;justify-content: space-between;align-items: flex-start; gap: 0px 3vw;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa h2 {
  background: #ffffff;
  color: #5b358b;
  margin-bottom: 30px;
  min-width: 278px;
  opacity: 0.4;
  padding: 10px 0;
  flex: 1;
  font-size: 1.3em;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa h2:nth-child(3){
  opacity: 1
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 55px 66px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja {
  flex: 1 25%;
  opacity: 0.4;
  pointer-events: none;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(3),
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(6),
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(9) {
  pointer-events: auto;
  opacity: 1;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .middle {
  background: #805bbd;
  padding: 10px 0 20px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .middle p:first-child(){
  margin-bottom: 10px;
  /*text-decoration: line-through;*/
}
/*.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .feactures__fila {
  margin-top: 10px;
}*/
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .feactures__fila--header {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .feactures__fila h3 {
  font-weight: 600;
  font-size: 1.2em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .feactures__fila--body {
  background: #805bbd;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;  
  padding: 10px 20px;
  text-align: left;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .feactures__fila--body ul {
  list-style: disc;
  padding-left: 20px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .feactures__fila--body ul li {
  line-height: 1.1em;
  margin-bottom: 0.7em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .feactures__fila--header i {
  background: #422c74;
  border-radius: 50%;
  font-weight: 400;
  height: 30px;
  margin-left: 10px;
  padding: 6px 3px 5px 7px;
  width: 30px;  
}
/* ---dtos.--- */
/*.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .middle h1:after {
  display: block;
  font-size: 0.75em;
  padding-top: 10px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(1) .middle h1:after,
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(4) .middle h1:after,
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(7) .middle h1:after {
  content: "50%";
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(2) .middle h1:after,
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(5) .middle h1:after,
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(8) .middle h1:after {
  content: "30%";
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(3) .middle h1:after,
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(6) .middle h1:after,
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(9) .middle h1:after {
  content: "";
}*/
.date__cat {
  font-size: 0.85em !important;
  min-height: 80px;
}
/* ----- */
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .boleteria__act--name2{
  text-transform: uppercase;
  -webkit-text-stroke: 0.02em #fff;
  margin-bottom: 10px;
  font-size: 1.35em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .date__cat{
  align-items: center;
  background: #422c74;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 1.05em;
  font-weight: 300;
  padding: 9px;
  width: 100%;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .date__cat span{
  text-transform: lowercase;
} 
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(4) .date__cat, 
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(5) .date__cat, 
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(6) .date__cat,
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(7) .date__cat, 
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(8) .date__cat, 
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(9) .date__cat {
  /*background: #8f5bd9;*/
  background: #422c74;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .middle h1{
  padding-top: 10px;
  background: rgb(91,53,140);
  background: linear-gradient(180deg, rgba(91,53,140,1) 0%, rgba(91,53,140,0.2) 63%, rgba(186,137,254,0.14) 100%);padding-bottom: 5px;
  font-weight: 500;
  font-size: 1.9em;
  width: 100%;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .middle p:first-child {
  padding-bottom: 10px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .middle p:first-child span {
  text-decoration: line-through;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .middle h3 {
  font-weight: 600;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .middle h3 span,
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .middle h1 span {
  font-size: 0.75em;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .bottom input {
  background: var(--main-purple);
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 20px;
  color: #fff;
  margin: 10px auto 0;
  font-weight: 600;
  font-size: 1.1em;
  transition: var(--main-transition);
  text-align: center;
  width: 100%;
  max-width: 175px;
  padding: 2px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .bottom input:hover{
  background: #422c74;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--mensajecierre {
  padding-bottom: 56px;
  margin-top:90px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--mensajecierre h1{
  font-size: 1.9em
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--mensajecierre h3{
  margin: 15px 0;
  font-weight: 500
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--mensajecierre div{
  display: inline-block;
  border-radius: 20px;
  background: var(--main-purple);
  padding: 3px 44px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa {
  margin: 75px auto;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa h2 {
  position: relative;
  z-index: 1;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa img {
  margin-top: -110px;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa >div{
  align-items: center;
  display: flex;justify-content: center;
}
.hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa >div a div {
  color: #fff;
  background: var(--main-purple);
  font-weight: 900;
  padding: 20px 55px;
  font-size: 1.5em;
}
.hairprofessionalcongresscolombia__popup h1{
  text-align: center; color: var(--main-purple)
}
.hairprofessionalcongresscolombia__popup figure{
  display: flex;justify-content: center;margin: 20px 0
}
header.header {
  padding:8px 0 12px;
  position: sticky;
  z-index: 2;
  width: 100%;
  background: #fff;
  top: 0;
}
header.header::before {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  content: "";
  height: 6px;
  opacity: 0.5;
  position: absolute;
  top: 100%;
  width: 100%;
}
header.header .header__top{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2px;
}
header.header .header__top .header__top--logoyfecha {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header.header .header__top .header__top--logoyfecha img {
  height:80px;
} 
 header.header .header__top .header__top--logoyfecha .linea{
  height: 78px;
  background: white;
  width: 2px;
  margin: 0 20px;
}
header.header .header__top .header__top--logoyfecha h2 {
  font-size: 1.8em;
  /* font-weight: 600; */
  line-height: 0.9;
}
header.header .header__top .header__top--logoyfecha h2 span {
  font-weight: 400;
  font-size: 0.7em;
  display: inline-block;
  margin: 0 4px;
}
header.header .header__top .header__top--logoyfecha h3 {
  font-size: 1.2em;
  font-weight: 400;
  text-transform: uppercase;
}
header.header .header__top .header__top--logoyfecha h4 {
  font-size: 1.0em;
  font-weight: 400;
}
header.header .header__top .header__top--accesoeconexia {
  align-items: center;
  color: var(--main-purple);
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  /*  
  border: 1px solid rgb(226 177 252);
  -webkit-box-shadow: 0 5px 10px 5px rgba(226,177,252,0.5);
  box-shadow: 0 5px 10px 5px rgba(226,177,252,0.5);*/
  flex: 1;
}
header.header .header__top .header__top--accesoeconexia a{
 padding: 8px 20px;background: var(--main-pink);border-radius: 10px;
}
header.header .header__top .header__top--accesoeconexia p {
  font-size: 1.1em;
  letter-spacing: -0.05em;
  /* line-height: 0.8; */
  margin-bottom: 4px;
  /* max-width: 130px; */
  text-align: center;
}
header.header .header__top .header__top--accesoeconexia img{
  width: 110px;
}
header.header .header__top .header__top--accesoeconexia a:first-child img {
  height: 83px;
  background: var(--main-dark-purple);
  padding: 3px;
  margin-right: 30px
}
header.header .header__top .header__top--contbuscadorylang {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: 10px 15px;
  flex-wrap: wrap;
  flex: 1;
}
header.header .header__top .header__top--contbuscadorylang .redesenelheader{
  flex: 1 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
header.header .header__top .header__top--contbuscadorylang .redesenelheader p {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  letter-spacing: 0.015em;
  font-size: 1.05em;
}
header.header .header__top .header__top--contbuscadorylang .redesenelheader ul{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 7px;
  font-size: 1.1em;
}
header.header .header__top .header__top--contbuscadorylang .redesenelheader ul li a{
  transition: var(--main-transition);
}
header.header .header__top .header__top--contbuscadorylang .redesenelheader ul li a:hover{
  color: var(--main-bright-pink);
}
header.header .header__top .header__top--buscador {
  position: relative;
  top: 5px;
}
header.header .header__top .header__top--buscador form {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header.header .header__top .header__top--buscador form input[type=search] {
  background: var(--main-light-background);
  color: #1d1d1b;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  margin-right: 2px;
  padding: 5px 20px 5px;
  width: 310px;
  letter-spacing: 0.04em;
}
header.header .header__top .header__top--buscador form input[type=search]::placeholder {
  color: #1d1d1b;
}
header.header .header__top .header__top--buscador form input[type=submit] {
  background: transparent;
  cursor: pointer;
  height: 33px;
  width: 35px;
}
header.header .header__top .header__top--buscador form span {
  bottom: 0;
  font-size: 1.5em;
  position: absolute;
  right: 0;
  transform: rotateY(180deg);
  z-index: -1;
}
header.header .header__top .header__top--contbuscadorylang .lang {
  text-transform: uppercase;
  padding: 7px;
  color: white;
  background: var(--main-bright-pink);
}
header.header .header__top .btnMain{
  display: none;
}
.header__menu {
  width: 100%;
}
.header__menu .icon-close {
  display: none;
}
.header__menu nav > ol {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.header__menu nav > ol >div.linea {
  height: 35px;
  width: 1px;
  background: #000;
}
.header__menu.en nav > ol >div.linea:nth-child(6),
.header__menu nav > ol >div.linea:last-child {
  display: none;
}
.header__menu nav > ol > li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header__menu nav > ol > li.enBeauty {
  display: none;
}
.header__menu nav > ol > li h3{
  transition: var(--main-transition);
  position: relative;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 1.3em;
  line-height: 37px;
  display: flex;
  justify-content: flex-end;
}
.header__menu nav > ol > li:hover h3,
.header__menu nav ol>li.sobre:nth-child(1) h3,
.header__menu nav ol>li.expositores:nth-child(3) h3,
.header__menu nav ol>li.visitantes:nth-child(5) h3,
.header__menu nav ol>li.belleza:nth-child(7) h3,
.header__menu nav ol>li.marcas:nth-child(9) h3,
.header__menu nav ol>li.actividades:nth-child(11) h3,
.header__menu nav ol>li.prensa:nth-child(9) h3,
.header__menu nav ol>li.experiencias:nth-child(11) h3{
  -webkit-text-stroke: 1px #000;
}
.header__menu nav > ol > li h3:after{
  content: '';
  height: 4px;
  width: 0;
  position: absolute;
  bottom: -4px;
  z-index: 1;
  background: var(--main-bright-pink);
  left: 0;
  transition: var(--main-transition)
}
.header__menu nav > ol > li:hover h3:after,
.header__menu nav ol>li.sobre:nth-child(1) h3:after,
.header__menu nav ol>li.expositores:nth-child(3) h3:after,
.header__menu nav ol>li.visitantes:nth-child(5) h3:after,
.header__menu nav ol>li.belleza:nth-child(7) h3:after,
.header__menu nav ol>li.marcas:nth-child(9) h3:after,
.header__menu nav ol>li.actividades:nth-child(11) h3:after,
.header__menu nav ol>li.prensa:nth-child(9) h3:after,
.header__menu nav ol>li.experiencias:nth-child(11) h3:after{
  width: 100%;
}
.header__menu nav > ol > li ul {
  display: none;
  position: absolute;
  background: var(--main-purple);
  top: 37px;
  /* left: -72%; */
  /* right: 0; */
  width: 245%;
  min-width: 230px;
  color: #fff;
  border-top: 12px solid #fff;
}
.header__menu nav > ol > li:hover ul {
  display: block;
}
.header__menu nav > ol > li ul li a {
  border-bottom: 1px solid #fff;
  display: block;
  padding: 12px 10px;
  text-align: center;
  font-size: 0.92em;
}
.header__menu nav > ol > li ul li:last-child a {
  border-bottom:none
}
.header__menu nav > ol > li ul li a:hover {
  background: var(--main-lilac);
}
header.header .header__redesflotantes {
  position: fixed;
  bottom: 7vw;
  right: 6vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
header.header .header__redesflotantes.enhome {
  filter: brightness(6);
}
header.header .header__redesflotantes  .linea{
  height: 8vw;
  width: 2px;
  background: var(--main-bright-pink);
}
header.header .header__redesflotantes  ul li{
  color: var(--main-bright-pink);
  margin:20px 0;
  transition: var(--main-transition)
}
header.header .header__redesflotantes  ul li:hover{
  color: var(--main-lilac);
}
.headerbg{
  /* height: 172px; */
}
.infografia__movil{
  display: none;
}
.intro {
  text-align: center;
  background: var(--main-extra-light-pink);
  padding: 100px 0;
}
.intro .intro__fancy {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1161px;
  margin: 0 auto 55px;
  flex: 1;
}
.intro .intro__fancy >div{
  display: contents;
}
.intro .intro__fancy img{
  width: 100%;
  height:551px;
  object-fit: cover;
  border-radius: 18px;
}
.intro .intro__fancy a{
  display: contents;
}
.intro .intro__fancy i {
  padding: 40px 40px 40px 55px;
  font-size: 4em;
  color: #ff7292c9;
  position: absolute;
  background: white;
  border-radius: 80px;
  width: 152px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--main-transition);
  opacity: 0.4;
}
.intro .intro__fancy i:hover {
  transform: var(--main-hover);
}
.intro .intro__texto {
  /* margin-left: 6.95vw; */
  /* max-width: 23.44vw; */
  flex: 1;
}
.intro .intro__texto h1.titulos{
  margin-bottom: 30px;
}
.intro .intro__texto p {
  line-height: 1.3;
  margin: 0 auto 20px;
  max-width: 604px;
}
.intro .intro__texto h3{
  color: var(--main-bright-pink)
}
.invitadoslista__lista {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 30px;
}
a.invitadoslista__lista--cajas {
  display:flex;
}
.invitadoslista a.invitadoslista__lista--cajas {
  display:unset;
}
a.invitadoslista__lista--cajas i {
  position: absolute;
  background: var(--main-purple);
  color: #fff;
  border-radius: 8px;
  padding: 8px 9px;
  margin: 0 13px 13px 0;
  font-size: 1.3em;
  transition: var(--main-transition);
}
a.invitadoslista__lista--cajas i:hover {
  transform: var(--main-transform-on-hover);
  background: var(--main-bright-pink);
}
a.invitadoslista__lista--cajas p {
  margin-top: 5px;
  margin-bottom: 0!important;
}
a.invitadoslista__lista--cajas h5{
  width: 100%;
  color: white !important;
  background: var(--main-purple);
  padding: 2px;
  text-align: center;
  font-weight: 400 !important;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 6px;
}
.invitadoslista a.invitadoslista__lista--cajas {
  /* margin: 0 5px; */
  /* width: 19%; */
  flex: 1 19%;
  max-width: 22.85%;
}
.invitadoslista a.invitadoslista__lista--cajas >div:first-child{
  position: relative;
  display: flex;justify-content: flex-end;align-items: flex-end;
}
.invitadoslista a.invitadoslista__lista--cajas div img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 10px;
}
.invitadoslista a.invitadoslista__lista--cajas .invitadoslista__listacajas--pais{  
  text-transform: capitalize;
}
.link{
  display: flex;justify-content: center;align-items: center;
}
.link.start{
  justify-content: flex-start;
}
.link a div,
.linkconsola a{
  display: inline-block;
  padding: 5px 30px 8px;
  margin: 10px auto;
  border-radius: 5px;
  color: white;
  background: var(--main-bright-pink);
  transition: var(--main-transition);
  font-size: 1.1em;
  font-weight: 300;
}
.link a div:hover ,
.linkconsola a:hover{
  transform: var(--main-hover)
}
.linkconsola {
  display: flex;
  justify-content: center;
}
.link a div i {
  transform: rotate(180deg);
  display: inline-block;
}
.logos {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 50px;
  background: #fff;
}
.logos p {
  font-size: 0.9em;
  text-align: center;
  margin-bottom: 10px;
}
.logos ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.logos ul img {
  max-height: unset;
  margin: 0 8px;
}
.logos .linea {
  width: 1px;
  height: 60px;
  background: #c3c4c3;
  margin: 0 10px;
}
.marcasparticipantes h2 {
  margin-bottom: 26px;
  font-size: 2.4em;
  /* text-transform: uppercase; */
  color: var(--main-purple);
  /* -webkit-text-stroke: 0.01em var(--main-purple); */
  text-align: center;
}
.marcasparticipantes .marcasparticipantes__seccion{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.marcasparticipantes .marcasparticipantes__seccion a {
  margin-bottom: 25px;
  padding: 0 20px;
  width: 15%;
}
.marcasparticipantes .marcasparticipantes__seccion a img{
  width: 100%;
  transition: var(--main-transition)
}
.marcasparticipantes .marcasparticipantes__seccion a img:hover{
  opacity: 0.75
}
.news .news__fila {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  margin-bottom: 20px;
}
.news .news__fila a {
  flex: 1 50%;
  background: url('../img/bg-news.jpg') no-repeat;
  background-size: cover;
  padding: 40px 70px;
}
/* .news .news__fila a:last-child{
  background: var(--main-pink)
} */
.news .news__fila a p {
  font-size: 1.15em;
  line-height: 1.2;
  color: white;
}
.news .news__fila a div {
  background: var(--main-pink);
  color: var(--main-purple);
  padding: 3px 30px;
  display: inline-block;
  margin-top: 15px;
  transition: var(--main-transition);
}
.news .news__fila a div:hover {
  transform: var(--main-hover)
}
.perfil .perfil__header {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 1366px;
  align-items: center;
  margin: 24px auto 0;
}
.perfil .perfil__header img {
  width: 100%;
  height: 150px;
  /* object-fit: cover; */
  border-radius: 25px;
}
.perfil .perfil__header .perfil__header--cajatitulo {
  position: absolute;
  max-width: 1366px
}
.perfil .perfil__header .perfil__header--cajatitulo h1 {
  text-transform: uppercase;
  color: var(--main-bright-pink);
  font-family: 'Oswald', sans-serif;
  font-weight: 900;
  font-size: 3.2em;
  position: relative;
}
.perfil .perfil__header .perfil__header--cajatitulo h1:after {
  bottom: -10px;
  background: var(--main-bright-pink);
  content: '';
  height: 4px;
  position: absolute;
  right: 0;
  transition: var(--main-transition);
  width: 68%;
}
.perfil .perfil__in {
  margin: 40px auto;
}
.perfil .perfil__in a {
  color: var(--main-purple);
  font-weight: 500;
  transition: var(--main-transition);
}
.perfil .perfil__in  .linkconsola a{
  color: white;
}
.perfil .perfil__in a:hover{
  color: var(--main-lilac)
}
.perfil .perfil__in p,
.perfil .perfil__in ul {
  margin-bottom: 20px
}
.perfil .perfil__in p {
  line-height: 1.4;
}
.perfil .perfil__in ul {
  margin: 20px 0;
}
.perfil .perfil__in ul > li {
  background: url("../img/selector.png") 0px 0px no-repeat;
  padding: 10px 10px 5px 26px;
  background-position: 0px 12px;
  background-size: 16px;
}
.perfil .perfil__in .u__containerVideo {
  max-width: 720px;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 29.7%;
  margin-top: 30px;
}
.perfil .perfil__in .u__containerVideo iframe {
  height: 100%;
  /* Extend it beyond the viewport... */
  width: 100%;
  /* ...and bring it back again */
  margin-left: 0;
}
.box__body ul > li {
  width: 48%;
}
.perfil .perfil__in .contactoacademias {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  color: var(--main-purple);
  margin-top: 50px;
}
.perfil .perfil__in .contactoacademias p:nth-last-child(2){
  margin-bottom: 0;
}
.perfil .perfil__in .contactoacademias p:last-child{
  color: var(--main-text);
}
.perfil .perfil__in .contactoacademias p:last-child a{
  color: var(--main-text);
  text-decoration: underline;
  transition: var(--main-transition);
}
.perfil .perfil__in .contactoacademias p:last-child a:hover{
  color: var(--main-lilac);
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 26px;
  margin-bottom: 75px;
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja, 
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja * {
  transition: var(--main-transition);
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 34px;
  border-radius: 24px;
  background: var(--main-extra-light-pink);
  padding: 45px 30px;
  min-width: 532px;
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja:hover {
  background: var(--main-bright-pink);
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja  h3 {
  text-transform: uppercase;
  color: var(--main-bright-pink);
  font-size: 1.7em;
  font-family: 'Oswald', sans-serif;
  line-height: 1.2;
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja:hover  h3 {
  color: white;
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja img {
  border-radius: 12px;
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja >div{
  display: flex;
  flex-direction: column;
  gap:25px;
  justify-content: center;
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja >div .destinonegocios__accesoscaja--link a {
  color: white;
  background: var(--main-bright-pink);
  padding: 2px 22px 3px;
  font-weight: 300;
  font-size: 1.3em;
}
.perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja:hover >div .destinonegocios__accesoscaja--link a {
  background:white;
  color: var(--main-bright-pink);
}
.perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont{
  display: flex;
  justify-content: flex-start;
  align-items:flex-start;
  gap: 60px;
}
.perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--cont {
  padding-top: 25px;
}
.perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--cont ul{
  margin-top: 0;
}
.perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab {
  flex: 1 78%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
}
.perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks{
  transition: var(--main-transition);
  cursor: pointer;
  display: flex;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  font-family: 'Oswald', sans-serif;
  color: var(--main-bright-pink);
  text-transform: uppercase;
  padding: 22px 14px 22px 40px;
  font-weight: 600;
  font-size: 1.3em;
}
.perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks.active,
.perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks:hover{
  background: var(--main-bright-pink);
  color: white;
}
.perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks p{
  margin-bottom: 0;line-height:1.1;
}
.perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks em{
  transform: scaleY(0.8);
}
.perfil .perfil__in .internaespecial {
  margin-top: 75px;
}
.perfil .perfil__in .internaespecial .internaespecial__fila {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  gap: 30px;
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja {
  flex: 1 50%;
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding {
  padding: 0px 3vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja img{
  width: 100%;
  height: 338px;
  object-fit: cover;
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja ul li img {
  width: unset;
  height: 15px;
  transform-origin: bottom left;
  transform: scale(1.6);
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding:first-child {
  /* padding-left: 14vw; */
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding:first-child  p{
  line-height: 1.5;
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding:last-child p {
  max-width: 30.5vw; 
  /*line-height: 1.5;*/
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding h4 {
  color: var(--main-purple);
  font-size: 1.3em;
  margin-top: 6px;
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding h3{
  color: var(--main-purple);
  font-size: 2.2em;
}
.perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding h2{
  color: var(--main-purple);
  font-size: 3em;
}
.perfil .perfil__in .internaespecial.internaespecialnuevas  .internaespecial__fila .internaespecial__fila--caja.conpadding p b{
  color: var(--main-purple)
}
.perfil .perfil__in .internaespecial.internaespecialnuevas  .internaespecial__fila .internaespecial__fila--caja.conpadding .link a div{
  color: #fff;font-weight: 400;
  background: var(--main-purple)
}
.perfil .perfil__in .internaespecial.guerradepinceles  .internaespecial__fila .internaespecial__fila--caja.conpadding h4{
  margin-bottom: 30px
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--titulo{
  text-align: center;
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--titulo h5 {
  font-size: 1.4em;
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--main-purple);
  color: var(--main-purple);
  margin-top: 30px;
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin-top: 40px
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .caja{
  flex: 1;
  text-align: center;
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .caja .titulo {
  background: var(--main-light-background);
  padding: 20px 10px 15px;
  color: var(--main-dark-purple);
  font-size: 1.1em;
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .caja .titulo p{
  margin-bottom: 0
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .caja .cuerpo{
  padding:30px
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .caja .cuerpo p b{
  color: var(--main-purple)
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .caja .cuerpo h5{
  margin-bottom: 20px;
  font-size: 1.1em;
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .caja .cuerpo h6{
  font-weight: 400;
  font-size: 0.85em;
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .linea {
  width: 2px;
  height: 200px;
  background: var(--main-purple);
  background-size: 100% 24px;
  margin-top: 17px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .linea:before {
  content: '';
  background: var(--main-light-background);
  height: 17px;
  position: absolute;
  top: 0;
  width: 100%;
  transform-origin: top;
  transform: rotate(180deg);
}
.periodistas h2{
  margin-bottom: 5px;
}
.periodistas label,
.periodistas input{
  display: inline-block;
  width: 100%
}
.periodistas input,
.periodistas select,
.periodistas textarea{
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  color: #565656;
  width: 100%;
  display: block;
  padding: 10px 3%;
  margin-bottom: 15px;
  -webkit-transition: var(--main-transition);
  transition: var(--main-transition);
}
.periodistas .radios div{
  display: flex;justify-content: flex-start;align-items: center;
}
.periodistas .radios div label,
.periodistas .radios div input[type=radio] {
  width: 19px;
  margin-bottom: 0;
}
.periodistas input[type=button] {
  background: var(--main-green);
  border: 0;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin: 10px auto 0;
  padding: 10px;
  cursor: pointer;
  text-transform: uppercase;
  vertical-align: middle;
  width: auto;
  text-align: center;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
  opacity: 0;
  pointer-events: none;
}
.periodistas input[type=button]:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.periodistas .send {
  background: var(--main-purple);
  border: 0;
  display: block;
  /* font-family: 'Roboto Condensed', sans-serif; */
  font-style: normal;
  font-size: 1.1em;
  font-weight: 800;
  color: white;
  padding: 15px 14px !important;
  margin: 0 auto 30px;
  cursor: pointer;
  margin-top: 50px;
  text-align: center;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
  max-width: 450px;
}
.periodistas form h2:nth-last-child(11) {
  margin-top: 20px;
}
.popup.home{top:0;position:fixed;width:100%;display:flex;align-items:center;justify-content:center;height:100%;z-index:10000;/*background:rgba(0, 0, 0, 0.45);*/}
.popup .popup__bg{background:rgba(0, 0, 0, 0.45);position:absolute;width:100%;top:0;bottom:0}
.popup>div:nth-child(2){position:relative;width:100%;max-width: 500px;display: flex;justify-content: center;align-items: center}
.popup>div:nth-child(2) img{width:100%}
.popup>div:nth-child(2) a, .popup>div:nth-child(2) div{width: 100%;max-width: 500px;/* height: 515px; *//* margin: 0 1vw; */}
.popup>div:nth-child(2) i{cursor:pointer;width: 30px;height:30px;position:absolute;top:-10px;right: -10px;background: url('../img/cierra-popup.jpg');transition:0.5s ease-out;padding:1px 3px;z-index: 1}
.popup>div:nth-child(2) i:hover{transform:scale(1.1)}
.quieroexponer h1.perfil__title{
  display: none;
}
.simposiocosmeticayestetica{
  position: relative;
  overflow-x: hidden;
}
.simposiocosmeticayestetica.perfil .perfil__header .perfil__header--cajatitulo h1{
  font-size: 2.5em;
  line-height: 1.09;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda {
  padding-top: 50px;
  margin-bottom: 75px;
  position: relative;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--anclainscripciones{
  position: absolute;
  pointer-events: none;
  z-index: -1;
  bottom: 140px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px 0 30px;
  position: sticky;
  top: 101px;
  background: white;
  z-index: 1;
  gap: 10px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--tabs .linea {
  height: 25px;
  width: 1px;
  background: var(--main-light-background);
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--tabs .tablinks{
  cursor: pointer;
  border-bottom: 3px solid transparent;
  transition: var(--main-transition);
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--tabs .tablinks.active,
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--tabs .tablinks:hover{
  border-bottom: 3px solid var(--main-purple);
  color: var(--main-purple);
  font-size: 1.2em;
  font-weight: 900;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--tabs .tablinks p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 1.1em;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li {
  background: none;
  flex: 1 30%;
  overflow: hidden;
  border: 1px solid var(--main-light-background);
  border-radius: 10px;
  position: relative;
  padding: 20px;
  max-width: 31.869%;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li img {
  position: absolute;
  z-index: -1;
  height: 150%;
  bottom: -130px;
  left: -41px;
  opacity: 0.25;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li .simposioagenda__fecha span {
  font-weight: 500;
  text-transform: lowercase;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li h2 {
  text-transform: lowercase;
  margin: 3px 0 8px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li h2::first-letter{
  text-transform: uppercase;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li h3 {
  font-size: 1em;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li h3 span {
  font-weight: 400;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__anclas{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 75px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__anclas a {
  display: block;
  /* flex: 1; */
  text-align: center;
  background: var(--main-extra-light-background);
  color: black;
  padding: 7px 20px;
  /* min-width: 175px; */
  border-radius: 4px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__anclas a:hover {
  color: var(--main-bright-pink);
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__anclas a div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__anclas a div p{
  margin-bottom: 0;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__anclas a div i{
  background: white;
  border-bottom-left-radius: 4px;
  color: var(--main-bright-pink);
  display: inline-block;
  font-size: 1.1em;
  font-weight: 900;
  opacity: 0.9;
  padding: 4px;
  transform: rotate(90deg) translate(7px, -20px);
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__inscripcion{
  background: var(--main-mid-purple);
  border-radius: 25px;
  padding: 20px 0;
  text-align: center;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__inscripcion .titulos {
  color: #fff;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__inscripcion a {
  background: var(--main-purple);
  color: #fff;
  border-radius: 3px;
  font-weight: 600;
  font-size: 1.8em;
  padding: 8px 50px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__inscripcion a:hover {
  background: var(--main-bright-pink);
  color: #fff;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__intro {
  align-items: stretch;
  display: flex;
  gap: 40px;
  justify-content: center;
  padding: 70px 0 45px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__intro>div{
  flex:1 50%;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__intro>div img{
  width: 100%;
  border-radius: 25px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__intro>div h2{
  color: var(--main-purple);
  margin-bottom: 10px;
  font-size: 1.55em;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__organizador {
  padding: 75px 0;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__organizador .simposiocosmeticayestetica__organizador--flex{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__organizador .simposiocosmeticayestetica__organizador--flex div h3{
  margin-bottom: 10px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers {
  position: relative;
  padding: 60px 0;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers:before{
  content: '';
  position: absolute;
  background: var(--main-extra-light-pink);
  width: 100%;
  height: 100%;
  transform: scaleX(3);
  z-index: -1;
  top: 0;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .swiper .swiper-pagination-bullets{
  bottom: 0;z-index: 1;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .swiper .swiper-wrapper {
  margin-bottom: 50px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .swiper .swiper-button-next,
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .swiper .swiper-button-prev {
  top:94%; padding: 11px; height: unset; width: unset;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .swiper .swiper-button-prev:after, 
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .swiper .swiper-button-next:after{
  content: '\e90e';
  font-family: 'icomoon';
  color: #fff;
  font-size: 1em;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .simposiocosmeticayestetica__speakersswiper--flex {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 20px;
  background: white;
  padding: 15px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .simposiocosmeticayestetica__speakersswiper--flex .simposiocosmeticayestetica__speakersswiperflex--contimg{
  flex: 1;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .simposiocosmeticayestetica__speakersswiper--flex .simposiocosmeticayestetica__speakersswiperflex--contimg img{
  width: 100%;
  max-height: 250px;
  object-fit: contain;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .simposiocosmeticayestetica__speakersswiper--flex .simposiocosmeticayestetica__speakersswiperflex--info{
  flex: 1.5;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .simposiocosmeticayestetica__speakersswiper--flex .simposiocosmeticayestetica__speakersswiperflex--info h4 {
  text-align: center;
  font-weight: 500;
  margin-bottom: 9px;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .simposiocosmeticayestetica__speakersswiper--flex .simposiocosmeticayestetica__speakersswiperflex--info p {
  font-size: 0.9em;
  line-height: 1.3;
}
.simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .simposiocosmeticayestetica__speakersswiper--flex .simposiocosmeticayestetica__speakersswiperflex--info p a{
  line-break: anywhere;
}
.speakersperfil {
  display:flex;
  justify-content:space-around;
  gap: 50px;
}
.speakersperfil div {
  /* margin-right: 50px; */
  flex: 2;
}
.speakersperfil .speakersperfil__contimg {
  flex: 0.75;
}
.speakersperfil .speakersperfil__contimg img{
  width: 100%;
  border-radius: var(--main-border-radius);
}
.spotvideo{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.spotvideo video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.9);
}
.spotvideo .spotvideo__swiper.swiper{
  position: absolute;
  max-width: 100%;
  text-align: center;
  color: white;
  width: 100%;
  height: 100%;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--cont {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.spotvideo .spotvideo__swiper.swiper h3 {
  font-family: 'Gilroy Extra Bold';
  font-size: 3.1em;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 60px;
}
.spotvideo .spotvideo__swiper.swiper h3 span{
  background: var(--main-bright-pink);
  border-radius: 10px;
  padding: 11px 12px 0;
  display: inline-block;
  line-height: 0.9;
}
.spotvideo .spotvideo__swiper.swiper h2 a {
  border: 2px solid white;
  border-radius: 15px;
  display: inline-block;
  padding: 11px 42px 13px;
  background: rgb(0 0 0 / 66%);
  font-size: 1.2em;
}
.spotvideo .spotvideo__swiper.swiper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.spotvideo .spotvideo__swiper.swiper img.spotvideo__swipercont--deco {
  height: unset;
  width: 15vw;
  position: absolute;
  bottom: 0;
  right: 0;
  mix-blend-mode: soft-light;
  opacity: 0.9;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 144px);
  gap: 170px;
  text-align: center;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h3 {
  font-family: 'Gilroy Light';
  text-transform: none;
  font-weight: 300;
  margin-bottom: 0;
  font-size: 3em;
  text-shadow: 3px 3px 3px black;
  line-height: 0.9;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h2{
  font-family: 'Gilroy Extra Bold';
  font-size: 8.9em;
  line-height: 0.9;
  text-shadow: 3px 3px 3px black;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h4{
  font-family: 'Gilroy Extra Bold';
  font-weight: 100;
  text-shadow: 2px 2px 6px #0c0c0c;
  position: relative;
  font-size: 1.9em;
  padding: 8px;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h4:before{
  content: '';
  position: absolute;
  mix-blend-mode: multiply;
  background: var(--main-bright-pink);
  background: #d1214c;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  z-index: -1;
  opacity: 0.65;
  filter: saturate(5);
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h4 span{
  font-family: 'Gilroy Light';
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex .linea{
  height: 250px;
  width:2px;
  background: white;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex img {
  height: 152px;
  width: unset;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h5 {
  font-family: 'Gilroy Extra Bold';
  font-weight: 100;
  text-shadow: 2px 2px 6px #0c0c0c;
  position: relative;
  font-size: 1.9em;
  padding: 8px;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h5 span{
  font-family: 'Gilroy Light';
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h5 em{
  font-size: 1.5em;
  font-style: normal;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--congreso img {
  height:223px;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--congreso h5 em {
  font-size: 1.3em;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--congreso h3 {
  text-shadow: none;
  font-family: 'Gilroy Extra Bold';
  font-size: 2.3em;
}
.spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--congreso h3 span{
  padding-bottom: 14px;
}
.subscribe {
  background: url('../img/newsletter-bg.jpg') no-repeat center center / cover;
  text-align: center;
  padding: 35px 0;
  margin: 40px auto;
  max-width: 980px;
  border-radius: 22px;
}
.subscribe p {
  font-size: 1.5em;
  margin-bottom: 25px;
  color: white;
}
.subscribe p span{
  font-weight: 900
}
.subscribe form.newslatter {
  display: flex;justify-content: center;align-items: flex-start;
}
.subscribe form.newslatter input[type=email] {
  width: 430px;
  background: white;
  padding: 5px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  margin-bottom: 3px;
  font-weight:700
}
.subscribe form.newslatter input[type=email]::placeholder {
  color:var(--main-bright-pink)
}
.subscribe form.newslatter input[type=submit] {
  height: 31px;
  position: relative;
  cursor: pointer;
  width: 30px;
  background: url('../img/ico-chevron.svg') no-repeat white;
  background-size: 70% 70%;
  border-left: none;
  background-position: center;
}
/*.subscribe form.newslatter*/ #myPopup {
  display: none;
  width: 100%;
  max-width: 600px;
}
/*.subscribe form.newslatter*/ #myPopup input[type=submit]{
  display: none;
}
.subscribe form.newslatter .grupo-de-campos {
  display: flex;
  flex-wrap: wrap;
  width: 430px;
  justify-content: space-between;
}
.subscribe form.newslatter .grupo-de-campos .espacio-form:nth-child(3){
  width: 100%
}
.subscribe form.newslatter .grupo-de-campos .espacio-form:nth-child(4) a{
  font-weight: 500;
  font-size: 0.8em;
  text-decoration: underline;
  transition: var(--main-transition);
  display: block;
  color: white;
}
.subscribe form.newslatter .grupo-de-campos .espacio-form:nth-child(4) a:hover{
  transform: var(--main-hover)
}
.subscribe form.newslatter .grupo-de-campos >div:nth-child(5) {
  font-size: 0.8em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.swiper .swiper-pagination-bullet{
  background: var(--main-bright-pink);
  opacity: 1;
  height: 14px;
  width: 14px;
}
.swiper .swiper-pagination-bullet-active,      
.swiper .swiper-pagination-bullet:hover {    
  background: var(--main-purple);
}
.swiper-button-next,
.swiper-button-prev {
  padding:25px;
  border-radius: 50px;  
  background:var(--main-bright-pink);
  transition: var(--main-transition)
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  transform: var(--main-hover);
}
.swiper-button-next svg,
.swiper-button-prev svg {
  display: none;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after{
  content: '\e900';
  font-family: 'icomoon';
  color:#fff;
   font-size: 1.4em;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after{
  transform: rotate(180deg);
}
.swiperspot__mobile{
  display: none;
}
.swiperspot__web .swiperspot__web--sombra {
  position: absolute;
  right: 0;
  width: 14vw;
  height: 99.3%;
  background: rgb(0,0,0);
  background: linear-gradient(-90deg, rgba(0,0,0,0.50) 25%, rgba(255,255,255,0) 100%);
  top: 0;
  z-index: 1;
}
.tabcontent {
  display: none;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}
.tabcontent.visiblebydefault {
  display: block;
}
.tabla {
/*  border: 1px solid var(--main-text);*/
/*  overflow: hidden;*/
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.tabla .tabla__fila{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.tabla .tabla__fila.titulo {
  background: var(--main-purple);
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.tabla .tabla__fila .tabla__fila--caja {
  flex: 1;
  border: 1px solid var(--main-dark-purple);
  text-align: center;
  padding:10px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
}
.tendenciascortesdecabello {
  position: relative;
  background: #1d1d1d;
  font-family: 'Gilroy Light', sans-serif;
  color: white;
  margin-bottom: 50px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__deco{
  position: absolute
}
.tendenciascortesdecabello .tendenciascortesdecabello__deco.decoleft{
  top:0;
  left:0;
}
.tendenciascortesdecabello .tendenciascortesdecabello__deco.decoright{
  bottom:0;
  right:0;
}
.tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper{
  padding: 131px 0;
}
.tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-next,
.tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev {
  padding: 9px;
  background: var(--main-fuchsia);
  border-radius: 50%;
  height: unset;
  width: unset;
  font-size: 2.6em;
  bottom: 368px;
  top: unset;
  right: 139px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev {
 right: 643px;
 left: unset;
}
.tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-next:after,
.tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev:after{
  content: '\e90e';
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo{
  display:flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto {
  padding-top: 35px;
  position: relative;
  z-index: 2;
  max-width: 460px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo {
  background: var(--main-fuchsia);
  border-radius: 13px;
  padding: 12px 25px;
  width: 100%;
  transform-origin: top left;
  z-index: 2;
  transform: scale(1.25) translateX(-27px);
  box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.5);
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2{
  /* font-family: 'Gilroy Extra Bold', sans-serif; */
  font-size: 1.45em;
  -webkit-text-stroke: 0.01em white;
  letter-spacing: 0.01em;
}
.tendenciascortesdecabello .swiper-slide:nth-child(1) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2,
.tendenciascortesdecabello .swiper-slide:nth-child(2) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2{
  font-size: 1.6em;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2 span{
  font-family: 'Gilroy Extra Bold',sans-serif;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h3{
  font-weight: 100;
  font-size: 1.07em;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  transform-origin: top left;
  transform: scale(1.25) translateX(-27px);
  z-index: -1;
  margin: 5px 0 36px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo h4{
  background: white;
  border-radius: 7px;
  box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.5);
  color: var(--main-fuchsia);
  padding: 17px 30px 5px;
  -webkit-text-stroke: 0.03em var(--main-fuchsia);
  font-size: 1.2em;
  border-top-right-radius: 0;
  letter-spacing: 0.04em;
  position: relative;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo h4:before {
  content: '';
  position: absolute;
  width: 200px;
  height: 16px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  top: 60%;
  left: -180px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo h4:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border: 2px solid white;
  top: 93%;
  left: -185px;
  border-radius: 50%;
  transform: scale(0.88);
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto h5 {
  color: var(--main-bright-pink);
  font-size: 1.7em;
  -webkit-text-stroke: 0.04em var(--main-bright-pink);
  letter-spacing: 0.025em;
  margin-bottom: 11px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p b{
  -webkit-text-stroke: 0.01em white;
  letter-spacing: 0.04em;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p{
  font-size: 1.4em;
  line-height: 1.05;
  margin-bottom: 14px;
}
.tendenciascortesdecabello .swiper-slide:nth-child(1) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p,
.tendenciascortesdecabello .swiper-slide:nth-child(2) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p{
  margin: 50px 0 20px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto h6 {
  font-weight: 100;
  font-size: 0.497em;
  max-width: 460px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto h6 span{
  font-family: 'Gilroy Extra Bold', sans-serif;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img h5,
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img .infografia__movil,
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img .tendenciascortesdecabello__diapoimg--deco,
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria{
  position: absolute;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img h5.adelia {
  font-family: 'Adelia',sans-serif;
  font-size: 2.2em;
  bottom: 40px;
  left: 35px;
  padding: 50px 0;
  font-weight: 100;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img .tendenciascortesdecabello__diapoimg--deco {
  top: -64px;
  right: -61px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria {
  bottom: -39px;
  right: -90px;
  border: 6px solid var(--main-fuchsia);
  border-radius: 12px;
  text-align: center;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria h2{
  background: rgba(0, 0, 0, .84);
  padding: 13px 50px;
  font-family: 'Gilroy Extra Bold', sans-serif;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria p{
  background: var(--main-fuchsia);
  -webkit-text-stroke: 0.04em white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1em;
  padding: 8px 9px;
}
.tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img .tendenciascortesdecabello__diapoimg--foto{
  width: 520px;
}
.titulos {
  font-family: 'Oswald', sans-serif;
  font-size: 2.5em;
  margin-bottom: 40px;
  text-align: center;
}
.accesosexperiencias .titulos {
  margin-bottom: 60px;
}
.vinculateacfiel {
  margin-bottom: 75px;
}
.vinculateacfiel strong{
  color: var(--main-purple)
}
.vinculateacfiel .vinculateacfiel__intro {
  text-align: center;
  margin-top: 55px;
}
.vinculateacfiel .vinculateacfiel__infografia {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 65px 0;
}
.vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 1.3em;
  text-align: right;
  gap: 10px;
}
.vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon.reverse {
  flex-direction: row-reverse;
  text-align: left;
}
.vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(2) {
  left:-37px;top: 150px
}
.vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(3) {
  left: 0;bottom: 150px
}
.vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(4) {
  right:-37px;top: 150px
}
.vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(5) {
  right: -114px; bottom: 150px;
}
.vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon p{
  margin-bottom: 0;
  line-height: 1.05;
}
.vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon span {
  color: var(--main-purple);
  font-size: 3em;
  line-height: 0.3;
  display: block;
  font-family: sans-serif;
}
.vinculateacfiel >h4 {
  text-align: center;
  font-weight: 400;
  font-size: 1.5em;
}
.vinculateacfiel >h6 {
  text-align: center;
  margin: 40px 0;
  font-size: 0.8em;
  font-weight: 500;
}
.vinculateacfiel .vinculateacfiel__cierre{
  display: flex;justify-content: center;align-items: center;gap:55px;
}
.vinculateacfiel .vinculateacfiel__cierre h2{
  color: var(--main-purple);
  font-weight: 900;
  text-align: right;
  font-size: 2.5em
}
.vinculateacfiel .vinculateacfiel__cierre .linea {
  width: 2px;
  background: var(--main-purple);
  height: 80px;
}
.vinculateacfiel .vinculateacfiel__cierre .vinculateacfiel__cierre--info p {
  margin-bottom: 0;
  line-height: 1.2;
}
.vinculateacfiel .vinculateacfiel__cierre .vinculateacfiel__cierre--info p strong{
  font-size: 1.3em
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect{
  from{opacity: 0;}
  to{opacity: 1;}
}
@keyframes fadeEffect{
  from{opacity: 0;}
  to{opacity: 1;}
}
@media(max-width: 1919px){
  .categorias {
    height: 208vw;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex {
    gap: 55px 3vw;
  }
}
@media(max-width: 1600px){
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro >img {
    width: 33vw;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro {
    height: 44vw;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria >img {
    width: 20vw;
  }
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(5) {
    right: -105px;
  }
}
@media(max-width: 1440px){
  .boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box select {
    width: 75px;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box.doble:before {
    top: 42px;
    left: 55px;
  }
  .btnflotante {
  /*    bottom: 67vh;*/
  }
  .btnflotante.boleteria {
  /*    bottom:58vh;*/
  }
  .categorias {
    height: 219vw;
  }
  .categorias .categorias__cajas img {
    width: 350px;
  }
  .colcats .colcats__flex .colcats__flex--col {
    flex: 1 34%;
  }
  .consejosbarba {
    padding: 50px 0
  }
  .consejosbarba .consejosbarba__intro img {
    width: 800px;
  }
  .consejosbarba .consejosbarba__intro .consejosbarba__intro--flota h2 {
    font-size: 2.8em;
  }
  .consejosbarba .consejosbarba__intro .consejosbarba__intro--flota h3 {
    font-size: 2em;
  }
  .consejosbarba .consejosbarba__intro .consejosbarba__intro--flota {
    bottom: 12px;
  }
  .contactoscomerciales {
    padding-left: 5%;
    padding-right: 5%
  }
  .contactoscomerciales .contactoscomerciales__flex .contactoscomerciales__flex--caja img{
    width: 100%;
  }
  .cuidatupiel .cuidatupiel__canvas {
    height: 600px;
  }
  .cuidatupiel .cuidatupiel__canvas .cuidatupiel__canvas--modelo img {
    height: 520px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper {
    padding-top: 70px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .swiper-pagination-bullets {
    bottom: 10px;
  }
  .galeria .galeria__swiper .swiper-slide.swiper-slide-prev {
    transform: scaleX(2);
  }
  .galeria .galeria__swiper .swiper-slide.swiper-slide-next {
    transform: scaleX(2);
  }
  .galeria .galeria__swiper .swiper-slide.swiper-slide-active {
    transform: scaleX(3);
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__titulos {
    font-size: 2.5em;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro {
    height: 48vw;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa >div {
    margin-top: 55px;
  }
  header.header .header__redesflotantes {
    right:1vw;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper {
    padding: 80px 0;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img h5.adelia {
    font-size: 1.6em;
    bottom: 45px;
    left: 32px;
    padding: 24px 0;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p {
    font-size: 1.3em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img .tendenciascortesdecabello__diapoimg--foto {
    width: 400px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-next,
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev {
    font-size: 2em;
    bottom: 300px;
    right: 205px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev {
    right: 585px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria p {
    font-size: 1em;
    padding: 5px 7px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria h2 {
    font-size: 1.4em;
  }
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon {
    font-size: 1.1em;
  }
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(4) {
    right: 33px;
  }
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(5) {
    right: -32px;
  }
}
@media(max-width: 1366px){
  .u__container {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
  .agenda__btnscat> div p.agenda__btnscat--legal {
    bottom: -15px;
  }
  .categorias {
    height: 3500px;
  }
  .categorias .categorias__cajas  .categorias__cajas--texto {
    left: 16%;
    max-width: 68%;
  }
  .categorias .categorias__cajas.cajaherramientasdepeluqueriaprofesional .categorias__cajas--texto h3 br{
    display: none;
  }
  .categorias .categorias__cajas img {
    width: 25vw;
  }
  .categorias .categorias__cajas h3 img {
    width: unset;
  }
  .categorias .categorias__titulo:before {
    transform: scaleX(2.5) scaleY(1.4);
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide h1 {
    font-size: 10vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva h1 {
    top: 0;
  }
  .cincoproductos .cincoproductos__slider.ahacerscroll {
    top: 151px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide {
    margin-top: -657px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva img:nth-child(2) {
    top: 70px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide01 img:nth-child(2) {
    width: 180px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide02 img:nth-child(2) {
    width: 540px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide04.slideactiva img:nth-child(2) {
    width: 47vw;
    top: 9vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide05.slideactiva img:nth-child(2) {
    width: 16vw;
    top: 9vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide03.slideactiva img:nth-child(2) {
    width: 32vw;
    top: 19vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide01.slideactiva p {
    top: 260px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide02.slideactiva p {
    top: 120px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide03.slideactiva p {
    top: 10vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide04.slideactiva p {
    top: 160px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide05.slideactiva p {
    top: 30vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide img:nth-child(4) {
    width: 75px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva img:nth-child(4) {
    top: 480px;
  }
  .consejosbarba {
    padding: 20px 0;
  }
  .consejosbarba .consejosbarba__intro .consejosbarba__intro--flota p {
    font-size: 1em;
    max-width: 375px;
  }
  .consejosparacuidartupiel .consejosparacuidartupiel__canvas {
    height: 500px;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--mujeres .consejosparacuidartupiel__flex>img {
    width: 51.5%;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__flex>img {
    width: 26.5%;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--mujeres .consejosparacuidartupiel__canvas--info {
    left: 0;
    padding-right: 35px;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__canvas--info {
    left: 0;
    padding-left: 20px;
  }
  .consejosparacuidartupiel__canvas--conexion {
    left: 35.9%;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__canvas--conexion{
    left: 37%;
  }
  .countdown {
    padding: 20px 55px 35px;
  }
  /*.countdown i {
    font-size: 3.5em;
    margin-top: 20px;
  }
  .countdown .linea {
    height: 70px;
  }
  .countdown span {
    font-size: 1.8em;
  }*/
  .cuidatupiel .cuidatupiel__canvas {
    height: 527px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante {
    margin: 25px 0 42px;
  }
  .cuidatupiel .cuidatupiel__canvas .cuidatupiel__canvas--modelo img {
    height: 475px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--titulo h1,
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante h2 {
    font-size: 2.5em;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia,
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche {
    gap: 60px;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--cierre h5 {
    margin-top: 100px;
  }
  .galeria .galeria__swiper {
    margin: 50px 6.25vw 0;
  }
  .galeria .galeria__swiper .swiper-slide.swiper-slide-active {
    transform: scaleX(2.5);
  }
  .galeria .galeria__swiper .swiper-slide.swiper-slide-prev,
  .galeria .galeria__swiper .swiper-slide.swiper-slide-next {
    transform: scaleX(1.8);
  }
  .haircongress .haircongress__btnflotante {
    right: unset;
    top: unset;
    bottom: 12px;
    left: 46px;
  }
  .haircongress .haircongress__intro >img {
    width: 9vw;
  }
  .haircongress .haircongress__mapa >img {
    width: 10vw;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header {
    padding: 30px 0 50px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont img {
    height: 130px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro {
    height: unset;
    padding-bottom: 50px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info {
    margin-right: 5%;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info .hairprofessionalcongresscolombia__introinfo--video img:nth-child(1){
    width: 100%
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info p {
    color: #fff;
    margin-top: 40px;
    max-width: 562px;
    font-size: 1.1em;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja {
    flex: 1 25%;
    width: 25%;
    max-width: 27%;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro >img {
    position: relative;
    bottom: 160px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda {
    padding-top: 50px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info {
    padding-right: 5%;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias {
    gap: 50px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex {
    gap: 55px 2vw;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja .boleteria__act--name2 {
    font-size: 0.85em;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas {
    gap: 40px 18px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >div h4 {
    font-size: 1.29em;
  }
  header.header .header__redesflotantes {
    bottom: 7.8vw;
    right: 4vw;
  }
  header.header .header__redesflotantes  .linea {
    height: 7.2vw;
  }
  header.header .header__redesflotantes  ul li {
    font-size: 0.9em;
  }
  header.header .header__top {
    margin-bottom: 16px;
  }
  header.header .header__top .header__top--logoyfecha img{
    height: 80px
  }
  header.header .header__top .header__top--logoyfecha .linea {
    height: 72px;
  }
  header.header .header__top .header__top--logoyfecha h2 {
    font-size: 1.8em;
  }
  header.header .header__top .header__top--logoyfecha h3 {
    font-size: 1.22em;
  }
  header.header .header__top .header__top--logoyfecha h4 {
    font-size: 1.1em;
  }
  header.header .header__top .header__top--accesoeconexia {
    flex-direction: column-reverse;
  }
  header.header .header__top .header__top--accesoeconexia p {
    margin-bottom: 0;
  }
  header.header .header__top .header__top--accesoeconexia img {
    height: 56px;
  }
  header.header .header__top .header__top--accesoeconexia p {
    /*font-size: 1.08em;*/
  }
  header.header .header__top .header__top--buscador {
    top: 6px;
  }
  header.header .header__top .header__top--buscador form span {
    /*font-size: 2em;*/
  }
  header.header .header__top .header__top--buscador form input[type=submit] {
    width: 42px;
  }
  .headerbg {
   /* height: 152px;*/
  }
  .intro .intro__fancy img {
    height: 360px;
    object-position: top;
  }
  .intro .intro__fancy i {
    padding: 30px 30px 30px 45px;
    font-size: 4em;   
    width: 132px;
  }
  .perfil .perfil__header .perfil__header--cajatitulo h1 {
    font-size: 2.6em;
    max-width: 76vw;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks {
    border-radius: 17px;
    padding: 15px 5px 15px 40px;
    font-size: 1.1em;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--congreso img {
    height: 155px;
  }
  .subscribe {
    margin: 40px auto;
  }
  .swiper-button-next, .swiper-button-prev {
    padding: 20px;
  }
  .swiper-button-next, .swiper-button-prev {
    width: 44px;
  }
  .tendenciascortesdecabello .swiper-slide:nth-child(1) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2, .tendenciascortesdecabello .swiper-slide:nth-child(2) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2 {
    font-size: 1.5em;
    -webkit-text-stroke: 0;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p b {
    letter-spacing: 0.08em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-next,
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev {
    bottom: 285px;
    right: 9.6vw;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev {
    right: 37.9vw;
  }
  .vinculateacfiel img{
    width: 36vw;
  }
}
@media(max-width: 1280px){
  .boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box label {
    padding-left: 0;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box select {
    width: 68px;
  }
  .categorias {
    height: 3150px;
  }
  .categorias .categorias__titulo:before {
    transform: scaleX(2.4) scaleY(1.4);
  }
  .categorias .categorias__cajas  .categorias__cajas--texto {
    left: 26%;
    /* max-width: 74%; */
  }
  .cincoproductos .perfil .perfil__header .perfil__header--cajatitulo h1 {
    font-size: 3em;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota {
    width: 2.61vw;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont p{
    line-height: 1
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja {
    width: 22%;    padding: 20px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias {
    gap: 25px;
  }
  .intro .intro__fancy i {
    padding: 25px 25px 25px 40px;
    font-size: 3em;
    width: 104px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p {
    font-size: 1em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-next,
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev{
    bottom: 250px;
    right: 7.6vw;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev{
    right:38vw;
  }
}
@media(max-width: 1200px){  
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(4) {
    right: 5px;
  }
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(5) {
    right: -60px;
  }
}
@media(max-width: 1024px){
  .agenda__btnscat div button {
    height: unset;
  }
  .agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados .agenda__speakersrelacionados--c{
    flex: 1 100%;
    max-width: unset;
  }
  .btnflotante {
    max-width: 210px;
    line-height: 1;
    padding:6px 3px;
  }
  .categorias {
    height:3170px;
  }
  .categorias .categorias__titulo:before {
    transform: scaleX(2.1) scaleY(1.4);
  }
  .cifras .cifras__flex .cifras__flex--caja {
    padding: 23px;
  }
  .cincoproductos .perfil .perfil__header .perfil__header--cajatitulo h1 {
    font-size: 2.8em;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide p {
    font-size: 1.4em;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide01.slideactiva p {
    left: 5%;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide02.slideactiva p {
    top: 220px;
  }
  .consejosparacuidartupiel .consejosparacuidartupiel__canvas {
    height: 580px;
  }
  .consejosparacuidartupiel__canvas>div .consejosparacuidartupiel__flex {
    align-items: flex-start;
  }
  .consejosparacuidartupiel__canvas--conexion {
    display: none;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__flex>img {
    right: 20px;
  }
  .contactoscomerciales .contactoscomerciales__flex {
    gap: 16px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >div {
    padding:0;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria >img {
    display: none;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info {
    padding-right: 5%;
    padding-left: 5%;
  }
  header.header .header__top .header__top--buscador form input[type=search] {
    width: 210px;
  }
  .intro .intro__fancy picture {
    padding: 0 5%;
    display: block;
    width: 100%;
  }
  .news .news__fila {
    gap: 20px;
  }
  .news .news__fila a {   
    padding: 25px 40px;
    min-height: 19vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  .perfil .perfil__header .perfil__header--cajatitulo h1 {
    font-size: 2.25em;
    max-width: 77vw;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja {
    gap: 15px;
    border-radius: 17px;
    flex: 1;
    padding: 15px 30px;
    min-width: unset;
    flex: 1;
    flex-direction: column-reverse;
    text-align: center;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja >div {
    gap: 8px;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja h3 br{
    display: none;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont {
    gap: 16px;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab {
    flex: 1 98%;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks {
    padding: 7px 5px 9px 10px;
    font-size: 1.1em;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila {
    margin-bottom: 50px;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding:first-child {
    padding-left: 5vw;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding:last-child p {
    max-width: 35vw;
    /*line-height: 1.5;*/
  }
  .carrouseldelogos .swiper-slide {
    height: unset;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__anclas {
    gap: 35px;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li {
    flex: 1 36%;
    max-width: 48.373%;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex {
    gap: 100px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo {
    transform: scale(1.18) translateX(0px);
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__deco,
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p br{
    display: none;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-next {
    right: 0px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper {
    padding: 60px 0 118px;
    overflow: visible;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria {
    right: -60px;
  }
  .vinculateacfiel img {
    width: 22vw;
  }
}
@media (max-width: 991px){
  .cifras .cifras__flex {
    flex-wrap: wrap;
  }
  header.header .header__top .btnMain{
    display: inline-block;
    margin-left: 10px;
    position: relative;
  }
  header.header .header__top .btnMain:after {
    content: 'MEN\00da';
    position: absolute;
    left: 0;
    top: -15px;
    font-size: 0.7em;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 900;
  }
  .headerbg {
    /*height: 115px;*/
  }
  .header__menu nav ol > li:hover h3{
    /*color: var(--main-lilac);*/
  }
  .header__menu{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: 70px;
    padding-bottom: 70px;
    left: 101vw;
    overflow: auto;
    -webkit-transition: 0.3s;
            transition: 0.3s;
    z-index: 999;
    margin: 0;
    background: var(--main-light-lilac);
  }
  .header__menu span.icon-close{
    font-size: 1.6em;
    color: var(--main-purple);
    position: absolute;
    top: 4%;
    right: 8%;
  }
  .header__menu span.icon-close.active{
    display: block;
  }
  .header__menu.active{
    left: 0;
  }
  .header__menu nav ol{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .header__menu nav > ol >div.linea {
    display: none;
  }
  .header__menu nav ol > li{
    background: none;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 0;
  }
  .header__menu nav ol > li:hover{
    background: none;
  }
  .header__menu nav ol > li h3{
    text-align: center;
    display: block;
    font-size: 1.45em;
    line-height: 1.4;
  }
  .header__menu nav ol > li:hover h3{
    height: initial;
    border: 0;
  }
  .header__menu nav > ol > li h3:after {
    display: none;
  }
  .header__menu nav ol > li:hover ul{
    display: none;
  }
  .header__menu nav ol > li ul {
    position: initial;
    display: none;
    background: none;
    border: none;
    padding: 0;
    width: 100%;
    margin-top: 10px;
  }
  .header__menu nav ol > li ul li{
    padding: 0
  }
  .header__menu nav ol > li ul li a{
    color: var(--main-purple);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.2em;
    text-align: center;
  }
}
@media (max-width: 768px){
  .accesosexperiencias .accesosexperiencias__flex {
    flex-wrap: wrap;
    gap: 10px;
  }
  .accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja {
    flex: 1 33%;
    padding: 20px 10px;
    width: 12%;
  }
  .boleteria.mc {
    gap: 0;
    flex-direction: column-reverse;
  }
  .boleteria.mc .boleteria__form {
    flex: 1 100%;
    width: 100%;padding: 30px 30px;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--intro h2 {
    margin-bottom: 26px;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--intro h3 {
    font-size: 1.3em;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--intro p {
    margin-bottom: 20px;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box {
    flex: 1 50%;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box select {
    width: 95px;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--contboxes .boleteria__formcontboxes--box.doble:before {
    left:22%;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li {
    gap: 20px 30px;
    border-bottom: 1px solid #9d9d9d;
    flex-wrap: wrap;
    padding-bottom: 25px;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li:last-child{
    border-bottom: none;
    padding-bottom: 0
  }
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--tituloydesc {
    flex: 2 49%;
    order: -2;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas .box__body--tituloydesc span {
    display: block;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--cantidad,
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--valorunitario,
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--subtotal {
    flex: 1 36%;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--valorunitario {
    order: -1;
    text-align: right;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li >div>div:first-child p {
    display: block;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--cantidad:before {
    right: 33%;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--resumen {
    gap: 25px;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--resumen p {
    margin-right: 0;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--resumen .boleteria__formresumen--valor {
    align-items: flex-end;
  }
  .boleteria.mc ul.boleteria__info {
    margin-top: 0px !important;
    flex:1 100%;
    width: 100%;
  }
  .boleteria.mc ul.boleteria__info .boleteria__info--caja .boleteriainfo__caja--btn h3 {
    font-size: 2.1em; gap: 8px;
  }
 .contactoscomerciales .contactoscomerciales__flex {
    gap: 30px;
    flex-wrap: wrap;
  }
  .contactoscomerciales .contactoscomerciales__flex .contactoscomerciales__flex--caja {
    flex: 1 45%;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--titulo h1, .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante h2 {
    font-size: 2em;
  }
  .cuidatupiel .cuidatupiel__canvas .cuidatupiel__canvas--modelo img {
    height: 380px;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia,
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche {
    gap: 5px;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--cierre div a div {
    padding: 22px 28px;
  }
  .cuidatupiel .cuidatupiel__canvas .cuidatupiel__canvas--aclaracion {
    top: 8px;
    left: 8px;
    max-width: 294px;
    font-weight: 500;
    font-size: 0.8em;
    text-align: left;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro {
    height: unset;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro >img {
    bottom: 50px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja {
    max-width: 30%;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa >div a div {
    padding: 15px 55px;
    font-size: 1.3em;
  }
  header.header .header__top .header__top--accesoeconexia {
    flex-direction: column;
    flex: unset;
  }
  header.header .header__top .header__top--contbuscadorylang .redesenelheader p{
    display: none;
  }
  .box__body ul > li {
    margin-bottom: 40px;
    width: unset;
  }
  .boleteria__personal:after, .boleteria__entradas:after {
    transform: rotate(0deg);
    left: 20px;
    top: -30px;
  }
  .categorias {
    height: 2590px;
  }
  .categorias .categorias__titulo:before {
    transform: scaleX(2) scaleY(1.4);
  }
  .cincoproductos .cincoproductos__slider.ahacerscroll {
    top: 92px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide p {
    font-size: 1em;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide01.slideactiva p {
    max-width: 40vw;
    top: 130px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide02.slideactiva p {
    max-width: 39vw;
    right: 5%;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide04.slideactiva p {
    left: 5%;
  }
  .consejosparacuidartupiel .consejosparacuidartupiel__canvas {
    height: 900px;
  }
  .countdown i {
    font-size: 3em;
  }
  .countdown .linea {
    height: 60px;
  }
  .countdown span {
    font-size: 1.5em;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div h3 {
    font-size: 1em;
    margin: 8px auto;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota h6 {
    font-size: 1.1em;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont p {
    line-height: 1;
    font-size: 0.9em;
  }
  header.header .header__top {
    margin-bottom: 0;
    gap: 10px;
  }
  header.header .header__top .header__top--logoyfecha img {
    height: 61px;
  }
  header.header .header__top .header__top--logoyfecha .linea {
    height: 79px;
    margin: 0 10px;
  }
  header.header .header__top .header__top--buscador {
    top: 6px;
    display: none;
  }
  .headerbg {
    /*height: 93px;*/
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja img {
    display: none;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja  h3 {
    font-size: 1em;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja >div .destinonegocios__accesoscaja--link a {
    font-size: 1.1em;
  }
  .subscribe {
    margin: 40px 5%;
    background: url(../img/newsletter-bg-mb.jpg) no-repeat center center / cover;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex {
    gap: 35px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo {
    gap: 30px;
    flex-direction: column;
  }
 .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto {
    flex: 1;
    max-width: unset;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding-top: 0;
    margin: 0 auto;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo {
    transform: none;
    width: unset;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto h6 {
    display: none;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img {
    margin: 0 auto;
    flex-direction: column;
    max-width: 400px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img .tendenciascortesdecabello__diapoimg--deco {
    transform: scale(0.4);
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-next {
    font-size: 2.5em;
    bottom: 248px;
    right: 122px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img .infografia__movil {
    display: block;
    /* position: relative; */
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img h6.infografia__movil {
    position: relative;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img div.infografia__movil {
    width: 95%;
    padding: 20px;
    background: #000000;
    background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.66) 36%);
    bottom: 43px;
    padding-top: 19%;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img div.infografia__movil h5{
    position: relative;
    font-size: 1.3em;
    margin-bottom: 10px;
    -webkit-text-stroke: 0.02em white;
    letter-spacing: 0.05em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img h6.infografia__movil{
    font-size: 0.4em;
    max-width: 324px;
    left: unset;
    bottom: unset;
    margin-top: 10px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo {
    justify-content: center;
    transform: none;
    margin: 0;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo h4 {
    padding: 9px 30px 6px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo h4:before,
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo h4:after {
    display: none;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto h5,
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p{
    display: none;
  }
  .tendenciascortesdecabello .swiper-slide:nth-child(1) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto  p,
  .tendenciascortesdecabello .swiper-slide:nth-child(2) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto  p,
  .tendenciascortesdecabello .swiper-slide:nth-child(1) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto  h5,
  .tendenciascortesdecabello .swiper-slide:nth-child(2) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto  h5{
    display: block;
  }
  .tendenciascortesdecabello .swiper-slide:nth-child(1) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p, .tendenciascortesdecabello .swiper-slide:nth-child(2) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto p {
    margin: 23px 0 0;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img h5{
    position: relative;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img h5.adelia {
    position: absolute;
    bottom: 124px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria {
    right: -120px;
    bottom: -56px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria p {
    font-size: 0.8em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria h2 {
    padding: 13px;
    font-size: 1.2em;
  }
}
@media (max-width: 600px){
  .accesosexperiencias .accesosexperiencias__flex {
    margin: 8px 0 50px;
  }
  .accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja {
    flex: 1 100%;
    padding: 10px 10px;
  }
  .accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja a div {
    padding: 6px 12px;
  }
  .accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja img {
    height: 22vw;
    object-fit: contain;
    max-width: 53%;
  }
  .accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja h2 {
    font-size: 2em;
    line-height: 0.9;
    margin-top: 13px;
  }
  .accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja h3 {
    font-size: 1em;
  }
  .accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja p {
    min-height: unset;
    margin: 20px 0 10px;
    text-align: center;
  }
  .accesosexperiencias .accesosexperiencias__flex .accesosexperiencias__flex--caja h6{
    text-align: center;
  }
  .actividadespublicoprofesional .actividadespublicoprofesional__fila {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .actividadespublicoprofesional .actividadespublicoprofesional__fila .linea {
    width: 66%;
    height: 1px;
  }
  .actividadespublicoprofesional .actividadespublicoprofesional__fila .actividadespublicoprofesional__fila--caja{
    flex: 1 100%;
  }
  .agenda .agenda__selectores select {
    margin: 0 1% 5px;
    width: 48%;
  }
  .agenda .agenda__desarrollo ul li .fecha {
    font-size: 0.9em;
  }
  .agenda__btnscat {
    justify-content: space-around;
    margin: 0px 0 3px;
    gap: 17px 2px;
  }
  .agenda__btnscat> div {
    flex: 1 40%;
  }
  .agenda__btnscat> div >div {
    display: inline-block;
  }
  .agenda__btnscat div a div {
    height: 46px;
    font-size: 0.65em !important;
  }
  .agenda__btnscat div button{
    font-size: 1.25em;
  }
  .agenda__btnscat> div p.agenda__btnscat--legal {
    bottom: -11px;
    font-size: 0.55em;
  }
  .agenda .agenda__desarrollo ul li {
    gap: 15px;
    flex-direction: column;
  }
  .agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados {
    flex: 1 100%;
    width: 100%;
  }
  .agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados >p {
    font-size: 0.65em;
  }
  .agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados .agenda__speakersrelacionados--c {
    flex: 1 17%;
    max-width: 24%;
  }
  .agenda .agenda__desarrollo ul li>div.agenda__speakersrelacionados a.invitadoslista__lista--cajas {
    flex-direction: column;
  }
  .blog .blog__cats {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .blog .blog__lista>div {
    flex: 1 100%;max-width: unset;
  }
  .blog .blog__lista>div img {
    height: 140px;
  }
  .blog .blog__lista>div .blog__lista--btnycat {
    gap: 5px;
    align-items: center;
    margin-top: 5px;
    flex-direction: column-reverse;
  }
  .blog .blog__lista>div .blog__lista--btnycat a{
    width: 100%;text-align: center;
  }
  .blog .blog__lista>div .blog__lista--btnycat a:last-child {
    padding: 10px 0;
    border:none;
    text-align: left;
  }
  .bloginterna .bloginterna__img:after {
    width: 10px;
    height: 10px;
    border: 4px solid #fff;
  }
  .bloginterna .comentarios .comentario-completo textarea {
    min-height: 120px;
  }

  .boleteria__new .boleteria__personal{
    margin-bottom: 45px;
  }
  .boleteria__entradas--pago .boleteria__entradas--acepto label {
    padding-right: 0;
    margin-left: 0;
  }
  .boleteria__personal--box {
    width: 100%;
  }
  .boleteria__proceso .resumen {
    width: 100%;
  }
  .bol_temporal .boxesnewcont .tab button.etapalinks {
    margin-right: 2px;
    min-width: unset;
    font-size: 0.74em;
  }
  .bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--desc p {
    font-size: 0.784em;
  }
  .bol_temporal .boxesnewcont .etapacontent .etapacontent__cont .etapacontent__cont--cajas ul > li {
    width: 100%;
  }
  .boleteria.mc .boleteria__form form .boleteria__form--seleccionaentradas ul li .box__body--cantidad:before {
    right: 50%;
  }
  .bnrpub img{
    width: 100%;
  }
  .btnflotante {
    bottom: 0px;
    width: 100%;
    padding: 10px;
    top: unset;
    max-width: unset;
  }
  .btnflotante.boleteria {
    bottom: 38px;
  }
  .cajasperfilexpositor__caja--flota {
    min-height: 27px;
  }
  .carrouseldelogoscont {
    margin: 65px auto;
  }
  .carrouseldelogos {
    margin: 50px auto;
  }
  .categorias {
    display: none;
  }
  .categoriasmb{
    display: block;
  }
  .categoriasmb>p {
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 20px;
  }
  .categoriasmb .categoriasmb__swiper {
    padding-bottom: 50px;
    margin-bottom: 30px;
  }
  .categoriasmb .categoriasmb__swiper .swiper-wrapper {
    align-items: flex-end;
  }
  .categoriasmb .categoriasmb__swiper .categoriasmb__swiper--caja {
    position: relative;overflow: hidden;display: flex;justify-content: center;align-items: flex-end;border-radius: 7%;
  }
  .categoriasmb .categoriasmb__swiper .swiper-button-next,
  .categoriasmb .categoriasmb__swiper .swiper-button-prev {
    top: 85px;
  }
  .categoriasmb .categoriasmb__swiper .categoriasmb__swiper--caja img {
    width: 100%;
    transition: 1s ease-out all;
    height: 75vw;
    /* object-fit: cover; */
    object-position: center;
    transform-origin: bottom;
    transform: scaleX(1.8);
  }
  .categoriasmb .categoriasmb__swiper .categoriasmb__swiper--caja h3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .categoriasmb .categoriasmb__swiper .categoriasmb__swiper--caja h3 img {
    width: unset;
    height: 45px;
    transform: none;
  }
  .categoriasmb .categoriasmb__swiper .swiper-slide.swiper-slide-next img,
  .categoriasmb .categoriasmb__swiper .swiper-slide.swiper-slide-prev img {
    height: 44vw;
  }
  .categoriasmb .categoriasmb__swiper .categoriasmb__swiper--caja .categoriasmb__swipercaja--filtro {
    background:var(--main-bright-pink);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: var(--main-transition);
    mix-blend-mode: multiply;
    transform-origin: bottom;
    transform: scale(0);
    /*transition: 1s ease-out all;*/
  }
  .categoriasmb .categoriasmb__swiper .swiper-slide-active .categoriasmb__swiper--caja .categoriasmb__swipercaja--filtro {
    transform: scale(1);
  }
  .categoriasmb .categoriasmb__swiper .categoriasmb__swiper--caja .categoriasmb__swipercaja--texto {
    position: absolute;
    transition: 1s ease-out all;
    color: #fff;
    transform: scaleX(0);
  }
  .categoriasmb .categoriasmb__swiper .swiper-slide-active .categoriasmb__swiper--caja .categoriasmb__swipercaja--texto {
    transform: scaleX(0.5) scaleY(1.1);
    bottom: 30px;
  }
  .categoriasmb .categoriasmb__swiper .categoriasmb__swiper--caja .categoriasmb__swipercaja--texto h3{
    text-align: center;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 600;
  }
 /*  .categoriasmb .categoriasmb__swiper .categoriasmb__swiper--caja .categoriasmb__swipercaja--texto h3:after {
    content: '';
    background: var(--main-lilac);
    height: 2px;
    position: absolute;
    bottom: -6px;
    width: 55%;
    left: 0;
  } */
  .categoriasmb .categoriasmb__swiper .categoriasmb__swiper--caja .categoriasmb__swipercaja--texto p {
    text-align: center;
    position: relative;
    display: inline-block;
    font-size: 0.65em;
  }
  .categoriasmb .categoriasmb__swiper .swiper-slide-active {
    transform: scaleX(2.4);
  }
  .contactoscomerciales .contactoscomerciales__flex {
    gap: 30px 15px;
    margin: 45px 0 45px;
  }
  .contactoscomerciales .contactoscomerciales__flex .contactoscomerciales__flex--caja {
    max-width: 48%;
  }
  .contactoscomerciales .contactoscomerciales__flex img {
    margin-bottom: 4px;
  }
  .contactoscomerciales .contactoscomerciales__flex .contactoscomerciales__flex--caja p {
    font-size: 0.78em;
    line-break: anywhere;
  }
  .cifras .cifras__flex {
    gap: 15px;
    flex-direction: column;
  }
  .cuidatupiel .cuidatupiel__canvas {
    height: 600px;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia,
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche {
    gap: 0px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper {
    width: unset;
    padding-left: 15px;
  }
  .cuidatupiel .cuidatupiel__canvas .cuidatupiel__canvas--modelo img {
    height: 180px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--consejo h4 br{
    display: none;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante {
    margin: 30px 0 60px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante img {
    left: -40px;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--durante img {
    left: -115px;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--dia .swiper .cuidatupiel__canvas--durante  h3 {
    left: 65px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante  h3 {
    font-size: 2.7em;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--durante  h3 {
    left: 35px;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--cierre h5 {
    font-size: 2.4em;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--cierre h6 {
    font-size: 1.2em;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--cierre div a div {
    padding: 22px 20px;
  }
  .cuidatupiel__bar {
    left: 66%;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche {
    clip-path: polygon(66% 0, 100% 0%, 100% 100%, 66% 100%);
  }
  .consejosbarba {
    padding: 20px 4vw;
  }
  .consejosbarba .consejosbarba__intro .consejosbarba__intro--flota h3 {
    font-size: 1.6em;
  }
  .consejosbarba .consejosbarba__intro img {
    width: 666px;
  }
  .consejosbarba .consejosbarba__intro .consejosbarba__intro--flota p {
    font-size: 1em;
  }
  .consejosbarba .consejosbarba__swiper {
    height: 360px;
  }
  .consejosbarba .consejosbarba__swiper:before {
    width: 84vw;
    border-top-right-radius: 20px;
  }
  .consejosbarba .consejosbarba__swiper .swiper-slide {
    max-width: 86vw;
  }
  .consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info {
    gap: 15px;
    flex-direction: column;
    flex: 1;
  }
  .consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info>div {
    width: 100%;
  }
  .consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info>div:last-child {
    padding: 0 15px;
  }
  .consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info img {
    border: 4px solid white;
    border-radius: 20px;
    height: unset;
    width: 100%;
  }
  .consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info p {
    font-size: 1em;
  }
  .consejosbarba .consejosbarba__swiper .consejosbarba__swiper--flex .consejosbarba__swiperflex--info p br{
    display: none;
  }
  .consejosbarba .consejosbarba__swiper .swiper-pagination-bullets {
    left: unset;right:0.9vw;gap: 25px;
  }
  .consejosbarba .consejosbarba__swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    width:16px;
    height:16px;
  }
  .cincoproductos .perfil .perfil__header .perfil__header--cajatitulo h1 {
    font-size: 2em;
  }
  .cincoproductos .cincoproductos__slider.ahacerscroll {
    top: 60px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide {
    height: 116.5vh;
    margin-top: -253vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva h1 {
    top: 20px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slideactiva img:nth-child(4) {
    top: 141vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide02 img:nth-child(2) {
    width: 111vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide03.slideactiva img:nth-child(2) {
    width: 93vw;
    top: 25vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide04.slideactiva img:nth-child(2) {
    width: 106vw;
    top: 19vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide05.slideactiva img:nth-child(2) {
    width:50vw;
    top: 22vw;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide02.slideactiva p {
    max-width: 72vw;
    right: 13%;
    top: 47vh;
    text-align: center;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide03.slideactiva p {
    top: 80vw;
    text-align: right;
    max-width: 62vw;
    right: 5%;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide04.slideactiva p {
    top: 250px;
  }
  .cincoproductos .cincoproductos__slider .cincoproductos__slider--slide.slide05.slideactiva p {
    top: 85vw;
  }
  .colcats .colcats__flex .colcats__flex--col {
    flex: 1 100%;
  }
  .colcats .colcats__flex .colcats__flex--col>div:first-child h3 {
    font-size: 2.9em;
  }
  .consejosparacuidartupiel {
    overflow-x: hidden;
  }
  .consejosparacuidartupiel .consejosparacuidartupiel__canvas {
    margin: 30px 0;
    height: 750px;
  }
  .consejosparacuidartupiel__bar:before {
    top: 240px;
  }
  .consejosparacuidartupiel__canvas>div .consejosparacuidartupiel__flex {
    align-items: center;
    flex-direction: column;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__flex {
    flex-direction: column-reverse;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--mujeres .consejosparacuidartupiel__flex>img{
    width: 100%;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__flex>img{
    width: 51.7%;
    right: -14px;
  }
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--mujeres .consejosparacuidartupiel__canvas--info,
  .consejosparacuidartupiel__canvas>div.consejosparacuidartupiel__canvas--hombres .consejosparacuidartupiel__canvas--info {
    left: 0;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 18px;
  }
  .consejosparacuidartupiel__canvas--info .fila {
    margin-bottom: 21px;
  }
  .consejosparacuidartupiel__canvas--info .fila img {
    width: 36px;
    filter: invert(1);
  }
  .consejosparacuidartupiel__canvas--info .fila .linea {
    margin: 0 9px;
  }
  .consejosparacuidartupiel__canvas--info .fila h3 {
    margin-bottom: 5px;
  }
  .consejosparacuidartupiel__canvas--info .fila p {
    max-width: 238px;
    line-height: 1 !important;
    margin-bottom: 0 !important;
    font-size: 0.9em;
  }
  .consejosparacuidartupiel__cierre .link a div {
    font-size: 1.4em;
    text-align: center;
  }
  .consejosparacuidartupiel .consejosparacuidartupiel__fuentes {
    margin-top: 30px;
  }
  .contactos div {
    margin: 0 0 20px;
    text-align: center;
    width: 45%;
  }
  .contactos div a{
    font-size: 0.75em
  }
  .countdown {
    padding: 10px 10px 15px;
    margin: 40px auto;
  }
  .countdown span {
    font-size: 0.9em;
  }
  .countdown i {
    font-size: 1.8em;
    margin-top: 12px
  }
  .countdown .linea {
    height: 38px;
  }
  .doblecolumna {
    flex-direction: column;
    gap: 0;
  }
  .doblecolumna ul{
    margin: 0 0 2px !important
  }
  .extractosnaturales .extractosnaturales__fila {
    gap: 0;align-items: flex-start;margin-bottom: 13px
  }
  .extractosnaturales .extractosnaturales__fila img {
    height: 86px;
  }
  .extractosnaturales .extractosnaturales__fila:nth-child(even) {
    text-align: left;
  }
  .extractosnaturales .extractosnaturales__fila h2 {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .extractosnaturales .extractosnaturales__fila:nth-child(even) h2{
    flex-direction: row-reverse;
  }
  footer.footer {
    padding-bottom: 35px;
  }
  footer.footer .footer__legal p {
    padding-bottom: 45px;
  }
  .formcontact  form#frmContacto div {
    width: 100%;
  }
  .galeria .galeria__swiper {
    margin: 50px 5% 0;
  }
  .galeria .galeria__swiper .swiper-wrapper {
    min-height: 77vw;
  }
  .galeria .galeria__swiper .swiper-slide.swiper-slide-next,
  .galeria .galeria__swiper .swiper-slide.swiper-slide-prev{
    transform: scaleX(1);
  }
  .galeria .galeria__swiper .swiper-slide.swiper-slide-active{
    transform: scaleX(2.4);
  }
  .galeria .galeria__swiper img {
    transform: scaleX(2.5);
  }
  .galeria .galeria__swiper .swiper-slide.swiper-slide-active img {
    height: 75vw;
  }
  .galeria .galeria__swiper .swiper-slide.swiper-slide-next img,
  .galeria .galeria__swiper .swiper-slide.swiper-slide-prev img{
    height: 44vw;
  }
  .galeria .galeria__swiper .swiper-button-next, .galeria .galeria__swiper .swiper-button-prev {
    bottom: 270px;
  }
  .galeria .tabcontent#videos .galeria__tabcontent--flex >div {
    width: 48.3%;
  }
  .galeria .galeria__tabcontent--flex a i {
    font-size: 2em;
    top: 20%;
    left: 40%;
  }
  .haircongress.perfil .perfil__header .perfil__header--cajatitulo span img {
    height: 80px;
  }
  .haircongress.perfil .perfil__header .perfil__header--cajatitulo span .linea {
    height: 115px;
    margin: 0 21px;
  }
  .haircongress.perfil .perfil__header .perfil__header--cajatitulo span h2 {
    font-size: 3.75em;
  }
  .haircongress.perfil .perfil__header .perfil__header--cajatitulo span h3 {
    font-size: 1.3em;
  }
  .haircongress .haircongress__intro h1 {
    font-size: 2.15em;
  }
  .haircongress .haircongress__invitados {
    margin: 30px 0;
  }
  .haircongress h2.haircongress__subtitulo {
    font-size: 1.7em;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont {
    justify-content: flex-start;
    flex-direction: column;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont>div:nth-child(2) {
    padding-left: 0;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont {
    padding: 25px 20px;
    height: 822px;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div.activo {
    -webkit-flex-grow: 10;
    flex-grow: 10;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota {
    width: 24px;
    flex-direction: column-reverse;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota h6 {
    font-size: 1em;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont i.flota img {
    width: 93%;
  }
  .haircongress .haircongress__invitados .haircongress__invitados--acordeon>div .haircongress__invitadosacordeon--cont p {
    font-size: 0.85em;
  }
  .haircongress h2.haircongress__subtitulo {
    margin-bottom: 15px;
  }
  .haircongress .haircongress__btnflotante {
    right: unset;
    top: unset;
    bottom: 38px;
    left: 0;
    width: 100%;
  }
  .haircongress .haircongress__agenda div a div {
    text-align: center;
    margin: 0 auto;
    max-width: 91vw;
    font-size: 1.1em;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__titulos {
    text-align: center;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa img {
    margin-top: -20px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont {
    gap: 13px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont img {
    height: 85px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont .linea {
    height: 85px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__header .hairprofessionalcongresscolombia__header--cont h2 {
    font-size: 4em;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro {
    flex-direction: column;
    gap: 10px;
    padding: 0px 10px 10px 20px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info p {
    margin-top: 29px;
    font-size: 1em;
  }
  .hairprofessionalcongresscolombia>div.link a div {
    bottom: 0;
    margin: 0;
    text-align: center;   
    top: unset;
    width: 100%;
  }
  .hairprofessionalcongresscolombia>div.link a div br{
    display: none;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro >img {
    bottom: 0;
    width: 95%;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info .hairprofessionalcongresscolombia__introinfo--video {
    margin: 70px auto 0;
    transform: scale(1.5);
    width: 80%;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__intro .hairprofessionalcongresscolombia__intro--info .hairprofessionalcongresscolombia__introinfo--video img:nth-child(2) {
    height: 60px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas {
    gap: 10px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja {
    max-width: 45%;
    width: 45%;
    padding: 10px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >div>div img {
    height: 20px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja >div>div {
    justify-content: flex-start;gap: 8px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__speakers .hairprofessionalcongresscolombia__speakers--contcajas .hairprofessionalcongresscolombia__speakerscontcajas--caja a div {
    width: 100%;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .tab .tablinks {
    padding: 10px;
    font-size: 1.2em;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .tab .tablinks span {
    display: block;
    font-size: 0.8em;
    font-weight: 200;
  }  
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .hairprofessionalcongresscolombia__agenda--contcaja .hairprofessionalcongresscolombia__agendacontcaja--caja {
    flex: 1 100%;
    padding: 14px;
    flex-direction: column;
    gap: 10px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .hairprofessionalcongresscolombia__agenda--contcaja .hairprofessionalcongresscolombia__agendacontcaja--caja img {
    max-width: unset;
    width: 100%;
    height: 120px;
    object-fit: cover;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__agenda .hairprofessionalcongresscolombia__agenda--contcaja .hairprofessionalcongresscolombia__agendacontcaja--caja div {
    gap: 5px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria {
    padding-top: 40px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--titulo {
    margin-bottom: 40px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--titulo h2 {
    margin: 5px 0;
    font-size: 1.4em;
  } 
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col{
    display: none;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias .hairprofessionalcongresscolombia__boleteriainfoboleterias--col.activa{
    display: block;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa {
    margin: 40px auto;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__mapa >div a div {
    padding: 15px 22px;
    font-size: 1.2em;
    text-align: center;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa h2 {
    display: none;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa h2:nth-child(3) {
    display: block;
}
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex {
    gap: 50px 35px;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja {
    display: none;
    flex: 1 46%;
  }
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(3),
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(6),
  .hairprofessionalcongresscolombia .hairprofessionalcongresscolombia__boleteria .hairprofessionalcongresscolombia__boleteria--info .hairprofessionalcongresscolombia__boleteriainfo--boleterias div#cntActividad .boleteriainfoboleterias__titulosetapa--flex .boleteriainfoboleterias__titulosetapaflex--caja:nth-child(9) {
    display: block;
  }
  .boleteria__personal--box.w-100 input, .boleteria__entradas select {
    width: 100% !important;
    margin: 10px auto 0;
  }
  header.header {
    padding: 8px 0 7px;
  }
  header.header .header__redesflotantes {
    display: none;
  }
  header.header .header__top {
    flex-wrap: wrap;
    /* justify-content: flex-end; */
    gap: 8px 15px;
  }
  header.header .header__top .header__top--logoyfecha {
    flex: 1 100%;
    justify-content: center;
    order: 3;
  }
  header.header .header__top .header__top--logoyfecha img {
    height: 66px;
  }
  header.header .header__top .header__top--logoyfecha .linea {
    height: 60px;
    margin: 0 11px;
  }
  header.header .header__top .header__top--logoyfecha h2 {
    font-size: 1.9em;
  }
  header.header .header__top .header__top--logoyfecha h3 {
    font-size: 1.24em;
  }
  header.header .header__top .header__top--logoyfecha h4 {
    font-size: 1em;
  }
  header.header .header__top .header__top--accesoeconexia img {
    height: 19px;
    width: unset
  }
  header.header .header__top .header__top--accesoeconexia a {
    padding: 3px 10px;
    border-radius:3px;
  }
  header.header .header__top .header__top--accesoeconexia p {
    font-size: 0.8em;
    line-height: 0.8;
    max-width: 76px;
  }
  header.header .header__top .header__top--accesoeconexia a:first-child img {
    height: 42px;
    margin-right: 0;
  }
  header.header .header__top .header__top--accesoeconexia a:last-child {
    /*display: none;*/
  }
  header.header .header__top .header__top--contbuscadorylang {
    flex-wrap: nowrap;
    flex: unset;
    flex-direction: row-reverse;
  }
  header.header .header__top .header__top--contbuscadorylang .redesenelheader ul {
    gap: 9px;
    font-size: 1.1em;
  }
  header.header .header__top .btnMain {
    margin-left: 0;
    bottom: -6px;
  }
  .headerbg {
    /*height: 59px;*/
  }
  .infografia{
    display: none;
  }
  .infografia__movil{
    display: block;
  }
  .intro {
    padding: 50px 0;
  }
  .intro .intro__fancy {
    margin-bottom: 20px;
    width: 100%;
  }
  .intro .intro__fancy .infografia__movil {
    display: contents;
  }
  .intro .intro__fancy i {
    padding: 15px 15px 15px 23px;
    font-size: 2em;
    width: 66px;
  }
  .intro .intro__fancy img {
    height: unset;
  }
  .intro .intro__texto {
    margin-left: 0;
    max-width: 100%;
    padding: 0 5%;
    text-align: center;
  }
  .intro .intro__texto h3 {
    font-size: 1.7em;
  }
   .invitadoslista__lista {
    gap: 15px;
  }
  .invitadoslista a.invitadoslista__lista--cajas {
    flex: 1 47%;
    max-width: 47%;
    }
  .logos {
    flex-wrap: wrap;
    align-items: center;
  }
  .logos >div{
    margin-bottom: 15px
  }
  .logos ul img {
    max-height: 26px;
    margin: 0 1px;
  }
  .marcasparticipantes h2 {
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.9em;
  }
  .marcasparticipantes h2:nth-last-child(4) {
    font-size: 1.34em;
  }
  .marcasparticipantes .marcasparticipantes__seccion a {
    width: 32%;
    padding: 0;
    margin-bottom: 15px;
  }
  .news .news__fila {
    gap: 30px;
    flex-direction: column;
  }
  .perfil .perfil__header img {
    border-radius: 18px;
  }
  .perfil .perfil__header .perfil__header--cajatitulo h1 {
    font-size: 1.8em;
    text-align: center;
    line-height: 1.2;
  }
  .perfil .perfil__in {
    margin: 50px auto;
  }
  .perfil .perfil__in .contactoacademias {
    gap: 10px;
    margin-top: 30px;
  }
  .perfil .perfil__in .contactoacademias img{
    width: 100px;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__accesos {
    gap: 5px;
    flex-direction: column;
    margin-bottom: 28px;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__accesos .destinonegocios__accesos--caja {
    flex: 1 100%;
    width: 100%;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont {
    flex-direction: column;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--cont h5 {
    line-break: anywhere;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab {
    flex: 1 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 11px;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks em{
    display: none;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks {
    padding: 3px;
    font-size: 0.8em;
    text-align: center;
    border-radius: 8px;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila {
    gap: 1px;
    margin-bottom: 0px;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja {
    flex:unset;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding {
    padding: 3vw;
    width: 70%;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conimg{
    width: 30%;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja img {
    /* object-position:-360px 0; */
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja ul li img {
    transform: none;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding:first-child {
    padding-left: 3vw;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding:last-child p {
    max-width: unset;margin-bottom: 0
    /*line-height: 1.1;*/
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding h2 {
    color: var(--main-purple);
    font-size: 2.4em;
  }
  .perfil .perfil__in .internaespecial .internaespecial__fila .internaespecial__fila--caja.conpadding h3 {
    font-size: 2em;
  }
  .perfil .perfil__in .internaespecial {
    margin-top: 0;
  }
  .perfil .perfil__in .internaespecial.internaespecialnuevas .internaespecial__fila {
    flex-direction: column;
  }
  .perfil .perfil__in .internaespecial.internaespecialnuevas .internaespecial__fila .internaespecial__fila--caja.conimg,
  .perfil .perfil__in .internaespecial.internaespecialnuevas .internaespecial__fila .internaespecial__fila--caja.conpadding {
    width: 100%;
  }
  .perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont{
    flex-direction: column;
  }
  .perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .caja {
    width: 100%;
  }
  .perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .linea {
    display: none;
  }
  .perfil .perfil__in .internaespecial.guerradepinceles .guerradepinceles__horarios .guerradepinceles__horarios--cont .caja .cuerpo {
    padding-top: 15px;
  }
  .perfil .perfil__in .u__containerVideo {
    padding-bottom: 75%;
  }
  .popup>div:nth-child(2) {
    max-width: 94%;
  }
  .simposiocosmeticayestetica.perfil .perfil__header .perfil__header--cajatitulo h1{
    font-size: 1.3em;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--cont {
    padding: 5%;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__anclas {
    gap: 13px;
    flex-wrap: wrap;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__intro {
    gap: 10px;
    padding: 70px 0 45px;
    flex-direction: column-reverse;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__intro>div img {
    border-radius: 15px;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .swiper {
    padding: 0 0 50px;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .swiper .swiper-button-next,
  .simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .swiper .swiper-button-prev {
    top: 38%;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .simposiocosmeticayestetica__speakersswiper--flex {
    flex-direction: column;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__speakers .simposiocosmeticayestetica__speakersswiper--flex .simposiocosmeticayestetica__speakersswiperflex--info p strong{
    display: inline-block;
    width: 100%;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul {
    gap: 15px;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__inscripcion {
    border-radius: 15px;
    padding: 20px 0 30px;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li {
    flex: 1 100%;
    max-width: 100%;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__organizador {
    padding: 75px 0 0;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__organizador .simposiocosmeticayestetica__organizador--flex {
    gap: 12px;
    flex-direction: column;
  }
  .speakersperfil {
    gap: 10px;
    flex-direction: column;
  }
  .speakersperfil .speakersperfil__contimg img {
    height: 300px;
    object-fit: cover;
    object-position: top;
  }
  .spotvideo .spotvideo__swiper.swiper h2 {
    font-size: 2.1em;
  }
  .spotvideo .spotvideo__swiper.swiper h3 {
    font-size: 1.9em;
  }
  .spotvideo .spotvideo__swiper.swiper h3 span {
    padding: 11px 12px 5px;
  }
  .spotvideo .spotvideo__swiper.swiper h3 br{
    display: none;
  }
  .spotvideo .spotvideo__swiper.swiper h2 a {
    padding: 11px 19px 13px;
    font-size: 1.1em;
  }
  .spotvideo .spotvideo__swiper.swiper img.spotvideo__swipercont--deco {
    width: 50vw;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex {
    gap:50px;
    flex-direction: column;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex .linea {
    display: none;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h2 {
    font-size: 5.5em;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h3 {
    font-size: 1.9em;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex h4 {
    font-size: 1.25em;
  }
  .spotvideo .spotvideo__swiper.swiper .spotvideo__swiper--flex img {
    height: 105px;
  }
  .subscribe {
    background: url('../img/newsletter-bg-mb.jpg') no-repeat center center / cover;
    margin: 0 5% 40px;
  }
  .subscribe form.newslatter input[type=email] {
    width: 100%;
  } 
  .subscribe form.newslatter .grupo-de-campos {
    width: 100%;
    justify-content: center;
  }
  .subscribe form.newslatter .grupo-de-campos .espacio-form:nth-child(4) a {
    margin-bottom: 6px;
  }
  .subscribe p {
    margin-bottom: 10px;
  }
  .swiper-button-next, .swiper-button-prev {
    width: 38px;
    height: unset;
    padding: 10px;
  }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '\e900';
    font-family: 'icomoon';
    color: #fff;
    font-size: 1em;
  }
  .swiperspot__mobile {
    display: block;
  }
  .swiperspot__web{
    display: none;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo {
    padding: 12px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h3 {
    font-size: 1em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-next {
    right: 0;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev {
    right: 22vw;
    bottom: 250px;
    font-size: 2.2em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2 {
    font-size: 1.2em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img div.infografia__movil {
    bottom: 41px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img {
    max-width: 90vw;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img .tendenciascortesdecabello__diapoimg--foto {
    width: 90vw;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria {
    right: -18px;
    bottom: -126px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo h4 {
    margin-bottom: 49px;
  }
  .titulos {
    font-size: 2em;
    text-align: center;
  }
  .vinculateacfiel img {
    width: 65vw;
  }
  .vinculateacfiel .vinculateacfiel__infografia {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 45px 0;
    flex-wrap: wrap;
    gap: 10px 30px;
  }
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon {
    position: relative;
    left: unset !important;
    right: unset !important;
    top: unset !important;
    bottom: unset !important;
    flex: 1 37%;    gap: 0px;
    width: 19%;
    font-size: 1em;
    align-items: flex-start;
    flex-direction: row-reverse;
    text-align: left;
  }
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(2),
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon:nth-child(3){
    order: -1
  }
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon br{
    display: none;
  }
  .vinculateacfiel .vinculateacfiel__infografia .vinculateacfiel__infografia--razon span {
    font-size: 2.5em;
  }
  .vinculateacfiel .vinculateacfiel__cierre {
    gap:8px;
  }
  .vinculateacfiel .vinculateacfiel__cierre h2 {
    font-size: 1.5em;
  }
  .vinculateacfiel .vinculateacfiel__cierre .vinculateacfiel__cierre--info p {
    font-size: 0.9em;
  }
  .vinculateacfiel .vinculateacfiel__cierre .vinculateacfiel__cierre--info p strong {
    font-size: 1.2em;
  }
}
@media (max-width: 393px){
  .agenda__btnscat div button {
    font-size: 1.2em;
  }
  .colcats .colcats__flex .colcats__flex--col>div:first-child h3 {
    font-size: 2.5em;
  }
  .spotvideo .spotvideo__swiper.swiper h3 {
    font-size: 1.7em;
  }
  .spotvideo .spotvideo__swiper.swiper h2 {
    font-size: 1.9em;
  }
}
@media (max-width: 390px){
  .contactoscomerciales .contactoscomerciales__flex .contactoscomerciales__flex--caja p {
    font-size: 0.7em;
  }
  .cuidatupiel .cuidatupiel__canvas .cuidatupiel__canvas--modelo img {
    height: 135px;
  }
  .cuidatupiel .cuidatupiel__canvas>div.cuidatupiel__canvas--noche .swiper .cuidatupiel__canvas--durante  h3 {
    left: 34px;
  }
  .extractosnaturales .extractosnaturales__fila h2 {
    font-size: 1.65em;
  }
  .intro .intro__texto h3 {
    font-size: 1.6em;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab {
    gap: 8px;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks {
    font-size: 0.73em;
  }
  .simposiocosmeticayestetica.perfil .perfil__header .perfil__header--cajatitulo h1 {
    font-size: 1.16em;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__anclas {
    gap: 6px;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__anclas a {
    padding: 7px 13px;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__anclas a div i {
    transform: rotate(90deg) translate(7px, -13px);
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__intro>div h2 {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 15px;
  }
  .simposiocosmeticayestetica .simposiocosmeticayestetica__agenda .simposiocosmeticayestetica__agenda--content ul > li h2 {
    font-size: 1.2em;
  }
  .spotvideo .spotvideo__swiper.swiper h3 {
    font-size: 1.8em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper {
    padding: 30px 0 118px;
  }
  .tendenciascortesdecabello .swiper-slide:nth-child(1) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2, .tendenciascortesdecabello .swiper-slide:nth-child(2) .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2 {
    font-size: 1.4em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h3 {
    font-size: 0.925em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--titulo h2 {
    font-size: 1.163em;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img div.infografia__movil {
    bottom: 37px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--img  .tendenciascortesdecabello__diapoimg--btnboleteria {
    right: -22px;
    bottom: -126px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__diapo .tendenciascortesdecabello__diapo--texto .tendenciascortesdecabello__diapotexto--subtitulo h4 {
    margin-bottom: 0px;
  }
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-next,
  .tendenciascortesdecabello .tendenciascortesdecabello__swiper.swiper .swiper-button-prev {
    bottom: 315px;
  }
}
@media (max-width: 360px){
  .colcats .colcats__flex .colcats__flex--col>div:first-child h3 {
    font-size: 2.2em;
  }
  .cuidatupiel .cuidatupiel__canvas {
    height: 490px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper {
    padding-top: 42px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--titulo h1, .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante h2 {
    font-size: 1.9em;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--durante  h3 {
    font-size: 2.1em;
  }
  .galeria .galeria__swiper .swiper-button-next, .galeria .galeria__swiper .swiper-button-prev {
    bottom: 256px;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--consejo  h4 {
    font-size: 0.9em;
  }
  .cuidatupiel .cuidatupiel__canvas .swiper .cuidatupiel__canvas--titulo h1 {
    margin-bottom: 5px;
  }
  .extractosnaturales .extractosnaturales__fila h2 {
    font-size: 1.45em;
  }
  header.header .header__top .header__top--logoyfecha img {
    height: 57px;
  }
  .intro .intro__texto h3 {
    font-size: 1.4em;
  }
  .perfil .perfil__in .destinonegocios .destinonegocios__tabslateralycont .destinonegocios__tabslateralycont--tab .tablinks {
    font-size: 0.66em;
  }
  .spotvideo .spotvideo__swiper.swiper h2 {
    font-size: 2em;
  }
  .spotvideo .spotvideo__swiper.swiper h2 a {
    padding: 11px 10px 13px;
    font-size: 0.9em;
  } 
  .spotvideo .spotvideo__swiper.swiper h3 {
    font-size: 1.4em;
  }
  .subscribe p {
    font-size: 1.3em;
  }
}