/* FONTS
Listas fuentes para uso
--- */

/* @group SHARED STRUCTURES AND STYLES
------------------------------------ */
body { overflow-x: hidden; }
#wrapper { width: 100%; }
a, button { cursor: pointer;
    -webkit-transition: color 0.27s linear, background 0.27s linear, border-color 0.27s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, -webkit-transform 0.3s linear;
    -moz-transition: color 0.27s linear, background 0.27s linear, border-color 0.27s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, -moz-transform 0.3s linear;
    -ms-transition: color 0.27s linear, background 0.27s linear, border-color 0.27s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, transform 0.3s linear;
    -o-transition: color 0.27s linear, background 0.27s linear, border-color 0.27s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, transform 0.3s linear;
    transition: color 0.27s linear, background 0.27s linear, border-color 0.27s linear, opacity 0.3s linear, visibility 0.3s linear, box-shadow 0.3s linear, transform 0.3s linear;
}
.video-box,
.img-box { overflow: hidden; position: relative; }
.img-box > img { object-fit: cover; object-position: center center; height: 100%; width: 100%!important; }
.img-box video { object-fit: cover; object-position: center center; height: 100%; width: 100%!important; }
@supports(object-fit: cover) {
  .img-box > img { height: 100%!important; }
}
.outerAbsolute { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 3; }
.outerAbsolute .row { height: 100%; }
.outerAbsolute a,
.outerAbsolute .box { pointer-events: all; }
/* Margin
----------------------*/
.site-nav + .page-header,
.site-nav + .content-main { margin-top: 8.5rem; }

/* General Text
----------------------*/
h1, h2, h3, h4, h5 { font: 900 1.8em / 1.33em var(--roboto-font) }
p,
li,
address { font: 400 1.6em / 1.6em var(--roboto-font)}
address { font-style: normal; }

/* Buttons
----------------------*/
.bttn {
  border: .1rem solid;
  padding: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font: 400 1.6rem / 1em var(--roboto-font);
}
.bttn.primary {
  text-transform: uppercase;
  border-color: var(--main-grey);
  background-color: transparent;
  color: var(--main-grey);
}
.bttn.primary:hover {
  background-color: var(--main-grey);
  color: var(--main-white);
}
.bttn.secondary {
  border-color: var(--secondary-grey);
  background-color: var(--secondary-grey);
  color: var(--main-white);
}
.bttn.secondary:hover {
  border-color: var(--main-grey);
  background-color: var(--main-grey);
  color: var(--main-white);
}
.bttn.bttn-icon .icon {
  display: inline-block;
}

/* Splide Arrow
----------------------*/
.splide__arrows button {
  border: 0.2rem solid var(--main-grey);
  -webkit-transition: background 0.3s linear, color 0.3s linear border-color 0.3s linear;
  -moz-transition: background 0.3s linear, color 0.3s linear border-color 0.3s linear;
  -ms-transition: background 0.3s linear, color 0.3s linear border-color 0.3s linear;
  -o-transition: background 0.3s linear, color 0.3s linear border-color 0.3s linear;
  transition: background 0.3s linear, color 0.3s linear border-color 0.3s linear;
}
.splide__arrows button,
.splide__arrow:hover:not(:disabled) {
  opacity: 1;
}
.splide__arrow:disabled {
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.splide__arrow::before {
  content: '';
  width: 100%;
  height: 100%;
  background-size: 4.4rem 6rem;
  background-repeat: no-repeat;
  background-position: center center;
}
.splide__arrow--prev::before {
  background-image: url('../img/layout/icons/arrow-left.svg');
}
.splide__arrow--next::before {
  background-image: url('../img/layout/icons/arrow-right.svg');
}
.splide__arrow:hover {
  background-color: var(--main-grey);
}
.splide__arrow.splide__arrow--prev:hover::before {
  background-image: url('../img/layout/icons/arrow-left-white.svg');
}
.splide__arrow.splide__arrow--next:hover::before {
  background-image: url('../img/layout/icons/arrow-right-white.svg');
}

@media only screen 
and (min-width: 961px) {
  .splide__arrows button {
    width: 4.4rem;
    height: 6rem;
  }
}
@media only screen
and (max-width : 960px) {
  .splide__arrows button {
    width: 3rem;
    height: 4rem;
  }
}

@media only screen
and (min-width : 961px) {
  .Explorer .bttn__arrow:hover .bttn__arrow--link,
  .Mozilla.v11 .bttn__arrow:hover .bttn__arrow--link {  }
  @media (hover: hover) {
  }
}
/* Animations
----------------------*/
@keyframes fade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeReverse {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeDown {
  0% { -webkit-transform: translate3d(0,-2rem,0); transform: translate3d(0,-2rem,0); opacity: 0; }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes fadeUp {
  0% { -webkit-transform: translate3d(0,5rem,0); transform: translate3d(0,5rem,0); opacity: 0; }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes fadeScale {
  0% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes fadeScaleReverse {
  0% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes fadeScaleDown {
  0% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes ScaleDown {
  0% { -webkit-transform: scale(1.2); transform: scale(1.2); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes fadeLeft {
  0% { -webkit-transform: translate3d(-5rem,0,0); transform: translate3d(-5rem,0,0); opacity: 0; }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes fadeRight {
  0% { -webkit-transform: translate3d(5rem,0,0); transform: translate3d(5rem,0,0); opacity: 0; }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes toLeft {
  0% { transform: translate3d(80%,0,0) rotate(-2.5deg); }
  100% { transform: translate3d(0,0,0) rotate(0deg); }
}
@keyframes toRight {
  0% { transform: translate3d(-80%,0,0) rotate(2.5deg); }
  100% { transform: translate3d(0,0,0) rotate(0deg); }
}
@keyframes menuDown {
 0% { -webkit-transform: translate3d(0,-7.5rem,0); transform: translate3d(0,-7.5rem,0); }
 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes textUp {
 0% { -webkit-transform: translate3d(0,2rem,0); transform: translate3d(0,2rem,0); opacity: 0; }
 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes navDown {
 0% { -webkit-transform: translate3d(0,-20rem,0); transform: translate3d(0,-20rem,0); }
 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes fullUp {
 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes fullUpOp {
 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); opacity: 0; }
 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes fullLeft {
 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); opacity: 0; }
 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
@-webkit-keyframes hvr-icon-hang {
  0% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
  100% { -webkit-transform: translateY(6px); transform: translateY(6px); }
}
@keyframes hvr-icon-hang {
  0% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
  100% { -webkit-transform: translateY(6px); transform: translateY(6px); }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% { -webkit-transform: translateY(6px); transform: translateY(6px); }
}
@keyframes hvr-icon-hang-sink {
  100% { -webkit-transform: translateY(6px); transform: translateY(6px); }
}
@keyframes toTopFromBottom {
	49% { transform: translate3d(0,-100%,0); }
	50% { opacity: 0; transform: translate3d(0,100%,0); }
	51% { opacity: 1; }
}
@keyframes toBottomFromTop {
	49% { transform: translate3d(0,100%,0) }
	50% { opacity: 0; transform: translate3d(0,-100%,0) }
	51% { opacity: 1; }
}
@keyframes toRightFromLeft {
	49% { transform: translate(100%); }
	50% { opacity: 0; transform: translate(-100%); }
	51% { opacity: 1; }
}
@keyframes toLeftFromRight {
	49% { transform: translate(-100%); }
	50% { opacity: 0; transform: translate(100%); }
	51% { opacity: 1; }
}
@keyframes openDraw {
  0% { max-height: 0; }
  100% { max-height: 999vh; }
}
@keyframes closeDraw {
  0% { max-height: 999vh; }
  100% { max-height: 0; }
}
@keyframes fadeRotate {
  0% { opacity: 0; }
  100% { opacity: 1; transform: rotate(720deg); }
}
@keyframes circleSVG {
  0% { transform: rotate(360deg) scale(1.12); }
  100% { transform: rotate(0deg) scale(1.12); }
}
@keyframes circleSVGnoScale {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@keyframes filltext {
  0% { background-size: 0% 100%; }
  100% { background-size: 100% 100%; }
}
@keyframes emptytext {
  0% { background-size: 100% 100%; }
  100% { background-size: 0% 100%; }
}
@keyframes upndown {
    0% { -webkit-transform:translateY(.5rem); transform:translateY(.5rem) }
    50% { -webkit-transform:translateY(0); transform:translateY(0) }
    100% { -webkit-transform:translateY(.5rem); transform:translateY(.5rem) }
}

.fadeRight,
.fadeLeft,
.fadeDown,
.fadeUp,
.fadeScale,
.fade { position: absolute; left: -999vw; opacity: 0; top: -999vw; }
.fade.slick-nav,
.fade.slick-carousel { position: absolute!important; }
/* Animations - Active
----------------------*/
.fade.active { animation: fade 1.2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; left: auto; top: auto; position: relative; }
.fade.slick-nav.active,
.fade.slick-carousel.active { position: relative!important; }
.fadeUp.active { animation: fadeUp 1.2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; left: auto; top: auto; position: relative; }
.fadeDown.active { animation: fadeDown 1.2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; left: auto; top: auto; position: relative; }
.fadeScale.active { animation: fadeScale 1.2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; left: auto; top: auto; position: relative; }
.fadeLeft.active { animation: fadeLeft 1.2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; left: auto; top: auto; position: relative; }
.fadeRight.active { animation: fadeRight 1.2s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; left: auto; top: auto; position: relative; }

@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */

/* @group RESET GENERAL DE TAMAÑO
------------------------------------ */
.no-mobile {}

@media only screen
and (min-width : 961px) {
  .mobile { display: none!important; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .no-mobile { display: none!important; }
  /* html { font-size: 7px; } */
}
@media only screen
and (min-width : 0)
and (max-width : 600px) {
  /* html { font-size: 5px; } */
}
/* @end */

/* Page Privacy Police */ 
.privacy-police-container {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

/* --- */