/*<css-9116>*/.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>*/