.elementor-598 .elementor-element.elementor-element-83cc3c0{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-598 .elementor-element.elementor-element-83cc3c0:not(.elementor-motion-effects-element-type-background), .elementor-598 .elementor-element.elementor-element-83cc3c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B3B3B31F;background-image:url("https://hkcateringg.com/wp-content/uploads/2026/01/catering8_0.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-598 .elementor-element.elementor-element-83cc3c0::before, .elementor-598 .elementor-element.elementor-element-83cc3c0 > .elementor-background-video-container::before, .elementor-598 .elementor-element.elementor-element-83cc3c0 > .e-con-inner > .elementor-background-video-container::before, .elementor-598 .elementor-element.elementor-element-83cc3c0 > .elementor-background-slideshow::before, .elementor-598 .elementor-element.elementor-element-83cc3c0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-598 .elementor-element.elementor-element-83cc3c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-598 .elementor-element.elementor-element-7f467bf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:99;}.elementor-598 .elementor-element.elementor-element-9a327e9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;padding:0% 0% 0% 0%;text-align:center;}.elementor-598 .elementor-element.elementor-element-9a327e9 .elementor-heading-title{font-size:60px;font-weight:600;line-height:90px;color:#FFFFFF;}.elementor-598 .elementor-element.elementor-element-138270a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;padding:0px 0px 0px 10px;text-align:center;font-size:18px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-598 .elementor-element.elementor-element-0ca2573{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-598 .elementor-element.elementor-element-9a327e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-598 .elementor-element.elementor-element-9a327e9 .elementor-heading-title{font-size:50px;line-height:50px;}.elementor-598 .elementor-element.elementor-element-138270a{font-size:16px;line-height:27px;}}@media(min-width:768px){.elementor-598 .elementor-element.elementor-element-83cc3c0{--content-width:1240px;}.elementor-598 .elementor-element.elementor-element-7f467bf{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-598 .elementor-element.elementor-element-7f467bf{--width:65%;}}@media(max-width:767px){.elementor-598 .elementor-element.elementor-element-7f467bf{--margin-top:0px;--margin-bottom:32px;--margin-left:0px;--margin-right:0px;}.elementor-598 .elementor-element.elementor-element-9a327e9{padding:0% 0% 0% 0%;}.elementor-598 .elementor-element.elementor-element-9a327e9 .elementor-heading-title{font-size:40px;line-height:40px;}.elementor-598 .elementor-element.elementor-element-138270a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-df8aa43 */* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --primary-green: #2c5f4f;
            --dark-green: #1a3d30;
            --gold: #c9a961;
            --light-gold: #e5d4a6;
            --cream: #faf8f3;
            --light-gray: #f5f5f0;
            --medium-gray: #8a8a7e;
            --dark-text: #2d2d2d;
            --white: #ffffff;
        }

   
        .menu-content {
            padding: 20px;
        }

        .accordion-item {
            margin-bottom: 20px;
            border: 1px solid #e8e6e0;
            border-radius: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            background: var(--white);
        }

        .accordion-item:hover {
            box-shadow: 0 8px 25px rgba(44, 95, 79, 0.08);
            border-color: var(--light-gold);
        }

        .accordion-header {
            background: var(--light-gray);
            padding: 28px 35px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.4s ease;
            border-left: 4px solid transparent;
        }

        .accordion-header:hover {
            background: #f0ede5;
            border-left-color: var(--gold);
        }

        .accordion-header.active {
            background: var(--primary-green);
            color: var(--white);
            border-left-color: var(--gold);
        }

        .accordion-title {
            display: flex;
            align-items: center;
            gap: 18px;
            font-size: 24px;
            font-family: 'Cormorant Garamond', serif;
            font-weight: 500;
            letter-spacing: 0.5px;
        }

        .accordion-icon {
            font-size: 26px;
            filter: grayscale(0);
        }

        .accordion-header.active .accordion-icon {
            filter: brightness(1.2);
        }

        .accordion-toggle {
            font-size: 28px;
            transition: all 0.3s ease;
            color: var(--gold);
            font-weight: 300;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .accordion-header.active .accordion-toggle {
            transform: rotate(180deg);
            color: var(--light-gold);
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            background: var(--white);
        }

        .accordion-content.active {
            max-height: 6000px;
        }

        .accordion-inner {
            padding: 45px 40px;
            background: linear-gradient(to bottom, var(--white) 0%, var(--cream) 100%);
        }

        .section-category {
            margin-bottom: 45px;
        }

        .category-title {
            font-family: 'Cormorant Garamond', serif;
            font-size: 22px;
            color: var(--gold);
            font-style: italic;
            margin-bottom: 25px;
            padding-left: 20px;
            border-left: 3px solid var(--gold);
            font-weight: 500;
        }

        .items-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 25px;
            margin-bottom: 35px;
        }

        .items-grid .menu-item {
            padding: 28px;
            background: var(--white);
            border: 1px solid #e8e6e0;
            border-radius: 0;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .items-grid .menu-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(201, 169, 97, 0.05));
            transition: width 0.4s ease;
        }

       .items-grid  .menu-item:hover::before {
            width: 100%;
        }

       .items-grid  .menu-item:hover {
            border-color: var(--gold);
            transform: translateY(-4px);
            box-shadow: 0 12px 30px rgba(44, 95, 79, 0.12);
        }

        .item-name {
            font-family: 'Cormorant Garamond', serif;
            font-size: 20px;
            color: var(--dark-green);
            font-weight: 600;
            margin-bottom: 12px;
            position: relative;
            z-index: 1;
        }

        .item-description {
            font-size: 15px;
            color: var(--medium-gray);
            line-height: 1.8;
            font-weight: 300;
            position: relative;
            z-index: 1;
        }

        @media (max-width: 1024px) {
            .header-title {
                font-size: 48px;
            }

            .menu-content {
                padding: 30px;
            }

            .items-grid {
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            }
        }

        @media (max-width: 768px) {
            .header {
                padding: 60px 25px 45px;
            }

            .header-title {
                font-size: 38px;
            }

            .header-description {
                font-size: 15px;
            }

            .accordion-title {
                font-size: 20px;
            }

            .accordion-header {
                padding: 22px 20px;
            }

            .accordion-inner {
                padding: 30px 20px;
            }

            .items-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .menu-content {
                padding: 20px;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 0;
            }

            .header {
                padding: 45px 20px 35px;
            }

            .header-title {
                font-size: 32px;
            }

            .accordion-title {
                font-size: 18px;
                gap: 12px;
            }

            .accordion-icon {
                font-size: 22px;
            }

            .category-title {
                font-size: 19px;
            }

            .item-name {
                font-size: 18px;
            }

            .item-description {
                font-size: 14px;
            }
        }

        /* Animación de entrada suave */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .accordion-item {
            animation: fadeIn 0.6s ease forwards;
        }

        .accordion-item:nth-child(1) { animation-delay: 0.1s; }
        .accordion-item:nth-child(2) { animation-delay: 0.2s; }
        .accordion-item:nth-child(3) { animation-delay: 0.3s; }
        .accordion-item:nth-child(4) { animation-delay: 0.4s; }
        .accordion-item:nth-child(5) { animation-delay: 0.5s; }
        .accordion-item:nth-child(6) { animation-delay: 0.6s; }/* End custom CSS */