body {
    background: #FAFAFA;
}

/* ============================================================
   Modales Personalizados
   ============================================================ */
.modal-custom {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
}

.modal-custom.modal-visible {
    display: flex !important;
}

/* ============================================================
   Header Nav Links
   ============================================================ */
#web-header div nav a {
    margin: 0 24px;
    padding: 0;
    border-bottom: 3px solid #111111;
}

#web-header div nav a.bg-\[\#111111\] {
    padding: 0 11px;
}

.file-search__inner {
    gap: 24px !important;
}

.file-search__input-wrap {
    padding: 16px 22px !important;
}

#search-button {
    padding: 20px !important;
    gap: 10px !important;
}

.file-filters button {
    padding: 20px !important;
    font-size: 18px !important;
    gap: 10px !important;
    white-space: nowrap;
}

.file-filters {
    gap: 35px !important;
    gap: clamp(23.333333333333336px, 2.3148vw, 46.666666666666664px) !important;
    flex-wrap: nowrap !important;
    
    
    
    
    
.file-filters {
    gap: clamp(23.333333333333336px, 2.3148vw, 46.666666666666664px) !important;
    flex-wrap: nowrap !important;
};
}

#clear-filters-button {
    padding: 0 !important;
    text-decoration: underline;
}

#advanced-filters-button {
    padding: 0 !important;
    margin-left: 35px !important;
    text-decoration: underline;
}

.file-title__accent {
    width: 104% !important;
    height: 30px !important;
    bottom: -8px !important;
}

.file-title {
    padding-bottom: 38px !important;
}

.record-card a {
    gap: 23px !important;
}

.record-card a .flex-1 {
    gap: 10px !important;
}

.record-card a span {
    padding: 4.5px 8px !important;
    color: #111 !important;
    font-family: "Instrument Sans" !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 0.48px !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    border-radius: 100px !important;
}

.record-card:hover h2 {
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
}

.record-card {
    background: #fff !important;
}

.record-card:hover {
    border-color: transparent !important;
    background: #FBFE5E !important;
}

.file-page {
    background: #fafafa !important;
    padding-bottom: 100px !important;
}

.file-search {
    padding-top: 64px !important;
}

.file-pagination {
    margin-top: 60px !important;
    gap: 20px !important;
}

#load-more-button {
    padding: 20px !important;
    width: 33% !important;
    text-align: center;
    font-size: 18px !important;
}

.file-pagination__count {
    color: rgba(17, 17, 17, 0.40) !important;
    font-family: "Instrument Sans" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 123% !important; /* 22.14px */
}

.file-pagination__count span {
    font-weight: 400 !important;
}

#web-footer > div {
    padding: 34px 20px !important;
}

#web-footer h3 {
    margin: 0 0 10px !important;
    color: #FBFE5E !important;
    font-family: "Instrument Sans" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 91% !important; /* 21.84px */
}

#web-footer .gap-2 {
    gap: 10px !important;
}

#web-footer .gap-2 a {
    font-size: 16px !important;
    letter-spacing: 0.16px !important;
    line-height: 123% !important; /* 19.68px */
    font-weight: 400 !important;
    font-family: "Instrument Sans" !important;
}

.record-tab-btn {
    white-space: nowrap !important;
    padding: 16px !important;
    color: #111 !important;
    font-family: "Instrument Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    letter-spacing: 0.16px !important;
}

.record-sidebar {
    width: 251px !important;
    border: 0 !important;
}

#record-sidebar {
    gap: 8px !important;
    padding-top: 47px !important;
}

#record-panels {
    padding-left: 73px !important;
    padding-top: 47px !important;
}

.record-field:first-child {
    padding-top: 0 !important;
}

.record-hero {
    padding-left: 318px !important;
    padding-bottom: 44px !important;
    gap: 29px !important;
    border-color: #111 !important;
    margin-top: -50px !important;
}

.record-hero__photo {
    width: 189px !important;
    height: 199px !important;
}

.record-hero__name h1 {
    color: #111 !important;
    font-family: "Instrument Sans" !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
}

.record-hero__name span {
    height: 30px !important;
    bottom: -12px !important;
    width: 104% !important;
}

.record-hero__name {
    margin-bottom: 10px !important;
    width: fit-content;
}

.record-hero__meta p {
    color: #111 !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.record-hero__meta p:nth-child(3), .record-hero__meta p:nth-child(4) {
    letter-spacing: 0.24px !important;
}

.record-hero__meta p:nth-child(4) {
    opacity: 0.4 !important;
}

.record-hero__tag {
    padding: 4.5px 8px !important;
    color: #111 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: 0.48px !important;
    text-transform: uppercase !important;
}

.record-field__label {
    font-size: 16px !important;
    color: rgba(17, 17, 17, 0.40) !important;
}

.record-field {
    padding: 24px 0 !important;
    gap: 65px !important;
}

.record-field__value {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.record-page {
    padding-bottom: 100px !important;
}

.record-back {
    padding-top: 60px !important;
}

.record-panel dd {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

.record-panel dl > div {
    padding: 24px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(17, 17, 17, 0.10) !important;
}

.record-panel dl > div:first-child {
    padding-top: 0 !important;
}

.record-panel dl dt {
    color: rgba(17, 17, 17, 0.40) !important;
    font-size: 16px !important;
    line-height: normal !important;
}

.record-panel dl {
    margin-bottom: 24px !important;
}

.record-gallery__title {
    color: rgba(17, 17, 17, 0.40) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    letter-spacing: 0.16px !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

#gallery-grid {
    gap: 10px !important;
}

#lightbox #lightbox-counter {
    color: #FBFE5E !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    top: 49px !important;
    left: 24px !important;
}

#lightbox-close {
    width: 64px !important;
    height: 64px !important;
    top: 31px !important;
    right: 23px !important;
}

#lightbox-close svg {
    width: 24px !important;
    height: 24px !important;
}

#lightbox-prev,
#lightbox-next {
    width: 64px !important;
    height: 64px !important;
}

#lightbox-prev svg,
#lightbox-next svg {
    width: 24px !important;
    height: 24px !important;
}

.lightbox-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.lightbox-slide p {
    display: flex !important;
    align-items: flex-start !important;
    gap: 5px !important;
    color: rgba(255, 255, 255, 0.40) !important;
    font-family: "Instrument Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 99.54% !important;
    letter-spacing: 0.32px !important;
}

.lightbox-slide > div {
    gap: 12px !important;
    width: 50% !important;
}

.lightbox-slide p svg {
    width: 19px !important;
    height: 19px !important;
}

.lightbox-slide {
    gap: 40px !important;
    max-width: 975px !important;
}

.lightbox-slide p.leading-relaxed {
    color: #FFF !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.lightbox-slide > div:first-child {
    width: 44.5% !important;
}

#lightbox-prev {
    left: 24px !important;
}

#lightbox-next {
    right: 24px !important;
}

.record-back a:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* =================== */
/*     HOME PAGES      */
/* =================== */

.home-hero-section {
    padding: 100px 20px !important;
}

.hero-title.font-bold {
    line-height: .7 !important;
    font-weight: 600 !important;
    font-size: clamp(76.40199999999999px, 7.5796vw, 114.804px);
}

.hero-subtitle-block {
    padding: 25px 53px !important;
    padding: clamp(16.666666666666664px, 1.6534vw, 33.333333333333336px) clamp(35.33333333333333px, 3.5053vw, 44.666667px) !important;
}

.hero-subtitle-text {
    font-size: 44px !important;
    font-weight: 600 !important;
    letter-spacing: -0.88px !important;
    white-space: nowrap;
    font-size: clamp(29.333333333333336px, 2.9101vw, 44.666667px) !important;
}

.hero-row {
    margin-bottom: 28px !important;
}

.hero-bottom-container {
    margin-top: 100px !important;
    justify-content: flex-start !important;
    gap: 100px !important;
}

.hero-description {
    font-weight: 500 !important;
    line-height: normal !important;
    max-width: 760px !important;
}

.hero-cta-button {
    padding: 20px !important;
    line-height: 123% !important; /* 22.14px */
    gap: 10px !important;
}

.home-gallery-section {
    padding-bottom: 100px !important;
    padding-top: 0px !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
}

.home-gallery-name {
    text-transform: inherit !important;
}

.home-gallery-info {
    left: 24px !important;
    bottom: 24px !important;
}

.home-history-section {
    padding-top: 0 !important;
    padding-bottom: 100px !important;
}

.history-header {
    padding: 24px 0 24px 13px !important;
    border-color: #111 !important;
}

.history-content-image-col {
    width: 361px !important;
    height: auto !important;
    padding: 0 !important;
}

.history-content-image-col img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: 0 !important;
}

.history-content-inner {
    gap: 140px !important;
    padding-top: 36px !important;
}

.history-header-left {
    gap: 450px !important;
}

.history-content-text-col {
    padding: 0 !important;
    width: 51% !important;
    margin-right: auto !important;
}

.history-bar {
    flex: 1 !important;
    opacity: 1 !important;
}

.history-title {
    color: #111 !important;
    line-height: 1 !important;
}

.history-subtitle {
    color: #111 !important;
    font-size: 24px !important;
    margin-bottom: 40px !important;
}

.history-paragraphs p {
    color: #111 !important;
    line-height: normal !important;
    margin-top: 16px !important;
}

.history-title-group {
    gap: 17px !important;
}

.history-header-right {
    margin-left: 61px !important;
}

.history-subtitle strong {
    position: relative !important;
    z-index: 1 !important;
    font-weight: inherit !important;
    white-space: nowrap !important;
}

.history-subtitle strong::before {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: -2px !important;
    width: calc(100% + 4px) !important;
    height: 12px !important;
    background-color: #fbfe5e !important;
    z-index: -1 !important;
}

.contact-title-bg {
    height: 30px !important;
    bottom: -10px !important;
}

.contact-title-wrapper {
    margin-bottom: 30px !important;
}

.contact-description {
    color: #111 !important;
    line-height: normal !important;
}

.home-contact-section {
    padding: 100px 20px !important;
    padding-right: 360px !important;
    display: flex !important;
    gap: 155px !important;
}

.contact-info-col {width: 50% !important;}

.contact-form-col.md\:col-span-8 {
    width: 100% !important;
}

.contact-form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 49px 35px !important;
}

.contact-field-group {
    width: calc(50% - 18px) !important;
}

.contact-field-group input, .contact-field-group textarea {
    padding: 0 0 4px !important;
    color: #111 !important;
    font-family: "Instrument Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 129.192% !important;
}

.contact-submit-wrapper {
    padding-top: 0 !important;
    margin-top: -16px !important;
}

.contact-field-group input::placeholder, .contact-field-group textarea::placeholder {
    color: #111111 !important;
    opacity: .4 !important;
}

.contact-field-group-ta {
    width: 100% !important;
}

.contact-privacy-group {
    margin-top: -10px !important;
    width: 100% !important;
}

.contact-submit-button {
    padding: 20px !important;
    gap: 10px !important;
}

.contact-page-wrapper .home-contact-section {
    padding: 0 193px !important;
}

.contact-page-wrapper {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.contact-title-bg {
    width: 104% !important;
}

/* Reference Page Desktop */
.reference-page-container {
    padding: 64px 319px 109px !important;
}

.reference-tab-btn {
    font-family: "Instrument Sans" !important;
    padding-bottom: 22.5px !important;
    letter-spacing: 1.56px !important;
    border-bottom: 2px solid #111;
}

.reference-title-bg {
    width: 104% !important;
}

.reference-num {
    font-family: "Instrument Sans" !important;
}

.reference-author {
    font-family: "Instrument Sans" !important;
}

.reference-details {
    font-family: "Instrument Sans" !important;
    opacity: 0.8 !important;
}

.per-page-select-wrap:hover {
    background-color: #FBFE5E !important;
    border-color: transparent !important;
}

.pagination-num.active {
    border-color: transparent !important;
    border: 1px solid #111 !important;
    background: #FAFAFA !important;
}

.pagination-arrow:hover {
    background-color: #FBFE5E !important;
}

/* Reparation Page */
.reparation-page-container {
    padding: 64px 319px !important;
}

.reparation-title-bg {
    width: 104% !important;
    bottom: -12px !important;
}

.search-input-wrap input {
    font-family: "Instrument Sans" !important;
}

.search-submit-btn {
    font-family: "Instrument Sans" !important;
}

.filter-btn {
    font-family: "Instrument Sans" !important;
    letter-spacing: 0.05em !important;
    font-weight: 500 !important;
    padding: 20px !important;
}

.group-sticky-header {
    top: 100px !important;
    backdrop-filter: blur(10px) !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.agrupacion-section {
    position: relative !important;
}

.agrupacion-section h2 {
    font-family: "Instrument Sans" !important;
    letter-spacing: 0;
}

.reparation-num {
    font-family: "Instrument Sans" !important;
}

.reparation-name {
    font-family: "Instrument Sans" !important;
}

.reference-tabs > div {
    gap: 24px !important;
}

.reference-tabs {
    border-bottom-width: 0.5px !important;
    margin-bottom: 32px !important;
}

.reference-title {
    font-size: 36px !important;
}

.reference-title-bg {
    bottom: -13px !important;
    width: 108% !important;
}

.reference-header {
    margin-bottom: 55px !important;
}

.reference-item {
    padding-top: 24px !important;
    padding-bottom: 32px !important;
    border-top: 1px solid rgba(17, 17, 17, 0.10) !important;
    border-bottom: 0 !important;
    margin: 0 !important;
}

.reference-num {
    color: rgba(17, 17, 17, 0.40);
    font-family: "Instrument Sans";
    font-size: 24px;
    font-weight: 400;
    line-height: 1; /* 81.25% */
}

.reference-author {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important; /* 150% */
    margin: 0 !important;
}

.reference-details {
    color: #111 !important;
    font-size: 15px;
    line-height: 24px; /* 160% */
    font-weight: 400;
}

.reference-details span {
    font-size: 16px;
    color: #111111 !important;
}

.reference-item:last-child {
    border-bottom: 1px solid rgba(17, 17, 17, 0.10) !important;
}

.reference-list {
    margin: 0;
}

.reference-controls {
    margin-top: 0 !important;
    padding-top: 41px !important;
    border: 0 !important;
}

.reference-controls span {
    color: #111 !important;
    font-family: "Instrument Sans" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1 !important; /* 22.14px */
}

.reference-controls .per-page-select-wrap {
    padding: 10px !important;
    min-width: 96px !important;
}

.pagination-wrapper {
    gap: 12px !important;
}

.pagination-num {
    width: 42px !important;
    height: 42px !important;
    color: #111 !important;
    text-align: center !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 123% !important; /* 22.14px */
}

.pagination-arrow {
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
}

.pagination-numbers {
    gap: 0 !important;
}

.pagination-dots {
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.reference-list {
    margin: 0 !important;
}

.list-fondos .reference-item {
    padding: 24px 0 !important;
}

.list-fondos .reference-item:last-child {
    border-bottom: 0 !important;
}

.per-page-wrapper .w-\[120px\] {
    width: 96px !important;
    left: 34% !important;
}

.reparation-title {
    font-size: 36px !important;
    line-height: 1 !important;
}

.reparation-header {
    margin-bottom: 36px !important;
}

.container-agrupaciones .reparation-header {
    margin-left: 319px !important;
    margin-right: 319px !important;
}

.reparation-search-wrapper input {
    padding: 22px 16px !important;
}

.reparation-search-wrapper {
    gap: 24px !important;
    margin-bottom: 33px !important;
}

.container-agrupaciones .reparation-search-wrapper {
    margin-left: 319px !important;
    margin-right: 319px !important;
}

.reparation-search-wrapper .search-submit-btn {
    padding: 20px !important;
    gap: 10px !important;
    font-weight: 500 !important;
    transition: all .5s ease !important;
}

.list-personas .grid {
    padding: 24px 0 !important;
    transition: all .5s ease !important;
    display: flex !important;
    gap: 36px !important;
}

.reparation-num {
    color: rgba(17, 17, 17, 0.40) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1 !important; /* 81.25% */
}

.reparation-name {
    color: #111 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 25.5px !important; /* 127.5% */
}

.list-personas .grid:hover {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.list-personas .grid > div {
    width: fit-content !important;
    min-width: 40px !important;
    transition: all .5s ease !important;
}

.list-personas .grid > div:last-child {
    margin-left: auto !important;
}

.reparation-list a:first-child {
    border-top: 1px solid rgba(17, 17, 17, 0.10) !important;
}

.reparation-row {
    overflow: visible !important;
}

.sticky-letter-wrapper {
    pointer-events: none !important;
    z-index: 5 !important;
    left: -38px !important;
    top: -16px !important;
}

.container-agrupaciones .reference-controls {
    margin: 0px 320px !important;
}

.sticky-letter-wrapper span {
    color: #111 !important;
    font-family: "Instrument Sans" !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 19.5px !important;
    text-transform: uppercase !important;
}

.container-agrupaciones {
    padding: 64px 20px !important;
}

.container-agrupaciones .reference-tabs {
    margin-left: 319px !important;
    margin-right: 319px !important;
}

.agrupaciones-filters {
    margin-left: 90px !important;
    margin-right: 90px !important;
    margin-bottom: 88px !important;
    gap: 10px !important;
    justify-content: center;
}

.agrupacion-section {
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 0 !important;
    justify-content: flex-start;
}

.agrupacion-title-col {
    margin-right: 90px !important;
}

.agrupacion-items-col .w-12 span {
    font-weight: 400 !important;
    color: #111 !important;
    font-size: 13px !important;
    line-height: 19.5px !important; /* 150% */
    text-transform: uppercase !important;
}

.agrupacion-items-col .w-12 {
    padding: 0 !important;
    margin-top: -13px !important;
}

.agrupacion-items-col {
    width: 59.9% !important;
}

.reparation-list a .col-span-2 {
    width: 38px !important;
}

.reparation-list a .grid {
    display: flex !important;
    gap: 36px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transition: all .5s ease !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.reparation-list a .grid > div:last-child {
    margin-left: auto !important;
}

.reparation-list a:hover .grid {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.agrupacion-sticky-title {
    width: 240px !important;
}

.reparation-search-wrapper .search-submit-btn:hover svg path {
    stroke: #fbfe5e;
}

.reparation-search-wrapper .search-submit-btn svg path {
    transition: all .5s ease;
}

.agrupacion-section {
    margin-bottom: 100px !important;
}

.agrupacion-section:last-child {
    margin-bottom: 0 !important;
}

.select2-selection__placeholder {
    color: #111111 !important;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 123%;
}

.relative-select2-driver .select2-selection__rendered {
    font-size: 18px !important;
    padding-left: 20px !important;
}

.relative-select2-driver .select2-selection__arrow {
    width: 24px !important;
    right: 10px !important;
}

.file-filters {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 999;
}

.filters-container-all {
    display: flex;
    gap: 10px;
    flex: auto;
    width: 95%;
}

.filters-container-all > div {
    flex: 1 1;
    background: #fafafa;
}

.filters-container-buttons {
    display: flex;
}

.select2-container--default .select2-selection--multiple {
    display: flex !important;
    height: auto !important;
    min-height: 50px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    padding: 6px 12px !important;
    border-radius: 0 !important;
    border-color: #E5E5E5 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
}

.advanced-select2-init + .select2-container .select2-selection__rendered {
    padding: 0 !important;
    background: #ffffff;
}

.project-page-container {
    padding: 108px 79px 154px !important;
}

.project-sections-container > div {
    padding: 23px 0;
}

.hero-row-3 .hero-block {
    display: none;
}

.home-gallery-box-title {
    display: none;
}

.home-gallery-slide-box-img {
    height: 488px;
    width: 100%;
}

.guest-card {
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        max-width: 40% !important;
        width: 100% !important;
    }

    .login-title {
        color: #111 !important;
        text-align: center !important;
        font-family: "Instrument Sans" !important;
        font-size: 40px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 120% !important; 
        letter-spacing: 0.4px !important;
        width: fit-content !important;
        display: flex !important;
        justify-content: center !important;
        margin: 0 !important;
        height: 48px !important;
        align-items: center !important;
        position: relative !important;
    }

    .login-badge {
        background: transparent !important;
    }

    .login-title::after {
        content: "" !important;
        display: block !important;
        width: 100% !important;
        height: 24px !important;
        background: #fbfe5e !important;
        position: absolute !important;
        bottom: 0 !important;
        z-index: -1 !important;
    }

    .login-header {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .login-subtitle {
        margin-top: 75px !important;
        color: #111 !important;
        font-family: "Instrument Sans" !important;
        font-size: 24px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 140% !important; 
        letter-spacing: 0.24px !important;
    }

    .login-description {
        color: #111 !important;
        text-align: center !important;
        font-family: "Instrument Sans" !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 110% !important;
        letter-spacing: 0.16px !important;
        width: 70% !important;
        padding: 0 !important;
    }

    .login-form {
        padding: 0px 96px !important;
    }

    .login-form .form-group label {
        color: #111 !important;
        font-family: "Instrument Sans" !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 140% !important; 
        letter-spacing: 0.14px !important;
        margin-bottom: 4px !important;
    }

    .login-input {
        color: #111111 !important;
        font-family: "Instrument Sans" !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 110% !important;
        letter-spacing: 0.16px !important;
    }

    .login-input::placeholder {
        color: rgba(17, 17, 17, 0.40) !important;
        opacity: 1 !important;
    }

    .forgot-password-link {
        color: #111 !important;
        font-family: "Instrument Sans" !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 2 !important;
        letter-spacing: 0.16px !important;
        text-decoration-line: underline !important;
        text-decoration-style: solid !important;
        text-decoration-skip-ink: auto !important;
        text-decoration-thickness: 6% !important; 
        text-underline-offset: 22% !important;
        text-underline-position: from-font !important;
    }

    .login-submit-container {
        padding: 0 !important;
    }

    .login-actions {
        margin-bottom: 20px !important;
    }

    .login-group-password {
        margin-bottom: 16px !important;
    }

    .login-button {
        color: #111 !important;
        font-family: "Instrument Sans" !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 150% !important;
        letter-spacing: 0.16px !important;
        text-transform: none !important;
    }

    #toggle-password {
    width: 24px;
    height: 24px;
    top: 31px;
    right: 8px;
}

#toggle-password svg {
    width: 100%;
    height: 100%;
}

.login-email-thanks .login-description {
    color: rgba(17, 17, 17, 0.60) !important;
    font-size: 16px !important;
    line-height: 110% !important; /* 17.6px */
    letter-spacing: 0.16px !important;
    width: 75% !important;
}

.forgot-password-link svg {
    margin-right: 10px !important;
}

.admin-header-logo-container {
    width: 145px;
    height: 40px;
}

.admin-header-logo-link {
    width: 100%;
    height: 100%;
    display: block;
}

.admin-header-logo-link svg {
    width: 100%;
    height: 100%;
}

.admin-header-nav-link {
    color: rgba(17, 17, 17, 0.60);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%; /* 24px */
    letter-spacing: 0.2px;
    margin-right: 32px;
    padding: 32px 8px;
}

.admin-header {
    padding: 0 25px;
    height: auto;
    border-color: #111;
}

.admin-header-logout-button {
    border-color: #111;
    margin-right: 0;
}

.admin-profile-container {
    margin-top: 16px;
    gap: 24px;
}

.admin-profile-card {
    padding: 24px;
    gap: 24px;
}

.admin-profile-field-row .bg-\[\#111111\]\/10 {
    padding: 8px;
    height: fit-content;
}

.admin-profile-field-row .flex.items-center.gap-4 {
    gap: 16px !important;
}

.admin-profile-separator.m-0 {
    background: rgba(17, 17, 17, 0.10);
}

.admin-profile-input {
    width: 384px;
    height: 40px;
    border: 1px solid rgba(17, 17, 17, 0.20);
    background: #FFF;
    padding: 11px 8px;
    color: #111;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.16px;
}

.admin-profile-field-row .w-full.bg-white {
    padding: 0;
}

.admin-profile-submit-btn {
    padding: 8px 16px;
    color: #111;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.16px;
}

#btn-change-password {
    padding: 8px 16px;
    color: #111;
    background: #fbfe5e;
    border: 0;
}

#btn-change-password span {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0.16px;
}

.admin-profile-field-row .flex.gap-4.flex-1 {
    align-items: center;
}

.admin-profile-field-row .max-w-\[640px\] {
    max-width: 70%;
}

.admin-profile-field-row .font-normal {
    color: rgba(17, 17, 17, 0.60);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.16px;
}

.admin-profile-form {
    gap: 24px;
}

#form-change-password > input {
    display: none;
}

.admin-profile-modal-submit-btn {
    width: fit-content;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 150%;
    letter-spacing: 0.16px;
}

.admin-profile-modal-header {
    padding: 24px;
}

.admin-profile-modal-body {
    padding: 0 24px;
    gap: 10px;
}

.admin-profile-modal-footer {
    padding: 24px;
    padding-top: 10px;
}

.admin-profile-field-row .font-semibold {
    line-height: 1;
}

.admin-profile-back-link {
    display: flex;
    align-items: center;
    gap: 16px;
}

.admin-header-nav {
    height: 100%;
}

.admin-header-nav-link.active {
    border-bottom: 2px solid #111;
    color: #111;
    font-weight: 600;
}

.login-group-password #toggle-password svg path {
    stroke: revert-rule !important;
}

.admin-content {
    max-width: 100%;
}

.admin-main {
    padding: 32px 44px 24px;
}

.admin-records-stat-card {
    padding: 16px;
}

.admin-records-stat-icon-wrapper {
    margin-bottom: 16px;
}

.admin-records-stat-title {
    color: rgba(17, 17, 17, 0.60);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.16px;
    margin-bottom: 4px;
}

.admin-records-stat-value {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.32px;
}

.admin-records-stats-grid {
    gap: 16px;
}

.admin-records-title {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.32px;
}

.admin-records-wrapper {
    gap: 32px;
}

.admin-records-subtitle {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.16px;
}

.admin-records-header {
    margin-bottom: 0;
}

.admin-records-toolbar {
    padding: 0;
    margin: -8px 0 !important;
}

.admin-records-pagination-btn svg {
    width: 21px;
    height: 21px;
}

.admin-records-search-wrapper {
    width: 100%;
    max-width: 100%;
}

#filter-search {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.16px;
}

#filter-search::placeholder {
    color: rgba(17, 17, 17, 0.40);
}

.admin-records-footer {
    padding: 0;
    margin-top: -8px;
}

.admin-records-length-wrapper {
    margin-right: 32px;
}

.admin-records-length-select-wrapper {
    width: 70px;
    padding: 0;
}

.admin-records-length-select-wrapper svg {
    width: 24px;
    height: 24px;
}

#records-table thead th {
    white-space: nowrap;
}

.dropdown-menu a, .dropdown-menu button {
    overflow: hidden;
    color: #111;
    text-overflow: ellipsis;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.16px;
    padding: 16px;
}

.dropdown-menu {
    padding: 8px;
}

.dropdown-menu .py-1 {
    padding: 0;
}

#records-table tbody td {
    font-weight: 400 !important;
    line-height: 110%; 
}

.dropdown-trigger svg {
    opacity: 1;
}

.admin-records-length-select-wrapper select {
    width: 100%;
    height: 100%;
    padding: 8px 12px;
    border-radius: 0 !important;
}

.admin-form-back-btn {
    width: fit-content;
    border: 0;
    gap: 16px;
}

.admin-form-title {
    color: #111;
    text-align: center;

/* Desktop/Heading/02 */
    font-family: "Instrument Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
    letter-spacing: 0.32px;
}

.admin-form-btn-draft {
    padding: 8px 16px;
    color: #111;

/* Desktop/Body/M/semibold */
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 24px */
    letter-spacing: 0.16px;
}

.admin-form-btn-next {
    color: #111;

/* Desktop/Body/M/semibold */
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    letter-spacing: 0.16px;
    padding: 8px 16px;
    border: 0;
}

.admin-form-step-indicator {
    gap: 8px !important;
}

.admin-form-step-number {
    

/* Desktop/Body/M/semibold */
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    letter-spacing: 0.16px;
}

.admin-form-step-name {
    color: rgba(17, 17, 17, 0.40);

/* Desktop/Body/S/Regular */
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.14px;
}

.admin-form-step-name.text-\[\#111111\] {
    font-weight: bold;
    color: #111;
}

.admin-form-wizard-bar {
    gap: 13.5px;
}

.admin-form-container {
    padding: 24px;
}

.admin-form-step-title {
    color: #111;

/* Desktop/Heading/03 */
    font-family: "Instrument Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 33.6px */
    letter-spacing: 0.24px;
    margin-bottom: 24px;
}

.admin-form-label {
    color: #111;

/* Desktop/Body/S/Regular */
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.14px;
}

.admin-form-input {
    color: #111;

/* Desktop/Body/M/Regular */
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 17.6px */
    letter-spacing: 0.16px;
    padding: 11px 8px;
}

.admin-form-field-group .select2-selection__rendered {
    overflow: hidden;
    color: #111;
    text-overflow: ellipsis;

/* Desktop/Body/M/Regular */
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1 !important; /* 17.6px */
    letter-spacing: 0.16px;
    padding: 11px 8px;
    display: flex !important;
}

.admin-form-field-group .select2-container--default .select2-selection--single {
    padding: 0 !important;
    height: 40px !important;
}

.admin-form-field-group .select2-container--default .select2-selection--multiple {
    padding: 0 !important;
    height: auto !important;
    min-height: 40px !important;
}

.admin-form-field-group {
    gap: 4px;
}

.admin-form-field-group .select2-container--default .select2-search--inline .select2-search__field {
    margin: 0;
    height: auto;
    color: #111111 !important;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 123%;
}

.admin-form-field-group .select2-search.select2-search--inline {
    padding: 11px 8px;
    width: 100%;
    height: 100%;
}

.admin-form-field-group .select2-selection--clearable .select2-search.select2-search--inline {
    width: fit-content;
}

.admin-form-field-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
    /* Inherits from form.blade.php */
}

.admin-form-field-group .select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.admin-form-content-area {
    height: fit-content !important;
    min-height: auto !important;
    padding-bottom: 0 !important;
    flex: inherit;
}

.admin-form-footer-container {
    padding: 0;
}

.admin-form-btn-prev {
    padding: 8px 16px;
    color: #111;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.16px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.admin-form-field-group .select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: #111111 !important;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 123%;
}

.step-success .admin-form-step-name {
    font-weight: 400 !important;
}

#btn-publish {
    padding: 8px 16px;
}

.admin-form-dropzone-box {
    background: transparent;
}

.admin-form-image-description-input {
    padding: 3px 8px;
}

.admin-form-image-description-help {
    color: #111;
    font-size: 11px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.11px;
    margin-top: -5px;
}

.admin-form-image-block {
    padding: 17px;
}

.admin-form-image-header {
    margin-bottom: 16px;
}

.admin-form-image-grid {
    gap: 16px;
}

.admin-form-image-description-label {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.14px;
}

.admin-form-image-source-label {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
    letter-spacing: 0.14px;
}

.admin-form-image-source-input {
    padding: 3px 8px;
    min-height: 100px;
}

.admin-form-dropzone-text {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.16px;
}

.admin-form-dropzone-text:nth-child(3) {
    color: rgba(17, 17, 17, 0.40);
    margin-top: 11px;
}

.admin-form-image-description-wrapper {
    margin-bottom: 16px;
}

.admin-form-btn-add-image {
    padding: 8px;
    color: #111;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; 
    letter-spacing: 0.16px;
}

.admin-form-dropzone-box svg {
    margin-bottom: 11px;
}

.admin-form-btn-add-image {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.admin-form-input::placeholder {
    color: rgba(17, 17, 17, 0.40);
}

.admin-form-modal-text {
    padding: 0;
    color: #111;
    text-align: center;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; 
    letter-spacing: 0.16px;
}

.admin-form-modal-inner {
    padding: 24px 32px;
    width: 512px !important;
    max-width: 100% !important;
}

.admin-form-modal-title {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.24px;
}

.admin-form-modal-inner .flex.flex-col.gap-2 {
    gap: 10px;
}

.admin-form-modal-btn {
    width: fit-content;
    padding: 8px 16px;
}

.admin-elements-title {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
    letter-spacing: 0.32px;
    margin: 0;
}

.admin-elements-subtitle {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 17.6px */
    letter-spacing: 0.16px;
    width: 100%;
    max-width: 100%;
}

.admin-elements-header-content {
    width: 100%;
}

.admin-elements-btn-add.btn-brand-primary {
    padding: 8px 16px;
    white-space: nowrap;
    color: #111;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 150%; /* 24px */
    letter-spacing: 0.16px;
}

.admin-elements-header {
    margin-bottom: 24px;
}

.admin-elements-tab-item {
    padding: 16px 8px;
    color: #111;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 17.6px */
    letter-spacing: 0.16px;
}

.admin-elements-tabs-container {
    gap: 8px;
    border: 0;
    margin-bottom: 24px;
}

.admin-elements-toolbar-top {
    padding: 0;
    margin: 0;
    margin-bottom: 24px;
}

.admin-elements-btn-next svg, .admin-elements-btn-prev svg {
    width: 21px;
    height: 21px;
}

.admin-elements-search-wrapper {
    max-width: 100%;
}

.admin-elements-toolbar-bottom {
    padding-right: 0;
}

.admin-elements-length-wrapper {
    margin-right: 32px;
}

.admin-elements-length-select-wrapper {
    width: 70px;
    padding: 0;
}

.admin-elements-length-select-wrapper select {
    width: 100%;
    height: 100%;
    padding: 8px 12px;
}

.admin-elements-modal-body {
    padding: 0 32px;
}

.admin-elements-toggle-desc {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.admin-elements-toggle-label {
    color: #111;
    font-family: "Instrument Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.admin-elements-toggle-info {
    width: 85%;
}

.btn-brand-secondary {
    font-size: 16px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150%;
    letter-spacing: 0.16px;
}

.admin-elements-btn-save {
    font-size: 16px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150%;
    letter-spacing: 0.16px;
}

.admin-elements-modal-footer {
    padding-bottom: 24px;
}

.admin-elements-btn-add-option {
    display: flex;
    gap: 4px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    margin: 0 !important;
}

span.select2-search.select2-search--inline {
    display: flex;
}

.hero-row-2 .hero-block:last-child {
    flex: 1 1 auto;
}

.home-gallery-slide-box-img::after {
    content: "";
    background: radial-gradient(101.64% 64.02% at 4.33% 105.96%, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    backdrop-filter: blur(2px);
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#records-grid {
    gap: 20px 10px;
}

.record-card {
    filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.06));
}

.relative-select2-driver .select2-selection__placeholder {
    font-size: 18px;
}

.relative-select2-driver .select2-selection__rendered {
    font-size: 18px !important;
}

.tooltip-item {
    left: 20px !important;
}

.relative-select2-driver.has-tooltip .invisible-measure {
    padding-left: 56px !important;
    width: fit-content !important;
}

.relative-select2-driver.has-tooltip .select2-selection__rendered {
    padding-left: 48px !important;
}

.relative-select2-driver .select2-selection__arrow {
    width: 24px !important;
    right: 20px !important;
}

.select2-container--open .select2-dropdown {
    left: -1px !important;
}

.drawer-option-label {
    border-color: #11111160 !important;
}

.drawer-grid-item .drawer-select-wrap .select2-selection--single {
    border-color: #111111 !important;
}

.drawer-group .select2-container--default .select2-selection--multiple {
    border-color: #111 !important;
}

.drawer-option-checkbox {
    border-color: #11111160 !important;
    border-radius: 2px !important;
}

.drawer-title-text {
    font-size: 36px !important;
}

.drawer-option-label span {
    font-size: 18px !important;
    background: #FAFAFA !important;
}

.drawer-grid {
    gap: 40px 20px !important;
}

.drawer-title-accent {
    height: 30px !important ; 
    bottom: -4px !important;
}

.drawer-exilio-text {
    color: rgba(17, 17, 17, 0.40) !important;
    font-family: "Instrument Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    max-width: 56% !important;
}

.drawer-option-label {
    padding: 20px !important;
    width: fit-content !important;
    min-width: auto !important;
    gap: 10px !important;
    background: #FAFAFA !important;
}

.advanced-filter-group {
    padding-top: 8px !important;
}

.drawer-sliders-space {
    padding-top: 8px !important;
}

.drawer-body {
    padding-bottom: 50px !important;
}

.drawer-apply-btn {
    font-size: 18px !important;
    padding: 21px 20px !important;
    gap: 10px !important;
}

.drawer-cancel-btn {
    color: #111 !important;
    font-family: "Instrument Sans" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 123% !important; /* 22.14px */
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: auto !important;
    text-decoration-thickness: auto !important;
    text-underline-offset: auto !important;
    text-underline-position: from-font !important;
}

.drawer-clear-btn {
    color: #111 !important;
    font-family: "Instrument Sans" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 123% !important; /* 22.14px */
    gap: 10px !important;
}

.drawer-footer {
    border-color: #111 !important;
    background: #FAFAFA !important;
}

.drawer-panel {
    background: #FAFAFA !important  ;
}

.drawer-header {
    background: #FAFAFA !important;
}

.record-tab-btn {
    background: #fff !important;
}

.record-hero__meta p:nth-child(3) {
    color: #11111160 !important;
}

.reparation-title {
    letter-spacing: 0 !important;
}

.admin-wrapper #mobile-menu {
    z-index: 10;
}

@media (max-width: 991px) {
    #mobile-menu {
        padding: 20px 0 !important;
        z-index: 9999 !important;
    }

    #web-header div nav a {
        font-size: 16px !important;
        line-height: 1.8 !important;
        border-bottom: 1px solid !important;
    }

    .file-search {
        margin-bottom: 16px !important;
        order: 1;
        padding: 0 20px !important;
        padding-top: 0 !important;
    }

    .file-search__inner {
        flex-direction: column !important;
        text-align: center !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .file-search__input-wrap {
        width: 100% !important;
        padding: 14px 16px !important;
    }

    #search-button {
        width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        height: 51px !important;
        font-size: 14px !important;
        gap: 8px !important;
        padding: 16px !important;
    }

    .file-filters button {
        height: 48px !important;
        text-decoration: none !important;
    }

    .file-filters {
        justify-content: flex-start !important;
    }

    #advanced-filters-button {
        margin: 0 !important;
        padding: 12px 16px !important;
        width: 100% !important;
        gap: 8px !important;
        border: 1px solid #111;
        font-size: 15px !important;
    }

    #clear-filters-button {
        width: 46% !important;
        display: none !important;
    }

    .file-title {
        padding: 0 20px !important;
        padding-bottom: 26px !important;
        order: 0;
    }

    .record-card a {
        padding: 0px !important;
        flex-direction: column;
        gap: 0 !important;
        border: 1px solid #111 !important;
    }

    .record-card h2 {
        color: #111;
        font-size: 18px !important;
        font-weight: 700;
        line-height: 23.4px; /* 130% */
        margin-bottom: 2px;
    }

    .record-card p {
        font-size: 14px !important;
        color: rgba(17, 17, 17, 0.60);
        line-height: 21px !important; /* 150% */
        margin-bottom: 12px;
    }

    .record-card a span {
        font-size: 11px !important;
        font-weight: 400 !important;
         /* 150% */
        letter-spacing: 0.275px !important;
        padding: 4.5px 10px !important;
        border-radius: 0;
        background: #F5F5F5;
        white-space: normal !important;
    }

    .record-card a .w-\[111px\].h-\[111px\] {
        width: 100%;
        height: 375px !important;
    }

    .file-pagination__count {
        font-size: 14px !important;
    }

    .file-filters button {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .file-filters {
        gap: 8px !important;
    }

    #web-footer h3 {
        font-size: 24px !important;
        line-height: 91% !important; /* 21.84px */
        margin: 0 !important;
    }

    #web-footer .gap-2 a {
        font-size: 14px !important;
    }

    #search-input {
        font-size: 14px !important;
    }

    .file-title__heading {
        font-size: 30px !important;
    }

    #mobile-menu nav {
        margin-top: 110px !important;
    }

    #mobile-menu nav a {
        padding: 20px 20px !important;
    }

    .record-hero {
        padding: 0 !important;
        margin: 0 20px !important;
        padding-top: 18px !important;
        flex-direction: row !important;
        gap: 16px !important;
        flex-wrap: wrap;
        padding-bottom: 24px !important;
    }

    .record-back {
        padding: 0 20px !important;
    }

    .record-page {
        padding-top: 20px;
    }

    .record-hero__photo {
        width: 120px !important;
        height: 150px !important;
    }

    .record-hero__name h1 {
        width: fit-content !important;
        font-size: 22px !important;
        font-weight: 700 !important;
         /* 115% */
    }

    .record-hero__name span {
        width: 100% !important;
        height: 14px !important;
        bottom: 0 !important;
        display: none;
    }

    .record-hero__meta p {
        font-size: 16px !important;
        margin-top: 9.5px;
        color: rgba(17, 17, 17, 0.60) !important;
    }

    .record-hero__tag {
        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 16.5px !important; /* 150% */
        letter-spacing: 0.55px !important;
        text-transform: uppercase !important;
        padding: 5px 11px !important;
        white-space: normal !important;
    }

    .record-hero__tags {
        gap: 8px !important;
    }

    .record-hero__name {
        display: block;
    }

    .record-sidebar {
        width: 100% !important;
    }

    .record-hero__meta {
        padding-bottom: 0;
        gap: 0 !important;
        width: 59%;
    }

    #record-sidebar {
        padding-top: 24px !important;
        gap: 0 !important;
    }

    #record-panels {
        padding: 0 20px !important;
        padding-top: 43px !important;
        padding-bottom: 100px !important;
    }

    .record-panel dl > div {
        gap: 7px !important;
        padding: 20px 0 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.10) !important;
    }

    #lightbox-slides {
        padding:  0 20px !important;
    }

    .lightbox-slide > div:first-child {
        width: 100% !important;
    }

    .lightbox-slide > div {
        width: 100% !important;
    }

    .lightbox-slide {
        gap: 20px !important;
    }

    #lightbox-prev, #lightbox-next {
        bottom: 0 !important;
        top: 0 !important;
        transform: translateY(90vh);
        width: 50px !important;
        height: 50px !important;
    }

    #lightbox-close {
        width: 50px !important;
        height: 50px !important;
    }

    #lightbox #lightbox-counter {
        font-size: 30px !important;
        line-height: 1 !important;
    }

    .lightbox-slide p {
        font-size: 12px !important;
    }

    .lightbox-slide p.leading-relaxed {
        font-size: 16px !important;
    }

    .record-panel dd {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 24px !important; /* 150% */
        white-space: inherit !important;
        width: 100% !important;
    }

    .record-panel dl dt {
        color: rgba(17, 17, 17, 0.40) !important;
        font-family: "Instrument Sans";
        font-size: 14px !important;
        font-weight: 400;
        line-height: 21px !important; /* 150% */
    }

    #load-more-button {
        width: 100% !important;
        font-size: 16px !important;
        height: 48px !important;
        line-height: 1;
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* =================== */
    /*   HOME RESPONSIVE   */
    /* =================== */

    .home-hero-section {
        padding: 60px 16px !important;
    }

    .hero-title {
        font-size: 54px !important;
        line-height: 1 !important;
    }

    .hero-subtitle-block {
        padding: 15px 25px !important;
    }

    .hero-subtitle-text {
        font-size: 28px !important;
    }

    .hero-bottom-container {
        margin-top: 22px !important;
        flex-direction: column !important;
        gap: 33.5px !important;
    }

    .hero-description {
        font-size: 15px !important;
        max-width: 100% !important;
        line-height: 22.5px !important; /* 150% */
    }

    .home-gallery-section {
        padding-bottom: 48px !important;
        padding-left: 0px !important;
        padding-top: 48px !important;
    }

    .home-history-section {
        padding: 32px 0 !important;
    }

    .history-header {
        padding: 24px 20px !important;
        background: transparent !important;
    }

    .history-header-left {
        gap: 15px !important;
        padding: 0 10px !important;
        padding-left: 0 !important;
    }

    .history-title {
        font-size: 18px !important;
    }

    .history-bar {
        height: 4px !important;
        width: 100% !important;
    }

    .history-header-right {
        margin-left: 10px !important;
        padding: 0 !important;
    }

    .history-content-inner {
        gap: 24px !important;
        padding-top: 5px !important;
        flex-direction: column !important;
        padding-bottom: 30px !important;
    }

    .history-content-image-col {
        width: 100% !important;
        height: 350px !important;
        display: block !important;
        padding: 0 20px !important;
    }

    .history-content-text-col {
        width: 100% !important;
        padding: 0 20px !important;
    }

    .history-subtitle {
        font-size: 15px !important;
        margin-bottom: 20px !important;
    }

    .history-header-right svg {
        width: 24px !important;
        height: 24px !important;
    }

    .home-contact-section {
        padding: 64px 16px 60px !important;
        flex-direction: column !important;
        gap: 30px !important;
    }

    .contact-info-col {
        width: 100% !important;
    }

    .contact-title {
        font-size: 36px !important;
        line-height: 36px !important; /* 100% */
    }

    .contact-description {
        font-size: 16px !important;
        width: 65%;
    }

    .contact-form {
        gap: 24px !important;
    }

    .contact-field-group {
        width: 100% !important;
    }

    .contact-submit-button {
        width: 100% !important;
        justify-content: center !important;
        padding: 14px !important;
        font-size: 16px !important;
        gap: 8px !important;
    }

    .hero-block {
    height: 36px !important;
    width: auto;
    flex:  1 1;
    }

    .hero-row {
        align-items: center !important;
        justify-content: flex-start !important;
        margin-bottom: 9px !important;
        gap: 9px !important;
    }

    .hero-text-container .hero-title {
        font-size: 48px !important;
        line-height: 45.6px !important; /* 95% */
        letter-spacing: -1px !important;
    }

    .hero-subtitle-block {
        padding: 16px 24px !important;
        height: 53px !important;
        margin-top: 20px;
    }

    .hero-subtitle-text {
        font-size: 18px !important;
        line-height: 21.6px !important; /* 120% */
        letter-spacing: 0 !important;
    }

    .hero-cta-button {
        font-size: 16px !important;
        padding: 16px 24px !important;
        gap: 12px !important;
    }

    .hero-cta-button svg {
        width: 20px !important;
        height: 20px !important;
        transform: none !important;
    }

    .gallerySwiper {
        height: 416px !important;
        padding-left: 20px !important;
    }

    .home-gallery-info {
        left: 0px !important;
        position: relative !important;
        color: #111111 !important;
        bottom: 0 !important;
        padding-bottom: 17px;
    }

    .history-num {
        font-size: 16px !important;
        color: #111 !important;
        min-width: 23px !important;
        font-size: 20px !important;
        font-weight: 500 !important;
        line-height: 30px !important; /* 150% */
    }

    .history-title-group {
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .contact-title-wrapper {
        margin-bottom: 24px !important;
    }

    .contact-privacy-label {
        font-size: 14px !important;
        line-height: 19.6px !important; /* 140% */
    }

    .contact-privacy-group {
        margin-top: 0 !important;
    }

    .contact-submit-wrapper {
        margin-top: 9px !important;
    }

    .contact-submit-button svg {
        width: 20px !important;
        height: 20px !important;
        transform: none !important;
    }

    .home-gallery-name {
        font-size: 15px !important;
        letter-spacing: 0 !important;
    }

    .contact-title-bg {
        height: 18px !important;
        bottom: -6px !important;
    }

    .contact-page-wrapper {
        padding-top: 32px !important;
        padding-bottom: 80px !important;
    }

    .contact-page-wrapper .home-contact-section {
        padding: 0 16px !important;
        gap: 30px !important;
    }

    /* Reference Page Mobile */
    .reference-page-container {
        padding: 60px 16px !important;
    }
    .reference-title {
        font-size: 40px !important;
    }
    .reference-tabs {
        margin-bottom: 0px !important;
        overflow: hidden;
    }
    .reference-list {
        space-y: 8 !important;
    }
    .reference-controls {
        flex-direction: row !important;
        align-items: center !important;
        gap: 17px !important;
        padding: 0 20px;
    }

    .contact-field-group input, .contact-field-group textarea {
        padding-bottom: 12px !important;
    }

    .contact-field-group input::placeholder, .contact-field-group textarea::placeholder {
        color: rgba(17, 17, 17, 0.50) !important;
    }

    .contact-privacy-group .flex {
        gap: 12px !important;
    }

    #privacy {
        border-width: 2px !important;
        width: 20px !important;
        height: 20px !important;
    }

    .contact-field-group textarea {
        height: 113px !important;
    }

    .contact-checkbox-wrapper svg {
        width: 12px !important;
        height: 12px !important;
    }

    #contact-submit-btn {
        padding: 19px 26px !important;
    }

    .file-page {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 32px !important;
    }

    .file-records {
        order: 3 !important;
        padding: 0 20px;
    }

    .file-title .tracking-widest {
        gap: 8px !important;
        margin-bottom: 16px !important;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: inherit;
        opacity: 1 !important;
    }

    .file-title__accent {
        height: 11px !important;
        bottom: 8px !important;
        width: 96% !important;
    }

    .file-search__inner {
        flex-direction: row !important;
        gap: 0 !important;
    }

    .filters-container-all {
        gap: 8px 6px !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        -webkit-overflow-scrolling: touch;
        padding-top: 1px !important;
    }

    .relative-select2-driver .select2-selection__rendered {
        padding-left: 16px !important;
    }

    .relative-select2-driver {
        border-radius: 100px !important;
        height: auto !important;
    }

    .relative-select2-driver > .invisible-measure {
        padding: 16px 37px 16px 16px !important;
        height: 50px !important;
    }

    .file-filters {
        width: 100% !important;
        order: 2;
        gap: 24px !important;
        margin-bottom: 25px !important;
        overflow: visible !important;
        flex-wrap: wrap !important;
    }

    .select2-selection__placeholder {
        display: block !important;
        width: 100% !important;
        white-space: nowrap !important;
        font-weight: 400 !important;
    }

    .relative-select2-driver.has-info-offset .select2-selection__rendered {
        padding-left: 40px !important;
        padding-right: 38px !important;
    }

    .relative-select2-driver .select2-selection__arrow {
        width: 16px !important;
        right: 16px !important;
    }

    .filters-container-buttons {
        width: 100% !important;
        padding: 0 20px;
    }
}

@media (max-width: 991px) {
    .reparation-page-container {
        padding: 0px 0px 80px !important;
    }
    .reparation-title {
        font-size: 28px !important;
    }
    .reparation-search-wrapper {
        flex-direction: row !important;
        margin-top: 40px;
        gap: 0 !important;
        padding: 0 20px;
    }
    .search-submit-btn {
        width: 100% !important;
        justify-content: center !important;
    }
    .group-sticky-header {
        top: 70px !important;
    }
    .agrupacion-section .sticky {
        position: relative !important;
        top: 0 !important;
        margin-bottom: 10px !important;
    }

    .reference-page-container {
        padding: 8px 0px 80px !important;
    }

    .reference-tab-btn {
        padding: 16px 30px 16px !important;
        gap: 0;
        display: flex;
    }

    .reference-title {
        font-size: 28px !important;
    }

    .reference-header {
        margin-bottom: 0px !important;
        padding: 31px 26px 20px 20px;
    }

    .reference-item {
        padding: 24px 0 !important;
        gap: 35px !important;
        display: flex !important;
    }

    .list-fondos .reference-item {
        padding: 20px 0 !important;
    }

    .reference-author {
        font-size: 15px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 24px !important; /* 160% */
    }

    .reference-details span {
        font-size: 14px !important;
        line-height: 1 !important;
        display: block !important;
    }

    .reference-details {
        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        opacity: 1 !important;
    }

    .reference-content-col > div {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    .reference-controls span {
        font-size: 14px !important;
        line-height: 1 !important;
    }

    .pagination-num {
        width: 40px !important;
        height: 40px !important;
        font-size: 14px !important;
    }

    .reference-controls .per-page-select-wrap {
        min-width: 70px !important;
        padding: 8px !important;
    }

    .pagination-arrow {
        width: 40px !important;
        height: 40px !important;
    }

    .pagination-arrow svg {
        width: 20px !important;
        height: 20px !important;
    }

    .pagination-wrapper {
        gap: 8px !important;
    }

    .per-page-wrapper a {
        font-size: 14px !important;
    }

    .per-page-wrapper .w-\[120px\] {
        width: 71px !important;
        left: 37% !important;
    }

    .reparation-tabs {
        margin: 0 !important;
        margin-bottom: 32px !important;
    }

    .reparation-header {
        margin: 0 !important;
        padding: 0 20px;
    }

    .agrupacion-sticky-title {
        width: 100% !important;
    }

    .agrupacion-section h2 {
        font-size: 30px !important;
    }

    .reparation-search-wrapper input {
        font-size: 15px !important;
        line-height: 1 !important;
        padding: 16px !important;
        height: 52px !important;
    }

    .reparation-search-wrapper .search-submit-btn {
        height: 52px !important;
        font-size: 16px !important;
        width: fit-content !important;
        padding: 16px !important;
    }

    .reparation-num {
        font-size: 18px !important;
    }

    .reparation-list a .col-span-2 {
        min-width: auto !important;
        width: 20px !important;
    }

    .reparation-list a .grid {
        gap: 20px !important;
    }

    .reparation-name {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .reparation-list a .grid {
        padding: 16px 20px !important;
    }

    .container-agrupaciones .reference-tabs {
        margin: 0 !important;
        margin-bottom: 32px !important;
    }

    .container-agrupaciones .reparation-header {
        margin: 0 !important;
    }

    .container-agrupaciones .reparation-search-wrapper {
        margin: 0 !important;
        margin-top: 40px !important;
    }

    .filter-btn {
        font-size: 14px !important;
        line-height: 1 !important;
        padding: 12px !important;
    }

    .reparation-list-container {
        margin-top: 31px !important;
    }

    .agrupacion-section {
        flex-direction: column !important;
        gap: 14px !important;
    }

    .agrupacion-items-col {
        width: 100% !important;
    }

    .agrupacion-items-col .w-12 {
        width: 30px !important;
    }

    .container-agrupaciones .reference-controls {
        margin: 0 !important;
    }

    .project-page-container {
        padding: 40px 20px !important;
    }

    .project-page-container-box-title {
        margin-bottom: 30px !important;
    }

    .project-sections-container-title-item {
        font-size: 22px !important;
    }

    .web-header-strip {
        display: none !important;
    }

    #mobile-menu-toggle {
        padding: 0 !important;
        gap: 6px !important;
    }

    .web-mobile-bar {
        width: 28px !important;
    }

    .web-header-navbar {
        height: auto !important;
        padding: 16px 20px 16px 12px !important;
    }

    .web-header-logo-link {
        height: 36px !important;
    }

    .web-header-logo-link svg {
        width: 100% !important;
        height: 100% !important;
    }

    .home-hero-section {
        padding: 26px 20px 48px !important;
    }

    .hero-row-2 .hero-block:nth-child(1) {
        display: none !important;
    }

    #web-footer > div {
        padding: 42px 22px 40px !important;
    }

    .web-footer-logo-link {
        display: flex !important;
        justify-content: flex-start !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .web-footer-logo-link svg {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .web-footer-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 36px !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    .web-footer-grid .web-footer-logo-col {
        width: 100% !important;
    }

    /* Contact Block Mobile */
    .web-footer-grid .web-footer-contact-col {
        width: 100% !important;
        gap: 12px !important;
    }

    .web-footer-grid .web-footer-contact-col h3 {
        display: none !important;
    }

    #web-footer .web-footer-contact-col a {
        text-align: left !important;
        display: block !important;
        color: rgba(250, 250, 250, 0.60) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 123% !important; /* 19.68px */
        letter-spacing: 0.16px !important;
    }

    /* Menu Block Mobile */
    .web-footer-grid .web-footer-menu-col {
        width: 100% !important;
        gap: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .web-footer-grid .web-footer-menu-col h3 {
        color: #F1F56C !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        margin-bottom: 20px !important;
        margin-top: 12px !important;
        display: block !important;
    }

    #web-footer .web-footer-menu-col a {
        display: block !important;
        text-align: left !important;
        margin-bottom: 0px !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        letter-spacing: 0.24px !important;
        color: #FAFAFA !important;
    }

    .web-footer-institutional {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin-top: 40px !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .web-footer-institutional .logo-card {
        padding: 4px 12px !important;
        height: 40px !important;
        border-radius: 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #ffffff !important;
    }

    .web-footer-institutional .logo-card img {
        height: 100% !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .web-footer-legal-mobile {
        margin-top: 40px !important;
        padding-top: 0 !important;
        border-top: none !important;
        gap: 16px !important;
        justify-content: space-between !important;
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    .web-footer-legal-mobile a {
        text-transform: uppercase !important;
        text-decoration: none !important;
        color: #FAFAFA !important;
        font-size: 9px !important;
        font-weight: 400 !important;
        line-height: 123%; /* 11.07px */
        letter-spacing: 0.09px !important;
        text-transform: uppercase;
    }

    .hero-row-3 .hero-block {
        display: block !important;
    }

    .home-gallery-box-title {
        display: block !important;
        margin-bottom: 25px !important;
        padding-left: 20px !important;
    }

    .home-gallery-title {
        color: #111 !important;
        font-family: "Instrument Sans" !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 21px !important; /* 150% */
        letter-spacing: 0.35px !important;
        text-transform: uppercase !important;
    }

    .home-gallery-slide-box-img {
        width: 100% !important;
        height: 373px !important;
        position: relative !important;
    }

    .home-gallery-slide {
        display: flex !important;
        flex-direction: column !important;
        gap: 11px !important;
    }

    .history-paragraphs p {
        font-size: 15px !important;
    }

    .reference-tabs > div {
        gap: 0 !important;
    }

    .reference-tab-btn {
        color: #111 !important;
        font-size: 11px !important; 
        font-weight: 500 !important;
        line-height: 16.5px !important; /* 150% */
        letter-spacing: 1.3px !important;
        text-transform: uppercase !important;
        flex:  1 1 auto !important;
        text-align: center !important;
        align-items: center !important;
    }

    .reference-list {
        padding: 0px 20px !important;
    }

    .reference-title-bg {
        height: 10px !important;
        bottom: 3px !important;
        width: 100% !important;
    }

    .reference-num {
        color: rgba(17, 17, 17, 0.40) !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 1 !important; /* 150% */
        position: relative;
        top: 3px;
    }

    .reference-author em {
        font-style: normal !important;
    }

    .reference-details span {
        font-size: 15px !important;
        line-height: 24px !important; /* 160% */
    }

    .reference-details > p {
        color: #111 !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 22.4px !important; /* 160% */
    }

    .reference-details br {
        display: none !important;
    }

    .reference-rich-text p em {
        font-style: normal !important;
    }

    .reference-rich-text p strong {
        font-weight: 500 !important;
    }

    .reparation-search-input-wrap {
        width: 100% !important;
    }

    .reparation-title-bg {
        height: 10px !important;
        bottom: 0 !important;
    }

    .sticky-letter-wrapper {
        position: relative !important;
        left: 10px !important;
        display: block !important;
        top: 0 !important;
        margin-bottom: 6px !important;
        margin-top: 8px !important;
    }

    .reparation-row {
        flex-direction: column !important;
        width: 100% !important;
    }

    .reparation-row-content {
        width: 100% !important;
    }

    .sticky-letter-wrapper span {
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 36px !important; /* 150% */
    }

    .reparation-row:first-child .sticky-letter-wrapper {
        margin-top: 0 !important;
        width: 100%;
    }

    .agrupaciones-filters {
        margin: 0 !important;
        margin-top: 32px !important;
        padding: 0 20px !important;
        justify-content: flex-start;
    }

    .agrupacion-title-col {
        display: none !important;
    }

    .file-search__inner #search-button {
        width: fit-content !important;
    }

    .record-card a .flex-1 {
        padding: 16px !important;
        gap: 0 !important;
        border: 0;
        border-top: 0 !important;
        width: 100% !important;
    }

    .record-card p:last-child {
        margin-bottom: 0 !important;
    }

    .record-card p.leading-\[1\.5\] {
        color: #111 !important;
        font-weight: 500 !important;
        line-height: 21px !important; /* 150% */
    }

    .record-card .flex-wrap {
        margin: 0 !important;
        gap: 8px !important;
    }

    .relative-select2-driver .select2-selection__clear {
        display: none !important;
    }

    .relative-select2-driver .absolute {
        position: relative !important;
    }

    .filters-container-all > div {
        flex-direction: row-reverse !important;
        flex-shrink: 0 !important;
        width: fit-content !important;
        padding-right: 60px !important;
        height: 50px !important;
    }

    #clear-filters-button-drawer {
        display: none !important;
    }

    #advanced-drawer-panel .flex.sticky {
        padding: 20px !important;
        align-items: center !important;
        border-bottom: 1px solid #111 !important;
        border-top: 1px solid #111 !important;
        gap: 12px !important;
    }

    #advanced-drawer-panel .relative {
        color: #111 !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 30px !important; /* 150% */
        flex: 1 1 auto !important;
    }

    #advanced-drawer-panel .relative .absolute {
        height: 10px !important;
        bottom: 7px !important;
        width: 98% !important;
    }

    #close-drawer-button {
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 8px !important;
    }

    #advanced-drawer-panel .custom-scrollbar {
        padding: 20px !important;
    }

    #advanced-filters-form {
        margin: 0 !important;
        padding-bottom: 100px !important;
    }

    .advanced-filter-group .block {
        margin-bottom: 12px !important;
    }

    .advanced-filter-group .flex.gap-4 {
        gap: 12px !important;
        flex-direction: row !important;
        width: 100% !important;
    }

    .advanced-filter-group .text-\[16px\] {
        font-size: 15px !important;
    }

    #advanced-filters-form .grid {
        gap: 32px !important;
        padding-top: 0 !important;
        margin-top: 32px !important;
    }

    #advanced-filters-form .grid .flex.flex-col.gap-2 {
        gap: 12px !important;
    }

    .advanced-select2-init + .select2-container .select2-selection--single .select2-selection__rendered {
        font-weight: 400 !important;
    }

    .advanced-select2-init + .select2-container .select2-selection--single .select2-selection__clear {
        display: none !important;
    }

    .advanced-filter-group .flex.items-center.gap-6 {
        flex-direction: column !important;
    }

    .advanced-filter-group .leading-snug {
        max-width: 100% !important;
    }

    .advanced-filter-group label.flex.items-center.gap-3 {
        border-color: #111 !important;
        color: #111 !important;
        padding: 10px 20px !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .select2-container--default .select2-search--inline .select2-search__field {
        margin: 0 !important;
        font-family: "Instrument Sans" !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 123% !important;
        padding-left: 3px !important;
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        height: auto !important;
        min-height: 50px !important;
        border-color: #111 !important;
        /* padding: 8px 16px !important; */
    }

    .advanced-filter-group .select2-search--inline {
        border-color: #111 !important;
    }

    .advanced-filter-group label.flex.items-center.gap-3 .w-5 {
        display: none !important;
    }

    .advanced-filter-group .select2-search--inline {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .select2-search {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #advanced-drawer-panel .flex.sticky > div {
        height: 100% !important;
        justify-content: center !important;
        border: 1px solid #111 !important;
        width: 50% !important;
    }

    #apply-drawer-filters {
        flex: 1 1 !important;
        color: #111 !important;
        text-align: center !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1 !important; /* 150% */
        padding: 21px 20px 25px 20px !important;
        width: 50% !important;
        white-space: nowrap !important;
        gap: 8px !important;
    }

    #reset-drawer-button {
        color: #111 !important;
        text-align: center !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 22.5px !important; /* 150% */
        text-decoration: none !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        padding-left: 16px !important;
        font-family: 'Instrument Sans', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #111111 !important;
        top: 0 !important;
        display: block !important;
        position: relative !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        height: 30px !important;
        margin: 2px 4px 2px 0 !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        margin: 0 10px 0 0 !important;
        height: 50px !important;
    }

    input.adv-custom-radio:checked + label span {
        color: #fff !important;
    }

    .advanced-select2-init + .select2-container .select2-selection--single {
        border-color: #111 !important;
    }

    .select2-container--default .select2-selection--multiple {
        padding-bottom: 6px !important;
        border-color: #111 !important;
    }

    .advanced-select2-init + .select2-container .select2-selection--single {
        border-color: #111 !important;
    }

    .record-page {
        padding: 14px 0px !important; 
    }

    .record-back a {
        gap: 8px !important;
    }

    .record-hero__name {
        margin-bottom: -2px !important;
    }

    .record-tab-btn {
        padding: 16px 20px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 21px !important; /* 150% */
        letter-spacing: 0.14px !important;
    }

    .record-tab-btn.tab-active {
        border-bottom: 2px solid !important;
    }

    .record-panel dl > div:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .record-panel dl {
        margin: 0 !important;
        overflow: hidden !important;
    }

    .guest-card {
        max-width: 100% !important;
        padding-top: 81px !important;
        margin: 0;
    }

    .guest-container {
        padding: 0;
    }

    .login-title {
        font-size: 32px !important;
        line-height: 35.2px !important; /* 110% */
    }

    .login-title::after {
        width: 70% !important;
        bottom: 14px !important;
        display: none !important;
    }

    .login-subtitle {
        margin-top: 62px !important;
        margin-bottom: 4px !important;
    }

    .login-description {
        width: 100% !important;
    }

    .login-header {
        margin-bottom: 24px !important;
        padding: 0px 30px;
    }

    .login-form {
        padding: 0 20px !important;
    }

    .login-group-email {
        margin-bottom: 24px !important;
    }

    .login-group-password {
        margin-bottom: 30px !important;
    }

    .login-actions {
        margin-bottom: 30px !important;
    }

    .forgot-password-link {
        line-height: 1 !important;
    }

    .login-button {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
        height: auto !important;
    }

    .admin-records-table {
        width: 100% !important;
    }

    .admin-header {
        padding: 17px 15px 16px 12px !important;
        z-index: 99999;
    }

    .admin-header-actions #mobile-menu-toggle {
        margin: 0 !important;
        margin-left: 14px !important;
    }

    .admin-header-profile-link {
        margin-right: 8px !important;
    }

    .admin-header-logo-container {
        width: 132px !important;
        height: 36px !important;
    }

    .admin-mobile-submenu a {
        font-family: "Instrument Sans" !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 120% !important; /* 16.8px */
        letter-spacing: 0.14px !important;
        padding: 21.5px 16px !important;
        height: auto !important;
    }

    .admin-main {
        padding: 40px 20px 80px !important;
    }

    .admin-records-stat-card {
        min-width: auto !important;
        flex: 1 1 !important;
        padding: 16px !important;
    }

    .admin-records-stats-grid {
        gap: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .admin-records-wrapper {
        gap: 40px !important;
    }

    .admin-records-header > div {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .admin-records-subtitle {
        color: #111 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 110% !important; /* 17.6px */
        letter-spacing: 0.16px !important;
    }

    .admin-records-create-btn {
        padding: 18px !important;
    }

    .admin-records-wrapper .admin-records-header {
        margin-bottom: 0 !important;
    }

    .admin-records-pagination-top span {
        color: #111 !important;
        text-align: right !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 150% !important; /* 24px */
        letter-spacing: 0.16px !important;
        margin-right: 8px !important;
    }

    .admin-records-pagination-top .relative {
        width: 70px !important;
    }

    .admin-records-wrapper .admin-records-toolbar {
        gap: 40px !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
    }

    .admin-records-table-container #records-table tbody td {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: 0 !important;
    }

    .admin-records-table-container #records-table tr {
        padding: 25px !important;
    }

    .admin-records-table-container #records-table td:nth-child(1) {
        text-overflow: ellipsis !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 110% !important; /* 22px */
        letter-spacing: 0.2px !important;
        margin-bottom: 16px !important;
    }

    .admin-records-table-container #records-table td:nth-child(2) {
        color: #111 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 110% !important; /* 17.6px */
        letter-spacing: 0.16px !important;
    }

    .admin-records-table-container #records-table td:nth-child(2) span {
        opacity: 1 !important;
    }

    .admin-records-table-container #records-table td:nth-child(3)::before {
        color: #111 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 110% !important; /* 17.6px */
        letter-spacing: 0.16px !important;
    }

    .admin-records-toolbar #filter-search {
        height: 60px !important;
    }

    .admin-records-table-container #records-table td:nth-child(4)::before {
        color: #111 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 110% !important; /* 17.6px */
        letter-spacing: 0.16px !important;
    }

    .admin-records-table-container #records-table td:nth-child(5) {
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 110% !important; /* 17.6px */
        letter-spacing: 0.16px !important;
        order: 3;
    }

    .admin-records-table-container #records-table td:nth-child(5)::before {
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 110% !important;
        letter-spacing: 0.16px !important;
    }

    .admin-records-table-container #records-table td:nth-child(6) > div.flex {
        gap: 42px !important;
    }

    .admin-records-table-tbody button {
        background: #E8E8E8 !important;
        width: fit-content !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 42px !important;
        padding: 8px !important;
    }

    .admin-records-table-tbody .dropdown-container {
        height: 100% !important;
        display: block !important;
    }

    .admin-records-table-container #records-table tbody tr:hover {
        background: #fff !important;
    }

    .admin-records-table-tbody button span {
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 110% !important; /* 17.6px */
        letter-spacing: 0.16px !important;
    }

    .admin-records-table-tbody button svg {
        width: 24px !important;
    }

    .admin-elements-search-wrapper {
        margin: 0 !important;
    }

    .admin-elements-pagination-top {
        display: none !important;
    }

    .dropdown-menu button {
        background: transparent !important;
        width: 100% !important;
        padding: 16px !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .admin-records-main-card .dropdown-menu {
        left: 0 !important;
    }

    .admin-records-length-wrapper {
        margin-right: 0 !important;
    }

    .admin-records-wrapper .admin-records-footer {
        flex-direction: row !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        justify-content: space-between;
    }

    .admin-records-wrapper .admin-records-create-btn {
        font-weight: 600 !important;
    }

    /* Estilos adaptativos de Mobile para el Formulario de Ficha (Figma Parity) */
    .admin-form-wrapper {
        position: relative !important;
        inset: auto !important;
        z-index: 10 !important;
        height: auto !important;
        overflow: visible !important;
        background: #f2f2f4 !important;
        margin: -40px -20px -80px !important;
    }

    .admin-form-navbar {
        background-color: transparent !important;
        border-bottom: none !important;
        height: auto !important;
        padding: 36px 21px 0px 21px !important;
    }

    .admin-form-back-btn {
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
    }

    .admin-form-back-btn svg {
        width: 40px !important;
        height: 40px !important;
    }

    .admin-form-title-mobile {
        font-family: "Instrument Sans", sans-serif;
        font-size: 32px !important;
        font-weight: 700 !important;
        letter-spacing: -0.28px !important;
        color: #111111 !important;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        line-height: 35.2px !important; /* 110% */
    }

    .admin-form-wizard-bar {
        justify-content: flex-start !important;
        padding: 27px 21px 35px !important;
        gap: 4px !important;
        background-color: transparent !important;
        border-bottom: 0;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }

    .admin-form-wizard-bar::-webkit-scrollbar {
        display: none !important;
    }

    .admin-form-step-indicator {
        padding: 10px !important;
        border-radius: 0px !important;
        background-color: #f2f2f4 !important;
        border: 1px solid rgba(17, 17, 17, 0.1) !important;
        transition: all 0.3s ease !important;
    }

    .admin-form-step-indicator.step-active {
        background-color: #111111 !important;
        color: #ffffff !important;
        border-color: #111111 !important;
        gap: 8px !important;
    }

    .admin-form-step-indicator.step-active .step-number {
        background-color: #ffffff !important;
        color: #111111 !important;
    }

    .admin-form-step-indicator.step-active .step-name {
        color: #ffffff !important;
    }

    .admin-form-step-separator {
        width: 15px !important;
        background-color: rgba(17, 17, 17, 0.2) !important;
        display: none;
    }

    .admin-form-content-area {
        padding: 0 !important;
    }

    .admin-form-container {
        padding: 24px 24px !important;
        margin-top: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    .admin-form-footer {
        height: auto !important;
        padding: 24px 21px 80px !important;
        background-color: #f2f2f4 !important;
        border-top: 0 !important;
    }

    .admin-form-footer-container {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: center !important;
        gap: 35px !important;
        padding: 0 !important;
    }

    .admin-form-cancel-link {
        color: #111111 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        text-decoration: underline !important;
    }

    .admin-form-actions-bottom {
        display: flex !important;
        width: 100% !important;
        gap: 16px !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .admin-form-actions-bottom button {
        flex: 1 1 !important;
        width: auto !important;
        align-items: center !important;
        padding: 18px 15px !important;
        font-size: 16px !important;
        border-radius: 0px !important;
        white-space: nowrap !important;
    }

    .admin-form-grid {
        gap: 24px !important;
    }

    .admin-form-field-group .select2-container--default .select2-search--inline .select2-search__field {
        display: flex !important;
        align-items: center !important;
        line-height: .8 !important;
        font-weight: 400 !important;
    }

    .admin-form-field-group .select2-search.select2-search--inline {
        padding: 0 !important;
    }

    .admin-form-field-group .select2-container--default .select2-selection--multiple {
        padding-left: 4px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .select2-selection--multiple .select2-selection__rendered {
        margin: 0 !important;
    }

    .admin-form-field-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
        height: 26px !important;
        display: flex !important;
        align-items: center !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        height: 100% !important;
    }

    .admin-form-dropzone-text {
        text-align: center !important;
    }

    .modal-custom.admin-elements-modal {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .admin-profile-field-row-1 {
        flex-wrap: wrap !important;
        gap: 15px !important;
    }

    .admin-profile-field-row-1 .w-\[384px\] {
        width: 100% !important;
    }

    .admin-profile-field-row-3 {
        flex-wrap: wrap !important;
    }

    .admin-profile-field-row .font-normal {
        font-size: 14px !important;
    }

    .admin-profile-field-row .max-w-\[640px\] {
        padding: 0 !important;
    }

    .admin-profile-container {
        margin: 0 !important;
    }

    .admin-elements-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
        margin-bottom: 24px !important;
    }

    .admin-elements-btn-add {
        background-color: #FBFE5E !important;
        color: #111111 !important;
        border: 1px solid #111111 !important;
        width: 100% !important;
        text-align: center !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        padding: 16px !important;
        border-radius: 0px !important;
        margin-top: 0px !important;
    }

    .admin-elements-pagination-top {
        display: none !important;
    }

    .admin-elements-toolbar-top {
        display: block !important;
        padding: 0 !important;
        margin-bottom: 40px !important;
    }

    .admin-elements-search-wrapper {
        max-width: 100% !important;
        margin-left: 0 !important;
        width: 100% !important;
        margin-top: 40px !important;
    }

    .admin-elements-card,
    .admin-elements-table-wrapper {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .admin-elements-table-wrapper #elements-table,
    .admin-elements-table-wrapper #categories-table,
    .admin-elements-table-wrapper #groupings-table,
    .admin-elements-table-wrapper #literature-table,
    .admin-elements-table-wrapper #documentary-table {
        display: block !important;
        border: none !important;
        background: transparent !important;
        width: 100% !important;
    }

    .admin-elements-table-wrapper #elements-table thead,
    .admin-elements-table-wrapper #categories-table thead,
    .admin-elements-table-wrapper #groupings-table thead,
    .admin-elements-table-wrapper #literature-table thead,
    .admin-elements-table-wrapper #documentary-table thead {
        display: none !important;
    }

    .admin-elements-table-wrapper #elements-table tbody,
    .admin-elements-table-wrapper #categories-table tbody,
    .admin-elements-table-wrapper #groupings-table tbody,
    .admin-elements-table-wrapper #literature-table tbody,
    .admin-elements-table-wrapper #documentary-table tbody {
        display: block !important;
        width: 100% !important;
    }

    .admin-elements-table-wrapper #elements-table tbody tr,
    .admin-elements-table-wrapper #categories-table tbody tr,
    .admin-elements-table-wrapper #groupings-table tbody tr,
    .admin-elements-table-wrapper #literature-table tbody tr,
    .admin-elements-table-wrapper #documentary-table tbody tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        background-color: #ffffff !important;
        border: 1px solid rgba(17, 17, 17, 0.15) !important;
        border-radius: 0px !important;
        margin-bottom: 24px !important;
        padding: 28px 25px 24px 25px !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
        gap: 0px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .admin-elements-table-wrapper #elements-table tbody tr:hover,
    .admin-elements-table-wrapper #categories-table tbody tr:hover,
    .admin-elements-table-wrapper #groupings-table tbody tr:hover,
    .admin-elements-table-wrapper #literature-table tbody tr:hover,
    .admin-elements-table-wrapper #documentary-table tbody tr:hover {
        background-color: #ffffff !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td,
    .admin-elements-table-wrapper #categories-table tbody td,
    .admin-elements-table-wrapper #groupings-table tbody td,
    .admin-elements-table-wrapper #literature-table tbody td,
    .admin-elements-table-wrapper #documentary-table tbody td {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        border: none !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(1) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(1)::before {
        content: "CAMPO" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 8px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(1) {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #111111 !important;
        font-family: 'Instrument Sans', sans-serif !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 110% !important; /* 22px */
        letter-spacing: 0.2px !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(2) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(2)::before {
        content: "CATEGORÍA" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 8px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(2) {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #111111 !important;
        font-family: 'Instrument Sans', sans-serif !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(3) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(3)::before {
        content: "TIPO" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 8px !important;
        font-family: 'Inter', sans-serif !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(4) {
        grid-column: span 1 !important;
        border-right: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-right: 16px !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(4)::before {
        content: "VISIBILIDAD" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 9px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper#elements-table tbody td:nth-child(4) .flex {
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(5) {
        grid-column: span 1 !important;
        padding-left: 0px !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        height: fit-content !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(5)::before {
        content: "REQUERIDO" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 9px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(5) .flex {
        justify-content: flex-start !important;
        width: 81px !important;
        height: 44px !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(6) {
        grid-column: span 2 !important;
        margin-bottom: 0 !important;
        padding-top: 0px !important;
        border: 0 !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(6) .admin-desktop-actions {
        display: none !important;
    }
    .admin-elements-table-wrapper #elements-table tbody td:nth-child(6) .admin-mobile-actions-footer {
        display: flex !important;
    }

    .admin-elements-toolbar-bottom {
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        padding: 24px 0 !important;
    }
    .admin-elements-length-wrapper {
        margin-bottom: 8px !important;
    }

    .admin-elements-title {
        color: #111 !important;
        font-family: "Instrument Sans" !important;
        font-size: 32px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 35.2px !important; /* 110% */
    }

    .admin-elements-header-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .admin-elements-subtitle {
        color: #111 !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 24px !important; /* 150% */
    }

    .admin-elements-tabs-container {
        display: none !important;
    }

    #filter-search {
        height: 60px !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td,
    .admin-elements-table-wrapper #categories-table tbody td,
    .admin-elements-table-wrapper #groupings-table tbody td,
    .admin-elements-table-wrapper #literature-table tbody td,
    .admin-elements-table-wrapper #documentary-table tbody td {
        padding: 0 !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(3) span {
        background: #F2F2F4 !important;
        padding: 4.5px 8px !important;
        color: rgba(17, 17, 17, 0.60) !important;
        font-size: 12px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: normal !important;
        letter-spacing: 0.48px !important;
        text-transform: uppercase !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(5) .flex .absolute svg {
        width: 27px !important;
        height: 24px !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(5) .flex .absolute + div {
        background: #ffffff !important;
        transform: translateX(17px) !important;
        width: 35px !important;
        height: 35px !important;
    }

    .admin-elements-table-wrapper #elements-table tbody td:nth-child(5) .flex .absolute + div.translate-x-0 {
        transform: translateX(2px) !important;
    }

    .admin-mobile-actions-footer .btn-delete {
        gap: 10px !important;
    }

    .admin-mobile-actions-footer .btn-delete svg {
        width: 24px !important;
        height: 24px !important;
    }

    .admin-mobile-actions-footer .btn-delete span {
        color: #111 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 110% !important; 
    }

    .btn-edit {
        padding: 8px !important;
        background: #E8E8E8 !important;
    }

    .btn-edit svg {
        width: 24px !important;
        height: 16px !important;
    }

    .btn-edit span {
        font-weight: 400 !important;
    }

    .admin-elements-pagination-bottom-config {
        display: none !important;
    }

    .admin-elements-table-wrapper #elements-table tbody tr:last-child,
    .admin-elements-table-wrapper #categories-table tbody tr:last-child,
    .admin-elements-table-wrapper #groupings-table tbody tr:last-child,
    .admin-elements-table-wrapper #literature-table tbody tr:last-child,
    .admin-elements-table-wrapper #documentary-table tbody tr:last-child {
        margin-bottom: 0 !important;
    }

    /* Categories Table Specific Mobile Styles */
    .admin-elements-table-wrapper #categories-table tbody td:nth-child(1) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }
    .admin-elements-table-wrapper #categories-table tbody td:nth-child(1)::before {
        content: "NOMBRE" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 8px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #categories-table tbody td:nth-child(1) {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #111111 !important;
        font-family: 'Instrument Sans', sans-serif !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 110% !important;
        letter-spacing: 0.2px !important;
    }

    .admin-elements-table-wrapper #categories-table tbody td:nth-child(2) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .admin-elements-table-wrapper #categories-table tbody td:nth-child(2)::before {
        content: "VISIBILIDAD" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 9px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #categories-table tbody td:nth-child(2) .flex {
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
    }

    .admin-elements-table-wrapper #categories-table tbody td:nth-child(3) {
        grid-column: span 2 !important;
        margin-bottom: 0 !important;
        padding-top: 0px !important;
        border: 0 !important;
    }
    .admin-elements-table-wrapper #categories-table tbody td:nth-child(3) .admin-desktop-actions {
        display: none !important;
    }
    .admin-elements-table-wrapper #categories-table tbody td:nth-child(3) .admin-mobile-actions-footer {
        display: flex !important;
    }

    /* Groupings Table Specific Mobile Styles */
    .admin-elements-table-wrapper #groupings-table tbody td:nth-child(1) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }
    .admin-elements-table-wrapper #groupings-table tbody td:nth-child(1)::before {
        content: "AGRUPACIÓN / NOMBRE" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 8px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #groupings-table tbody td:nth-child(1) {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #111111 !important;
        font-family: 'Instrument Sans', sans-serif !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 110% !important;
        letter-spacing: 0.2px !important;
    }

    .admin-elements-table-wrapper #groupings-table tbody td:nth-child(2) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .admin-elements-table-wrapper #groupings-table tbody td:nth-child(2)::before {
        content: "VISIBILIDAD" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 9px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #groupings-table tbody td:nth-child(2) .flex {
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
    }

    .admin-elements-table-wrapper #groupings-table tbody td:nth-child(3) {
        grid-column: span 2 !important;
        margin-bottom: 0 !important;
        padding-top: 0px !important;
        border: 0 !important;
    }
    .admin-elements-table-wrapper #groupings-table tbody td:nth-child(3) .admin-desktop-actions {
        display: none !important;
    }
    .admin-elements-table-wrapper #groupings-table tbody td:nth-child(3) .admin-mobile-actions-footer {
        display: flex !important;
    }

    /* Literature Table Specific Mobile Styles */
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(1) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 15px !important;
        margin-bottom: 15px !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(1)::before {
        content: "NOMBRE" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 6px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(1) {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #111111 !important;
        font-family: 'Instrument Sans', sans-serif !important;
    }

    .admin-elements-table-wrapper #literature-table tbody td:nth-child(2) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 15px !important;
        margin-bottom: 15px !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(2)::before {
        content: "APELLIDOS" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 6px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(2) {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #111111 !important;
        font-family: 'Instrument Sans', sans-serif !important;
    }

    .admin-elements-table-wrapper #literature-table tbody td:nth-child(3) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 15px !important;
        margin-bottom: 15px !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(3)::before {
        content: "TÍTULO" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 6px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(3) {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #111111 !important;
        font-family: 'Instrument Sans', sans-serif !important;
    }

    .admin-elements-table-wrapper #literature-table tbody td:nth-child(4) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 15px !important;
        margin-bottom: 15px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(4)::before {
        content: "VISIBILIDAD" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 8px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(4) .flex {
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
    }

    .admin-elements-table-wrapper #literature-table tbody td:nth-child(5) {
        grid-column: span 2 !important;
        margin-bottom: 0 !important;
        padding-top: 0px !important;
        border: 0 !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(5) .admin-desktop-actions {
        display: none !important;
    }
    .admin-elements-table-wrapper #literature-table tbody td:nth-child(5) .admin-mobile-actions-footer {
        display: flex !important;
    }

    /* Documentary Table Specific Mobile Styles */
    .admin-elements-table-wrapper #documentary-table tbody td:nth-child(1) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }
    .admin-elements-table-wrapper #documentary-table tbody td:nth-child(1)::before {
        content: "NOMBRE DEL FONDO DOCUMENTAL" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 8px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #documentary-table tbody td:nth-child(1) {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #111111 !important;
        font-family: 'Instrument Sans', sans-serif !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        line-height: 110% !important;
        letter-spacing: 0.2px !important;
    }

    .admin-elements-table-wrapper #documentary-table tbody td:nth-child(2) {
        grid-column: span 2 !important;
        border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .admin-elements-table-wrapper #documentary-table tbody td:nth-child(2)::before {
        content: "VISIBILIDAD" !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: rgba(17, 17, 17, 0.4) !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 9px !important;
        font-family: 'Inter', sans-serif !important;
    }
    .admin-elements-table-wrapper #documentary-table tbody td:nth-child(2) .flex {
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
    }

    .admin-elements-table-wrapper #documentary-table tbody td:nth-child(3) {
        grid-column: span 2 !important;
        margin-bottom: 0 !important;
        padding-top: 0px !important;
        border: 0 !important;
    }
    .admin-elements-table-wrapper #documentary-table tbody td:nth-child(3) .admin-desktop-actions {
        display: none !important;
    }
    .admin-elements-table-wrapper #documentary-table tbody td:nth-child(3) .admin-mobile-actions-footer {
        display: flex !important;
    }

    .filters-container-all .relative-select2-driver .absolute {
        position: absolute !important;
    }

    .relative-select2-driver.has-tooltip > span {
        width: 100%;
    }

    #modal-change-password {
        padding: 0 20px !important;
    }

    .project-page-container-title {
        font-size: 36px !important;
    }

    .project-sections-container-highlighter {
        width: 100% !important;
        display: none;
    }

    .admin-records-table-container #records-table tbody td:nth-child(3) {
        align-items: flex-start !important;
        order: 2;
    }

    .relative-select2-driver .select2-selection__placeholder {
        font-size: 14px !important;
    }

    .tooltip-item {
        left: 16px !important;
    }

    .select2-hidden-accessible {
        display: none !important;
    }

    .relative-select2-driver.has-tooltip .invisible-measure {
        padding-left: 30px !important;
    }

    .filters-container-all .relative-select2-driver .select2-selection__rendered {
        font-size: 14px !important;
    }

    .web-header-logo-link lottie-player {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

    .admin-header-logo-link lottie-player {
        width: 100% !important;
        height: 100% !important;
    }

    .filters-container-all::-webkit-scrollbar {
        display: none;
    }

    .advanced-select2-init + .select2-container .select2-selection__rendered {
        background: transparent !important;
    }

    #web-footer .gap-2 {
        gap: 12px !important;
    }   

    .pagination-dots.text-\[18px\] {
        display: none !important;
    }

    .avatar-item {
        width: 60px !important;
        height: 60px !important;
    }

    .avatar-item img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
    }

    .admin-records-table-container #records-table td:nth-child(2) {
        order: 3 !important;
    }

    #records-table td:nth-child(4) {
        order: 3 !important;
    }

    #records-table td:nth-child(6) {
        order: 5 !important;
    }

    #records-table td:nth-child(7) {
        order: 6 !important;
    }

    #records-table td:nth-child(8) {
        order: 6 !important;
    }

    #records-table td:nth-child(1) {
        order: 1 !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }

    #records-table td:nth-child(1) {
        width: 60px !important;
    }

    .web-footer-institutional {
        margin: 0 !important;
        justify-content: center !important;
    }

    #main-content .relative-select2-driver .select2-selection__clear-custom {
        right: 35px !important;
    }

    .relative-select2-driver .select2-selection--multiple:has(.select2-selection__clear-custom) .select2-selection__rendered {
        padding-right: 64px !important;
    }

    #main-content .drawer-select-wrap .select2-container .select2-selection--multiple:has(.select2-selection__clear-custom) .select2-selection__rendered {
        padding-left: 0 !important;
    }

    #main-content .drawer-select-wrap .select2-container .select2-selection--multiple .select2-selection__rendered {
        padding-left: 0 !important;
    }

    .project-sections-container h3 {
        font-size: 16px !important;
    }

    .project-sections-container p {
        font-size: 14px !important;
    }

    .project-sections-container li {
        font-size: 14px !important;
    }

    .relative-select2-driver > .select2.select2-container {
        min-height: 50px !important;
    }
}
@media (min-width: 1000px) and (max-width: 1450px) {
    .file-filters {
        flex-wrap: wrap !important;
        gap: 15px !important;
    }

    .filters-container-all {
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: 95%;
    }

    .filters-container-buttons {
        gap: 12px !important;
        align-items: center !important;
    }

    .file-filters button {
        font-size: 16px !important;
    }

    .relative-select2-driver {
        height: 52px !important;
    }

    .relative-select2-driver .select2-selection__placeholder,
    .relative-select2-driver .select2-selection__rendered {
        font-size: 16px !important;
    }

    .relative-select2-driver .invisible-measure {
        font-size: 16px !important;
        padding-right: 36px !important;
    }

    .relative-select2-driver .select2-selection__rendered {
        padding-right: 30px !important;
    }

    .relative-select2-driver .select2-selection__arrow {
        right: 8px !important;
    }

    .relative-select2-driver .select2-selection__clear {
        right: 22px !important;
    }

    .relative-select2-driver.has-tooltip .invisible-measure {
        padding-left: 38px !important;
    }

    .relative-select2-driver.has-tooltip .select2-selection__rendered {
        padding-left: 32px !important;
    }

    .relative-select2-driver.has-tooltip .tooltip-item {
        left: 8px !important;
    }

    #advanced-filters-button {
        margin-left: 0 !important;
    }
}
@media (min-width: 1800px) {
    .agrupacion-items-col {
        width: 68.5% !important;
    }
}

/* Progressive enhancement animations with GSAP */
.js-enabled .gsap-fade-in,
.js-enabled .gsap-slide-up,
.js-enabled .gsap-scale-in,
.js-enabled .gsap-stagger > *,
.js-enabled #web-header {
    opacity: 0;
    will-change: transform, opacity;
}

/* Specific Hero elements anti-FOUT */
.js-enabled .hero-text-container {
    opacity: 0;
}
.js-enabled .hero-block,
.js-enabled .hero-block-extend,
.js-enabled .hero-subtitle-block,
.js-enabled .hero-title,
.js-enabled .hero-subtitle-text,
.js-enabled .hero-bottom-container {
    opacity: 0;
}

/* History Bar anti-FOUT */
.js-enabled .history-bar {
    transform: scaleX(0);
    transform-origin: left center;
}

/* Scale X utility class for drawings/dividers/highlighters */
.js-enabled .gsap-scale-x {
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left center;
    will-change: transform, opacity;
}

/* Preloader estético "Procesando" para DataTables */
.dataTables_wrapper {
    position: relative !important;
}
div.dataTables_wrapper div.dataTables_processing {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: none !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(3px) !important;
    z-index: 50 !important;
    border: none !important;
    box-shadow: none !important;
    color: #111111 !important;
    font-family: 'Instrument Sans', sans-serif !important;
    font-weight: 600 !important;
}
div.dataTables_wrapper div.dataTables_processing[style*="display: block"],
div.dataTables_wrapper div.dataTables_processing[style*="display:block"] {
    display: flex !important;
}
div.dataTables_wrapper div.dataTables_processing::before {
    content: "" !important;
    width: 32px !important;
    height: 32px !important;
    border: 2px solid rgba(17, 17, 17, 0.1) !important;
    border-top: 2px solid #111111 !important;
    border-radius: 50% !important;
    animation: dt-spinner 0.6s linear infinite !important;
    margin-bottom: 8px !important;
}
@keyframes dt-spinner {
    to { transform: rotate(360deg); }
}

/* Forzar ancho completo al 100% en DataTables y corregir bordes */
table.dataTable,
.dataTable,
.dataTables_wrapper table {
    width: 100% !important;
    /* min-height: 50vh !important; */
}

/* Ancho completo solo para el contenedor de selección de Select2 (no para el menú desplegable absolute) */
select + .select2-container {
    width: 100% !important;
}

.relative-select2-driver {
    background: #fafafa;
}

/* Garantizar que el preloader global siempre flote por encima de absolutamente todo (incluyendo modals/modales de librerías) */
#global-preloader {
    z-index: 2147483647 !important;
}

/* Ocultar tooltip flotante nativo en móviles (< 768px) */
@media (max-width: 767px) {
    .tooltip-item > div:last-child {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/* Clases de animación e interacción del Modal de Tooltip Mobile */
#mobile-tooltip-modal.modal-open {
    display: flex !important;
}

#mobile-tooltip-modal.modal-animate-in #mobile-tooltip-backdrop {
    opacity: 1;
}

#mobile-tooltip-modal.modal-animate-in #mobile-tooltip-card {
    opacity: 1;
    transform: scale(1) translateY(0);
}

.web-header-container {
    z-index: 99999 !important;
}

#advanced-drawer-panel {
    z-index: 99999 !important;
}

.drawer-title {
    letter-spacing: 0 !important;
}

.contact-title {
    letter-spacing: 0.88px !important;
}

.reference-title {
    letter-spacing: 0 !important;
}

.select2-results__options {
    overflow-x: hidden;
}

.admin-body .select2-container--open .select2-dropdown {
    left: 0 !important;
    top: -1px;
}

.select2-search--dropdown .select2-search__field {
    outline: none !important;
    border-color: #111 !important;
}

.record-tab-btn.tab-active {
    background: #fbfe5e !important;
}

.drawer-select-wrap .select2-container .select2-selection--multiple .select2-selection__choice__remove {
    height: 100%;
}

.drawer-group .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 10px;
}

.drawer-select-wrap .select2-container .select2-selection--multiple .select2-selection__choice {
    color: #111 !important;
    background: #f1f56c !important;
    border-color: #f1f56c !important;
}

.drawer-select-wrap .select2-container .select2-selection--multiple .select2-selection__choice__remove span {
    color: #111;
}

.drawer-select-wrap .select2-container .select2-selection--multiple .select2-selection__clear span {
    color: #111;
}

.relative-select2-driver.has-tooltip .select2-selection--multiple .select2-selection__rendered {
    padding-left: 35px !important;
}

.file-filters {
	flex-direction: column;
	gap: clamp(28px, 2.7778vw, 56px) !important;
}

.relative-select2-driver {
    flex: auto !important;
}

.relative-select2-driver:nth-child(4) {
    width: 17%;
}

.relative-select2-driver:nth-child(5) {
    width: 17%;
}

.select2-results__option--highlighted .select2-custom-checkbox:not(.checked), .select2-results__option--highlighted .select2-custom-checkbox.checked {
    border-color: #000 !important;
}

.select2-results__option--highlighted .select2-custom-checkbox:hover {
    border-color: #000 !important;
}

.avatar-item {
	width: clamp(40px, 3.9683vw, 80px);
	height: clamp(40px, 3.9683vw, 80px);
}

/* Institutional Logo Cards in Footer */
.web-footer-institutional {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.web-footer-institutional .logo-card {
    background-color: #ffffff;
    padding: 6px 0px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.web-footer-institutional .logo-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.15);
}

.web-footer-institutional .logo-card img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

/* ============================================================
   TABLET / MOBILE  (max-width: 991px)
   Garantizar que el menú hamburguesa sea visible en tablet
   y que la nav de escritorio esté oculta — sin tocar el PHP.
   ============================================================ */
@media (max-width: 991px) {
    /* Mostrar botón hamburguesa */
    #mobile-menu-toggle {
        display: flex !important;
    }

    /* Ocultar nav de escritorio */
    .web-header-nav-desktop {
        display: none !important;
    }

    /* El overlay del menú móvil:
       Tailwind genera display:none por la clase md:hidden, pero a ≤991px
       necesitamos que el elemento exista en el DOM con display:flex.
       El JS controla la visibilidad real con transform + visibility. */
    #mobile-menu {
        display: flex !important;
        pointer-events: none; /* Evitar que bloquee los clics en la pantalla cuando está cerrado */
    }

    #mobile-menu[style*="visibility: visible"] {
        pointer-events: auto !important; /* Habilitar interacción al abrirse */
    }
}

/* ============================================================
   TABLET VERTICAL  (min-width: 700px) and (max-width: 991px)
   Aplica solo al rango de tablet para forzar la maquetación en 
   columna del expediente y evitar solapamientos causados por 
   la discrepancia en los breakpoints del compilador Tailwind.
   ============================================================ */
@media (min-width: 700px) and (max-width: 991px) {
    /* Asegurar que los botones de los tabs sean totalmente clicables
       y no queden tapados por otros elementos */
    .record-tab-btn {
        position: relative !important;
        z-index: 10 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        flex: 1 0 auto !important;
        white-space: nowrap !important;
    }

    /* Forzar el comportamiento de columna vertical en tablet */
    .record-content {
        flex-direction: column !important;
        display: flex !important;
    }

    .record-sidebar {
        width: 100% !important;
    }

    #record-sidebar {
        flex-direction: row !important;
        display: flex !important;
        overflow-x: auto !important;
        padding-top: 24px !important;
        gap: 0 !important;
    }

    /* Asegurar que los paneles del expediente y su contenido
       sean visibles y ocupen el 100% de ancho en tablet */
    #record-panels {
        display: block !important;
        width: 100% !important;
        /* padding-left: 0 !important; */ /* Quitar padding de desktop */
    }

    .record-panel {
        display: block !important;
        width: 100% !important;
    }

    .record-panel.hidden {
        display: none !important;
    }

    .home-gallery-slide-box-img {
        height: 430px !important;
    }

    .gallerySwiper {
        height: 500px !important;
    }

    .web-header-logo-link {
        height: 60px !important;
    }

    .web-header-logo-link img {
        height: 60px;
    }

    .web-footer-logo-link {
        width: 50% !important;
    }

    .hero-block {
        height: 53px !important;
    }

    .hero-subtitle-block {
        margin-top: 0;
        padding-left: 12px !important;
    }

    #mobile-menu nav a {
        font-size: 30px;
    }

    .history-bar {
        height: 18px !important;
        margin-left: 10px !important;
    }
}