.gs-experiences-archive {
padding-top: var(--space-md);
}

.gs-experiences-filters__eyebrow {
margin: 0;
color: var(--color-primario-anaranjado);
font-size: 11px;
font-weight: var(--font-bold);
letter-spacing: .16em;
text-transform: uppercase;
}

.gs-experiences-archive__layout {
display: grid;
grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
gap: var(--space-md);
align-items: start;
}

.gs-experiences-archive__sidebar {
position: sticky;
top: 24px;
}

.gs-experiences-filters {
display: grid;
gap: 12px;
padding: 18px;
border: 1px solid rgba(78, 115, 185, .08);
border-radius: var(--radius-md);
background: rgba(255, 255, 255, .84);
box-shadow: 0 10px 28px rgba(78, 115, 185, .05);
}

.gs-experiences-filters__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding-bottom: 4px;
}

.gs-experiences-filters__clear {
color: var(--color-text-azul);
font-size: var(--text-sm);
font-weight: var(--font-semibold);
text-decoration: none;
}

.gs-experiences-filters__group {
display: grid;
gap: 8px;
}

.gs-experiences-filters__label {
color: var(--color-text-cafe);
font-size: 11px;
font-weight: var(--font-semibold);
letter-spacing: .14em;
text-transform: uppercase;
}

.gs-experiences-filters__field {
position: relative;
}

.gs-experiences-filters__field::after {
content: "";
position: absolute;
top: 50%;
right: 14px;
width: 12px;
height: 12px;
transform: translateY(-50%);
background: var(--color-text-cafe);
pointer-events: none;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.gs-experiences-filters select {
width: 100%;
height: 40px;
padding: 0 36px 0 14px;
border: 1px solid var(--color-borde-primario);
border-radius: var(--radius-sm);
background: var(--color-blanco);
color: var(--color-text-negro);
font-size: var(--text-sm);
font-weight: var(--font-medium);
appearance: none;
outline: none;
}

.gs-experiences-filters__submit {
min-height: 42px;
border: 0;
border-radius: var(--radius-sm);
background: var(--color-primario);
color: var(--color-text-blanco);
font-size: var(--text-sm);
font-weight: var(--font-semibold);
cursor: pointer;
}

.gs-experiences-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-md);
margin-bottom: var(--space-md);
padding: 12px 14px;
border-radius: var(--radius-sm);
background: var(--color-blanco);
}

.gs-experiences-toolbar__count {
margin: 0;
color: var(--color-text-cafe);
font-size: var(--text-sm);
}

.gs-experiences-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
align-items: stretch;
}

.gs-experiences-grid .gs-card-exp {
min-height: 100%;
border: 1px solid var(--color-borde-primario);
box-shadow: 0 14px 32px rgba(78, 115, 185, .06);
}

.gs-experiences-grid .gs-card-exp__image {
height: 230px;
}

.gs-experiences-pagination {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: var(--space-lg);
}

.gs-experiences-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 14px;
border: 1px solid var(--color-borde-primario);
border-radius: var(--radius-sm);
background: var(--color-blanco);
color: var(--color-text-cafe);
text-decoration: none;
}

.gs-experiences-pagination .page-numbers.current {
border-color: var(--color-primario);
background: var(--color-primario);
color: var(--color-text-blanco);
}

.gs-experiences-empty {
display: grid;
gap: var(--space-md);
justify-items: start;
padding: clamp(26px, 4vw, 40px);
border: 1px solid var(--color-borde-primario);
border-radius: var(--radius-lg);
background: rgba(255, 255, 255, .9);
}

.gs-experiences-empty h2,
.gs-experiences-empty p {
margin: 0;
}

@media (min-width: 1025px) {
.gs-experiences-archive__content > .gs-container {
width: 94%;
max-width: none;
}
}

@media (max-width: 1024px) {
.gs-experiences-archive__layout {
grid-template-columns: 1fr;
}

.gs-experiences-archive__sidebar {
position: static;
}
}

@media (max-width: 768px) {
.gs-experiences-archive {
padding-top: var(--space-lg);
}

.gs-experiences-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}

.gs-experiences-grid .gs-card-exp__image {
height: 200px;
}
}

@media (max-width: 560px) {
.gs-experiences-grid {
grid-template-columns: 1fr;
}
}