.a-sessions-select {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    grid-auto-rows: 1fr;
    gap: 1rem;
    max-width: 360px;
    
    .a-session-option {
        display: inline-block; /* O flex, o cualquier otro dependiendo de tus necesidades */
        padding: 1px;  /* Tamaño del borde, puede ajustarse */
        background-color: black;  /* Color del borde */
        clip-path: polygon(0% 0%, 0% 100%, calc(100% - 16px) 100%, 100% calc(100% - 16px), 100% 0%);
    }
    
    .a-session-option-content {
        display: block; 
        width: 100%;
        height: 100%;
        padding: 0.7rem;
        background-color: var(--color-neutral); 
        clip-path: polygon(0% 0%, 0% 100%, calc(100% - 15px) 100%, 100% calc(100% - 15px), 100% 0%);

        transition: background-color 0.1s linear;
        .a-events-no span{
            font-weight: bold;
        }
        
    }

    .a-session-sold-out {
        pointer-events: none;
        opacity: 0.6;
        .a-session-option-content{
            background-color: var(--color-dark); 
            color: var(--color-light);
            fill: var(--color-light);
            pointer-events: none;
        }
    }

        
    .a-session-option[data-selected="selected"] .a-session-option-content{
        background-color: var(--color-light) !important; 
    }
    
    
}

.a-sessions-select-one-row {
    grid-template-columns: repeat(1, 1fr) !important;
} 

.a-session-icon-container{
    .a-session-icon{
        max-width: 1.2rem;
        max-height: 1.2rem;
    }
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; 
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
   
    position: absolute;
    z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }