@charset "utf-8";
           /* Estilos básicos del menú */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        nav {
            background-color: #DC143C; /* Fondo azul */
            color: #fff;
            position: fixed; /* Menú fijo */
            top: 0;
            width: 100%;
            z-index: 1000; /* Asegura que el menú esté por encima de otros elementos */
        }

        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        ul li {
            position: relative;
        }

        ul li a {
            display: block;
            padding: 10px 15px;
            text-decoration: none;
            color: #fff !important; /* Letras blancas */
            background-color: #DC143C; /* Fondo azul */
        }

        ul li a:hover {
            background-color: #0056b3; /* Fondo más oscuro al pasar el cursor */
            color: #fff !important; /* Asegura que el color del texto siga siendo blanco */
        }

        /* Estilos del submenú para pantallas grandes */
        ul li ul {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #DC143C; /* Fondo azul para submenús */
            padding: 0;
            margin: 0;
            white-space: nowrap;
        }

        ul li:hover > ul {
            display: block;
        }

        ul li ul li {
            display: block;
        }

        /* Estilos para dispositivos móviles */
        .menu-btn {
            display: none;
            font-size: 30px;
            padding: 10px 15px;
            cursor: pointer;
            color: #fff; /* Letras blancas */
            background-color: #DC143C; /* Fondo azul */
            border: none;
            width: 100%;
            text-align: left;
        }

        .menu-btn:focus {
            outline: none;
        }

        @media (max-width: 768px) {
            ul {
                flex-direction: column;
                display: none;
            }

            ul.menu-active {
                display: flex;
            }

            ul li {
                width: 100%;
            }

            ul li ul {
                position: relative;
                top: 0;
                left: 0;
                display: none;
            }

            ul li.menu-open > ul {
                display: block;
            }

            .menu-btn {
                display: block;
            }

            ul li a {
                cursor: pointer;
            }
        }

        /* Añade margen superior al contenido para evitar que quede debajo del menú */
        body {
            padding-top: 60px; /* Ajusta este valor según la altura del menú */
        }
 .slider {
      width: 360px;
      height: 240px;
      margin: 0 auto;
      overflow: hidden;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      position: relative;
    }

    .slider-track {
      display: flex;
      width: 360px;
      transition: transform 0.5s ease-in-out;
    }

    .slide {
      width: 360px;
      flex-shrink: 0;
    }

    .slide img {
      width: 360px;
      height: 240px;
      object-fit: cover;
      display: block;
    }

    /* Botones de navegación */
    .nav-button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.4);
      color: white;
      border: none;
      font-size: 24px;
      padding: 10px;
      cursor: pointer;
      z-index: 1;
    }

    .nav-button:hover {
      background-color: rgba(0, 0, 0, 0.7);
    }

    .prev {
      left: 10px;
    }

    .next {
      right: 10px;
    }