/*
Theme Name: Amnopyc
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1764640031
Updated: 2025-12-02 01:47:11

*/

/******************************************
  Filtros Eventos
********************************************/
/* CONTENEDOR GENERAL */
.filtros-eventos {
    background: #ffffff;
    padding: 24px 28px;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
}

/* BLOQUES DE CADA FILTRO */
.filtros-eventos .filtro {
    margin-bottom: 24px;
}

.filtros-eventos .filtro:last-child {
    margin-bottom: 0;
}

/* TÍTULOS ("Ordenar por:", "Tipo de evento:", etc.) */
.filtros-eventos label,
.filtros-eventos p {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #111827; /* casi negro */
}

.filtros-eventos p strong,
.filtros-eventos label strong {
    font-weight: 600;
}

/* SELECT "Ordenar por" */
.filtros-eventos .filtro-orden select {
    width: 100%;
    border-radius: 12px;
    border: none;
    background-color: #F3F4F6; /* gris suave */
    padding: 10px 14px;
    font-size: 14px;
    color: #111827;
    box-shadow: inset 0 0 0 1px #E5E7EB;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23808080' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px;
    cursor: pointer;
}

/* Quitar borde azul fuerte al hacer foco y dejar algo más suave */
.filtros-eventos .filtro-orden select:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25);
}

/* FILAS DE CHECKBOX Y RADIO */
.filtros-eventos .filtro-tipo-evento label,
.filtros-eventos .filtro-pais label,
.filtros-eventos .filtro-anio label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #111827;
    cursor: pointer;
}

/* Ocultamos el input nativo y lo recreamos visualmente */
.filtros-eventos input[type="checkbox"],
.filtros-eventos input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    cursor: pointer;
}

/* CHECKBOX: cuadrado gris claro */
.filtros-eventos input[type="checkbox"] {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px #D1D5DB;
    background-color: #E5E7EB;
    position: relative;
}

/* Marca del checkbox */
.filtros-eventos input[type="checkbox"]:checked {
    background-color: #2563EB; /* azul */
    box-shadow: inset 0 0 0 1px #2563EB;
}

.filtros-eventos input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 3px;
    height: 7px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg);
}

/* RADIO: círculo gris */
.filtros-eventos input[type="radio"] {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px #D1D5DB;
    background-color: #E5E7EB;
    position: relative;
}

/* Punto interior del radio al estar seleccionado */
.filtros-eventos input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 999px;
    background-color: #2563EB; /* azul interior */
}

/* BOTÓN ENVIAR */
.filtros-eventos .filtro-boton button {
    width: 100%;
    border: none;
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    background-color: #2563EB;
    color: #ffffff;
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.15s ease, background-color 0.15s ease;
}

.filtros-eventos .filtro-boton button:hover {
    background-color: #1D4ED8;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.35);
    transform: translateY(-1px);
}

.filtros-eventos .filtro-boton button:active {
    transform: translateY(0);
    box-shadow: none;
}