/*
 * Ajustes de diseño exclusivos de oportunidadesempresariales.html.
 *
 * Aqui solo van reglas sobre estilos que esta pagina comparte con otras
 * (tokens, cabecera, avisos de campo): se cargan despues de styles.css y solo
 * en esta pagina, asi el resto del sitio no cambia. Solo presentacion; ningun
 * selector de aqui lo usa JavaScript.
 */

/* Sombras neutras: sobre fondos oscuros, una sombra teñida del color de marca
   se lee como un halo. Se redefinen los tokens para toda la pagina, asi
   botones, logos y tarjetas elevan con negro translucido. */
:root {
    --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 14px 28px rgba(0, 0, 0, 0.14);
}

/* Cabecera: la imagen ya separa la seccion; sin la linea dorada inferior el
   contenido no queda pegado a un borde. */
.page-hero {
    border-bottom: none;
}

/* Campo recien rellenado por la pagina: el aviso pasa de halo difuso a un
   contorno que se desvanece. La clase la sigue poniendo el mismo script. */
.highlighted {
    box-shadow: none;
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
    animation: oportunidadesHighlightFade 1.5s forwards;
}

@keyframes oportunidadesHighlightFade {
    0% { outline-color: var(--color-accent); }
    100% { outline-color: transparent; }
}