@media (max-width: 750px) {
	.table.directorio tr{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		& td{
			width: 100%;
		}
		& td:first-child{
			text-align: center;
			width: 100%!important;
		}
	}
}


/* calendario instalaciones */

#contenido{
    & .view-calendario-instalaciones:has(.calendar-calendar){
        position: relative;
        max-width: 60rem;
        margin: 0 auto;
        background: white;
        padding: 2rem;
        border-radius: 2rem;
		box-shadow: 0px 0px 12px #cbc9c9;
        & .view-header{
            & h3{
                text-align: center;
                margin-bottom: 1rem;
                font-weight: 600;
            }
        }
        & nav.calendar-pager{
            position: absolute;
            top: 1.5rem;
            width: calc(100% - 4rem);
            & ul.calendar-pager__items{
                width: 100%;
                justify-content: space-between;
            }
            & .calendar-pager__item{
                & a{
                    color: black
                }
            }
        }
    }
    & .calendar-calendar{
        & .month-view{
        }
        & table.mini{
            border-collapse: collapse;
            & tbody, thead{
                background: none;
            }
            & thead{
                border-bottom: 1px solid gray;
            }
            & tr{
                background: none;
                border-bottom: none;
            }
            & td, th {
                line-height: 1.3;
                font-size: 1.8rem;
                padding: 6px 0;
                border: 0; 
                background: none;
            }
            & td{
                border: 0; 
                background: none;
                position: relative;
                z-index: 1;
                &.today{
					&:before{
                    content: '';
                    position: absolute;
                    background-color: #e2e2e2;
                    width: 35px;
                    height: 35px;
                    border-radius: 50%;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    z-index: -1;
                	}
					& a{
						font-weight: bold!important;
					}
				}
                &.has-events:before{
                    content: '';
                    position: absolute;
                    background-color: #deeff3;
                    width: 32px;
                    height: 32px;
                    border-radius: 50%;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    z-index: -1;
                }
                &.sat{
                    color: black;
                }
                &.sun{
                    color: black;
                }
                & .mini-day-on a{
                    font-weight: normal;
                }
            }
            & th{
                font-weight: bold;
                border-bottom: 1px solid gray;
            }
        }    
    } 
}    


/* eol calendario instalaciones */