/* ===========================
   WP Job Manager – Colores corporativos
   =========================== */

/* --- Paleta --- */
:root {
    --jm-primary: #B21F24;
    /* principal */
    --jm-primary-hover: #8E181C;
    /* hover */
}

/* ===========================
   1) Formularios de envío / aplicación
   =========================== */

/* Botones de submit en formularios de WPJM (no toca toolbars ni editores) */
.job-manager-form input[type="submit"],
.job-manager-form button[type="submit"],
.job-manager-application-form input[type="submit"],
.job-manager-application-form button[type="submit"] {
    background-color: var(--jm-primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, transform .15s ease;
}

.job-manager-form input[type="submit"]:hover,
.job-manager-form button[type="submit"]:hover,
.job-manager-application-form input[type="submit"]:hover,
.job-manager-application-form button[type="submit"]:hover {
    background-color: var(--jm-primary-hover);
    transform: translateY(-1px);
}

.job-manager-form input[type="submit"]:focus-visible,
.job-manager-form button[type="submit"]:focus-visible,
.job-manager-application-form input[type="submit"]:focus-visible,
.job-manager-application-form button[type="submit"]:focus-visible {
    outline: 2px solid var(--jm-primary-hover);
    outline-offset: 2px;
}

/* Checkboxes dentro de formularios WPJM */
.job-manager-form input[type="checkbox"],
.job-manager-application-form input[type="checkbox"] {
    width: 1.5em;
    height: 1.5em;
    accent-color: var(--jm-primary);
    cursor: pointer;
}

/* ===========================
   2) Listado de empleos (search + filtros)
   =========================== */

/* Botón “Buscar trabajos” (submit del formulario de filtros) */
.job_filters input[type="submit"],
.job_filters button[type="submit"],
.job_listings .job_filters input[type="submit"],
.job_listings .job_filters button[type="submit"] {
    background-color: var(--jm-primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, transform .15s ease;
}

.job_filters input[type="submit"]:hover,
.job_filters button[type="submit"]:hover,
.job_listings .job_filters input[type="submit"]:hover,
.job_listings .job_filters button[type="submit"]:hover {
    background-color: var(--jm-primary-hover);
    transform: translateY(-1px);
}

.job_filters input[type="submit"]:focus-visible,
.job_filters button[type="submit"]:focus-visible,
.job_listings .job_filters input[type="submit"]:focus-visible,
.job_listings .job_filters button[type="submit"]:focus-visible {
    outline: 2px solid var(--jm-primary-hover);
    outline-offset: 2px;
}

/* Checkboxes de tipos de trabajo en el filtro */
.job_filters .job_types input[type="checkbox"],
.job_listings .job_filters .job_types input[type="checkbox"] {
    width: 1.3em;
    height: 1.3em;
    accent-color: var(--jm-primary);
    vertical-align: middle;
    cursor: pointer;
}

/* ===========================
   3) Detalle de empleo – botón “Solicitar empleo”
   =========================== */

/* El botón suele ser <a class="application_button button"> o <button> */
.single-job_listing .job-application .application_button,
.single-job_listing .application .application_button,
a.application_button.button,
.application_button {
    background-color: var(--jm-primary) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
    font-size: inherit !important;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    transition: background-color .2s ease, transform .15s ease;
}

.single-job_listing .job-application .application_button:hover,
.single-job_listing .application .application_button:hover,
a.application_button.button:hover,
.application_button:hover {
    background-color: var(--jm-primary-hover) !important;
    transform: translateY(-1px);
}

/* ===========================
   4) Salvaguardas: no tocar toolbars/editores
   =========================== */

/* No afectar botones dentro de toolbars de editores o selects enriquecidos */
.wp-editor-wrap .mce-toolbar button,
.wp-editor-wrap .quicktags-toolbar input.button,
.select2-container .select2-selection__rendered,
.select2-container .select2-selection__choice,
.choices__inner,
.choices__button,
.mce-container button,
.mce-toolbar button {
    /* sin cambios; reglas anteriores son específicas y no deberían interferir */
}

/* Estilos para el modal */
#report-job-modal {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.report-job-modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
}

.label-report {
    margin: 20px 0;
}

.close-modal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-modal:hover,
.close-modal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Estilo base */
.report-job-button {
    background-color: #fcb429;
    /* color principal: amarillo dorado */
    color: #fff !important;
    /* texto blanco */
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    /* mismo tamaño que application_button */
    font-size: inherit !important;
    font-weight: 600;
    display: inline-block;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

/* Hover (tono más oscuro + ligera animación) */
.report-job-button:hover,
.report-job-button:focus {
    background-color: #d99a1e !important;
    /* tono más oscuro del principal */
    transform: translateY(-1px);
    text-decoration: none;
    border: none !important;
    outline: none !important;
}

/* Foco accesible (para navegación con teclado) */
.report-job-button:focus-visible {
    outline: 2px solid #d99a1e !important;
    outline-offset: 2px;
    border: none !important;
}

/*************************************************/


/* Contenedor del menú */
.main-menu-custom-mcfia .menu-custom-mcfia {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Ítem alineado a la derecha */
.menu-item-right-custom-mcfia {
    margin-left: auto;
}

/* Enlace base */
.main-menu-custom-mcfia li a {
    position: relative;
    text-decoration: none !important;
    padding: 10px 0;
    color: #000;
    font-weight: 500;
    transition: color 0.3s ease;
}

/* Línea inicial (oculta) */
.main-menu-custom-mcfia li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    /* Empieza desde el centro */
    width: 0;
    /* Sin ancho inicial */
    height: 2px;
    background-color: #a00000;
    /* Color rojo del ejemplo */
    transform: translateX(-50%);
    /* Centrar */
    transform-origin: center;
    /* Punto de expansión */
    transition: width 0.3s ease;
}

/* Hover: la línea crece hacia los lados */
.main-menu-custom-mcfia li a:hover {
    color: #a00000;
}

.main-menu-custom-mcfia li a:hover::after {
    width: 100%;
    /* Se expande a ambos lados */
}

/* Estado activo opcional */
.main-menu-custom-mcfia li a.active::after {
    width: 100%;
}


/*****************MENU CUSTOM CFIA**********************/


/* Contenedor del header */
.cfia-header {
    background: #fff;
}

/* Distribución: logo + menú */
.cfia-header__inner {
    display: grid;
    grid-template-columns: auto 1fr;
    /* logo fijo + menú ocupa el resto */
    align-items: center;
    padding: 25px 40px;
}

/* Logo con altura fija y ancho natural */
.cfia-header__logo img {
    height: 85px;
    width: auto;
    display: block;
}

/* Contenedor del menú */
.cfia-nav {
    display: flex;
    justify-content: center;
    /* centra el menú dentro del espacio restante */
}

/* Menú horizontal */
.cfia-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 48px;
    /* espacio entre opciones */
}

/* Enlaces del menú */
.cfia-menu>li>a {
    text-decoration: none;
    color: #18314f;
    font-weight: 500;
    transition: color 0.25s ease;
}

/* Hover y activo */
.cfia-menu>li>a:hover {
    color: #b31217;
}

/* Ítem resaltado en rojo permanente */
.cfia-menu>li.cfia--resaltado>a {
    color: #b31217;
}

.rss_link {
    display: none !important;
}