@import url('https://fonts.googleapis.com/css2?family=Grandstander:wght@500&display=swap');

*{
    font-family: 'Grandstander', sans-serif;
    font-size: 0.9rem;
}

#bg-fondo {    
    background-image: linear-gradient(#241A33, #7C2282);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: white;
}

tbody#content {
    opacity: 0.85;
}

/* Spiner de Carga */
.spinner-wrapper {
    background-color: #6c757d;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 1.2s;
}

.spinner-border{
    height: 60px;
    width: 60px;
}

/* Full Calendar */
.fc-event-title {
    font-size: 0.75rem!important;
}

.fc-popover-title {
    color: #241A33;
}

.fc .fc-list-event:hover td {
    background-color: #130B7C!important;
}

.fc-daygrid-week-number{
    color: #241A33 !important;
}

/* Nodo seleccionado con borde morado */
.boc-edit-form-header, .boc-img-button {
    background-color: #6a0dad !important;
    stroke: #ffffff !important;
    stroke-width: 3px !important;
}

.boc-edit-form [data-binding="mensaje"],
.boc-edit-form [data-binding="img"] {
    display: none !important;
}

#boc-avatar > img {
    object-fit: contain !important;
}

/* Estilos de Tablas */
.col-static {
    position: absolute;
    background-color: #7B2182;
}

.encabezado-tabla th {
    background-color: #7C2282 !important;
    border: 1px solid black;
    background: linear-gradient(#5b29ad 70%, #210142) !important;
    color: aliceblue;
}

.encabezado-tabla-2 th {
    background-color: #FBBC03 !important;
    border: 1px solid black;
    color: #7C2282;
}

.encabezado-tabla{
    background-color: #7C2282 !important;
    border: 1px solid black;
    color: aliceblue;
}

.subencabezado-tabla th{
    background-color: #AE127F !important;
    border: 1px solid black;
    
}

.bg-morado{
    background-color: #7C2282!important;
    color:#FFFFFF!important;
}

.bg-morado-sub{
    background-color: #7c2282b7!important;
    color:#000000!important;
}

.bg-amarillo{
    background-color: #FBBC02!important;
    color:#000000!important;
}

.bg-rosado{
    background-color: #FF7BAC!important;
    color:#000000!important;
}

.bg-verde{
    background-color: #3cff00ee!important;
    color:#000000!important;
}

.bg-aqua{
    background-color: aqua !important;
    color:#000000!important;
}

.bg-azul{
    background-color: #130B7C!important;
    color:#FFFFFF!important;
}

.bg-fucsia{
    background-color: #E73871!important;
    color:#FFFFFF!important;
}

.links-color a{
    color: #130B7C;
}

.text-morado{
    color: #7C2282!important;
}

.text-amarillo{
    color: #FBBC02!important;
}

table > .table-phoenix{
    border: 5px solid #E73871 !important;
    border-collapse: collapse;
}

.movimiento {
    animation-name: movimiento;
    -webkit-animation-name: movimiento;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.table-mini td, .table-mini td b , .table-mini th {
    font-size: 0.8rem !important;
}

/*  Fijar Columnas y Filas de una tabla */
.table-responsive {
    max-height: 800px;
    overflow: auto;
    position: relative;
}

.tabla-sticky {
    border-collapse: collapse;
    min-width: max-content;
    width: 100%;
}

/* Sticky header */
.sticky-top {
    position: sticky;
    top: 0;
    background-color: #e9ecef;
    z-index: 10;
}

/* Sticky columns for table body only */
tbody .sticky-col {
    position: sticky;
    background-color: #fff;
    z-index: 2;
}

/* Specific column positions */
.izquierda-1 {
    left: 0;
    z-index: 3;
}


  
@keyframes movimiento {
    0% {
        transform: rotate(-2deg) scale(1.2);
    }
    50% {
        transform: rotate(2deg) scale(1);
    }
    100% {
        transform: rotate(-2deg) scale(1.2);
    }
}

@-webkit-keyframes movimiento {
    0% {
        -webkit-transform: rotate(-2deg) scale(1.2);
    }
    50% {
        -webkit-transform: rotate(2deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(-2deg) scale(1.2);
    }
}

.img-container {
    position: relative;
    display: inline-block;
}

.img-container .modal-image {
    display: none;
    position: absolute;
    top: 0;
    left: 105%;
    width: 300px;
    z-index: 999;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.img-container:hover .modal-image {
    display: block;
}

.perfil-container {
    position: relative;
    width: 40px;
    height: 40px;
}

.perfil-container img {
    position: absolute;
}

.gorro {
    width: 30px;
    top: -14px;
    left: 25px;
    z-index: 10;
}

.foto {
    z-index: 1;
}

#fondo-nieve{
    background-image: url("https://i.postimg.cc/GhT3K1bc/nieve.png");
    background-size: contain;
    background-attachment: initial;
}