#blazor-error-ui {

    background: lightyellow;

    bottom: 0;

    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);

    display: none;

    left: 0;

    padding: 0.6rem 1.25rem 0.7rem 1.25rem;

    position: fixed;

    width: 100%;

    z-index: 1000;

}

#blazor-error-ui .dismiss {

    cursor: pointer;

    position: absolute;

    right: 0.75rem;

    top: 0.5rem;

}



.btn-primary {

    color: #fff;

    background-color: #9c9779;

    border-color: #9c9779;

}



.texto-oficial

{

    color: #9c9779;

}



section{

    padding-top:25px;

    padding-bottom:25px;

}



.comming-events .container {

    display:grid;

    gap:2rem;

}



section .section-title

{

    padding-left:15px;

    color :#9C9679;

    text-transform:uppercase;

    font-weight:1100;

    float:left;

    position:relative;

}



section .section-title::before{

    content:'';

    display:block;

    background-color:#9C9679;

    width:6px;

    height:100%;

    left:0;

    padding-right: 5px;

    position:absolute;

}







section .card-gallery{

    display:grid;

    gap:1rem;

    grid-auto-rows: auto;

    grid-template-columns: repeat(auto-fit,minmax(18rem,1fr));

}





.card .card-title

{

    padding:0px;

    font-size:2rem;

    text-transform: uppercase;

}



.card .card-top {

    text-align:right;

    text-transform:uppercase;

    font-size:1rem;



    color:whitesmoke;

}



.card .horario

{

    font-size:1.2rem;

    text-transform:capitalize;

    font-style: italic;

    color:#EEEEEE;

}



.card .card-footer

{

    text-align:right;

    text-transform:uppercase;

    font-size:22px;



}

.card .card-footer-custom

{

    text-align:right;

    text-transform:uppercase;

    font-size:1rem;

    padding-bottom: 10px;

    position: relative;

    z-index: 98;

}



.card .card-evento

{

    display: flex;

    height: 50%;

    font-size: 2rem;

    line-height: 2rem;

    align-items: center;

}

.card .card-descripcion

{

    display: flex;

    height: 30%;

    font-size: 1rem;

    line-height: 1rem;

    color:#EEEEEE;

}

.card .card-categoria

{

    height: 20%;

    font-size: 1rem;

    line-height: 1rem;

    text-align: right;

    color:#EEEEEE;

}