.cent{
    justify-content: center;
    align-items: center;
    display: flex;
}
.jajaja{
    text-align: center;
    font-size: xx-large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
body{
    background-color: aquamarine;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #004139; /* Color de fondo de la nbarra xdxd */
    padding: 6px; /* Espaciado interno :v */
    z-index: 1000; /* Para asegurarse de que quede por encima del contenido */
}

nav {
    display: flex;
    justify-content: center;
}

.top-menu {
    list-style: none;
    display: flex;
    gap: 2rem;
    margin: 0;
    padding: 0;
}

.top-menu li {
    display: inline;
}

.top-menu li a {
    color: white;
    text-decoration: underline;
    text-decoration-color: #ffffff;
    font-size: 2rem;
}

/* Ajuste para el contenido, evitando que quede debajo del texto*/
body {
    padding-top: 70px; /* Asegura que el contenido no quede debajo del header todo el contenido y no haya restriccion */
}
.boto{
    color:white;
    text-decoration: overline;
    text-decoration-color:rgb(0, 98, 85);
    display:inline-block;
}
.boto:hover{
    background-color: #ff6a06;
}
.reducido{
width: 90px;
display: inline-block;
}
html{
    scroll-behavior: smooth;
}
.diseno{
    justify-content: right;
    align-items: right;
    display: flex;
}
 h2 {
            color: #2c3e50;
        }
        p {
            margin-bottom: 30px;
        }
        hr{
            line-height: 300px;
            margin-bottom: 40px;
             margin-top: 40px;
            color: black;
            border-style: double;
            width: 99999px;
        }

        .carousel-container {
    position: relative;
    width: 100%;
    height: 300px; 
    overflow: hidden;
  }

  .carousel img {
    position: absolute;
    width: 50%;
    height: auto;
    opacity: 0;
    animation: carouselAnimation 8s infinite;
  }

  .carousel img:nth-child(1) { animation-delay: 0s; }
  .carousel img:nth-child(2) { animation-delay: 2s; }
  .carousel img:nth-child(3) { animation-delay: 4s; }
  .carousel img:nth-child(4) { animation-delay: 6s; }

  @keyframes carouselAnimation {
    0% { opacity: 0; }
    20% { opacity: 1; }
    40% { opacity: 0; }
    100% { opacity: 0; }
  }
  .incrementado{
display: inline-block;
}