/*
Theme Name: Astra Child
Theme URI: https://serinza.com/astra-child
Description: Tema hijo de Astra.
Author: Serinza Solutions S.L.
Author URI: https://serinza.com
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* Aquí puedes añadir estilos personalizados */


.grid-sitios-eventos {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            min-height:300px ;
            margin-bottom: 3em;
        }

        @media (max-width: 1024px) {
            .grid-sitios-eventos {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 600px) {
            .grid-sitios-eventos {
                grid-template-columns: 1fr;
            }
        }

       
        .sitio-evento{
            border: 1px solid #444;
        }

        .sitio-evento ul {
            margin-top: 0.5rem;
            padding-left: 1.2rem;
        }

        .sitio-evento ul li {
            margin-bottom: 0.3rem;
        }

        .sitio-evento h3 {
            margin-top: 0.5rem;
            font-size: 1.1rem;
            text-align: center;
            text-decoration: none;
            cursor: pointer;

        }

        .sitio-evento a {
            color: #333;
            text-decoration: none!important;
            font-size: 15px;
            line-height: 1.8;
            text-align: center;

        }
        .campus{
            display: grid;
            grid-template-areas: "logo sport sport"
                                  "logo name name";
            grid-template-columns: 1fr 2fr 2fr;

            align-items: center;
            justify-content: center;
        }
        .campuslogo{
            grid-area: logo;
        }
        .campussport{
            grid-area: sport;
            font-size: 1.2em;
            font-weight: 500;
        }
        .campussport p{
            margin-bottom: 0!important;
        }
        .campusname{
            grid-area: name;
            font-size: .9em;
            font-weight: 100;
        }
        .campusname p{
            margin-bottom: 0!important;
        }


        .campus img{
            width: 60px;
        }

        .filtro-deporte {
            margin-bottom: 1.5rem;
            max-width: 300px;
        }
  .contenedor-imagen {
        position: relative;
    }
    .imagen-campus {
        width: 100%;
        padding-top: 56.25%;
        background-size: cover;
        background-position: center;
       
    }
    .etiquetas-superpuestas {
        position: absolute;
        top: 8px;
        left: 8px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .etiqueta {
        background: #bf0a33;
        color: #fff;
        font-size: 0.7rem;
        padding: 2px 6px;

        font-weight: bold;

    }
    .etiquetas-quincenas{
         position: absolute;
        bottom: 16px;
        right: 8px;
        display: flex;
        flex-direction: row;
        gap: 2px;
    }
    .etiquetaqp{
        font-size: 0.7rem;
        font-weight: bold;
    }
    .etiquetaqp .quin{
        background: #bf0a33;color: #fff;
         padding: 2px 2px;
    }
    .etiquetaqp .cant{
        background: #fff;color: #bf0a33;
         padding: 2px 2px;
    }
    .etiqueta.activo {
        background: #28a745;
        opacity: 1;
    }
    .filters{
        display: flex;
        gap: 1em;
    }