body {
  overflow-x: hidden; /*bloquea el scroll horizontal*/
  background: #740924;
  height: 100%;
  width: 100%;
  word-wrap: break-word;

  font-family: "Comfortaa", cursive;
  margin: 0;
}

.encabezado h2 {
  margin-left: 8vw;
  font-size: 1.7rem;
  color: white;
}

.encabezado p {
  margin-top: -1rem;
  margin-left: 8.2vw;
  font-size: 1.1rem;
  color: white;
}

.subtitulo h6 {
  margin-bottom: 15px;
  margin-left: 8.2vw;
  margin-right: 8.2vw;
  font-size: 1.2rem;
}

.subtitulo p {
  margin-top: -0.8rem;
  margin-left: 8.2vw;
  margin-right: 8.2vw;
  font-size: 0.89rem;
  text-align: justify;
}

.viñeta {
  float: left;
  color: rgba(133, 12, 48, 0.9);
  margin-top: 7px;
  margin-bottom: 3px;
  margin-left: 8.2vw;
  width: 40px;
}

.datos h5 {
  color: white;
  font-size: 1rem;
  margin-left: 8vw;
  margin-right: 8.5vw;
}

.datos p {
  text-align: justify;
  font-size: 01rem;
  margin-left: 8.2vw;
  margin-right: 8.2vw;
  color: white;
}

.datos h6 {
  color: white;
  font-size: 0.9rem;
  margin-left: 8vw;
  margin-right: 8.5vw;
}

.splide {
  margin: auto 10%;
}

@media (min-width: 320px) and (max-width: 480px) {
  .rowNombre {
    width: 90%;
    display: grid;
    grid-template-columns: auto auto auto;
    margin: auto 5%;
  }
  .fotos img {
    width: 90%;
  }
}

/*BOTONES*/
.divBotonesCategorias {
  margin: auto 10%;
}

.btnCategoria {
  border: 1px solid #e7d0aa; /*anchura, estilo y color borde*/
  padding: 10px; /*espacio alrededor texto*/
  background-color: #f1e4cf; /*color botón*/
  color: black; /*color texto*/
  text-decoration: none; /*decoración texto*/
  text-transform: uppercase; /*capitalización texto*/
  font-family: "Comfortaa", "Helvetica", sans-serif; /*tipografía texto*/
  font-size: 0.8rem;
  border-radius: 10px; /*bordes redondos*/
  margin: 5px auto; /*separacion entre cada botón*/

  position: relative;
  top: 10%;
}
.botonActivo:focus {
  color: black;
  background-color: #d2ae6d;
}

@media (min-width: 320px) and (max-width: 480px) {
  .divBotonesCategorias {
    margin: auto 10%;

    text-align: center;
  }
}

/* Push */
@keyframes push {
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.push {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.push:hover {
  animation-name: push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.videoInstitucional h5 {
  font-size: 1.1rem;
  color: white;
  margin-top: 2rem;
  text-align: center;
}

.videoInstitucional video {
  padding-top: 1rem;
  padding-bottom: 1rem;

  margin-left: 20%;
  width: 60%;
  height: 25rem;
}

/*para dispositivos moviles*/
@media (min-width: 320px) and (max-width: 480px) {
  .videoInstitucional video {
    padding-top: 0rem;
    padding-bottom: 1rem;
    padding-left: 1%;
    margin-left: 2.2rem;
    width: 80%;
    height: 60%;
  }
}