/* Estilo para los enlaces visitados dentro del plugin */
.rss-filter-plugin ul a:visited {
    color: purple; /* Puedes cambiar a otro color si lo prefieres */
}

/* Aplicar cambios solo cuando NO esté en modo responsive */
@media (min-width: 825px) { 
    .filtro-busqueda .campo-busqueda2 {
        margin-left: 75px !important;
    }

    .simbolo-inform {
        right: -80px!important;
    }

    input[type="submit"] {
        margin-left: 35px;
    }

    .campo-busqueda input[type="text"],
    .campo-busqueda2 input[type="text"] {
        max-width: 300px; /* Campos más largos en pantallas grandes */
    }
}

/* Estilo del símbolo de información */
.simbolo-inform {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff; /* Color de la "i" */
    background-color: #0073aa; /* Color del círculo */
    border: 2px solid #005a87; /* Borde del círculo */
    border-radius: 50%; /* Hace el círculo */
    cursor: pointer;
    transition: background-color 0.2s ease;
    position: absolute;
    right: -30px; /* Ubicación a la derecha del input */
    top: 50%;
    transform: translateY(-50%); /* Centrado vertical */
}

.simbolo-inform:hover {
    background-color: #005a87;
}

/* Contenedor del input y el icono */
.campo-busqueda, .campo-busqueda2 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 400px; /* Controla el tamaño del campo */
}

/* Tooltip de información */
.tooltip-text {
    display: none;
    position: absolute;
    background-color: #ffffff;
    color: #333;
    border: 2px solid #0073aa; /* Borde más destacado */
    padding: 15px;
    border-radius: 8px;
    width: 250px;
    font-size: 16px; /* Tamaño de letra mayor */
    line-height: 1.5;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); /* Destaca sobre el fondo */
    z-index: 1000;
    left: auto;
    right: -30px; /* Se posiciona al lado del icono */
    top: 50%;
    transform: translateY(-50%);
    white-space: normal;
}

/* Botón de cierre (Aspa "×") */
.tooltip-close {
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #0073aa;
    border: 2px solid #005a87;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.tooltip-close:hover {
    background-color: #005a87;
}

.filtro-busqueda form {
        display: flex;
    }

@media (max-width: 749px) {
.filtro-busqueda form {
display:contents!important;
}
}


@media (min-width: 749px) and (max-width: 825px) {
    .filtro-busqueda form {
        display: flex;
    }
}



/* MODO RESPONSIVE: Ajuste en móviles */
@media (max-width: 825px) {
    .filtro-busqueda {
        flex-direction: column; /* Apilar elementos */
        align-items: center;
        gap: 20px;
    }

    .campo-busqueda, .campo-busqueda2 {
        width: 100%; /* Ocupa todo el ancho disponible */
        max-width: none;
    }

    .simbolo-inform {
        right: -35px;
        width: 25px;
        height: 25px;
        font-size: 14px;
    }

    .tooltip-text {
        right: -10px;
        top: 50%;
        transform: translateY(-50%);
        max-width: 220px;
    }

    .campo-busqueda input[type="text"],
    .campo-busqueda2 input[type="text"] {
        width: 100%;
    }

    .filtro-busqueda input[type="submit"] {
        width: 100%;
        max-width: none;
    }
}

/* Estilo del contenedor del filtro */
.filtro-busqueda {
    background-color: #f1f1f1;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

/* Cabecera del filtro */
.filtro-busqueda h2 {
    text-align: center;
    font-size: 24px;
    color: #011935;
    margin-bottom: 10px;
    margin-top: 20px;
}

/* Enlace debajo del título */
.filtro-busqueda a.enlace-ofertas {
    font-size: 18px;
    color: #0073aa;
    text-decoration: underline;
    margin-bottom: 20px;
}

/* Formulario del filtro */
.filtro-busqueda form {
        flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
    justify-content: center;
    max-width: 900px;
}

/* Campo de búsqueda general */
.filtro-busqueda .campo-busqueda {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 180px;
    position: relative;
}

/* Campo de búsqueda específico */
.filtro-busqueda .campo-busqueda2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 180px;
    position: relative;
    margin-left: 45px;
    margin-right: 40px;
    margin-bottom: 20px;
}

/* Estilo de los campos de texto */
.filtro-busqueda input[type="text"] {
    padding-left: 8px; /* Reduce el relleno interno para que el placeholder tenga menos espacio */
    padding-right: 50px; /* Espacio reservado para el icono */
}

/* Botón de envío */
.filtro-busqueda input[type="submit"] {
    background-color: #fcb900;
    color: #011935;
    border: none;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 25px;
    width: 170px;
    text-align: center;
}

.filtro-busqueda input[type="submit"]:hover {
    background-color: #e0a500;
}

/* Nivel selector */
.nivel-selector {
    cursor: pointer;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 180px;
padding-right:15px;
}


/* Agregar el símbolo ? */
.nivel-selector::after {
    content: "\25BC"; /* Código Unicode del símbolo ? */
    font-size: 14px;
    color: #333;
    position: absolute;
    right: 10px;
    top: 50%;
    
    transform: translateY(-50%);
}


/* Nivel desplegable */
.niveles-desplegable {
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #ffffff;
    position: absolute;
    z-index: 1;
    display: none;
    top: calc(100% + 5px);
    width: 180px;
}

.niveles-desplegable input[type="checkbox"] {
    margin-right: 5px;
}



.rss-filter-plugin ul {
    margin: 0; /* Elimina el margen de todos los lados */
    padding: 0; /* También elimina el padding por si acaso */
}



/* Estilo para usuarios deslogueados */
.rss-filter-plugin .no-link {
    color: #333; /* Cambiado a #333 como solicitaste */
font-weight:bold;
    cursor: default; /* Evitar que aparezca la manita de enlace */
    font-size: 20px; /* Tamaño de fuente ajustado a 20px para usuarios deslogueados */
}

.rss-filter-plugin details {
    margin-top: 10px;
    max-width: 500px; /* Limitar el ancho a 500px */
    border: 1px solid gray;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 5px;
    position: relative; /* Importante para posicionar el triángulo correctamente */
}

.rss-filter-plugin details summary {
    cursor: pointer;
    font-weight: bold;
    color: #0073aa;
    position: relative; /* Importante para el posicionamiento del triángulo */
}

/* Eliminar el icono predeterminado del resumen en navegadores */
.rss-filter-plugin details summary::-webkit-details-marker {
    display: none; /* Para navegadores basados en WebKit como Chrome, Safari */
}

.rss-filter-plugin details summary::before {
    display: none; /* Asegura que no aparezca ningún contenido predeterminado */
}

.rss-filter-plugin details summary::marker {
    display: none; /* Para otros navegadores como Firefox */
}

/* Ocultar el icono predeterminado en versiones antiguas de Chrome/Firefox */
.rss-filter-plugin details > summary:before {
    content: none !important; /* Asegura que no aparezca ningún contenido predeterminado */
}

/* Estilos personalizados para los triángulos */
.rss-filter-plugin details summary:after {
    content: "\25B6"; /* Triángulo hacia la derecha (desplegable cerrado) */
    position: absolute;
    margin-left: 20px;
}

.rss-filter-plugin details[open] summary:after {
    content: "\25BC"; /* Triángulo hacia abajo (desplegable abierto) */
    position: absolute;
    margin-left: 20px;
}

.rss-filter-plugin .info-box {
    margin-top: 10px;
}

/* Estilos generales para la paginación */
.rss-filter-plugin .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
    font-size: 16px;
}

.rss-filter-plugin .pagination a {
    padding: 10px 15px;
    text-decoration: none;
    border: 1px solid #0073aa;
    border-radius: 5px;
    color: #0073aa;
    transition: background-color 0.3s;
}

.rss-filter-plugin .pagination a:hover {
    background-color: #0073aa;
    color: white;
}

.rss-filter-plugin .pagination a.active {
    background-color: #0073aa;
    color: white;
}

/* Estilos responsivos para pantallas más pequeñas */
@media (max-width: 768px) {
    .rss-filter-plugin .pagination a {
        padding: 8px 12px;
        font-size: 14px;
    }

    .rss-filter-plugin .pagination {
        gap: 8px;
    }
}

@media (max-width: 480px) {
    .rss-filter-plugin .pagination a {
        padding: 6px 10px;
        font-size: 12px;
    }

    .rss-filter-plugin .pagination {
        flex-wrap: wrap;
        gap: 5px;
    }
}

.rss-filter-plugin .pagina-actual {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.rss-filter-plugin .pagina-actual {
    font-size: 18px; /* Ajusta el tamaño de la fuente */
    color: #333; /* Color del texto */
    text-align: center; /* Centra el texto */
    margin: 15px 0; /* Espaciado superior e inferior */
    padding: 10px; /* Espaciado interno */
    background-color: #f5f5f5; /* Fondo ligero */
    border: 1px solid #ddd; /* Borde sutil */
    border-radius: 5px; /* Bordes redondeados */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Sombras suaves */
}

.rss-filter-plugin .pagina-actual strong {
    color: #0073aa; /* Color para resaltar el número de página */
}

@media (max-width: 768px) {
    .rss-filter-plugin .pagina-actual {
        font-size: 16px; /* Ajustar tamaño de fuente para pantallas pequeñas */
        padding: 8px; /* Reducir padding en móviles */
    }
}

/* Estilo para los títulos de los links para usuarios logueados */
.rss-filter-plugin ul a {
    font-size: 20px; /* Ajustado a 20px para usuarios logueados */
}





/* Ajuste de margenes para el icono y el contenido */
.link-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px; /* Ajusta el margen inferior de los elementos */
}

.link-content {
    display: flex;
    flex-direction: column;
    /* max-width: calc(100% - 45px); Ajuste para el icono */
}

.link-content a,
.link-content .no-link {
    margin: 0; /* Elimina el margen alrededor del título */
    padding: 0; /* Elimina cualquier padding */
    display: block; /* Asegura que los elementos se muestren en bloque */
}

.link-content .fecha-provincia {
    margin-top: 2px; /* Reduce el margen superior entre el título y la fecha/provincia */
    font-size: 20px;
    color: #555;
}

.link-content .atribucion {
    margin-top: 2px; /* Reduce el margen superior entre fecha/provincia y atribución */
    font-size: 18px;
    color: #525252;
}

.link-content .excerpt {
    margin-top: 30px; /* Separación de 30px desde atribución */
    font-size: 18px;
    color: #333;
}



.descripcion {
    margin-top: 30px; /* Separación de 30px desde atribución */
    font-size: 18px;
    color: #333;

}



/* Estilo para los enlaces visitados dentro del plugin */
.rss-filter-plugin ul a:visited {
    color: purple;
}

/* Estilo para usuarios deslogueados */
.rss-filter-plugin .no-link {
    color: #333;
    font-weight: bold;
    cursor: default;
    font-size: 20px;
}

/* Ajustes responsivos */
@media (max-width: 768px) {
    .link-item {
        flex-direction: column; /* Asegura que el icono y el contenido se apilen */
    }
}

/* Estilos personalizados para los triángulos */
.rss-filter-plugin details summary {
    cursor: pointer;
    font-weight: bold;
    color: #0073aa;
    position: relative;
}

/* Eliminar el icono predeterminado del resumen en navegadores */
.rss-filter-plugin details summary::-webkit-details-marker {
    display: none;
}

.rss-filter-plugin details summary:after {
    content: "\25B6";
    position: absolute;
    margin-left: 20px;
}

.rss-filter-plugin details[open] summary:after {
    content: "\25BC";
    position: absolute;
    margin-left: 20px;
}

/* Estilos para la paginación */
.rss-filter-plugin .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
    font-size: 16px;
}

.rss-filter-plugin .pagination a {
    padding: 10px 15px;
    text-decoration: none;
    border: 1px solid #0073aa;
    border-radius: 5px;
    color: #0073aa;
    transition: background-color 0.3s;
}

.rss-filter-plugin .pagination a:hover {
    background-color: #0073aa;
    color: white;
}

.rss-filter-plugin .pagination a.active {
    background-color: #0073aa;
    color: white;
}