.img-container {
  overflow: hidden;
  border-radius: 14px 14px 14px 14px;
}
.img-container:hover .imgGal {
  transition: transform 1s;
  transform: scale(1.3);
}
.img-container .imgGal {
  width: 100%;
}

.btn-color {
  background-color: #B85C38;
  color: #FFEBC9;
  border: none;
}
.btn-color:hover {
  background-color: #5C3D2E;
  color: #FFEBC9;
}

.btn-alt {
  background-color: #8a5845;
  color: #FFEBC9;
  border: none;
}
.btn-alt:hover {
  background-color: #5C3D2E;
  color: #FFEBC9;
}

.bordes {
  border-radius: 14px 14px 14px 14px;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Gabarito", sans-serif;
}

.card-img {
  border-radius: 14px 14px 14px 14px;
}

.animaciones {
  overflow: hidden;
}

.card-michi {
  width: 25rem;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 14px 14px 14px 14px;
}

body {
  background-image: url(../assets/img/fondo.webp);
  background-size: 300px 300px;
  min-height: 100vh;
}

a {
  text-decoration: underline;
  color: #B85C38;
}
a:hover {
  color: #8a5845;
}

p {
  font-size: larger;
}
@media (max-width: 991px) {
  p {
    font-size: medium;
  }
}

.texto-terciario {
  color: #B85C38;
}

header {
  background-color: #FFEBC9;
  border-radius: 14px 14px 0px 0px;
}

header a {
  text-decoration: none;
  color: black;
}

header a:hover {
  color: black;
}

.logo {
  height: 125px;
  width: auto;
}

#textoLogo {
  font-size: 2.5rem;
}

.navbar {
  background-color: #5C3D2E;
  border-radius: 0px 0px 14px 14px;
}

.navbar li {
  margin-left: 10px;
  margin-right: 10px;
}

.navbar .nav-item .nav-link {
  color: #FFEBC9;
  border-radius: 14px 14px 14px 14px;
}

.active {
  background-color: #B85C38;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #B85C38;
}

#activo {
  color: black;
}

footer {
  padding: 10px;
  color: #FFEBC9;
  background-color: #5C3D2E;
  border-radius: 14px 14px 0px 0px;
}
footer a {
  text-decoration-line: none;
  color: #FFEBC9;
}
footer a:hover {
  color: #B85C38;
}

.logofoot {
  filter: brightness(0) invert(1) sepia(1) hue-rotate(30deg);
  margin-inline: auto;
}

.iconos {
  padding-top: 40px;
}
.iconos a {
  padding: 10px;
  font-size: 50px;
}
@media (max-width: 991px) {
  .iconos {
    padding-top: 0;
  }
}

/*archivo de configuracion de estilos de la imagen de freepik
  el codigo entregado por freepik tenia etiquetas style por lo cual lo traslade a un archivo sass */
svg#freepik_stories-playful-cat:not(.animated) .animable {
  opacity: 0;
}

svg#freepik_stories-playful-cat.animated #freepik--background-complete--inject-7 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) lightSpeedRight;
  animation-delay: 0s;
}

svg#freepik_stories-playful-cat.animated #freepik--Shadow--inject-7 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
  animation-delay: 0s;
}

svg#freepik_stories-playful-cat.animated #freepik--Floor--inject-7 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideLeft;
  animation-delay: 0s;
}

svg#freepik_stories-playful-cat.animated #freepik--Plant--inject-7 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) fadeIn;
  animation-delay: 0s;
}

svg#freepik_stories-playful-cat.animated #freepik--Cat--inject-7 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) lightSpeedLeft;
  animation-delay: 0s;
}

svg#freepik_stories-playful-cat.animated #freepik--Ball--inject-7 {
  animation: 1s 1 forwards cubic-bezier(0.36, -0.01, 0.5, 1.38) slideRight;
  animation-delay: 0s;
}

@keyframes lightSpeedRight {
  from {
    transform: translate3d(50%, 0, 0) skewX(-20deg);
    opacity: 0;
  }
  60% {
    transform: skewX(10deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-2deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes lightSpeedLeft {
  from {
    transform: translate3d(-50%, 0, 0) skewX(20deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-10deg);
    opacity: 1;
  }
  80% {
    transform: skewX(2deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}/*# sourceMappingURL=estilos.css.map */