/**
 * offers-details.css
 * Estilos de estado de carga para la página de detalle de oferta.
 * El diseño principal está en Elementor; aquí solo gestionamos
 * estados transitorios (carga, error, skeleton).
 */

/* Animación skeleton mientras se cargan los datos */
@keyframes rrhh-pulse {
    0%   { opacity: 1; }
    50%  { opacity: 0.4; }
    100% { opacity: 1; }
}

/* Clase aplicable a los elementos mientras esperan el AJAX */
.rrhh-loading {
    animation: rrhh-pulse 1.4s ease-in-out infinite;
    pointer-events: none;
    user-select: none;
}

/* Placeholder visual durante la carga */
.rrhh-loading::after {
    content: '';
    display: inline-block;
    width: 120px;
    height: 1em;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    vertical-align: middle;
}

#description,
#requirements {
    white-space: pre-wrap;
}