/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 06 2026 | 08:34:20 */
/* RESET TOTAL DEL CONTENEDOR WORDPRESS */
.rf-category-card,
.rf-category-card a,
.rf-category-card figure {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* EVITA OVERLAY DE BLOQUES WP */
.rf-category-card a::before,
.rf-category-card a::after {
    display: none !important;
    content: none !important;
}

.rf-category-card {
    position: relative;
    isolation: isolate;
}

/* BORDE CON PUNTAS (AMARILLO SUAVIZADO) */
.rf-category-card::before {
    content: "";
    position: absolute;
    inset: -12px;
    z-index: -1;

    background: linear-gradient(
        120deg,
        rgba(0,0,0,0.75),
        rgba(249,255,0,0.75),
        rgba(0,0,0,0.75),
        rgba(255,204,0,0.75),
        rgba(0,0,0,0.75)
    );
	
	background-size: 300% 300%;
    animation: rfDangerFlow 4s linear infinite;

clip-path: polygon(
    18% 0%, 82% 0%,
    100% 50%,
    82% 100%, 18% 100%,
    0% 50%
);

    opacity: 0;
    transition: opacity 0.35s ease;
}

/* IMAGEN */
.rf-category-card img {
    transition: 
        transform 0.45s ease,
        filter 0.35s ease;
    will-change: transform;
}

/* AURA SUAVE SIN RECTÁNGULO (MENOS INTENSA) */
.rf-category-card::after {
    content: "";
    position: absolute;
    inset: -30px;
    z-index: -2;

    background: radial-gradient(
        circle,
        rgba(249,255,0,0.28),
        transparent 65%
    );

    opacity: 0;
    transition: opacity 0.35s ease;
}

.rf-category-card:hover::before,
.rf-category-card:hover::after {
    opacity: 1;
}

/* HOVER IMAGEN */
.rf-category-card:hover img {
    transform: scale(1.08);
    filter: saturate(1.15) contrast(1.05);
}

/* CLICK FEEDBACK */
.rf-category-card:active {
    transform: scale(0.98);
}

@keyframes rfDangerFlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

