/* 
 * Ocultar completamente los puntos del slider
 * Este archivo tiene prioridad sobre otros estilos
 */

/* Ocultar los puntos del slider */
.slick-dots,
.dot-style-1 ul,
.hero-slider-1 .slick-dots,
.hero-slider-1.dot-style-1 ul,
.hero-slider-1.dot-style-1.dot-style-1-position-1 ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Estilo para cada punto individual */
.slick-dots li,
.dot-style-1 ul li,
.hero-slider-1 .slick-dots li {
    display: inline-flex !important;
    margin: 0 6px !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* Estilo para los botones de los puntos */
.slick-dots li button,
.dot-style-1 ul li button,
.hero-slider-1 .slick-dots li button {
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
    padding: 0 !important;
    font-size: 0 !important;
    opacity: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) !important;
}

/* Estilo para el punto activo */
.slick-dots li.slick-active button,
.dot-style-1 ul li.slick-active button,
.hero-slider-1 .slick-dots li.slick-active button {
    background-color: #fff !important;
    transform: scale(1.2) !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.5) !important;
}

/* Ocultar el texto de los botones */
.slick-dots li button:before,
.dot-style-1 ul li button:before,
.hero-slider-1 .slick-dots li button:before {
    display: none !important;
}

/* Asegurar que el contenedor de los puntos esté centrado */
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

/* Ajuste específico para este tema */
.hero-slider-1.dot-style-1.dot-style-1-position-1 ul {
    bottom: 30px !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}