body {margin: 0; font-family: 'Switzer'; cursor: crosshair; font-kerning: normal;  line-height: 1.3; color: #0c0c0c; display: flex; flex-direction: column;}
@import url('switzer.css')
html, body{height: 100%;}
img {max-width: 100%;}
*{box-sizing: border-box;} 
.container-fluid a {text-decoration: none !important; color: inherit!important;}
webkit-font-smoothing: antialiased;
webkit-tap
#nav-index {position: sticky; top: 0px; z-index: 1001; padding-top: 0.8rem;}
#nav {background-color: #fff;position: sticky; top: 0px; z-index: 1001; padding-top: 0.8rem; border-bottom: 0.3pt solid black; letter-spacing: 0.9pt; line-height: 1pt;}
#navtext {font-family: 'Nikké';}
#navtextindex {font-family: 'Nikké';}
#magician {max-height: 300px; padding-bottom: 3rem;} 
.content {flex: 1 0 auto;}
#footer {flex-shrink: fixed;}
/*fonts*/
@font-face {
    font-family: 'Switzer';
    src: url('fonts/switzer/fonts/Switzer-Regular.otf') format('opentype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'Switzer';
    src: url('fonts/switzer/fonts/Switzer-Semibold.otf') format('opentype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
    webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: Nikké;
    font-weight: italic;
    src: url("fonts/Nikké-Regular.otf") format("opentype");
    webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: Fragment Mono Regular;
    font-weight: italic;
    src: url("fonts/FragmentMono-Regular.otf") format("opentype");
}

@font-face {
    font-family: Fragment Mono Italic;
    font-weight: italic;
    src: url("fonts/FragmentMono-Italic.otf") format("opentype");
}






.nav-index {letter-spacing: 0.3pt;}
a {font-family: 'Nikké', serif; font-size: 10px;letter-spacing: 0.2pt;}
h1 {font-size: 6px;}
h2 {font-size: 100px; color: #fff; font-weight: 400;}
.caption{font-family: 'Fragment Mono Regular';font-size: 0.65rem;}
.quote {font-family: 'Fragment Mono Italic'; font-size: 8px; color: #fff; padding-top: 30rem;}
.header {font-family: 'Happy Times', serif; font-size: 20px;}
.hvr-hang {color: #1f1f1f;}
.highlight {font-weight: 600;}
.info {font-family: 'Fragment Mono Regular'; font-size: 0.7rem; align-self: center; max-width:400px; }
.info span {font-family: 'Fragment Mono Italic'}
.notas {font-family: 'Fragment Mono Regular'; font-size: 0.7rem;}
.notas span {font-family: 'Fragment Mono Italic'; font-size: 0.6rem;}
.text-main {font-family:'Nikké'; font-size: 16pt;}


#name {font-family: 'Nikké';}
#titulo {font-weight: 400;}
#footer {bottom: 0; }
#cliente {font-family: 'Happy Times', serif; font-weight: 500; font-size: 1.2rem;}
.logoMain {outline-color: #0c0c0c;}


/*.text-left-about {font-size: 35px;}
*/

/*Swiper*/

/*:root {--swiper-theme-color: ##6c757d;}*/ 
  /*(Cambia color del tema Swiper)*/

/*.swiper:after {padding-bottom: 30px; border-bottom: 1px;}*/


:root {
    --swiper-theme-color: #000;
}

.swiper-pagination-bullet {
    opacity: .5 !important;
    background-color: #ddd !important;
}
.swiper-pagination-bullet-active {
    background: #ffffff !important;
    background-color: #aaa !important;
}


/*/Swiper*/

/*Language Settings*/

  button {border:none; background: transparent; transition: .5s; color: #bbb;}
  button.active, button:hover{background-color: #bbb; color: #FAF9F6; cursor: crosshair;}
  .en {display: none;}
  .langbts{display: flex;justify-content: center;}
  .langbts>button{ background: transparent; border: none; font-size: 20px; width: 90px; padding: 10px; transition: all ease-in-out .2s; }
  .langbts>button:first-of-type{
     border-top-left-radius:1px;
    border-bottom-left-radius:1px;
  }
  .langbts>button:last-of-type{
     border-top-right-radius:1px;
    border-bottom-right-radius:1px;
  }
  .langbts>button:first-of-type:hover{
    background: #2b90d9;
    border-top-left-radius:1px;
    border-bottom-left-radius:1px;
  }
  .langbts>button:nth-of-type(2):hover{
    background: #f1404b;
  }
  .langbts>button:nth-of-type(3):hover{
    background: #ECA72C;
    color:#F21B3F;
  }
  .langbts>button:nth-of-type(4):hover{
    background:#4f953b;
  }
  .langbts>button:last-of-type:hover{
    background:#A5CC6B;
    color:black;
  }

  .col .para>p{
  border-radius:1px;
  color:black;
  padding:5%;
  font-size:25px;
  width:70%;
  margin: 7% auto;
  letter-spacing:1px;
  font-weight:900;}
  

/**Links*/
a { color: inherit; } 
a .text-left-index {color: #fff !important;}
a .deco-none-index {color: #fff !important; text-decoration:none !important; } 
a .text-left {color: #0c0c0c !important;}
a .deco-none {color: #0c0c0c !important; text-decoration:none !important; } 
a :hover {color: #bbb !important; text-decoration: underline !important; !important; cursor: crosshair; text-decoration-color: #bbb !important;}

/


/*HOVER*/

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: #bbb;
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: #bbb;
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #bbb;
  background-color: #bbb;
  color: white;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/*/HOVER*/