html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vw;
  background: linear-gradient(#fff 0%, #e7e7e7 74%, #ddd 100%) center no-repeat;
  margin: 0;
  font-family: sf pro, sans-serif;
}

html, body {
  width: 100vw !important;
  overflow-x: hidden !important;
}

p {
  color: #1d1d1b;
  font-family: sf pro, sans-serif;
  font-size: 1.25rem;
  line-height: 2.25rem;
}

h5 {
  font-size: 2.25rem;
  line-height: 2.875rem;
}

.submenu a.nav-link {
  color: #0000008c;
  font-size: .8rem;
  font-weight: 200;
}

h5.card-title {
  font-weight: 100;
}

.activeNavLink {
  pointer-events: none;
}

.textoIntro {
  font-size: 2.2rem;
  font-weight: 100;
  line-height: 4rem;
}

h5.card-title {
  color: #595957;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: sf pro, sans-serif;
  font-size: 1.1rem;
}

:root {
  --text: #2b3044;
  --line: #fe5000;
  --line-active: red;
}

a {
  color: #1d1d1b;
  font-family: sf display pro, sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
}

.accordion-body a.nav-link, .accordion-body a.nav-link:hover {
  cursor: default;
  font-family: sf display pro, sans-serif;
  text-decoration: none;
  color: #0000008c !important;
}

.descriptionText p {
  color: #8d8d8c;
}

.scrollUp {
  z-index: 1;
  position: absolute;
  top: calc(30% + 10px);
  right: calc(10px - 80%);
}

.path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000px;
}

@keyframes dash {
  from {
    stroke-dashoffset: 2500px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

h1 span {
  font-size: 3.5rem;
}

.circleSalut {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.circleSalut svg {
  width: 211px;
  height: 126px;
  fill: none;
  stroke-linecap: round;
  stroke-dasharray: var(--offset, 69px) 278px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-51%, 62px)translateZ(0);
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000px;
  animation: 2s linear forwards dash;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1500px;
  }

  to {
    stroke-dashoffset: 0;
    fill: #fe5000;
  }
}

body {
  overflow-x: hidden;
}

h1 {
  font-size: 3.5rem;
  font-weight: 100;
}

.edifici {
  width: 75%;
  animation: 5s forwards myAnim;
}

@keyframes myAnim {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.ydeVerdad {
  opacity: 0;
  animation: 0s 2s forwards showVerdad;
  position: relative;
  top: -1.2em;
  left: 21.2rem;
}

@keyframes showVerdad {
  to {
    opacity: 1;
  }
}

.ydeVerdad p {
  color: #fe5000;
  white-space: nowrap;
  letter-spacing: -.5px;
  margin: auto 0;
  font-family: TrashHand, cursive;
  font-size: 1em;
  animation: 10.5s steps(30, end) typing;
  overflow: hidden;
}

@keyframes typing {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@keyframes keyframes {
  from {
    width: 0;
  }

  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.contendorImages1 {
  position: absolute;
  top: 0;
  left: 10%;
}

.contendorImages2 {
  position: absolute;
  top: 0;
  right: 20%;
}

.contendorImages3 {
  z-index: 0;
  position: absolute;
  top: 25%;
  left: 0%;
}

.contendorImages4 {
  position: absolute;
  top: 20%;
  right: 5%;
}

.contendorImages5 {
  position: absolute;
  top: 50%;
  left: 5%;
}

.contendorImages6 {
  position: absolute;
  top: 55%;
  right: 5%;
}

.contendorImages7 {
  position: absolute;
  top: 68%;
  left: 27%;
}

.contendorImages8 {
  position: absolute;
  top: 85%;
  left: 0%;
}

.contendorImages9 {
  position: absolute;
  top: 80%;
  right: 25%;
}

.contenedorTextoCentral {
  position: absolute;
  top: 40%;
}

.contenedorTextoCentral h3 {
  line-height: 2.8rem;
}

.btn-img {
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.btn-img:active {
  opacity: .3;
  transition: opacity .1s;
}

.btn-img:hover {
  transform: scale(1.2);
}

.btn-img-gradient:hover:before, .btn-img-combo:hover:before {
  opacity: 1;
  transition: opacity .3s;
}

.btn-img-gradient:before, .btn-img-combo:before {
  content: "";
  z-index: 99;
  opacity: 0;
  background-image: linear-gradient(#0000 0%, #fd5204 100%);
  transition: opacity .3s;
  display: block;
  position: absolute;
  inset: 0;
}

.modal-fullscreen .modal-content {
  background-color: #000;
}

.modal-body {
  object-fit: cover;
  filter: brightness(.7);
  padding: 0;
  display: flex;
}

.modal-body img {
  object-fit: contain;
}

.modal-content {
  background-color: #0000;
  border: 0;
}

.btn-close {
  opacity: 1;
  z-index: 1000;
  width: 100px;
  height: 100px;
  -webkit-transition: -webkit-transform .3s, opacity;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fd5204'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 4em no-repeat;
  border: 0;
  border-radius: .25rem;
  padding: 0;
  line-height: 1;
  transition: transform .3s, opacity;
  position: absolute;
  top: 0;
  right: 5vw;
  transform: scale3d(.7, .7, 1);
}

.colaboraciones:hover {
  transform: translateY(-10px);
}

.modal-header {
  min-height: 10vh;
  border-bottom: 0 #0000;
  padding-left: 5vw;
}

.modalTitle {
  color: #fff;
  font-style: italic;
  position: absolute;
}

.modalComment {
  color: #fff;
  width: 34%;
  text-shadow: 2px 4px 3px #0000004d;
  position: absolute;
  bottom: 3vh;
  right: 3vw;
}

.modalComment .small {
  font-size: 1.25rem;
  line-height: 1.938rem;
}

.modalCommentVertical {
  color: #fff;
  width: 20%;
  text-shadow: 2px 4px 3px #0000004d;
  position: absolute;
  bottom: 14vh;
  right: 3vw;
}

.modal-footer {
  height: 10vh;
  border-top: 0 #0000;
}

.totalLibertad {
  margin-top: -1rem;
  margin-right: 2rem;
}

section.formamos, section.colaboraCon, footer {
  transform: translateY(10vh);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .parallax-container, body {
    min-height: 100vh;
  }

  h1 > span.circleSalut {
    font-size: 2.3rem;
    transform: translateY(-40px);
  }

  h1 > br {
    line-height: .1rem;
  }

  h1 {
    margin-bottom: 4rem;
    font-size: 2.3rem;
    font-weight: 100;
  }

  p {
    color: #1d1d1b;
    font-family: sf pro, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  h5 {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }

  .circleSalut svg {
    width: 131px;
  }

  .fotosMiniature {
    transform: translateY(-10vh);
  }

  .edificiContainer2 {
    transform: translateY(-20vh);
  }

  .modalTitle {
    font-style: italic;
    font-size: 17px !important;
  }

  .btn-close {
    opacity: 1;
    z-index: 1000;
    width: 50px;
    height: 50px;
    -webkit-transition: -webkit-transform .3s, opacity;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fd5204'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 2em no-repeat;
    border: 0;
    border-radius: .25rem;
    padding: 0;
    line-height: 1;
    transition: transform .3s, opacity;
    position: absolute;
    top: 7vh;
    right: 5vw;
    transform: scale3d(.7, .7, 1);
  }

  .modalComment {
    color: #fff;
    width: 90%;
    text-shadow: 2px 4px 3px #0000004d;
    position: absolute;
    bottom: 0;
    right: 3vw;
  }

  .modalComment.h2 {
    font-size: 23px;
  }

  .modalComment .small {
    font-size: 13px !important;
  }

  .modal-footer {
    height: 1vh;
  }

  .ydeVerdad {
    position: relative;
    top: -1.4em;
    left: 11.2rem;
  }

  section.logosRotating2 {
    transform: translateY(-20vh);
  }

  section.formamos {
    transform: translateY(-10vh);
  }

  section.imagenesGenteAlta2 {
    height: 60vh;
    transform: translateY(-15vh);
  }

  section.colaboraCon {
    height: 30vh;
    transform: translateY(-20vh);
  }

  .btn-img img.img-fluid {
    width: 40% !important;
  }

  .contenedorTextoCentral h3 {
    font-size: 1rem;
  }

  .totalLibertad {
    margin-top: -1rem;
    margin-right: 2rem;
  }

  .totalLibertad img {
    width: 65%;
    position: absolute;
    right: 1rem;
  }

  .contendorImages1 {
    position: absolute;
    top: 0;
    left: 10%;
  }

  .contendorImages2 {
    position: absolute;
    top: 0;
    right: -20%;
  }

  .contendorImages3 {
    z-index: 0;
    position: absolute;
    top: 10%;
    left: 0%;
  }

  .contendorImages4 {
    position: absolute;
    top: 10%;
    right: -25%;
  }

  .contendorImages5 {
    position: absolute;
    top: 32%;
    left: 0%;
  }

  .contendorImages6 {
    position: absolute;
    top: 41%;
    right: -48%;
  }

  .contendorImages7 {
    position: absolute;
    top: 46%;
    left: 27%;
  }

  .contendorImages8 {
    position: absolute;
    top: 54%;
    left: 6%;
  }

  .contendorImages9 {
    position: absolute;
    top: 59%;
    right: -10%;
  }

  .contenedorTextoCentral {
    position: absolute;
    top: 25%;
  }

  .btn-close {
    opacity: 1;
    z-index: 1000;
    width: 100px;
    height: 100px;
    -webkit-transition: -webkit-transform .3s, opacity;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fd5204'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 4em no-repeat;
    border: 0;
    border-radius: .25rem;
    padding: 0;
    line-height: 1;
    transition: transform .3s, opacity;
    position: absolute;
    top: 0;
    right: 5vw;
    transform: scale3d(.7, .7, 1);
  }
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1590px) {
  h5 {
    font-size: 2rem;
    line-height: 2.875rem;
  }

  .ydeVerdad {
    top: -1.1em;
    left: 21rem;
  }
}

@media only screen and (min-device-width: 1600px) and (max-device-width: 1890px) {
  .ydeVerdad {
    position: relative;
    top: -1.1em;
    left: 24.2rem;
  }
}

@media only screen and (min-device-width: 1900px) {
  h1 {
    font-size: 3.5rem;
    font-weight: 100;
    line-height: 4.23rem;
  }

  h1 span {
    font-size: 3.5rem;
  }

  .ydeVerdad {
    position: relative;
    top: -1.1em;
    left: 24.2rem;
  }
}

@media only screen and (min-width: 546px) and (max-width: 820px) {
  a.nav-link {
    font-size: .6rem;
  }

  h5 {
    font-size: 1.2rem;
    line-height: 1.75rem;
  }

  .ydeVerdad {
    opacity: 0;
    animation: 0s 2s forwards showVerdad;
    position: relative;
    top: -1.2em;
    left: 12rem;
  }

  p {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  h1 {
    font-size: 2.3rem;
    font-weight: 100;
  }

  h1 span {
    font-size: 2.5rem;
  }

  .circleSalut svg {
    width: 164px;
    height: 122px;
  }

  h3, .h3 {
    font-size: 1rem;
  }

  h4, .h4 {
    font-size: calc(1.075rem + .3vw);
  }

  .ticker-wrap .ticker__item, .ticker-wrap .tickerLogos__item {
    font-size: 1rem;
  }

  .totalLibertad {
    width: 50%;
    margin-top: -1rem;
    margin-right: 2rem;
  }

  .totalLibertad img {
    width: 130%;
  }

  .imagenesGenteAlta2 a img.img-fluid {
    max-width: 80%;
  }

  .contendorImages1 {
    position: absolute;
    top: 0;
    left: 0%;
  }

  .contendorImages2 {
    position: absolute;
    top: 0;
    right: 0%;
  }

  .contendorImages3 {
    z-index: 0;
    position: absolute;
    top: 25%;
    left: -5%;
  }

  .contendorImages4 {
    position: absolute;
    top: 20%;
    right: -5%;
  }

  .contendorImages5 {
    position: absolute;
    top: 50%;
    left: 2%;
  }

  .contendorImages6 {
    position: absolute;
    top: 55%;
    right: -5%;
  }

  .contendorImages9 {
    position: absolute;
    top: 80%;
    right: 0%;
  }

  .contenedorTextoCentral h3 {
    line-height: 1.8rem;
  }

  footer a, footer p {
    font-size: .8rem;
  }
}

@media only screen and (min-width: 825px) and (max-width: 1200px) {
  h1 {
    font-size: 2.8rem;
    font-weight: 100;
  }

  h1 span {
    font-size: 2.8rem;
  }

  .circleSalut svg {
    width: 180px;
    height: 110px;
    fill: none;
    stroke-linecap: round;
    stroke-dasharray: var(--offset, 69px) 278px;
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-51%, 62px)translateZ(0);
  }

  h5 {
    font-size: 2rem;
    line-height: 2.875rem;
  }

  .ydeVerdad {
    opacity: 0;
    animation: 0s 2s forwards showVerdad;
    position: relative;
    top: -1.2em;
    left: 14.2rem;
  }

  .contenedorTextoCentral h3 {
    font-size: 1rem;
    line-height: 1.8rem;
  }

  .imagenesGenteAlta2 a.btn-img-gradient img.img-fluid, .imagenesGenteAlta2 div.d-flex {
    max-width: 80%;
  }

  .contendorImages2 {
    position: absolute;
    top: 0;
    right: 0%;
  }

  .contendorImages4 {
    position: absolute;
    top: 20%;
    right: -5%;
  }

  .contendorImages6 {
    position: absolute;
    top: 55%;
    right: 0%;
  }

  .contendorImages9 {
    position: absolute;
    top: 80%;
    right: 10%;
  }
}

/*# sourceMappingURL=quienes-somos.e7224fb1.css.map */