* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
           /* Hero Section */
        .ini-hero {
            background:url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img2/image4.png');
                  background-size: cover;
            background-position: center;
            color: white !important;
            padding: 120px 20px;
            text-align: left;
        }

        .ini-hero h1 {
            font-size: 3em;
            margin-bottom: 15px;
            font-weight: normal;
                        color: white !important;

        }

        .ini-hero h2 {
            font-size: 1.5em;
            margin-bottom: 20px;
            font-weight: normal;
                        color: white !important;

        }

        .ini-hero p {
            font-size: 1.1em;
            max-width: 600px;
            margin: 0 0 30px;
                        color: white !important;

        }

        .ini-btn {
            display: inline-block;
            background-color: rgba(107, 108, 78, 0.9);
            color: white !important;
            padding: 12px 30px;
            text-decoration: none;
            border-radius: 4px;
            transition: background-color 0.3s;
        }

        .ini-btn:hover {
            background-color: rgba(107, 108, 78, 1);
        }

        /* Categories Section */
        .ini-categories {
            padding: 60px 20px;
            background-color: #f9f9f9 !important;
            text-align: center;
        }

        .ini-categories h2 {
            font-size: 2.2em;
            margin-bottom: 15px;
            color: #333 !important;
        }

        .ini-categories p {
            max-width: 700px;
            margin: 0 auto 50px;
            color: #666 !important;
            font-size: 1.05em;
        }

        .ini-category-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            max-width: 1200px;
            margin: 0 auto;
        }

        .ini-category-card {
            background-size: cover;
            background-position: center;
            border-radius: 8px;
            padding: 80px 20px;
            color: white !important;
            text-align: center;
            transition: transform 0.3s;
            flex: 1 1 180px;
            min-height: 200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            text-decoration: none;
        }

        .ini-category-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.3));
            border-radius: 8px;
            z-index: 1;
        }

        .ini-category-card > * {
            position: relative;
            z-index: 2;
        }

        .ini-category-card:hover {
            transform: translateY(-5px);
        }

        .ini-category-icon {
            width: 60px;
            height: 60px;
            background-color: rgba(255,255,255,0.25) !important;
            border-radius: 50%;
            margin: 0 auto 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            padding: 12px;
        }

        .ini-category-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            filter: brightness(0) invert(1);
        }

        .ini-category-card h3 {
            font-size: 1.1em;
            font-weight: bold;
                        color: white !important;

        }

        .ini-category-card:nth-child(1) {
            background: url("https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img/Section2.png") center/cover no-repeat;
        }
        .ini-category-card:nth-child(2) {
          position: relative;
  background: url("https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img2/Rectangle13.png") center/cover no-repeat;
        }
 .ini-category-card:nth-child(2)::before {
      content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(92,136,98,0.6);
 }
        .ini-category-card:nth-child(3) {
                      position: relative;

            background: url("https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img2/Rectangle14.png") center/cover no-repeat;
        
        }

    .ini-category-card:nth-child(3)::before {
 content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(162,160,146,0.6) !important;

    }
        .ini-category-card:nth-child(4) {
                      position: relative;

            background: url("https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img2/Rectangle15.png") center/cover no-repeat;
        }
    .ini-category-card:nth-child(4)::before {
 content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(217,205,166,0.6) !important;

    }
        .ini-category-card:nth-child(5) {
            position: relative;
            background:  url("https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img2/Rectangle16.png") center/cover no-repeat;
        
        }

    .ini-category-card:nth-child(5)::before {
 content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(117,122,82,0.6) !important;

    }
        .ini-btn-view-all {
            margin-top: 40px;
            background-color: #6b6c4e !important;
        }

        /* About Section */
        .ini-about {
            background: url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img/section3.webp');
             background-size: cover;
            background-position: center;
            color: white !important;
            padding: 100px 20px;
            text-align: center;
        }

        .ini-about h2 {
            font-size: 2.2em;
            margin-bottom: 25px;
            line-height: 1.3;
            color: #D8CDA5 !important;
        }

        .ini-about p {
            max-width: 800px;
            margin: 0 auto 15px;
            font-size: 1.05em;
            line-height: 1.8;
                        color: white !important;

        }

        .ini-about .ini-btn {
            margin-top: 20px;
        }

         /* Products Section */
        /* Contenedor principal de productos */
        .ini-products {
            padding: 60px 20px;              /* Espacio interno superior/inferior y laterales */
            background-color: white !important;         /* Fondo blanco */
            position: relative;              /* Para posicionar las flechas */
        }

        /* Subtítulo pequeño */
        .ini-products h3 {
            font-size: 0.9em;                /* Tamaño pequeño */
            color: #999 !important;                     /* Color gris claro */
            margin-bottom: 5px;              /* Espacio mínimo debajo */
        }

        /* Título principal */
        .ini-products h2 {
            font-size: 2em;                  /* Tamaño grande */
            margin-bottom: 40px;             /* Espacio debajo */

        }

        /* Contenedor del carrusel */
        .ini-product-carousel {
            max-width: 1200px;               /* Ancho máximo del carrusel */
            margin: 0 auto;                  /* Centrado horizontal */
            padding: 0 50px;                 /* Espacio para las flechas laterales */
        }

        /* Card individual de producto */
        .ini-product-card {
            background-color: white !important;         /* Fondo blanco */
            border: 1px solid #e0e0e0 !important;       /* Borde gris claro */
            border-radius: 8px;              /* Bordes redondeados */
            padding: 20px;                   /* Espacio interno */
            text-align: center;              /* Texto centrado */
            transition: box-shadow 0.3s;     /* Transición suave de sombra */
            margin: 0 10px;                  /* Espacio entre cards en el carrusel */
            position: relative;              /* Para posicionar el botón de favorito */
        }

        /* Efecto hover en la card */
        .ini-product-card:hover {
            box-shadow: 0 5px 20px rgba(0,0,0,0.1); /* Sombra al pasar el mouse */
        }

        /* Botón de favorito (corazón) */
        .ini-product-favorite {
            width: 35px;                     /* Ancho del botón */
            height: 35px;                    /* Alto del botón */
            background-color: white !important;         /* Fondo blanco */
            border: 1px solid #e0e0e0 !important;       /* Borde gris claro */
            border-radius: 50%;              /* Círculo perfecto */
            display: inline-flex;            /* Inline flex para estar junto al precio */
            align-items: center;             /* Centra verticalmente */
            justify-content: center;         /* Centra horizontalmente */
            cursor: pointer;                 /* Cursor de mano */
            transition: all 0.3s;            /* Transición suave */
            vertical-align: middle;          /* Alineación vertical con el precio */
        }

        /* Hover del botón de favorito */
        .ini-product-favorite:hover {
            background-color: #fff5f5 !important;       /* Fondo rosa claro */
            border-color: #ff6b6b !important;           /* Borde rojo */
        }

        /* Icono del corazón */
        .ini-product-favorite svg {
            width: 18px;                     /* Ancho del icono */
            height: 18px;                    /* Alto del icono */
            fill: none;                      /* Sin relleno por defecto */
            stroke: #999 !important;                    /* Borde gris */
            stroke-width: 2;                 /* Grosor del borde */
            transition: all 0.3s;            /* Transición suave */
        }

        /* Hover del icono */
        .ini-product-favorite:hover svg {
            stroke: #ff6b6b !important;                 /* Borde rojo al hover */
        }

        /* Estado activo (favorito marcado) */
        .ini-product-favorite.active svg {
            fill: #ff6b6b !important;                   /* Relleno rojo */
            stroke: #ff6b6b !important;                 /* Borde rojo */
        }

        /* Imagen del producto */
        .ini-product-image {
            width: 100%;                     /* Ancho completo del contenedor */
            height: 200px;                   /* Altura fija */
            background-color: #a8a67c !important;       /* Color de fondo verde oliva */
            border-radius: 8px;              /* Bordes redondeados */
            margin-bottom: 15px;             /* Espacio debajo */
            background-size: cover;          /* Cubre todo el espacio */
            background-position: center;     /* Imagen centrada */
            display: flex;                   /* Flexbox para centrar la imagen */
            align-items: center;             /* Centra verticalmente */
            justify-content: center;         /* Centra horizontalmente */
            overflow: hidden;                /* Oculta desbordamiento */
            position: relative;              /* Para posicionar etiquetas absolutas si es necesario */
        }

        /* Etiqueta img dentro del contenedor */
        .ini-product-image img {
            width: 100%;                     /* Ancho completo */
            height: 100%;                    /* Alto completo */
            object-fit: cover;               /* Cubre el espacio manteniendo proporción */
            object-position: center;         /* Posición centrada */
            transition: transform 0.3s;      /* Transición suave para efectos */
        }

        /* Efecto hover en la imagen */
        .ini-product-card:hover .ini-product-image img {
            transform: scale(1.05);          /* Zoom suave al pasar el mouse */
        }

        /* Estrellas de calificación */
        .ini-stars {
            color: #ffd700 !important;                  /* Color dorado */
            margin-bottom: 10px;             /* Espacio debajo */
            font-size: 1em;                  /* Tamaño estándar */
        }

        /* Título del producto */
        .ini-product-title {
            font-size: 1.1em;                /* Tamaño ligeramente mayor */
            font-weight: bold;               /* Texto en negrita */
            margin-bottom: 10px;             /* Espacio debajo */
            color: #333 !important;                     /* Color oscuro */
            min-height: 2.4em;               /* Altura mínima (2 líneas) */
            line-height: 1.2em;              /* Altura de línea */
        }

        /* Descripción del producto */
        .ini-product-description {
            font-size: 0.9em;                /* Tamaño pequeño */
            color: #666 !important;                     /* Color gris medio */
            margin-bottom: 15px;             /* Espacio debajo */
            line-height: 1.5;                /* Altura de línea para legibilidad */
            min-height: 4.5em;               /* Altura mínima (3 líneas) */
        }

        /* Precio del producto */
        .ini-product-price {
            font-size: 1.3em;                /* Tamaño grande */
            font-weight: bold;               /* Texto en negrita */
            color: #6b6c4e !important;                  /* Color verde oliva */
            margin-bottom: 15px;             /* Espacio debajo */
            display: flex;                   /* Flexbox para alinear precio y favorito */
            align-items: center;             /* Centra verticalmente */
            justify-content: center;         /* Centra horizontalmente */
            gap: 10px;                       /* Espacio entre precio y botón favorito */
        }

        /* Botón de añadir al carrito */
        .ini-btn-add-cart {
            width: 100%;                     /* Ancho completo */
            background-color: #6b6c4e !important;       /* Fondo verde oliva */
            padding: 10px;                   /* Espacio interno */
            cursor: pointer;                 /* Cursor de mano */
            border: none;                    /* Sin borde */
        }

        .ini-btn-add-cart:hover {
            background-color: #5a5b3e !important;       /* Color más oscuro al hover */
        }

        /* Personalización de flechas de Slick Carousel */
        .ini-products .slick-arrow{
            width: 30px;
            height: 30px;
            font-size: 1px;
            color: transparent;
            position: absolute;
            top: -56px;
            right: 0;
        }


        .ini-products .slick-prev,
        .ini-products .slick-next {
            width: 40px;                     /* Ancho de la flecha */
            height: 40px;                    /* Alto de la flecha */
            background-color: #6b6c4e !important;       /* Fondo verde oliva */
            border-radius: 50%;              /* Círculo perfecto */
            z-index: 10;                     /* Sobre el contenido */
        }

        .ini-products .slick-prev:hover,
        .ini-products .slick-next:hover {
            background-color: #5a5b3e !important;       /* Color más oscuro al hover */
        }

        .ini-products .slick-prev {
            right: 60px;                         /* Posición izquierda */
            background:white url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img/flecha-correcta.png') !important;
            background-size: 100%;
            transform: rotate(-180deg);
        }
   .ini-products .slick-next {
  background:white url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img/flecha-correcta.png') !important;
            background-size: 100%;
           
   }
     
        .ini-products .slick-prev:before,
        .ini-products .slick-next:before {
            font-size: 24px;                 /* Tamaño del icono */
            color: white !important;                    /* Color blanco */
        }

        /* Dots de navegación */
        .ini-products .slick-dots {
            bottom: -40px;                   /* Posición debajo del carrusel */
        }

        .ini-products .slick-dots li button:before {
            font-size: 12px;                 /* Tamaño de los dots */
            color: #6b6c4e !important;                  /* Color verde oliva */
        }

        .ini-products .slick-dots li.slick-active button:before {
            color: #6b6c4e !important;                  /* Color activo */
            opacity: 1;                      /* Opacidad completa */
        }

        /* Info Cards Section */
        .ini-info-cards {
            padding: 60px 20px;
            background-color: #f9f9f9 !important;
        }

        .ini-info-cards h2 {
            text-align: center;
            font-size: 2.2em;
            margin-bottom: 15px;
        }

        .ini-info-cards > p {
            text-align: center;
            max-width: 800px;
            margin: 0 auto 50px;
            color: #666 !important;
        }

        .ini-info-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            justify-content: center;
            max-width: 1200px;
            margin: 0 auto;
        }

        .ini-info-card {
            background-size: cover;
            background-position: center;
            border-radius: 12px;
            padding: 40px 30px;
            color: white !important;
            flex: 1 1 300px;
            max-width: 380px;
            display: flex;
            flex-direction: column;
            position: relative;
        }

        .ini-info-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4));
            border-radius: 12px;
            z-index: 1;
        }

        .ini-info-card > * {
            position: relative;
            z-index: 2;
        }

        .ini-info-card:nth-child(1) {
                        position: relative;

            background: url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img2/Rectangle39.png') center/cover no-repeat;
        
        }
    .ini-info-card:nth-child(1)::before {
 content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(117,122,82,0.6) !important;

    }


        .ini-info-card:nth-child(2) {
            position: relative;
            background: url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img2/Rectangle40.png') center/cover no-repeat;
      
        }
            .ini-info-card:nth-child(2)::before {
 content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(117,122,82,0.6) !important;

    }



        .ini-info-card:nth-child(3) {
                    position: relative;
            background: url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img2/Rectangle41.png') center/cover no-repeat;
        
        }
                    .ini-info-card:nth-child(3)::before {
 content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(117,122,82,0.6) !important;

    }


        .ini-info-card-icon {
            width: 60px;
            height: 60px;
            background-color: rgba(255,255,255,0.25) !important;
            border-radius: 8px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            padding: 12px;
        }

        .ini-info-card-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            filter: brightness(0) invert(1);
        }

        .ini-info-card h3 {
            font-size: 1.5em;
            margin-bottom: 15px;
                        color: white !important;

        }

        .ini-info-card p {
            margin-bottom: 25px;
            line-height: 1.7;
            flex-grow: 1;
                        color: white !important;

        }

        .ini-btn-secondary {
            background-color: rgba(255,255,255,0.9) !important;
            color: #333 !important;
            padding: 10px 25px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            width: fit-content;
        }

        .ini-btn-secondary:hover {
            background-color: white !important;
        }

        .ini-btn-arrow {
            width: 16px;
            height: 16px;
            display: inline-block;
        }
        /* Awards Section */
        .ini-awards {
            padding: 60px 20px;
            background-color: white !important;
            text-align: center;
        }

        .ini-awards-intro {
            font-size: 0.9em;
            color: #919577 !important;
            margin-bottom: 10px;
        }

        .ini-awards h2 {
            font-size: 2.2em;
            margin-bottom: 20px;

        }

        .ini-awards > p {
            max-width: 900px;
            margin: 0 auto 50px;
        }

        .ini-awards-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            justify-content: center;
            max-width: 1000px;
            margin: 0 auto;
        }

        .ini-award-item {
            flex: 1 1 200px;
            max-width: 220px;
        }

        .ini-award-badge {
            width: 100px;
            height: 100px;
            background-color: #ddd !important;
            border-radius: 50%;
            margin: 0 auto 20px;
        }
/* Primer badge */
.ini-award-item:nth-child(1) .ini-award-badge {
        background: url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img/premio3.png') center/cover no-repeat;

}
/* Segundo badge */
.ini-award-item:nth-child(2) .ini-award-badge {
    background: url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img/premio4.png') center/cover no-repeat;
}
/* Tercer badge */
.ini-award-item:nth-child(3) .ini-award-badge {
    background: url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img/premio2.png') center/cover no-repeat;
}
/* Cuarto badge */
.ini-award-item:nth-child(4) .ini-award-badge {
    background: url('https://palaciosgutierrez.com/themes/v1_organic_33/assets/custom/img/premio1.jpg') center/cover no-repeat;
}
      

        .ini-award-title {
            font-weight: bold;
            margin-bottom: 5px;
    color: #000000!important;
        }

        .ini-award-subtitle {
            font-size: 0.95em;
                color: #000000!important;
        }

        /* Quality Section */
        .ini-quality {
            padding: 80px 20px;
            background-color: #f9f9f9 !important;
            text-align: center;
        }

        .ini-quality h2 {
            font-size: 2.2em;
            margin-bottom: 20px;
        }

        .ini-quality p {
            max-width: 800px;
            margin: 0 auto 30px;
            font-size: 1.05em;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .ini-hero h1 {
                font-size: 2em;
            }

            .ini-hero h2 {
                font-size: 1.2em;
            }

            .ini-category-grid {
                gap: 15px;
            }

            .ini-category-card {
                flex: 1 1 calc(50% - 10px);
                min-width: 140px;
            }

              /* Carrusel en tablet: muestra 2 productos */
            .ini-product-carousel {
                padding: 0 30px;             /* Reduce espacio para flechas */
            }

            .ini-product-card {
                flex: 1 1 calc(50% - 10px);
                max-width: none;
            }

            .ini-info-grid {
                gap: 20px;
            }

            .ini-info-card {
                flex: 1 1 calc(50% - 10px);
                max-width: none;
            }

            .ini-awards-grid {
                gap: 30px;
            }

            .ini-award-item {
                flex: 1 1 calc(50% - 15px);
            }
        }

        @media (max-width: 480px) {
            .ini-category-card {
                flex: 1 1 calc(50% - 8px);
                min-height: 180px;
                padding: 60px 15px;
            }

          
            /* Carrusel en móvil: muestra 1 producto */
            .ini-product-carousel {
                padding: 0 20px;             /* Más espacio para flechas pequeñas */
            }

            .ini-products .slick-prev,
            .ini-products .slick-next {
                width: 30px;                 /* Flechas más pequeñas en móvil */
                height: 30px;
            }

            .ini-products .slick-prev:before,
            .ini-products .slick-next:before {
                font-size: 18px;             /* Iconos más pequeños */
            }

            .ini-info-card {
                flex: 1 1 100%;
            }
        }