/**
 * SCP Linkte - Estilos CSS
 *
 * Estilos para los elementos de enlaces codificados
 *
 * @package    SCP_Linkte
 * @since      1.0.0
 */

/**
 * Estilos para elementos interactivos (enlaces y spans)
 */
 .linkte a,
 .lispan a,
 .scp_of_link,
 .scpl,
 li.ofuscar a {
     cursor: pointer;
     position: relative;
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
 }
 
 /* Mejorar accesibilidad para spans que actúan como enlaces */
 span.scp_of_link,
 span.scpl {
     display: inline-block;
     outline: none;
 }
 
 span.scp_of_link:focus,
 span.scpl:focus {
     outline: 1px dotted #000;
     outline: 5px auto -webkit-focus-ring-color;
 }
 
 /* Efecto hover */
 .linkte a:hover,
 .lispan a:hover,
 .scp_of_link:hover,
 .scpl:hover,
 li.ofuscar a:hover {
     opacity: 0.9;
 }
 
 /* Estilo de cabecera para spans especiales */
 span.cab {
     font-weight: bold;
     display: inline-block;
 }
 
 /* Estilos para redes sociales con icono */
 .scp_of_link.icon,
 .scpl.icon {
     display: inline-block;
     margin: 0 5px;
 }
 
 /* Responsividad para iconos */
 @media screen and (max-width: 768px) {
     .scp_of_link.icon,
     .scpl.icon {
         margin: 0 3px;
     }
 }
 
 /* Animación de clic para elementos interactivos */
 .scp_of_link:active,
 .scpl:active {
     transform: scale(0.98);
 }