.seor-pastilla-notch {
    display: block;
    text-decoration: none !important;
    transition: box-shadow 0.3s ease;
    box-shadow: inset 0 0 0 9999px rgba(0,0,0,0); /* Base states for transition */
    cursor: pointer;
    background-color: var(--wp--preset--color--base, #ffffff);
    color: inherit;
    /* Un pequeño relleno si no tiene hijos que lo fuercen */
    padding: 20px;
    box-sizing: border-box;
    /* Aumenta el tamaño del notch animado de la esquina inferior derecha */
    --seor-notch-size: 35px;
}

.seor-pastilla-notch-content {
    transition: transform 0.3s ease, filter 0.3s ease;
}

.seor-pastilla-notch:hover {
    box-shadow: inset 0 0 0 9999px rgba(0,0,0,0.05); /* Oscurece SOLO el fondo sutilmente */
}

.seor-pastilla-notch:hover .seor-pastilla-notch-content {
    transform: scale(1.02); /* Aplica zoom más suave al contenido interno */
    filter: brightness(1.15); /* Aclara SOLO el contenido */
}

.seor-pastilla-notch-layer-2 {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(var(--seor-notch-size) * 4); /* Double the size since notch 1 uses size * 2 */
    height: calc(var(--seor-notch-size) * 4);
    background: color-mix(in srgb, var(--seor-notch-color, var(--wp--preset--color--primary)) 50%, transparent); /* 50% transparente */
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    
    transform: scale(0);
    transform-origin: bottom right;
    transition: transform var(--seor-notch-speed, 0.3s) cubic-bezier(0.4, 0, 0.2, 1), opacity var(--seor-notch-speed, 0.3s) ease;
    opacity: 0;
    pointer-events: none;
    z-index: 1; /* Below the main solid notch */
}

/* Ensure layer 1 is above layer 2 */
.seor-pastilla-notch::after {
    z-index: 2 !important;
}

.seor-pastilla-notch:hover .seor-pastilla-notch-layer-2 {
    transform: scale(1);
    opacity: 1;
}


/* Altura forzada para pastillas notch */
.notch-fixed-height {
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
@media (max-width: 768px) {
    .seor-pastilla-notch.notch-fixed-height {
        min-height: unset !important;
        height: 115px !important;
    }
}

.footer_pastilla_notch {
    transition: all 0.3s ease;
    text-align: left;
    line-height: 1.2;
    box-sizing: border-box;
}

.seor-pastilla-notch:hover .footer_pastilla_notch {
    padding-left: 30px !important; /* Desplazamiento sutil al hacer hover */
    filter: brightness(1.1);
}