/* Thin 100 */
@font-face {
  font-family: "RRollie";
  src: local("RRollie Thin"), url("./font/RRollieThin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RRollie";
  src: local("RRollie Thin Italic"), url("./font/RRollieThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* Light 300 */
@font-face {
  font-family: "RRollie";
  src: local("RRollie Light"), url("./font/RRollieLight.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RRollie";
  src: local("RRollie Light Italic"), url("./font/RRollieLightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular 400 */
@font-face {
  font-family: "RRollie";
  src: local("RRollie Regular"), url("./font/RRollieRegular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RRollie";
  src: local("RRollie Italic"), url("./font/RRollieItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* SemiBold 600 */
@font-face {
  font-family: "RRollie";
  src: local("RRollie SemiBold"), url("./font/RRollieSemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RRollie";
  src: local("RRollie SemiBold Italic"), url("./font/RRollieSemiBoldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Bold 700 */
@font-face {
  font-family: "RRollie";
  src: local("RRollie Bold"), url("./font/RRollieBold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RRollie";
  src: local("RRollie Bold Italic"), url("./font/RRollieBoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Heavy 800 */
@font-face {
  font-family: "RRollie";
  src: local("RRollie Heavy"), url("./font/RRollieHeavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RRollie";
  src: local("RRollie Heavy Italic"), url("./font/RRollieHeavyItalic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Black 900 */
@font-face {
  font-family: "RRollie";
  src: local("RRollie Black"), url("./font/RRollieBlack.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RRollie";
  src: local("RRollie Black Italic"), url("./font/RRollieBlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

.rrollie-font {
  font-family: "RRollie", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}
.logo {
  max-width: 300px;
}

.testimonios-swiper {
    padding: 20px 0;
}

.testimonios-swiper .swiper-slide {
    transition: transform 0.3s ease;
}

.testimonios-swiper .swiper-slide img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.button-ws {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width:767px) {
  .navbar {
    background: #1a385ac4 !important;
  }

  .hero-contenido {
    margin-top: 10rem;
  }
}