body, html {
            margin: 0;
            padding: 0;
            font-family: 'Montserrat',Arial, sans-serif;
            background-color: #f0f0f0;
        }
        .header {   
            height: 100px;
            background-color: #008ba8; 
            display: flex;
            padding: 20px 0;
            justify-content: space-around;
        }
        .header h3{
            display: flex;
            color: #fff;
            text-align: center;
            align-items: center;

        }
        .header h3 a{
            
    text-decoration: none;
    color: #fff;

        }
        .container {
            position: relative;
            
            margin: 0px auto;
            z-index: 10;
        }
        .kitchen-image {
            width: 100%;
            height: auto;
        }
        /* Estilos para los hotspots */
        .hotspot {
            position: absolute;
            width: 80px;
            height: 100px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            /* animation: vibrate 0.3s linear infinite;  */
            animation: pulse 2s infinite;
            z-index: 0;            
        }
        .hotspot img {
            width: 100%;
            height: 100%;
        }
        /* @keyframes vibrate {
            0% { transform: translate(0); }
            25% { transform: translate(2px, 2px); }
            50% { transform: translate(0); }
            75% { transform: translate(-2px, -2px); }
            100% { transform: translate(0); }
        } */
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        /* Estilos para el contenido de los hotspots */
        .hotspot-content {
            position: absolute;
            left: 100%;
            top: 0;
            margin-left: -15px;
            width: 265px;
            opacity: 0;
            background-color: transparent;
            z-index: 10;
            visibility: hidden;
            transition: opacity 0.6s ease, visibility 0.5s ease;
        }
        .hotspot:hover .hotspot-content {
            visibility: visible;
            opacity: 1;
        }
        .hotspot-content h3 {
            margin: 0;
            padding: 5px 0px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 800;
            font-size: 17px;
            background-color: #8f756c;
            border: 2px solid #4c2e20;
            color: #fff;
            cursor: pointer;           
            border-radius: 25px;
            text-align: center;  
           
        }
        .hotspot-content p {
            margin: 0 13px;
            padding: 10px;
            background-color: #dbfbff;
            border: 2px solid #fff;
            border-radius: 0 0 10px 10px;
            color: #4c2e20;
            font-weight: 500;
            font-size: 15px;
            font-family: 'Montserrat', sans-serif;
        }
        .footer{
            display: flex;
            background-color:#59382a ;
            justify-content:space-around;
            color: #fff;
            padding: 20px 0;
            align-items: center;
        }
        .slogan{
            font-size: 15px;
            border-bottom: 1px solid white;
            padding-bottom: 10px;
            font-family: 'Montserrat', sans-serif;
            width: 71%;
        }
        .logo_header {
            
    width: 60%;
    max-width: 900px;
    height: 92px;

        }