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

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*$information-adventur-bots1: "(max-width: 1150px)"; 
$information-adventur-bots2: "(max-width: 960px)"; 
$information-adventur-bots3: "(max-width: 800px)"; 

$information-customModalTablet: "only screen and (max-width: 918px)";
$information-customModalPhone: "only screen and (max-width: 678px)";

$information-phoneEdad: "only screen and (max-width : 670px)";
$information-tabletCookies: "only screen and (max-width : 1000px)";*/
/*Font Family*/
/* COLACAO COLORS */
.swiper-button-next:after, .swiper-button-prev:after {
  color: #e42220; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background: white; }

#pagination_duadros .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background: white; }

#pagination_descargas .swiper-horizontal {
  background: #00DBE8; }

#pagination_descargas .swiper-pagination-bullets {
  background: #00DBE8; }

#pagination_descargas .swiper-pagination-bullet {
  background: #00DBE8; }

#pagination_descargas .swiper-pagination-horizontal.swiper-pagination-bullets {
  background: #00DBE8; }

#pagination_descargas .swiper-pagination-bullet {
  background: #00DBE8; }

.mb {
  margin-bottom: 80px; }
  @media (min-width: 905px) {
    .mb {
      margin-bottom: 120px; } }
  @media (min-width: 1024px) {
    .mb {
      margin-bottom: 150px; } }

.dnone {
  display: none; }

.negrita {
  font-family: Montserrat_bold !important; }

/*@mixin user-select{
  -webkit-touch-callout: none; 
  -webkit-user-select: none;
  -khtml-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
}*/
/* Opciones($prop): color, background-color,opacity,..., all */
/*PlaceHolder*/
/*@mixin user-select{
  -webkit-touch-callout: none; 
  -webkit-user-select: none;
  -khtml-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
}*/
/*font-size: get-vw(30px);*/
/*padding-top:get-vw(50px);*/
/*
@font-face {
    font-family: gotham_book;
    src: url(../style/fonts/Gotham-Book.woff) format('woff'), url(../style/fonts/Gotham-Book.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
} 


@font-face {
    font-family: gotham_mediumregular;
    src: url(../style/fonts/ufonts.com_gotham_medium-webfont.eot);
    src: url(../style/fonts/ufonts.com_gotham_medium-webfont.woff) format('woff'), url(../style/fonts/ufonts.com_gotham_medium-webfont.ttf) format('truetype'), url(../style/fonts/ufonts.com_gotham_medium-webfont.svg#gotham_mediumregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gotham_boldregular;
    src: url(../style/fonts/gotham_bold-webfont.eot);
    src: url(../style/fonts/gotham_bold-webfont.woff) format('woff'), url(../style/fonts/gotham_bold-webfont.ttf) format('truetype'), url(../style/fonts/gotham_bold-webfont.svg#gotham_boldregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gotham_lightregular;
    src: url(../style/fonts/ufonts.com_gotham_light-webfont.eot);
    src: url(../style/fonts/ufonts.com_gotham_light-webfont.woff) format('woff'), url(../style/fonts/ufonts.com_gotham_light-webfont.ttf) format('truetype'), url(../style/fonts/ufonts.com_gotham_light-webfont.svg#gotham_lightregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gotham_bold;
    src: url(../style/fonts/gotham-black-webfont.woff2) format('woff2'), url(../style/fonts/gotham-black-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gotham_black;
    src: url(../style/fonts/gotham-black-webfont.woff2) format('woff2'), url(../style/fonts/gotham-black-webfont.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: gotham_ultra;
    src: url(../style/fonts/Gotham-Ultra.woff2) format('woff2'), url(../style/fonts/Gotham-Ultra.woff) format('woff');
    font-weight: 400;
    font-style: normal
}
*/
* {
  margin: 0;
  padding: 0; }

body {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
  margin: 0;
  padding: 0;
  background-color: white; }

/*
  container
*/
#container {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden; }

header {
  position: relative;
  width: 100%;
  height: 92vh;
  min-height: 700px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden; }
  @media only screen and (max-width: 525px) {
    header {
      height: 68vh;
      min-height: 639px; } }
  header .saltohead {
    display: none; }
    @media only screen and (max-width: 525px) {
      header .saltohead {
        display: block; } }
  header .contHead {
    z-index: 1;
    width: 96%;
    display: flex;
    flex-direction: column; }
  header .contHead .up {
    margin-top: 72px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center; }
  header .contHead .up .logo {
    width: 27%;
    max-width: 170px;
    margin-bottom: 3vh; }
  header .contHead .down {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 100%; }
    header .contHead .down .pt1 {
      height: 8%; }
      @media only screen and (max-width: 525px) {
        header .contHead .down .pt1 {
          height: 13%; } }
      header .contHead .down .pt1 h2 {
        font-family: Roboto;
        color: #464646;
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: calc(12px + 0.8vw); }
        @media only screen and (max-width: 525px) {
          header .contHead .down .pt1 h2 {
            font-size: 16px;
            line-height: 1.25; } }
    header .contHead .down .pt2 {
      height: 37%; }
      @media only screen and (max-width: 768px) {
        header .contHead .down .pt2 {
          height: 43%; } }
      @media only screen and (max-width: 525px) {
        header .contHead .down .pt2 {
          height: 26%; } }
      header .contHead .down .pt2 h1 {
        font-family: Novecento-WiodeBold;
        letter-spacing: 0px;
        line-height: 0.91;
        font-size: calc(84px + 1.2vw);
        text-transform: uppercase;
        color: #DF2920;
        margin-bottom: calc(20px + 0.5vw); }
        @media only screen and (max-width: 1024px) {
          header .contHead .down .pt2 h1 {
            font-size: calc(79px + 1.2vw); } }
        @media only screen and (max-width: 900px) {
          header .contHead .down .pt2 h1 {
            font-size: calc(78px + 1.2vw); } }
        @media only screen and (max-width: 768px) {
          header .contHead .down .pt2 h1 {
            font-size: calc(62px + 1.2vw); } }
        @media only screen and (max-width: 525px) {
          header .contHead .down .pt2 h1 {
            font-size: calc(52px + 1.2vw); } }
        header .contHead .down .pt2 h1 span {
          font-size: calc(75px + 1.1vw); }
          @media only screen and (max-width: 1024px) {
            header .contHead .down .pt2 h1 span {
              font-size: calc(70px + 1.2vw); } }
          @media only screen and (max-width: 900px) {
            header .contHead .down .pt2 h1 span {
              font-size: calc(70px + 1.2vw); } }
          @media only screen and (max-width: 768px) {
            header .contHead .down .pt2 h1 span {
              font-size: calc(55px + 1.2vw); } }
          @media only screen and (max-width: 525px) {
            header .contHead .down .pt2 h1 span {
              font-size: calc(47px + 1.2vw); } }
    header .contHead .down .pt3 {
      height: 29%;
      display: flex;
      align-content: center;
      justify-content: center; }
      header .contHead .down .pt3 img {
        cursor: pointer; }
      header .contHead .down .pt3 img {
        width: 60px;
        height: 60px;
        align-self: center; }
      @media only screen and (max-width: 525px) {
        header .contHead .down .pt3 {
          height: 26%; } }
      @media only screen and (max-width: 525px) {
        header .contHead .down .pt3 {
          height: 47%; } }
    header .contHead .down .pt4 {
      display: flex;
      height: 17%;
      justify-content: center;
      align-items: center; }
      header .contHead .down .pt4 p {
        font-family: Roboto;
        color: #464646;
        font-size: 16px; }
      @media only screen and (max-width: 525px) {
        header .contHead .down .pt4 {
          height: 21%; } }
  header .saltaHeader {
    display: block; }
  header .arbolArriba {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0.6);
    transform-origin: 50% 0;
    top: -10%; }
  header .arbolIzq {
    position: absolute;
    left: 0;
    top: 50%;
    transform-origin: 0 50%;
    transform: translateY(-50%) scale(0.6); }
    @media only screen and (max-width: 1024px) {
      header .arbolIzq {
        left: -6%; } }
    @media only screen and (max-width: 900px) {
      header .arbolIzq {
        left: -10%; } }
    @media only screen and (max-width: 768px) {
      header .arbolIzq {
        left: -15%;
        top: 24%; } }
    @media only screen and (max-width: 525px) {
      header .arbolIzq {
        left: -29%; } }
  header .arbolDcha {
    position: absolute;
    right: 0;
    top: 50%;
    transform-origin: 100% 50%;
    transform: translateY(-50%) scale(0.6); }
    @media only screen and (max-width: 1024px) {
      header .arbolDcha {
        right: -6%; } }
    @media only screen and (max-width: 900px) {
      header .arbolDcha {
        right: -10%; } }
    @media only screen and (max-width: 768px) {
      header .arbolDcha {
        right: -15%;
        top: 35%; } }
    @media only screen and (max-width: 525px) {
      header .arbolDcha {
        right: -29%; } }
  header .plato {
    /*width: 42%;
        aspect-ratio: 11.2/7.6;*/
    position: absolute;
    left: 49.5%;
    transform-origin: 50% 100%;
    transform: translateX(-50%) scale(0.7);
    bottom: 0%; }
    @media only screen and (max-width: 900px) {
      header .plato {
        transform: translateX(-50%) scale(0.65); } }
    @media only screen and (max-width: 768px) {
      header .plato {
        transform: translateX(-50%) scale(0.5); } }
    @media only screen and (max-width: 525px) {
      header .plato {
        transform: translateX(-50%) scale(0.42); } }

@media only screen and (max-width: 1720px) {
  .contHead .down h1 {
    line-height: 104px;
    font-size: calc(81px + 1.2vw); }
  .contHead .down p {
    line-height: 23px; } }

@media only screen and (max-width: 1550px) {
  .contHead .down h1 {
    line-height: 100px;
    font-size: calc(80px + 1.2vw); }
  .contHead .down p {
    line-height: 23px; } }

@media only screen and (max-width: 1448px) {
  .contHead .down h1 {
    line-height: 96px;
    font-size: calc(79px + 1.2vw); }
  .contHead .down p {
    line-height: 23px; } }

@media only screen and (max-width: 1248px) {
  .contHead .down h1 {
    line-height: 92px;
    font-size: calc(78px + 1.2vw); }
  .contHead .down p {
    line-height: 22px; } }

@media only screen and (max-width: 1024px) {
  .contHead .down h1 {
    line-height: 88px;
    font-size: calc(77px + 1.2vw); }
  .contHead .down p {
    line-height: 21px; }
  .saltaHeader {
    display: none; } }

@media only screen and (max-width: 900px) {
  .contHead .down h1 {
    line-height: 84px;
    font-size: calc(76px + 1.2vw); }
  .contHead .down p {
    line-height: 21px; } }

@media only screen and (max-width: 768px) {
  .contHead .down h1 {
    line-height: 80px;
    font-size: calc(75px + 1.2vw); }
  .contHead .down p {
    line-height: 20px; } }

@media only screen and (max-width: 640px) {
  .contHead .down h1 {
    line-height: 76px;
    font-size: calc(74px + 1.2vw); }
  .contHead .down p {
    line-height: 20px; } }

@media only screen and (max-width: 525px) {
  .contHead .down h1 {
    line-height: 76px;
    font-size: calc(73px + 1.2vw); } }

.tpl_home {
  position: relative;
  width: 100%;
  /* aspect-ratio: 16/9; */
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden; }
  .tpl_home .bola {
    position: absolute;
    width: 170px;
    top: 14%;
    right: -3px;
    height: 270px;
    z-index: 101; }
    @media only screen and (max-width: 1024px) {
      .tpl_home .bola {
        top: 9%; } }
    @media only screen and (max-width: 640px) {
      .tpl_home .bola {
        right: -8%; } }
    @media only screen and (max-width: 525px) {
      .tpl_home .bola {
        right: -15%;
        top: 13%;
        transform: scale(0.85); } }
  .tpl_home .arbolDcha {
    position: absolute;
    transform: scale(0.6);
    transform-origin: 100% 50%;
    width: 317px;
    height: 1016;
    top: 29%;
    right: -3%;
    z-index: 101; }
    @media only screen and (max-width: 1248px) {
      .tpl_home .arbolDcha {
        right: -6.5%;
        top: 13%; } }
    @media only screen and (max-width: 1024px) {
      .tpl_home .arbolDcha {
        top: 33%;
        right: -4.5%; } }
    @media only screen and (max-width: 525px) {
      .tpl_home .arbolDcha {
        top: 34%;
        right: -19.5%; } }

.top_home {
  margin-top: 0vw;
  background-color: #DF2920; }
  .top_home .texto_top_home {
    margin: 36px 10px; }
    @media only screen and (max-width: 525px) {
      .top_home .texto_top_home {
        margin: 36px 10px; } }

.top_home h2 {
  text-align: center;
  color: #404040;
  font-family: Roboto-black;
  line-height: 28px;
  letter-spacing: 1px;
  font-size: 22px;
  margin: 3vw 27vw 2vw;
  color: white; }
  @media only screen and (max-width: 1448px) {
    .top_home h2 {
      margin: 3vw 27vw 2vw; } }
  @media only screen and (max-width: 1248px) {
    .top_home h2 {
      margin: 3vw 25vw 2vw; } }
  @media only screen and (max-width: 1024px) {
    .top_home h2 {
      margin: 3vw 23vw 2vw; } }
  @media only screen and (max-width: 900px) {
    .top_home h2 {
      margin: 3vw 20vw 2vw; } }
  @media only screen and (max-width: 768px) {
    .top_home h2 {
      margin: 3vw 17vw 2vw; } }
  @media only screen and (max-width: 640px) {
    .top_home h2 {
      margin: 3vw 13vw 2vw; } }
  @media only screen and (max-width: 525px) {
    .top_home h2 {
      margin: 5vw 5vw 3vw; } }
  .top_home h2 span {
    text-decoration: underline; }

.top_home p {
  color: white;
  margin: 0 27vw;
  font-family: Roboto;
  line-height: 21px;
  font-size: 16px;
  text-align: center;
  margin-bottom: calc(48px + 0.5vw); }
  @media only screen and (max-width: 1448px) {
    .top_home p {
      margin: 3vw 27vw; } }
  @media only screen and (max-width: 1248px) {
    .top_home p {
      margin: 3vw 25vw; } }
  @media only screen and (max-width: 1024px) {
    .top_home p {
      margin: 3vw 23vw; } }
  @media only screen and (max-width: 900px) {
    .top_home p {
      margin: 3vw 20vw; } }
  @media only screen and (max-width: 768px) {
    .top_home p {
      margin: 3vw 17vw; } }
  @media only screen and (max-width: 640px) {
    .top_home p {
      margin: 3vw 13vw; } }
  @media only screen and (max-width: 525px) {
    .top_home p {
      margin: 5vw 3vw; } }

.bottom_home {
  background-color: #F4F2EC; }

.bottom_home .bottom_cont {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: calc(50px + 1.5vw); }
  .bottom_home .bottom_cont .bottom_top h2 {
    text-align: center;
    color: #DF2920;
    font-family: Roboto-black;
    line-height: 1.15;
    letter-spacing: 1px;
    font-size: 26px;
    margin: 3vw 6vw 3vw 6vw; }
    .bottom_home .bottom_cont .bottom_top h2 span {
      text-decoration: underline; }
    .bottom_home .bottom_cont .bottom_top h2 .saltoBTOP {
      display: block; }
      @media only screen and (max-width: 768px) {
        .bottom_home .bottom_cont .bottom_top h2 .saltoBTOP {
          display: none; } }
    @media only screen and (max-width: 1024px) {
      .bottom_home .bottom_cont .bottom_top h2 {
        margin: 3vw 6vw 3vw 6vw; } }
    @media only screen and (max-width: 900px) {
      .bottom_home .bottom_cont .bottom_top h2 {
        margin: 4vw 6vw 4vw 6vw; } }
    @media only screen and (max-width: 768px) {
      .bottom_home .bottom_cont .bottom_top h2 {
        margin: 5vw 6vw 5vw 6vw; } }
    @media only screen and (max-width: 640px) {
      .bottom_home .bottom_cont .bottom_top h2 {
        margin: 6vw 6vw 6vw 6vw; } }
    @media only screen and (max-width: 525px) {
      .bottom_home .bottom_cont .bottom_top h2 {
        margin: 9vw 2vw 9vw 2vw; } }
  .bottom_home .bottom_cont .bottom_down {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap; }
    .bottom_home .bottom_cont .bottom_down .alimentos {
      margin: 0vw 5vw;
      display: flex;
      flex-direction: column;
      align-content: space-around;
      align-items: center;
      min-width: 270px;
      max-width: 270px;
      min-height: 367px; }
      @media only screen and (max-width: 768px) {
        .bottom_home .bottom_cont .bottom_down .alimentos {
          margin: 1vw 5vw;
          min-width: 310px;
          max-width: 310px; } }
      @media only screen and (max-width: 640px) {
        .bottom_home .bottom_cont .bottom_down .alimentos {
          margin: 3vw 5vw; } }
      @media only screen and (max-width: 525px) {
        .bottom_home .bottom_cont .bottom_down .alimentos {
          margin: 5vw 5vw; } }
      .bottom_home .bottom_cont .bottom_down .alimentos .imgComida {
        min-height: 245px;
        display: flex;
        align-items: center; }
        .bottom_home .bottom_cont .bottom_down .alimentos .imgComida img {
          width: 100%;
          height: auto; }
      .bottom_home .bottom_cont .bottom_down .alimentos .titComida {
        margin: 1vw 0; }
        .bottom_home .bottom_cont .bottom_down .alimentos .titComida h2 {
          text-align: center;
          color: #404040;
          font-family: Roboto-black;
          letter-spacing: 1px;
          font-size: 22px; }
      .bottom_home .bottom_cont .bottom_down .alimentos .descComida p, .bottom_home .bottom_cont .bottom_down .alimentos .descComida ul {
        text-align: center;
        font-family: Roboto;
        line-height: 22px;
        font-size: 16px; }
      .bottom_home .bottom_cont .bottom_down .alimentos .descComida ul {
        list-style-type: disc;
        padding: 5px 0;
        font-style: italic; }

.ultimaComida {
  margin-bottom: calc(20px + 1vw) !important; }

@media only screen and (max-width: 1720px) {
  .bottom_home .bottom_cont {
    margin-left: 12vw;
    margin-right: 12vw;
    margin-bottom: calc(50px + 1.5vw); } }

@media only screen and (max-width: 1550px) {
  .bottom_home .bottom_cont {
    margin-left: 11vw;
    margin-right: 11vw;
    margin-bottom: calc(50px + 1.5vw); } }

@media only screen and (max-width: 1448px) {
  .bottom_home .bottom_cont {
    margin-left: 10vw;
    margin-right: 10vw;
    margin-bottom: calc(50px + 1.5vw); } }

@media only screen and (max-width: 1248px) {
  .bottom_home .bottom_cont {
    margin-left: 9vw;
    margin-right: 9vw;
    margin-bottom: calc(50px + 1.5vw); } }

@media only screen and (max-width: 1024px) {
  .bottom_home .bottom_cont {
    margin-left: 8vw;
    margin-right: 8vw;
    margin-bottom: calc(0px + .5vw);
    flex-direction: column; }
  .bottom_home .bottom_cont .bottom_down {
    flex-wrap: wrap; }
  .bottom_home .bottom_cont .bottom_down .alimentos {
    margin-top: calc(10px + 1vw); }
  .bottom_home .bottom_cont .bottom_down .alimentos .titComida {
    margin: 2vw 0; }
  .bottom_home .bottom_cont .bottom_down .alimentos .descComida p {
    line-height: 22px; } }

@media only screen and (max-width: 900px) {
  .bottom_home .bottom_cont {
    margin-left: 8vw;
    margin-right: 8vw;
    margin-bottom: calc(0px + .5vw); }
  .bottom_home .bottom_cont .bottom_down .alimentos {
    max-width: 287px;
    min-height: 333px; }
  .bottom_home .bottom_cont .bottom_down .alimentos .titComida {
    margin: 2vw 0; } }

@media only screen and (max-width: 640px) {
  .bottom_home .bottom_cont .bottom_down .alimentos .titComida {
    margin: 2vw 0; } }

@media only screen and (max-width: 525px) {
  .bottom_home .bottom_cont .bottom_down .alimentos .titComida {
    margin: 2vw 0; } }

.tpl_practicas {
  position: relative;
  background-color: white;
  width: 100%;
  background-size: cover;
  overflow: hidden; }

.platoTop {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -850px; }
  @media only screen and (max-width: 1448px) {
    .platoTop {
      top: -875px; } }
  @media only screen and (max-width: 1248px) {
    .platoTop {
      top: -880px; } }

.platoBottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -290px; }
  @media only screen and (max-width: 525px) {
    .platoBottom {
      bottom: -320px; } }

.arbolIzq {
  position: absolute;
  left: 0;
  top: -18%;
  transform-origin: 0 50%;
  transform: translateY(-50%) scale(0.6); }
  @media only screen and (max-width: 768px) {
    .arbolIzq {
      left: -14%;
      top: -14%; } }
  @media only screen and (max-width: 525px) {
    .arbolIzq {
      left: -16%;
      top: -7%; } }

.amasador {
  position: absolute;
  opacity: .8;
  left: -500px;
  top: 223px;
  transform-origin: 0 100%;
  transform: translateY(-50%) scale(0.75); }

.arbolDcha {
  position: absolute;
  right: -1%;
  top: 117%;
  transform-origin: 100% 50%;
  transform: translateY(-50%) scale(0.6); }
  @media only screen and (max-width: 525px) {
    .arbolDcha {
      right: -19%;
      top: 113%; } }

.batidor {
  position: absolute;
  right: -8%;
  top: 32%;
  transform-origin: 100% 50%;
  transform: translateY(-50%) scale(0.6); }
  @media only screen and (max-width: 900px) {
    .batidor {
      right: -26%; } }
  @media only screen and (max-width: 640px) {
    .batidor {
      right: -37%; } }
  @media only screen and (max-width: 525px) {
    .batidor {
      right: -51%;
      top: 15%; } }

.huevos {
  position: absolute;
  left: -7%;
  top: 92%;
  transform-origin: 0 100%;
  transform: translateY(-50%) scale(0.8); }
  @media only screen and (max-width: 768px) {
    .huevos {
      left: -25%;
      top: 94%;
      transform: translateY(-50%) scale(0.7); } }
  @media only screen and (max-width: 525px) {
    .huevos {
      left: -52%;
      top: 95%; } }

.prac_top {
  position: relative;
  width: 100%;
  z-index: 101; }
  .prac_top h2 {
    text-align: center;
    color: #DF2920;
    font-family: Roboto-black;
    line-height: 1.15;
    letter-spacing: 1px;
    font-size: 26px;
    padding: 5vw 27vw 3vw; }
    @media only screen and (max-width: 1448px) {
      .prac_top h2 {
        padding: 5vw 27vw 3vw; } }
    @media only screen and (max-width: 1248px) {
      .prac_top h2 {
        padding: 5vw 25vw 3vw; } }
    @media only screen and (max-width: 1024px) {
      .prac_top h2 {
        padding: 5vw 23vw 3vw; } }
    @media only screen and (max-width: 900px) {
      .prac_top h2 {
        padding: 5vw 20vw 3vw; } }
    @media only screen and (max-width: 768px) {
      .prac_top h2 {
        padding: 5vw 17vw 3vw; } }
    @media only screen and (max-width: 640px) {
      .prac_top h2 {
        padding: 5vw 13vw 3vw; } }
    @media only screen and (max-width: 525px) {
      .prac_top h2 {
        padding: 10vw 5vw 4.5vw; } }
    .prac_top h2 span {
      text-decoration: underline; }

.prac_bottom {
  padding-bottom: calc(80px + 2vw); }
  .prac_bottom .bolasCont .bola {
    width: 240px;
    min-height: 240px;
    min-width: 240px;
    margin: 0.5vw 22px;
    height: auto !important; }
    .prac_bottom .bolasCont .bola .bolaCosas {
      position: relative;
      text-align: left;
      min-height: 240px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .prac_bottom .bolasCont .bola .bolaCosas .num {
        font-family: Roboto-black;
        color: #DF2920;
        font-size: 38px;
        margin: 0 0 0.8vw;
        opacity: 1; }
        .prac_bottom .bolasCont .bola .bolaCosas .num span {
          font-size: 15px;
          display: inline-block;
          padding: 3px 6px 2px;
          border: solid 2px #DF2920;
          margin-left: 5px;
          line-height: 1;
          transform: translateY(-8px); }
      .prac_bottom .bolasCont .bola .bolaCosas h3 {
        font-family: Roboto;
        font-weight: 900;
        color: #464646;
        font-size: 20px;
        min-height: 66px;
        display: flex;
        line-height: 1.1;
        flex-direction: column; }
      .prac_bottom .bolasCont .bola .bolaCosas a {
        text-decoration: none !important;
        color: black;
        cursor: pointer;
        margin-top: auto; }
      .prac_bottom .bolasCont .bola .bolaCosas p {
        font-family: Roboto;
        color: #464646;
        line-height: 1.18;
        font-size: 16px;
        text-decoration: none !important;
        margin-bottom: 1.1vw; }
      .prac_bottom .bolasCont .bola .bolaCosas .mas {
        cursor: pointer;
        width: fit-content;
        color: white;
        border-radius: 22px;
        padding: 10px 21px;
        font-family: Roboto;
        font-weight: 900;
        font-size: 13px;
        background-color: #DF2920; }

.recetas-paginacion {
  display: flex;
  justify-content: flex-end;
  max-width: 90vw;
  margin: 40px auto 0 auto;
  position: relative;
  z-index: 999; }
  .recetas-paginacion > div {
    margin: 0 6px;
    cursor: pointer;
    position: relative;
    z-index: 99; }
    @media screen and (min-width: 1410px) {
      .recetas-paginacion > div {
        opacity: 0;
        pointer-events: none; } }
  .recetas-paginacion .btn-next {
    transform: scaleX(-1); }

@media only screen and (max-width: 1720px) {
  .prac_bottom .bolasCont .bola .bolaCosas p {
    margin-bottom: 0.5vw; } }

@media only screen and (max-width: 1550px) {
  .prac_bottom .bolasCont .bola .bolaCosas p {
    margin-bottom: 0.8vw; } }

@media only screen and (max-width: 1448px) {
  .prac_bottom .bolasCont .bola .bolaCosas p {
    margin-bottom: 1vw; } }

@media only screen and (max-width: 1248px) {
  .prac_bottom .bolasCont {
    flex-wrap: wrap; } }

@media only screen and (max-width: 1024px) {
  .prac_bottom .bolasCont .bola {
    margin: 1.5vw 3vw; }
  .prac_bottom .bolasCont .bola .bolaCosas p {
    margin-bottom: 1.5vw; } }

@media only screen and (max-width: 900px) {
  .prac_bottom .bolasCont .bola .bolaCosas p {
    margin-bottom: 2vw; } }

@media only screen and (max-width: 525px) {
  .prac_bottom .bolasCont .bola {
    margin: 2.5vw 4vw;
    width: 300px;
    height: 200px;
    min-height: 200px;
    min-width: 240px; }
    .prac_bottom .bolasCont .bola .bolaCosas {
      height: 240px; }
      .prac_bottom .bolasCont .bola .bolaCosas h3 {
        min-height: 45px; }
      .prac_bottom .bolasCont .bola .bolaCosas p {
        margin-bottom: 3.5vw; } }

.tpl_webinars {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  background-color: #F4F2EC; }
  .tpl_webinars .arbolIzq {
    position: absolute;
    left: -1%;
    top: 54%;
    transform-origin: 0 50%;
    transform: translateY(-50%) scale(0.6); }
    @media only screen and (max-width: 1720px) {
      .tpl_webinars .arbolIzq {
        left: -2%;
        top: 44%; } }
    @media only screen and (max-width: 1550px) {
      .tpl_webinars .arbolIzq {
        left: -3%;
        top: 34%; } }
    @media only screen and (max-width: 1448px) {
      .tpl_webinars .arbolIzq {
        left: -4%;
        top: 30%; } }
    @media only screen and (max-width: 1248px) {
      .tpl_webinars .arbolIzq {
        left: -6%;
        top: 28%; } }
    @media only screen and (max-width: 1024px) {
      .tpl_webinars .arbolIzq {
        left: -8%;
        top: 27%; } }
    @media only screen and (max-width: 900px) {
      .tpl_webinars .arbolIzq {
        left: -10%;
        top: 23%; } }
    @media only screen and (max-width: 768px) {
      .tpl_webinars .arbolIzq {
        left: -13%;
        top: 56%; } }
    @media only screen and (max-width: 525px) {
      .tpl_webinars .arbolIzq {
        left: -25%;
        top: 53%; } }

.top_webinars {
  margin-top: calc(35px + 1.5vw);
  text-align: center;
  z-index: 1; }

.top_webinars h3 {
  font-family: Roboto-black;
  font-size: 16px;
  text-transform: uppercase;
  color: #464646;
  margin-bottom: calc(10px + 0.2vw); }

.top_webinars h2 {
  text-align: center;
  color: #DF2920;
  font-family: Roboto-black;
  line-height: 1.15;
  letter-spacing: 1px;
  font-size: 26px;
  margin-bottom: 1vw;
  margin-left: 5vw;
  margin-right: 5vw; }
  .top_webinars h2 span {
    text-decoration: underline; }

.top_webinars p {
  margin-left: 26vw;
  margin-right: 26vw;
  font-family: Roboto;
  line-height: 23px;
  color: #464646;
  font-size: 16px;
  margin-bottom: calc(35px + 1.2vw); }

.bottom_webinars {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(25px + 1vw); }
  .bottom_webinars .ponentes-carousel-box {
    margin: 0 auto;
    width: 70%;
    position: relative; }
    .bottom_webinars .ponentes-carousel-box .btn-next, .bottom_webinars .ponentes-carousel-box .btn-prev {
      cursor: pointer;
      position: absolute;
      z-index: 99;
      top: 50%; }
    .bottom_webinars .ponentes-carousel-box .btn-prev {
      transform: translateY(-50%);
      right: 104%; }
    .bottom_webinars .ponentes-carousel-box .btn-next {
      transform: scaleX(-1) translateY(-50%);
      left: 104%; }
    .bottom_webinars .ponentes-carousel-box .swiper-wrapper .swiper-slide {
      height: auto !important; }

.ponentes {
  display: flex;
  align-content: flex-start;
  justify-content: flex-start !important;
  flex-direction: column;
  padding: 0 20px;
  box-sizing: border-box; }
  .ponentes .tit {
    display: flex;
    font-family: Roboto-black;
    color: #464646;
    font-size: 22px;
    margin-right: 4vw;
    line-height: 1.15;
    letter-spacing: 0.8PX;
    min-height: 42px;
    margin-bottom: calc(7px + 1vw); }
    .ponentes .tit .fotomovil {
      display: none; }
      .ponentes .tit .fotomovil img {
        margin-right: 15px; }
  .ponentes .info {
    display: flex;
    flex-grow: 2; }
    .ponentes .info .foto {
      display: flex;
      align-content: center;
      justify-content: center;
      align-items: flex-start;
      margin-right: 18px; }
    .ponentes .info .datos {
      display: flex;
      flex-direction: column; }
      .ponentes .info .datos .nom {
        font-family: Roboto-Italic;
        font-weight: 900;
        color: #464646;
        font-size: 17px;
        margin-bottom: calc(6px + 0.2vw); }
      .ponentes .info .datos .desc {
        font-family: Roboto-Italic;
        line-height: 19px;
        font-size: 16px;
        color: #464646;
        margin-bottom: calc(12px + 0.2vw); }
      .ponentes .info .datos a {
        text-decoration: none;
        margin-top: auto; }
      .ponentes .info .datos .boton {
        width: fit-content;
        color: white;
        border-radius: 22px;
        padding: 10px 21px;
        font-family: Roboto;
        font-weight: 900;
        font-size: 13px;
        background-color: #DF2920; }

@media only screen and (max-width: 1720px) {
  .top_webinars h2 {
    margin-left: 5vw;
    margin-right: 5vw; } }

@media only screen and (max-width: 1550px) {
  .top_webinars h2 {
    margin-left: 6vw;
    margin-right: 6vw; }
  .top_webinars p {
    margin-left: 24vw;
    margin-right: 24vw;
    line-height: 22px; } }

@media only screen and (max-width: 1448px) {
  .top_webinars h2 {
    margin-left: 9vw;
    margin-right: 9vw; } }

@media only screen and (max-width: 1248px) {
  .top_webinars h2 {
    margin-left: 12vw;
    margin-right: 12vw; }
  .top_webinars p {
    margin-left: 23vw;
    margin-right: 23vw;
    line-height: 22px; } }

@media only screen and (max-width: 1024px) {
  .top_webinars h2 {
    margin-left: 14vw;
    margin-right: 14vw;
    margin-bottom: 1.2vw; }
  .ponentes .datos .desc {
    line-height: 18px; } }

@media only screen and (max-width: 900px) {
  .top_webinars h2 {
    margin-left: 10vw;
    margin-right: 10vw;
    margin-bottom: 1.3vw; }
  .top_webinars p {
    margin-left: 13vw;
    margin-right: 13vw;
    line-height: 22px; }
  .bottom_webinars {
    flex-wrap: wrap; }
  .ponentes {
    margin-bottom: 3vw; }
    .ponentes .info {
      min-height: 150px; }
    .ponentes .foto {
      display: none; }
    .ponentes .datos .tit {
      align-items: center; }
      .ponentes .datos .tit span {
        margin-left: 2vw; }
      .ponentes .datos .tit .fotomovil {
        display: block; } }

@media only screen and (max-width: 768px) {
  .top_webinars h2 {
    margin-left: 17vw;
    margin-right: 17vw;
    margin-bottom: 1.4vw; }
  .top_webinars p {
    margin-left: 11vw;
    margin-right: 11vw;
    line-height: 22px; }
  .ponentes {
    margin-bottom: 5vw; }
  .ponentes .datos .desc {
    line-height: 19px; } }

@media only screen and (max-width: 640px) {
  .salto {
    display: none; }
  .top_webinars h2 {
    margin-left: 19vw;
    margin-right: 19vw;
    margin-bottom: 1.5vw; }
  .top_webinars p {
    margin-left: 9vw;
    margin-right: 9vw;
    line-height: 22px; }
  .ponentes {
    margin-bottom: 6vw; } }

@media only screen and (max-width: 525px) {
  .top_webinars h2 {
    margin-left: 21vw;
    margin-right: 21vw;
    margin-bottom: 1.7vw; }
  .top_webinars p {
    margin-left: 11vw;
    margin-right: 11vw;
    line-height: 22px; }
  .ponentes {
    margin-bottom: 7vw; } }

.tpl_descargas {
  position: relative;
  width: 100%;
  /* aspect-ratio: 16/9; */
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: calc(30px + 1vw); }

.top_descargas {
  margin-top: 3.5vw; }

.top_descargas h3 {
  text-align: center;
  font-family: Roboto;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 22px;
  font-size: 22px;
  margin-top: 0;
  line-height: 30px;
  margin-bottom: 0.85vw;
  margin-left: 15vw;
  margin-right: 15vw; }

.top_descargas h2 {
  text-align: center;
  color: black;
  font-family: Roboto-black;
  line-height: 28px;
  letter-spacing: 1px;
  font-size: 25px;
  margin-bottom: 2vw;
  margin-left: 15vw;
  margin-right: 15vw; }
  .top_descargas h2 span {
    text-decoration: underline; }

.middle_descargas {
  /*background-size: cover;
        background-position: center;
        background-repeat: no-repeat;*/
  /*background: linear-gradient(
                to bottom,
                #00DBE8 0%,
                #00DBE8 60%,
                white 60%,
                white 100%
        );*/ }

.cuadracosContainer {
  /*display: flex;
            justify-content: space-between;*/ }

.swiper .swiper-slide {
  display: flex;
  justify-content: center; }

.cuadracosContainer .cuadracos {
  background: #F4F4F4;
  width: 240px;
  height: 240px;
  min-width: 240px;
  min-height: 240px;
  margin: 28px 0px;
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%; }

.conDracosDescarga {
  margin-left: 22px;
  margin-top: 22px;
  display: flex;
  flex-direction: column;
  width: 196px;
  height: 177px; }

.conNum {
  flex: 8%;
  display: flex;
  align-content: flex-end;
  flex-direction: row;
  align-items: flex-end; }

.conNum span {
  text-align: left;
  color: #00DBE8;
  font-family: Roboto;
  line-height: 32px;
  letter-spacing: 8px;
  font-size: calc(37px);
  letter-spacing: 2px; }

.conDesDescarga {
  display: flex;
  flex: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: row; }

.pointercursor {
  cursor: pointer; }

.conDesDescarga p {
  text-align: center;
  color: white;
  font-weight: 700;
  font-family: Roboto;
  line-height: 22px;
  margin-top: 2.7vw; }

.conLinkDescargas {
  flex: 25%;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  cursor: pointer; }

.conLinkDescargas a {
  display: flex;
  flex-direction: column;
  text-decoration: underline;
  text-align: left;
  color: black;
  font-family: Roboto-Italic;
  font-size: calc(16px);
  align-self: center; }

.conLinkDescargas .maslink {
  display: inline-block;
  text-align: left;
  color: #404040;
  font-family: Montserrat_bold;
  font-size: calc(29px);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  align-self: center;
  margin-top: 10px; }

.conLinkDescargas .maslink span {
  position: relative;
  left: 0px;
  top: 0px;
  font-size: calc(25px);
  font-family: Montserrat_bold;
  color: white; }

#pagination_descargas {
  bottom: var(--swiper-pagination-bottom, -2px) !important; }

.bottom_descargas {
  background-color: white; }

.bottom_descargas .bottom_cont {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin: 2vw 0vw;
  margin-bottom: 4vw; }

.bottom_descargas .bottom_cont .bottom_izq {
  flex: 59%; }

.bottom_descargas .bottom_cont .bottom_dcha {
  flex: 80%;
  margin: 4vw 7vw; }

.bottom_izq_lin1 p {
  color: #00DBE8;
  font-family: Montserrat_bold;
  letter-spacing: 10px; }

.bottom_izq_lin2 {
  margin-top: 1.2vw;
  margin-bottom: .7vw; }

.bottom_izq_lin2 p {
  color: white;
  font-family: Montserrat_light;
  font-size: calc(14px + .3vw);
  letter-spacing: 10px;
  line-height: 22px; }

.bottom_izq_lin3 p {
  color: white;
  font-family: Montserrat_lghIta;
  font-size: calc(10px + .3vw);
  letter-spacing: 1px; }

.bottom_izq_lin4 {
  display: flex;
  flex-direction: row;
  margin-top: 2vw; }

@media only screen and (max-width: 1448px) {
  .top_descargas {
    margin-top: 3vw; }
  .top_descargas h2 {
    line-height: 29px; } }

@media only screen and (max-width: 1248px) {
  .top_descargas {
    margin-top: 3vw; }
  .top_descargas h2 {
    line-height: 29px; }
  .bottom_descargas .bottom_cont .bottom_dcha {
    flex: 80%;
    margin: 4vw 3vw; }
  .medico_info {
    margin-right: 3vw; }
  .brtopdescargas {
    display: none; } }

@media only screen and (max-width: 1024px) {
  .cuadracosContainer .cuadracos {
    width: 212px;
    height: 212px;
    min-width: 212px;
    min-height: 212px; }
  .bottom_descargas .bottom_cont {
    flex-direction: column;
    margin: 2vw 0vw;
    margin-bottom: 0vw; }
  .bottom_descargas .bottom_cont .bottom_izq {
    width: 92%; }
  .bottom_descargas .bottom_cont .bottom_dcha {
    margin: 2vw 5vw; }
  .medico_nombre {
    margin-top: 0.5vw;
    margin-bottom: 1.2vw; }
  .medico_foto {
    margin-top: 2vw; }
  .bottom_izq_lin2 {
    margin-top: 1.2vw;
    margin-bottom: 1vw; }
  .bottom_izq_lin4 {
    flex-direction: column-reverse;
    margin-top: 3vw; }
  .conDracosDescarga {
    margin-left: 20px;
    margin-top: 9px;
    display: flex;
    flex-direction: column;
    width: 172px;
    height: 185px; }
  .conNum span {
    line-height: 32px;
    font-size: calc(31px); }
  .conDesDescarga {
    flex: 42%; }
  .conDesDescarga p {
    margin-top: 6.7vw; }
  .conLinkDescargas a {
    font-size: calc(16px); }
  .conLinkDescargas .maslink {
    width: 32px;
    height: 32px;
    margin-top: 10px; }
  .conLinkDescargas .maslink span {
    font-size: calc(22px);
    left: 0px;
    top: 0px;
    transform: scale(0.95); }
  .top_descargas {
    margin-top: 3vw; }
  .top_descargas h2 {
    line-height: 29px; } }

@media only screen and (max-width: 900px) {
  .top_descargas {
    margin-top: 3vw; }
  .top_descargas h2 {
    line-height: 29px; }
  .brtitdescargas {
    display: none; } }

@media only screen and (max-width: 768px) {
  .top_descargas {
    margin-top: 3vw; }
  .top_descargas h2 {
    margin-left: 12vw;
    margin-right: 12vw;
    line-height: 29px; }
  .bottom_descargas .bottom_cont .bottom_izq {
    width: 94%; }
  .bottom_descargas .bottom_cont .bottom_dcha {
    margin: 6vw 9vw;
    margin-bottom: 3vw; }
  .bottom_izq_lin4 {
    margin-top: 4vw; }
  .medico_nombre {
    margin-top: 0.8vw;
    margin-bottom: 1.5vw; } }

@media only screen and (max-width: 640px) {
  .top_descargas {
    margin-top: 4vw; }
  .top_descargas h2 {
    line-height: 28px; }
  .brReco1 {
    display: none; }
  .brReco2 {
    display: none; } }

@media only screen and (max-width: 525px) {
  .bottom_descargas .bottom_cont {
    margin: 4vw 0vw;
    margin-bottom: 0vw; }
  .top_descargas {
    margin-top: 4vw; }
  .top_descargas h2 {
    line-height: 27px; }
  .bottom_descargas .bottom_cont .bottom_izq {
    width: 94%; }
  .bottom_descargas .bottom_cont .bottom_dcha {
    margin: 6vw 9vw;
    margin-bottom: 3vw; }
  .bottom_izq_lin3 p {
    line-height: 18px; }
  .bottom_izq_lin2 {
    margin-top: 1.9vw;
    margin-bottom: 1.6vw; }
  .bottom_izq_lin4 {
    margin-top: 6vw; } }

@media only screen and (max-width: 360px) {
  .top_descargas {
    margin-top: 5vw; } }

@media only screen and (max-width: 320px) {
  .top_descargas {
    margin-top: 5vw; } }

.tpl_salud {
  position: relative;
  width: 100%;
  /* aspect-ratio: 16/9; */
  height: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  background-color: #F4F2EC;
  background-size: cover; }
  .tpl_salud .plato {
    position: absolute;
    opacity: 0.8;
    left: 49.5%;
    transform-origin: 50% 100%;
    transform: translateX(-50%) scale(0.92);
    bottom: 6%; }
    @media only screen and (max-width: 1248px) {
      .tpl_salud .plato {
        transform: translateX(-50%) scale(0.82); } }
    @media only screen and (max-width: 1024px) {
      .tpl_salud .plato {
        transform: translateX(-50%) scale(0.72);
        bottom: 6%; } }
    @media only screen and (max-width: 900px) {
      .tpl_salud .plato {
        transform: translateX(-50%) scale(0.65);
        bottom: 5%; } }
    @media only screen and (max-width: 768px) {
      .tpl_salud .plato {
        transform: translateX(-50%) scale(0.5);
        bottom: 4%; } }
    @media only screen and (max-width: 525px) {
      .tpl_salud .plato {
        transform: translateX(-50%) scale(0.42);
        bottom: 3%; } }
  .tpl_salud .vino {
    position: absolute;
    left: 155px;
    top: -120px;
    transform-origin: 50% 100%;
    transform: translateX(-50%) scale(0.75); }
    @media only screen and (max-width: 1024px) {
      .tpl_salud .vino {
        left: 75px;
        top: -140px; } }
    @media only screen and (max-width: 768px) {
      .tpl_salud .vino {
        left: 52px;
        top: -169px;
        transform: translateX(-50%) scale(0.65); } }
    @media only screen and (max-width: 640px) {
      .tpl_salud .vino {
        left: 0px; } }
    @media only screen and (max-width: 525px) {
      .tpl_salud .vino {
        top: -128px; } }
  .tpl_salud .pan {
    position: absolute;
    right: -310px;
    top: -111px;
    transform-origin: 100% 90%;
    transform: translateX(-50%) scale(0.75); }
    @media only screen and (max-width: 1024px) {
      .tpl_salud .pan {
        right: -387px;
        top: -131px;
        transform: translateX(-50%) scale(0.65); } }
    @media only screen and (max-width: 768px) {
      .tpl_salud .pan {
        right: -355px;
        top: -154px;
        transform: translateX(-50%) scale(0.55); } }
    @media only screen and (max-width: 640px) {
      .tpl_salud .pan {
        right: -405px; } }
    @media only screen and (max-width: 525px) {
      .tpl_salud .pan {
        top: -124px; } }
  .tpl_salud .arbolDcha {
    position: absolute;
    right: -1%;
    top: 111%;
    transform-origin: 100% 50%;
    transform: translateY(-50%) scale(0.6); }
    @media only screen and (max-width: 525px) {
      .tpl_salud .arbolDcha {
        right: -19%;
        top: 105%; } }

.top_salud {
  z-index: 101;
  margin-top: 6.5vw;
  margin-bottom: 1vw; }
  @media only screen and (max-width: 1720px) {
    .top_salud {
      margin-top: 7.5vw;
      margin-bottom: 1.5vw; } }
  @media only screen and (max-width: 1550px) {
    .top_salud {
      margin-top: 8.5vw;
      margin-bottom: 2vw; } }
  @media only screen and (max-width: 1448px) {
    .top_salud {
      margin-top: 9.5vw;
      margin-bottom: 2.5vw; } }
  @media only screen and (max-width: 1248px) {
    .top_salud {
      margin-top: 10.5vw;
      margin-bottom: 3vw; } }
  @media only screen and (max-width: 1024px) {
    .top_salud {
      margin-top: 11.5vw;
      margin-bottom: 3.5vw; } }
  @media only screen and (max-width: 900px) {
    .top_salud {
      margin-top: 12.5vw;
      margin-bottom: 4vw; } }
  @media only screen and (max-width: 768px) {
    .top_salud {
      margin-top: 13.5vw;
      margin-bottom: 4.5vw; } }
  @media only screen and (max-width: 525px) {
    .top_salud {
      margin-top: 14.5vw;
      margin-bottom: 5vw; } }

.top_salud h3 {
  text-align: center;
  font-family: Roboto;
  font-weight: 700;
  color: #464646;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 0;
  line-height: 1.5;
  margin-bottom: 1vw;
  margin-left: 15vw;
  margin-right: 15vw; }
  @media only screen and (max-width: 1550px) {
    .top_salud h3 {
      margin-bottom: 1.5vw; } }
  @media only screen and (max-width: 1248px) {
    .top_salud h3 {
      margin-bottom: 2vw; } }
  @media only screen and (max-width: 900px) {
    .top_salud h3 {
      margin-bottom: 2.5vw; } }
  @media only screen and (max-width: 525px) {
    .top_salud h3 {
      margin-bottom: 3vw; } }

.top_salud h2 {
  text-align: center;
  color: #DF2920;
  font-family: Roboto-black;
  line-height: 1.18;
  letter-spacing: 1px;
  font-size: 28px;
  margin-bottom: 2vw;
  margin-left: 15vw;
  margin-right: 15vw; }
  .top_salud h2 span {
    text-decoration: underline; }

.middle_salud {
  position: relative;
  margin-bottom: 3vw;
  max-width: 1500px;
  left: 50%;
  transform: translateX(-50%); }

.saludContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }

.container > div {
  flex: 50%; }

.saludContainer .saludaco {
  position: relative;
  margin: 1vw 1vw;
  background: white;
  width: 271px;
  height: 470px;
  border-top-left-radius: 20px 20px;
  border-top-right-radius: 20px 20px;
  border-bottom-left-radius: 20px 20px;
  border-bottom-right-radius: 20px 20px;
  display: flex;
  flex-direction: column; }

.nuevo {
  position: absolute;
  left: 18px;
  top: 18px;
  max-width: 80px; }
  .nuevo img {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    width: 100%; }

.foto_sal img {
  border-top-left-radius: 20px 20px;
  border-top-right-radius: 20px 20px; }

.tit_sal {
  margin: 1vw 1vw;
  margin-bottom: 0.5vw; }

.tit_sal h1 {
  color: #464646;
  font-family: Roboto;
  font-weight: 900;
  line-height: 27px;
  font-size: 22px; }

.dec_sal {
  margin: 0vw 1vw;
  margin-bottom: 1vw; }

.dec_sal p {
  text-align: left;
  font-family: Roboto;
  line-height: 8px;
  font-size: 16px;
  margin-top: 0;
  line-height: 21px; }

.bot_sal {
  margin: 0vw 1vw;
  margin-top: auto;
  margin-bottom: 1.5vw; }

a {
  text-decoration: none; }

.bot_sal span {
  width: fit-content;
  color: white;
  border-radius: 22px;
  padding: 10px 36px;
  font-family: Roboto;
  font-weight: 900;
  font-size: 13px;
  background-color: #DF2920; }

.bot_sal span a {
  text-decoration: none;
  color: white !important; }

.articulos {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(20px + 0.1vw); }
  .articulos .mas {
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    margin-bottom: calc(10px + 0.1vw);
    cursor: pointer; }
  .articulos .vermas {
    font-family: Roboto-Italic;
    color: #464646;
    font-size: 16px;
    text-decoration: underline;
    margin-bottom: calc(15px + .4vw);
    cursor: pointer; }
  .articulos .info {
    font-family: Roboto;
    color: #464646;
    font-size: 16px;
    margin-left: 8vw;
    margin-right: 8vw;
    text-align: center;
    margin-bottom: 0.5vw;
    line-height: 21px; }
    .articulos .info a {
      text-decoration: underline;
      color: #464646; }

.visivermas {
  display: none; }

@media only screen and (max-width: 1720px) {
  /*.top_salud {
            margin-top: 3.5vw;
            margin-bottom: 1vw;
        }*/
  .saludContainer .saludaco {
    margin: 1vw 1vw; } }

@media only screen and (max-width: 1550px) {
  /*.top_salud {
            margin-top: 3.5vw;
            margin-bottom: 1.2vw;
        }*/
  .saludContainer .saludaco {
    margin: 1vw 1vw; } }

@media only screen and (max-width: 1448px) {
  /*.top_salud {
            margin-top: 3.5vw;
            margin-bottom: 1.5vw;
        }*/
  .middle_salud {
    margin-bottom: 3vw; }
  .saludContainer .saludaco {
    margin: 1vw 1vw; }
  .tit_sal {
    margin: 1vw 1.5vw;
    margin-bottom: 1.1vw; }
  .dec_sal {
    margin: 0vw 1.5vw;
    margin-bottom: 1.1vw; }
  .bot_sal {
    margin: 0vw 1.5vw;
    margin-top: auto;
    margin-bottom: 2vw; } }

@media only screen and (max-width: 1248px) {
  /*.top_salud {
            margin-top: 4.5vw;
            margin-bottom: 1.8vw;
        }*/
  .middle_salud {
    margin-bottom: 3vw; }
  .saludContainer .saludaco {
    margin: 1vw 1vw; }
  .brtopsalud {
    display: none; }
  .tit_sal {
    margin: 1vw 2vw;
    margin-bottom: 1.2vw; }
  .dec_sal {
    margin: 0vw 2vw;
    margin-bottom: 1.2vw; }
  .bot_sal {
    margin: 0vw 2vw;
    margin-top: auto;
    margin-bottom: 2.5vw; } }

@media only screen and (max-width: 1024px) {
  /* .top_salud {
            margin-top: 5.5vw;
            margin-bottom: 2vw;
        }*/
  .saludContainer .saludaco {
    margin: 1.2vw 1vw; }
  .middle_salud {
    margin-bottom: 3vw; }
  .tit_sal {
    margin: 1vw 2.5vw;
    margin-bottom: 1.5vw; }
  .dec_sal {
    margin: 0vw 2.5vw;
    margin-bottom: 1.5vw; }
  .bot_sal {
    margin: 0vw 2.5vw;
    margin-top: auto;
    margin-bottom: 2.5vw; } }

@media only screen and (max-width: 900px) {
  /* .top_salud {
            margin-top: 7vw;
            margin-bottom: 3vw;
        }*/
  .middle_salud {
    margin-bottom: 3vw; }
  .saludContainer .saludaco {
    margin: 1.5vw 1vw; }
  .brtitsalud {
    display: none; }
  .tit_sal {
    margin: 1vw 2.8vw;
    margin-bottom: 1.8vw; }
  .dec_sal {
    margin: 0vw 2.8vw;
    margin-bottom: 1.8vw; }
  .bot_sal {
    margin: 0vw 2.8vw;
    margin-top: auto;
    margin-bottom: 3vw; } }

@media only screen and (max-width: 768px) {
  /*.top_salud {
            margin-top: 7.5vw;
            margin-bottom: 3.5vw;
        }*/
  .top_salud h3 {
    margin-left: 10vw;
    margin-right: 10vw; }
  .middle_salud {
    margin-bottom: 3vw; }
  .saludContainer .saludaco {
    margin: 1.7vw 1vw; }
  .tit_sal {
    margin: 1vw 3.2vw;
    margin-bottom: 2vw; }
  .dec_sal {
    margin: 0vw 3.2vw;
    margin-bottom: 2vw; }
  .bot_sal {
    margin: 0vw 3.2vw;
    margin-top: auto;
    margin-bottom: 3.5vw; } }

@media only screen and (max-width: 640px) {
  /* .top_salud {
            margin-top: 8vw;
            margin-bottom: 4vw;
        }*/
  .top_salud h3 {
    margin-left: 9vw;
    margin-right: 9vw; }
  .middle_salud {
    margin-bottom: 4vw; }
  .saludContainer .saludaco {
    margin: 1.9vw 1vw; }
  .tit_sal {
    margin: 1vw 3.6vw;
    margin-bottom: 2.3vw; }
  .dec_sal {
    margin: 0vw 3.6vw;
    margin-bottom: 2.3vw; }
  .bot_sal {
    margin: 0vw 3.6vw;
    margin-top: auto;
    margin-bottom: 4vw; } }

@media only screen and (max-width: 525px) {
  /* .top_salud {
            margin-top: 10vw;
            margin-bottom: 4.5vw;
        }*/
  .top_salud h3 {
    margin-left: 6.5vw;
    margin-right: 6.5vw; }
  .saludContainer .saludaco {
    margin: 2vw 1vw; }
  .tit_sal {
    margin: 2vw 4vw;
    margin-bottom: 2.5vw; }
  .dec_sal {
    margin: 0vw 4vw;
    margin-bottom: 2.5vw; }
  .bot_sal {
    margin: 0vw 4vw;
    margin-top: auto;
    margin-bottom: 4.5vw; } }

@media only screen and (max-width: 360px) {
  .middle_salud {
    margin-bottom: 5vw; } }

@media only screen and (max-width: 320px) {
  .middle_salud {
    margin-bottom: 5vw; } }

.videoContainer {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100vw;
  height: 100%;
  display: none;
  opacity: 0; }
  .videoContainer #youtube {
    width: 100%;
    aspect-ratio: 16 / 9; }
  .videoContainer .contenedora {
    max-width: 950px;
    z-index: 3;
    position: absolute;
    width: 85%;
    aspect-ratio: 16 / 9;
    left: 50%;
    top: 5%;
    transform: translateX(-50%);
    background-color: white;
    border-radius: 15px; }
    @media only screen and (max-width: 525px) {
      .videoContainer .contenedora {
        width: 91%; } }
    .videoContainer .contenedora .cerrar {
      position: absolute;
      right: 10px;
      top: 10px;
      cursor: pointer;
      font-family: Roboto;
      color: #464646;
      font-size: 20px; }
      @media only screen and (max-width: 525px) {
        .videoContainer .contenedora .cerrar {
          right: 7px;
          top: 4px; } }
      @media only screen and (max-width: 525px) {
        .videoContainer .contenedora .cerrar svg {
          max-width: 15px; } }
    .videoContainer .contenedora .video {
      border-radius: 5px;
      position: absolute;
      left: 5%;
      top: 5%;
      width: 90%;
      aspect-ratio: 16 / 9;
      border-radius: 15px;
      overflow: hidden; }
      .videoContainer .contenedora .video .motivo {
        border-radius: 5px;
        position: absolute;
        z-index: 101;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #DF2920; }
        .videoContainer .contenedora .video .motivo .bolita {
          position: absolute;
          right: -116px;
          bottom: -104px;
          transform-origin: 0 0;
          transform: scale(0.9); }
          @media only screen and (max-width: 1024px) {
            .videoContainer .contenedora .video .motivo .bolita {
              transform: scale(0.85);
              right: -141px;
              bottom: -131px; } }
          @media only screen and (max-width: 900px) {
            .videoContainer .contenedora .video .motivo .bolita {
              transform: scale(0.8); } }
          @media only screen and (max-width: 768px) {
            .videoContainer .contenedora .video .motivo .bolita {
              transform: scale(0.65);
              right: -177px;
              bottom: -157px; } }
          @media only screen and (max-width: 525px) {
            .videoContainer .contenedora .video .motivo .bolita {
              transform: scale(0.45);
              right: -205px;
              bottom: -194px; } }
        .videoContainer .contenedora .video .motivo .feliz {
          height: 60%;
          display: flex;
          align-content: flex-end;
          justify-content: center;
          align-items: flex-end;
          text-align: center; }
          .videoContainer .contenedora .video .motivo .feliz h3 {
            font-family: Novecento-WiodeBold;
            letter-spacing: 0px;
            line-height: 0.91;
            font-size: calc(50px + 1.2vw);
            text-transform: uppercase;
            color: white; }
            @media only screen and (max-width: 1024px) {
              .videoContainer .contenedora .video .motivo .feliz h3 {
                font-size: calc(45px + 1.2vw); } }
            @media only screen and (max-width: 900px) {
              .videoContainer .contenedora .video .motivo .feliz h3 {
                font-size: calc(40px + 1.2vw); } }
            @media only screen and (max-width: 768px) {
              .videoContainer .contenedora .video .motivo .feliz h3 {
                font-size: calc(35px + 1.2vw); } }
            @media only screen and (max-width: 525px) {
              .videoContainer .contenedora .video .motivo .feliz h3 {
                font-size: calc(25px + 1.2vw);
                height: 55%; } }
            .videoContainer .contenedora .video .motivo .feliz h3 span {
              font-size: calc(45px + 1.1vw); }
              @media only screen and (max-width: 1024px) {
                .videoContainer .contenedora .video .motivo .feliz h3 span {
                  font-size: calc(40px + 1.2vw); } }
              @media only screen and (max-width: 900px) {
                .videoContainer .contenedora .video .motivo .feliz h3 span {
                  font-size: calc(35px + 1.2vw); } }
              @media only screen and (max-width: 768px) {
                .videoContainer .contenedora .video .motivo .feliz h3 span {
                  font-size: calc(31px + 1.2vw); } }
              @media only screen and (max-width: 525px) {
                .videoContainer .contenedora .video .motivo .feliz h3 span {
                  font-size: calc(22px + 1.2vw); } }
        .videoContainer .contenedora .video .motivo .play {
          display: flex;
          align-content: space-between;
          justify-content: center;
          align-items: flex-start;
          text-align: center;
          height: 40%; }
          .videoContainer .contenedora .video .motivo .play svg {
            cursor: pointer;
            max-width: 60px;
            margin: 20px 0; }
            @media only screen and (max-width: 1024px) {
              .videoContainer .contenedora .video .motivo .play svg {
                max-width: 55px;
                margin: 18px 0; } }
            @media only screen and (max-width: 900px) {
              .videoContainer .contenedora .video .motivo .play svg {
                max-width: 50px;
                margin: 16px 0; } }
            @media only screen and (max-width: 768px) {
              .videoContainer .contenedora .video .motivo .play svg {
                max-width: 40px;
                margin: 10px 0; } }
            @media only screen and (max-width: 525px) {
              .videoContainer .contenedora .video .motivo .play svg {
                max-width: 30px;
                margin: -8px 0; } }
      .videoContainer .contenedora .video video {
        border-radius: 5px;
        width: 100%;
        height: 100%; }
  .videoContainer .fondo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .8;
    background-color: #DF2920; }

footer {
  position: relative;
  width: 100%;
  min-height: 150px;
  background-color: #0F77AE;
  display: flex;
  flex-direction: column;
  align-content: space-around;
  align-items: center;
  padding: 5vw 0vw; }
  footer .bola {
    position: absolute;
    width: 170px;
    top: -18%;
    right: -3px;
    height: 270px;
    z-index: 101;
    /* @media only screen and (max-width: 1024px) {
            top: 9%;
        }
        @media only screen and (max-width : 640px) {
            right: -8%;
        }*/ }
    @media only screen and (max-width: 525px) {
      footer .bola {
        right: -5%;
        top: -19%;
        transform: scale(0.75); } }

.logofooter {
  margin-bottom: 2vw; }

.legales {
  text-align: center;
  color: white;
  font-family: Montserrat_regular;
  line-height: 22px;
  font-size: calc(15px);
  margin: 0vw 11vw; }

.legales a {
  text-decoration: none;
  color: white !important; }

@media only screen and (max-width: 1550px) {
  footer {
    padding: 5vw 0vw; }
  .logofooter {
    margin-bottom: 3vw; } }

@media only screen and (max-width: 1448px) {
  footer {
    padding: 6vw 0vw; }
  .logofooter {
    margin-bottom: 4vw; } }

@media only screen and (max-width: 1248px) {
  footer {
    padding: 7vw 0vw; }
  .logofooter {
    margin-bottom: 5vw; } }

@media only screen and (max-width: 1024px) {
  footer {
    padding: 8vw 0vw; }
  .logofooter {
    margin-bottom: 6vw; } }

@media only screen and (max-width: 900px) {
  footer {
    padding: 9vw 0vw; }
  .logofooter {
    margin-bottom: 7vw; } }

@media only screen and (max-width: 768px) {
  footer {
    padding: 10vw 0vw; }
  .logofooter {
    margin-bottom: 8vw; } }

@media only screen and (max-width: 640px) {
  footer {
    padding: 11vw 0vw; }
  .logofooter {
    margin-bottom: 9vw; } }

@media only screen and (max-width: 525px) {
  footer {
    padding: 12vw 0vw; }
  .logofooter {
    margin-bottom: 9vw; } }

/**
 * Swiper 9.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 31, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color:#007aff; }

.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-horizontal {
  touch-action: pan-y; }

.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide, swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height; }

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px; }

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d; }

.swiper-3d {
  perspective: 1200px; }

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none; }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000; }

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }