@property --grados{
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: true;
}

@keyframes girar {
    from{
        --grados:0deg;
    }
    to{
        --grados:360deg; 
    }
}

@keyframes anima1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.c1{
    background: linear-gradient(var(--grados),transparent 30%,#1e57f1,#000000);
    border-radius: 100%;
    width: 210px;
    height: 210px;
    animation: 1s girar linear infinite;
    /* margin-left:20vw; */
}
.c1::after{
    content:'';
    background:white;
    background-image: url(../img/logo-opt-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 100%;
    width: 190px;
    height: 190px;
    position: absolute;
    left:25px;
    top:25px;
}

#mod-load .modal-body{
    margin-left:10vw;
}
/* .carousel-item{
    max-height: 100vh;
} */
.vidnoti {
    background-color: #002C52;
    pointer-events: none;
}

.vidnoti iframe {
    margin: 0px;
    padding: 0px;
    width: 100vw;
    height: 120vh;
    background-color: #002C52;
}

#seccion-series .card {
    border: none;
}

#seccion-series .card-body {
    border: 2px solid #002C52;
}

#seccion-series .card-header {
    background-color: #002C52;
    color: white;
    font-family: 'Russo One', sans-serif;
    font-size: 1.6em;
}

#seccion-series .btn {
    background-color: #002C52;
    color: white;
}

#seccion-series .main {
    display: flex;
}

#seccion-series .item .card-header {
    display: flex;
    justify-content: space-between;
}

#seccion-series .tit {
    /* background-color: #002C52; */
    background-color: #000;
    color: white;
    border-radius: 2px;
    padding: 5px;
    margin: 0 2px;
    text-align: center;
    font-size: 1.6em;
}

#seccion-eventos .nav-item a {
    color: #000;
}

#seccion-eventos .carousel-item p {
    font-family: 'Russo One', sans-serif;
    font-size: 1em;
}

#seccion-eventos .card {
    border:1px solid var(--azul);
}

#seccion-eventos .card-header { 
    background-color: var(--azul);
    color: #fff;
}

#seccion-eventos .card-header p {
    font-family: 'Russo One', sans-serif;
    font-size: 1.5em;
}

#seccion-eventos .tarjeta {
    box-shadow: 0px 10px 10px #002C522E;
    border-radius: 25px;
    border: 1px solid #ccc;
    padding: 0;
    margin: 5px 10px;
    width: 31.5%;
}

#seccion-eventos .carousel-control-prev,
#seccion-eventos .carousel-control-next {
    background-color: none;
    height: 70px;
    width: 100px;
    /* border-radius:50%; */
    /* padding: 5px; */
    /* background-color: rgba(255, 255, 255, 95%); */
    margin: 180px 0;
}

#seccion-eventos .carousel-control-prev-icon {
    height: 50px;
    width: 50px;
    /* outline: black; */
    background-size: cover;
    background-image: url(img/left-arrow-48.png);
}

#seccion-eventos .carousel-control-next-icon {
    height: 50px;
    width: 50px;
    /* outline: black; */
    background-size: cover;
    background-image: url(img/right-arrow-48.png);
}

#seccion-eventos .card-header{
    display: grid;
    grid-template-columns: 60% auto;
}

#seccion-eventos .flags{
    display:flex;
    gap:5px;
    justify-content:end;
    padding: 10px;
}

/* #seccion-eventos-2 .card {
    border:1px solid var(--azul);
} */

#seccion-eventos-2 .card-header { 
    background-color: var(--azul);
    color: #fff;
}

#seccion-eventos-2 .card-header p {
    font-family: 'Russo One', sans-serif;
    font-size: 1.5em;
}

#seccion-eventos-2 .card-body{
    display:grid;
    grid-template-columns:40% 60%;
    border:1px solid var(--azul);
}

#evt-info span {
    font-family: 'Russo One', sans-serif;
    font-size: 1.1em;
}

#evt-info button{
    font-family: 'Russo One', sans-serif;
    background-color: var(--azul);
    color: #fff;
}
#evt-info a{
    font-family: 'Russo One', sans-serif;
    background-color: var(--azul);
    color: #fff;
}

.instagram .carousel-item{
    overflow: hidden;
    height: 20vh;
    /* border:2px solid #000; */
}
.instagram .carousel-item img{
    width: 10vw;
    max-height: 10vw;
}


@media (width < 475px) {
    .vidnoti iframe {
        margin: 0px; 
        padding: 0px;
        width: 100vw;
        height: 40vh;
        margin-bottom: 60px;
        background-color: #002C52;
    }


    #mod-load .modal-body{
        margin-left:17vw;
    }
    /* .carousel-item{
        height:100vw;
    } */
    #seccion-series .main {
        display: grid;
    }

    #seccion-eventos-2 .card-body{
        display:grid;
        grid-template-columns:50% 50%;
        border:1px solid var(--azul);
    }

    #evt-info span {
        font-family: 'Russo One', sans-serif;
        font-size: .8em;
    }

    #seccion-eventos .card {
        width: 90vw;
        margin: 0;
        border: none;
    }

    #seccion-eventos .tarjeta {
        width: 99%;
        margin: 1px;
    }

    #seccion-eventos .card-body {
        margin: 0;
        padding: 10px 3px;
    }

    #seccion-eventos .card-header{
        display: grid;
        grid-template-columns: 100%;
    }

    #seccion-eventos .meeting .card-header p{
        font-size: 1.2em;
    }

    #seccion-eventos .flags{
        display:flex;
        gap:10px;
        justify-content:center;
        padding:0;
    }

    .instagram .carousel-item img{
        width: 25vw;
        max-height: 25vw;
    }
    
}