/*<css-9116>*/#skip-link {
    position: fixed; /* Lo fijamos a la ventana */
    top: -100px; /* Oculto arriba por defecto */
    left: 20px;
    z-index: 99999;
    padding: 12px 24px;
    background: white;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #29dd1d;
    border-radius: 8px;
    transition: top 0.3s ease-in-out; /* Suaviza la aparición */
    font-size: 16px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

#skip-link:focus {
    top: 20px;
    animation: pulsate 2s infinite;
}

/* Animación de latido (pumping effect) */
@keyframes pulsate {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.sectForm:focus-within {
    border: 2px solid #29dd1d !important; /* Usamos tu verde brillante para enmarcar la zona */
    box-shadow: 0 0 20px rgba(41, 221, 29, 0.25) !important; /* Un resplandor suave alrededor */
    background-color: rgba(41, 221, 29, 0.02) !important; /* Un tinte verde casi imperceptible de fondo */
    border-radius: 8px; /* Por si no tiene bordes redondeados */
    transition: all 0.3s ease;
}

/* 2. Resalta el elemento específico (input, select, botón) donde está parado el foco actualmente */
.sectForm input:focus-visible,
.sectForm textarea:focus-visible,
.sectForm select:focus-visible,
.sectForm button:focus-visible,
.sectForm a:focus-visible {
    outline: 3px solid #29dd1d !important; /* Borde grueso verde en el input actual */
    outline-offset: 2px !important;
    box-shadow: 0 0 10px rgba(41, 221, 29, 0.5) !important;
    background-color: #fff !important; /* Asegura fondo blanco para que contraste el texto */
}

@media only screen and (min-width: 1400px) {
    
    /* Apuntamos a los enlaces con clase list-group-item cuando reciben foco */
    .list-group-item:focus,
    .list-group-item:focus-visible {
        outline: 3px solid #29dd1d !important; /* Tu verde brillante */
        outline-offset: 4px !important; /* Separación para que no choque con el texto */
        background-color: rgba(41, 221, 29, 0.15) !important; /* Fondo verde sutil para rellenar el espacio */
        border-radius: 4px !important; /* Suaviza las esquinas del foco */
        transition: background-color 0.2s ease;
    }
    
}/*</css-9116>*/