@font-face {
    font-family: 'Q-Bold';
    src: url('/assets/fonts/Quicksand-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Q-Light';
    src: url('/assets/fonts/Quicksand-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Q-Medium';
    src: url('/assets/fonts/Quicksand-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Q-Regular';
    src: url('/assets/fonts/Quicksand-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Q-SemiBold';
    src: url('/assets/fonts/Quicksand-SemiBold.ttf') format('truetype');
}

body{
    font-family: 'Q-Regular', sans-serif;
}

/* Base */
.swal2-toast {
    backdrop-filter: blur(8px);
    color: white;
    font-weight: 500;
}

/* Variantes */
.toast-success {
    background: linear-gradient(135deg, #22c55e, #16a34a);
}

.toast-danger {
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

.toast-warning {
    background: linear-gradient(135deg, #f59e0b, #d97706);
}

.toast-info {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.structure-form select option{
    color:black;
}
.structure-form select[multiple] option{
    color:white;
}

.forum-button{
    background: linear-gradient(135deg, #D9AFDF, #6530E3);
    background-size: 200% 200%;
    background-position: left;
    color: white;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    display:flex;
    align-items:center;
    gap:5px;
    cursor: pointer;
    transition: background-position 0.3s ease;
}

.forum-button:hover{
    background-position: right;
}


details.spoiler {
  background: #1f2651;
  border: 1px solid #4f46e5;
  border-radius: 8px;
}
details.spoiler summary {
  padding: 8px;
  font-weight: 600;
  color: #9ca3af;
}
details.spoiler div {
  padding: 10px;
  color: #d1d5db;
}
.sidebar-toggler{

}

.sidebar-collapsed{
    width: 80px !important;
}
.sidebar-collapsed .sidebar-button-text{
    display: none;
    transition:0.3s ease;
}
.sidebar-collapsed .sidebar-button-component{
    justify-content: center;
}

/*tab button: px-4 py-1.5 rounded-full text-sm font-medium whitespace-nowrap transition bg-white/5 text-white/60 hover:bg-white/10 hover:text-white */
.tab-button{
    padding: 0.375rem 1rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.6);
}

.tab-button:hover{
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 1);
}

.tab-button-active{
    background-color:#6530E3;
    color:white;
}

.tab-pane{
    display: none;
}

.tab-pane.active{
    display: flex;
    gap:10px;
}
.tab-content{
    margin-top:20px;
}
.spoiler {
    background: rgba(255,255,255,0.05);
    border-left: 3px solid #818cf8;
    margin: 10px 0;
    border-radius: 6px;
}

.spoiler-header {
    cursor: pointer;
    font-weight: 700;
    padding: 10px;
    color: #cbd5e1;
    user-select: none;
    position: relative;
}

/* Flecha */
.spoiler-header::after {
    content: "▸";
    position: absolute;
    right: 12px;
    transition: transform 0.2s ease;
    transform: rotate(90deg);
}

/* Cuando está abierto rota */
.spoiler.open > .spoiler-header::after {
    transform: rotate(-90deg);
}

.spoiler-content {
    display: none;
    padding: 10px;
}

.spoiler.open > .spoiler-content {
    display: block;
}

.alquiler-property{
    position:relative;
}
.alquiler-property::before{
    content: "ALQUILER";
    position: absolute;
    top: -5px;
    right: -5px;
    background: #ff9100;
    color: #ffd297;
    font-weight: 700;
    font-family: Q-Bold, sans-serif;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.75rem;
}

  .tox .tox-mbtn {
    color: black !important;
}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
    color: black !important;
}

.tox .tox-collection__item-label {
    color: black !important;
}