/*
 Theme Name:   Superio Child
 Theme URI:    https://themeforest.net/item/superio-job-board-wordpress-theme/32180231
 Description:  Superio Child Theme
 Author:       ApusTheme
 Author URI:   http://apusthemes.com
 Template:     superio
 Version:      1.0.2
 Text Domain:  superio-child
*/

/* VIC: Código Trendly*/
.instagram-login-button {
    background-color: #f094d0; /* Rosa más suave */
    color: #333; /* Gris oscuro */
    padding: 15px 25px; /* Aumenta el padding */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    box-sizing: border-box; /* Para incluir el padding en el ancho total */
}

.instagram-login-button i {
    font-size: 20px; /* Icono más grande */
    margin-right: 10px;
}

.instagram-login-button .info-message {
    display: block; /* Mostrar el mensaje en una nueva línea */
    font-size: 14px;
    color: white;
    margin-top: 5px; /* Espacio encima del mensaje */
}

.profile-section {
    /* Estilos generales de la sección */
    text-align: center; /* Centrar el contenido */
    margin-bottom: 20px; /* Espacio inferior */
}

.profile-section h2 {
    /* Estilos del título */
    font-size: 1.2em;
    margin-bottom: 10px;
}

.profile-info {
    display: flex; /* Alinear la imagen y los detalles en horizontal */
    align-items: center; /* Centrar verticalmente */
}

.profile-image {
    /* Estilos de la imagen  */
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #f094d0;
    margin-right: 20px; /* Espacio entre la imagen y los detalles */
}

.profile-details {
    /* Estilos de los detalles del perfil */
    text-align: left; /* Alinear el texto a la izquierda */
}

.profile-details p {
    margin: 5px 0; /* Espacio entre los párrafos */
}

h5 i {
    margin-right: 10px; /* Ajusta el espacio entre el icono y el texto */
}

.cerrar-perfil {
    position: absolute;
    top: 5px; /* Ajusta según sea necesario */
    right: 5px; /* Ajusta según sea necesario */
    background-color: transparent; /* Fondo transparente */
    border: none; /* Sin borde */
    cursor: pointer; /* Cambiar el cursor al pasar el ratón */
}

.cerrar-icono {
    color: red;
    font-size: 20px; /* Ajusta según sea necesario */
}

.candidate-tags {
    height: 125px;
}

.category-include {
    background-color: #E8F5E9; /* Verde claro pastel */
    border: 1px solid #81C784; /* Verde medio */
    color: #2E7D32; /* Verde oscuro para el texto */
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
}

.category-include .close-value {
    color: #388E3C; /* Verde oscuro para la 'x' de cierre */
    margin-right: 5px;
    cursor: pointer;
}

.category-exclude {
    background-color: #FFEBEE; /* Rojo claro pastel */
    border: 1px solid #E57373; /* Rojo medio */
    color: #C62828; /* Rojo oscuro para el texto */
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
}

.category-exclude .close-value {
    color: #D32F2F; /* Rojo intenso para la 'x' de cierre */
    margin-right: 5px;
    cursor: pointer;
}

#descargarCSVenvios {
    width: 24px;
    height: 24px;
    color: #007bff; /* Color azul */
    cursor: pointer; /* Mostrar cursor de mano al pasar el ratón */
    position: absolute;
    top: 10px;
    right: 10px;
}

.action-buttons {
    display: flex;
    gap: 20px;
}

.btn {
    flex: 1;
    padding: 8px;
    border: 2px solid;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.btn span {
    margin-right: 8px;
}

.btn.good-candidate {
    background-color: #3eaa69; /* Verde pastel */
    opacity: 0.6;
}

.btn.delete {
    background-color: #eb5656; /* Rojo pastel */
    opacity: 0.6;
}

.btn:hover {
    transform: scale(1.1); /* Aumentar tamaño al pasar el mouse */
    opacity: 1;
}

.good-candidate.seleccionado {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Sombra suave */
    border: 2px solid #166b1b;
    opacity: 1;
    box-sizing: border-box; /* Incluye el borde en el tamaño total */
    width: calc(100% - 4px); /* Ajusta el ancho para incluir el borde */

}

.delete.seleccionado {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Sombra suave */
    border: 2px solid #b90000;
    opacity: 1;
    box-sizing: border-box; /* Incluye el borde en el tamaño total */
    width: calc(100% - 4px); /* Ajusta el ancho para incluir el borde */

}


/*CSS para el editor */
/* Estilizar la barra de herramientas */
.quicktags-toolbar {
    background: #f8f9fa;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    gap: 5px;
    border: 1px solid #ccc;
}

/* Estilizar los botones */
.ed_button {
    background: #0073aa;
    color: white;
    border: none;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.ed_button:hover {
    background: #005f88;
}

/* Estilizar el área de escritura */
.mce-edit-area {
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    min-height: 180px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Ajustar el contenedor general */
.wp-editor-container {
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Resaltar la pestaña activa */
#wp-_job_description-editor-container .mce-btn-group button {
    background: #eee;
    border-radius: 5px;
}

#wp-_job_description-editor-container .mce-btn-group button:hover {
    background: #ddd;
}