/* Cursor de perro (Gris Oscuro) aplicado a ABSOLUTAMENTE todo el sitio */
html, 
body, 
body *, 
canvas, 
section, 
div, 
a, 
button, 
input, 
select, 
textarea,
[role="button"],
.card, 
.ficha, 
.tarjeta,
.elementor-button,
.wp-block-button__link {
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJyB3aWR0aD0nMzInIGhlaWdodD0nMzInIGZpbGw9JyMzMzMzMzMnPjxwYXRoIGQ9J002NCAxNzZDOTAuNiAxNzYgOTQuMiAxODguNiA5NS44IDIwNC43TDk2LjEgMjExLjNDOTcuOCAyMjcuNCAxMTEuNCAyNDAgMTI4IDI0MEwzMDcuMSAyNDBMNDQ4IDMwMC40TDQ0OCA1NDRDNDQ4IDU2MS43IDQzMy43IDU3NiA0MTYgNTc2TDM4NCA1NzZDMzY2LjMgNTc2IDM1MiA1NjEuNyAzNTIgNTQ0TDM1MiA0MTIuN0MzMjggNDI1IDMwMC44IDQzMiAyNzIgNDMyQzI0My4yIDQzMiAyMTYgNDI1IDE5MiA0MTIuN0wxOTIgNTQ0QzE5MiA1NjEuNyAxNzcuNyA1NzYgMTYwIDU3NkwxMjggNTc2QzExMC4zIDU3NiA5NiA1NjEuNyA5NiA1NDRMOTYgMjk4LjRDNTguNyAyODUuMiAzMiAyNDkuOCAzMiAyMDhDMzIgMTkwLjMgNDYuMyAxNzYgNjQgMTc2ek0zODcuOCAzMkMzOTUuNSAzMiA0MDIuNyAzNS42IDQwNy40IDQxLjhMNDI0IDY0TDQ3Ni4xIDY0QzQ4OC44IDY0IDUwMSA2OS4xIDUxMCA3OC4xTDUyOCA5Nkw1ODQgOTZDNTk3LjMgOTYgNjA4IDEwNi43IDYwOCAxMjBMNjA4IDE0NEM2MDggMTg4LjIgNTcyLjIgMjI0IDUyOCAyMjRMNDY0IDIyNEw0NTcgMjUyTDMzMi4zIDE5OC42TDM2My45IDUxLjRDMzY2LjMgNDAuMSAzNzYuMiAzMiAzODcuOCAzMnpNNDgwIDEwOEM0NjkgMTA4IDQ2MCAxMTcgNDYwIDEyOEM0NjAgMTM5IDQ2OSAxNDggNDgwIDE0OEM0OTEgMTQ4IDUwMCAxMzkgNTAwIDEyOEM1MDAgMTE3IDQ5MSAxMDggNDgwIDEwOHonLz48L3N2Zz4=") 16 16, auto !important;
}

/* El toque extra: Forzar el cursor cuando pasas el mouse por encima de cualquier cosa */
*:hover {
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgNjQwJyB3aWR0aD0nMzInIGhlaWdodD0nMzInIGZpbGw9JyMzMzMzMzMnPjxwYXRoIGQ9J002NCAxNzZDOTAuNiAxNzYgOTQuMiAxODguNiA5NS44IDIwNC43TDk2LjEgMjExLjNDOTcuOCAyMjcuNCAxMTEuNCAyNDAgMTI4IDI0MEwzMDcuMSAyNDBMNDQ4IDMwMC40TDQ0OCA1NDRDNDQ4IDU2MS43IDQzMy43IDU3NiA0MTYgNTc2TDM4NCA1NzZDMzY2LjMgNTc2IDM1MiA1NjEuNyAzNTIgNTQ0TDM1MiA0MTIuN0MzMjggNDI1IDMwMC44IDQzMiAyNzIgNDMyQzI0My4yIDQzMiAyMTYgNDI1IDE5MiA0MTIuN0wxOTIgNTQ0QzE5MiA1NjEuNyAxNzcuNyA1NzYgMTYwIDU3NkwxMjggNTc2QzExMC4zIDU3NiA5NiA1NjEuNyA5NiA1NDRMOTYgMjk4LjRDNTguNyAyODUuMiAzMiAyNDkuOCAzMiAyMDhDMzIgMTkwLjMgNDYuMyAxNzYgNjQgMTc2ek0zODcuOCAzMkMzOTUuNSAzMiA0MDIuNyAzNS42IDQwNy40IDQxLjhMNDI0IDY0TDQ3Ni4xIDY0QzQ4OC44IDY0IDUwMSA2OS4xIDUxMCA3OC4xTDUyOCA5Nkw1ODQgOTZDNTk3LjMgOTYgNjA4IDEwNi43IDYwOCAxMjBMNjA4IDE0NEM2MDggMTg4LjIgNTcyLjIgMjI0IDUyOCAyMjRMNDY0IDIyNEw0NTcgMjUyTDMzMi4zIDE5OC42TDM2My45IDUxLjRDMzY2LjMgNDAuMSAzNzYuMiAzMiAzODcuOCAzMnpNNDgwIDEwOEM0NjkgMTA4IDQ2MCAxMTcgNDYwIDEyOEM0NjAgMTM5IDQ2OSAxNDggNDgwIDE0OEM0OTEgMTQ4IDUwMCAxMzkgNTAwIDEyOEM1MDAgMTE3IDQ5MSAxMDggNDgwIDEwOHonLz48L3N2Zz4=") 16 16, auto !important;
}


/* 1. Color de fondo para el formulario de búsqueda */
.search-form {
    background-color: var(--beige-search) !important;
    padding: 15px; /* Ajuste de espaciado interno */
    border-radius: 4px; /* Opcional: bordes ligeramente redondeados */
}

/* 2. Asegurar que el input (caja de texto) dentro de la búsqueda sea limpio */
.search-form input[type="text"],
.main-header-search input[type="text"] {
    background-color: #ffffff !important; 
    border: 1px solid #ccc;
    padding: 5px;
}

/* 3. Eliminación de espacios excedentes del contenido superior */
#content, 
.container, 
#main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 4. Limpieza de posibles herencias de fondos en enlaces */
a, span {
    background-image: none !important;
}
/* CSS FRANJA DE COLORES */

:root {
    --amarillo: #ffa802;
    --celeste: #008fb4;
    --naranja: #f94b18;
    --verde: #0ea963;
}

/* 1. Ajuste del encabezado / navegación */
header, 
nav {
    position: relative;
    border-bottom: none !important;
}

/* 2. Creación de la franja mediante un pseudo-elemento */
/* Se usa background-image para evitar conflictos con el color de fondo de otros elementos */
header::after,
nav::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px; /* Grosor de la franja */
    z-index: 999;
    
    /* Usamos background-image en lugar de background para ser más específicos */
    background-image: linear-gradient(to right, 
        var(--celeste) 0%, var(--celeste) 25%, 
        var(--naranja) 25%, var(--naranja) 50%, 
        var(--verde) 50%, var(--verde) 75%, 
        var(--amarillo) 75%, var(--amarillo) 100%
    );
    background-size: cover;
    background-repeat: no-repeat;
}

/* 3. Eliminación de espacios excedentes del contenido */
#content, 
.container, 
#main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 4. Corrección para evitar "contagio" en subrayados y otros módulos */
/* Asegura que los enlaces y otros elementos no hereden el degradado */
a, span, .module-item {
    background-image: none !important;
}

/* Restauramos la franja específicamente para que la regla anterior no la borre */
header::after, nav::after {
    background-image: linear-gradient(to right, 
        var(--celeste) 0%, var(--celeste) 25%, 
        var(--naranja) 25%, var(--naranja) 50%, 
        var(--verde) 50%, var(--verde) 75%, 
        var(--amarillo) 75%, var(--amarillo) 100%
    ) !important;
}
/* Fondo blanco y tipografía negra para los recursos individuales */
.item.resource {
background-color: #ffffff !important;
color: #000000 !important;
}

/* Asegurar que los títulos y enlaces dentro del recurso también sean negros */
.item.resource h2,
.item.resource h3,
.item.resource a,
.item.resource .metadata {
color: #000000 !important;
}


/* Estilo específico para el icono/botón de búsqueda y su estado hover */
.o-icon-search.main-search-button,
.main-search-button {
background-color: ##faf7f2 !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}

.o-icon-search.main-search-button:hover,
.main-search-button:hover {
background-color: ##faf7f2 !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
color: #f94b18 !important; /* Color naranja de acento para el icono */
}
/* --- ESTILOS PARA EL BUSCADOR (SEARCH FORM) --- */

/* Contenedor principal del formulario /
.search-form,
#search-form,
form[action="search"] {
background-color: ##faf7f2 !important; /* El color crema solicitado /
border: none !important;              / Elimina el borde azul /
border-radius: 0 !important;          / Forma rectangular /
box-shadow: none !important;          / Elimina sombras si las hubiera /
padding: 5px 10px !important;         / Espaciado interno */
}

/* Campo de texto donde se escribe /
.search-form input[type="text"],
#search-form input[type="text"],
.search-form .query,
#search-query {
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
outline: none !important;
box-shadow: none !important;
color: #4a4a4a !important; / Color gris oscuro de tu paleta */
}

/* --- ELIMINAR ELEMENTOS SOLICITADOS --- */

/* Ocultar el botón que suele decir "Search" o la lupa si está en un grupo */
.input-group-button,
.input-group-append,
.search-form button[type="submit"] {
display: none !important;
}

/* --- OPCIONAL: Estilo cuando el cursor está encima (Focus) --- */
.search-form input[type="text"]:focus {
outline: none !important;
border: none !important;
}


/* Ocultar el botón de grupo de entrada en Omeka S */
.input-group-button {
    display: none !important;
}
/* 1. IMPORTAR FUENTE INTER */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');

/* 2. LIMPIEZA DE CABECERA */
.top-bar__advanced-search,
.main-header__top-bar,
.top-bar {
    display: none !important;
}

body header.main-header,
body .main-header {
    background-color: #faf7f2 !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. ESTILO BASE DEL MENÚ */
body .main-header nav ul li a,
body .main-header nav a {
    font-family: 'Inter', sans-serif !important;
    /* CORREGIDO: Se eliminó el espacio entre 8 y px */
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
    color: #333333 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    transition: color 0.3s ease !important;
}

/* 4. HOVER PERSONALIZADO POR CADA BOTÓN */

/* Regla General para Subrayado en Hover (NUEVO) */
body .main-header nav ul li a:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px !important; /* Separa la línea del texto */
    text-decoration-thickness: 3px !important; /* Grosor de la línea */
}

/* 1er Botón (Cucha) -> Celeste */
body .main-header nav ul li:nth-child(1) a:hover {
    color: #008fb4 !important;
    text-decoration-color: #008fb4 !important; /* Línea del mismo color */
}

/* 2do Botón (Catálogo) -> Naranja */
body .main-header nav ul li:nth-child(2) a:hover {
    color: #f94b18 !important;
    text-decoration-color: #f94b18 !important;
}

/* 3er Botón (Editorial) -> Violeta */
body .main-header nav ul li:nth-child(3) a:hover {
    color: #8a5cf4 !important;
    text-decoration-color: #8a5cf4 !important;
}

/* 4to Botón (Misceláneas) -> Amarillo */
body .main-header nav ul li:nth-child(4) a:hover {
    color: #ffa802 !important;
    text-decoration-color: #ffa802 !important;
}

/* 5to Botón (Asociate)  -> Verde */
body .main-header nav ul li:nth-child(5) a:hover {
    color: #0ea763 !important;
    text-decoration-color: #0ea763 !important;
}

/* 5. ESTADO ACTIVO (Gris claro para la página actual) */
body .main-header nav ul li a[aria-current],
body .main-header nav ul li a.active {
    color: rgba(0, 0, 0, 0.2) !important;
    pointer-events: none !important;
    text-decoration: none !important; /* Sin subrayado en el activo */
}