/* Mi Luna Profunda - Global Styles */

.brand-wordmark {
    display: block;
    width: clamp(16rem, 22vw, 21rem);
    aspect-ratio: 1017 / 247;
    background-color: #dcbaf2;
    -webkit-mask: url("assets/brand/sin-titulo-2.png") center / contain no-repeat;
    mask: url("assets/brand/sin-titulo-2.png") center / contain no-repeat;
}

.brand-signature {
    display: block;
    width: clamp(8.8rem, 12vw, 11.5rem);
    aspect-ratio: 1132 / 279;
    margin-top: -0.34rem;
    margin-left: 0;
    align-self: center;
    background-color: #FCECFF;
    -webkit-mask: url("assets/brand/sin-titulo.png") left center / contain no-repeat;
    mask: url("assets/brand/sin-titulo.png") left center / contain no-repeat;
}

.brand-signature-row {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: -0.34rem;
}

.brand-signature-row::before,
.brand-signature-row::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #FCECFF;
    opacity: 0.92;
}

.brand-signature-row .brand-signature {
    flex: 0 0 auto;
    margin-top: 0;
}

.vision-name-mark {
    display: block;
    width: 100%;
    max-width: 42rem;
    aspect-ratio: 1132 / 279;
    margin-bottom: 3rem;
    transform: rotate(4deg);
    transform-origin: left center;
    background-color: #FCECFF;
    -webkit-mask: url("assets/brand/sin-titulo.png") left center / contain no-repeat;
    mask: url("assets/brand/sin-titulo.png") left center / contain no-repeat;
}

.home-mi-mirada-mark {
    display: block;
    width: clamp(10.5rem, 20vw, 16rem);
    aspect-ratio: 888 / 268;
    background-color: #e4dff9;
    -webkit-mask: url("assets/brand/mi-mirada.png") left center / contain no-repeat;
    mask: url("assets/brand/mi-mirada.png") left center / contain no-repeat;
}

.home-mi-mirada-row {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    margin-bottom: 1rem;
}

.home-mi-mirada-symbol {
    width: 3.52rem;
    opacity: 0.22;
    mix-blend-mode: screen;
    filter: brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(423%) hue-rotate(334deg) brightness(105%) contrast(96%);
    transform: rotate(-76deg);
}

.home-cielo-cuerpo-mark {
    display: block;
    width: min(92vw, 64.6rem);
    min-height: clamp(4.5rem, 16vw, 11.6rem);
    aspect-ratio: 1773 / 319;
    margin: 0 auto;
    background-color: #e4dff9;
    -webkit-mask: url("assets/brand/leer-cielo-cuerpo.png") center / contain no-repeat;
    mask: url("assets/brand/leer-cielo-cuerpo.png") center / contain no-repeat;
}

.home-cielo-panel {
    position: relative;
}

.home-cielo-symbol {
    position: absolute;
    width: var(--home-cielo-symbol-size);
    aspect-ratio: var(--home-cielo-symbol-ratio, 1);
    opacity: 0.14;
    pointer-events: none;
    background-color: #f5ebdd;
}

.home-cielo-peces {
    --home-cielo-symbol-size: 8.1rem;
    --home-cielo-symbol-ratio: 1;
    left: 2.5rem;
    top: 0.8rem;
    transform: rotate(-6deg);
    -webkit-mask: url("assets/session-symbols/symbol-100.png") center / contain no-repeat;
    mask: url("assets/session-symbols/symbol-100.png") center / contain no-repeat;
}

.home-cielo-virgo {
    --home-cielo-symbol-size: 7rem;
    --home-cielo-symbol-ratio: 1;
    right: 2.5rem;
    bottom: 0.4rem;
    transform: rotate(6deg);
    -webkit-mask: url("assets/session-symbols/symbol-106.png") center / contain no-repeat;
    mask: url("assets/session-symbols/symbol-106.png") center / contain no-repeat;
}

@media (max-width: 767px) {
    .home-cielo-symbol {
        opacity: 0.1;
    }

    .home-cielo-peces {
        --home-cielo-symbol-size: 5.4rem;
        left: -1rem;
        top: -0.6rem;
    }

    .home-cielo-virgo {
        --home-cielo-symbol-size: 5.2rem;
        right: -1rem;
        bottom: -0.4rem;
    }
}

.stars-mark,
.home-stars-mark {
    display: inline-block;
    width: 1em;
    height: 1em;
    aspect-ratio: 428 / 424;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/stars.png") center / 82% 82% no-repeat;
    mask: url("assets/brand/stars.png") center / 82% 82% no-repeat;
}

.home-stars-mark {
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    margin: 0 auto 1.5rem;
}

.home-luna-mark {
    display: block;
    width: 1.9rem;
    aspect-ratio: 404 / 352;
    margin-bottom: 1rem;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/luna.png") center / contain no-repeat;
    mask: url("assets/brand/luna.png") center / contain no-repeat;
}

.luna-mark {
    display: inline-block;
    width: 0.82em;
    aspect-ratio: 404 / 352;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/luna.png") center / contain no-repeat;
    mask: url("assets/brand/luna.png") center / contain no-repeat;
}

.sol-mark {
    display: inline-block;
    width: 1em;
    aspect-ratio: 468 / 430;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/sol.png") center / contain no-repeat;
    mask: url("assets/brand/sol.png") center / contain no-repeat;
}

.home-blog-lunar-mark {
    display: block;
    width: 2rem;
    aspect-ratio: 310 / 258;
    margin-bottom: 1rem;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/blog-lunar.png") center / contain no-repeat;
    mask: url("assets/brand/blog-lunar.png") center / contain no-repeat;
}

.home-calen-mark {
    display: block;
    width: 2rem;
    aspect-ratio: 424 / 380;
    margin-bottom: 1rem;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/calen-simbolo.png") center / contain no-repeat;
    mask: url("assets/brand/calen-simbolo.png") center / contain no-repeat;
}

.home-card-title-mark {
    display: block;
    height: var(--home-card-title-height, 3.2rem);
    width: var(--home-card-title-width, 100%);
    max-width: 100%;
    margin-bottom: 0.75rem;
    background-color: currentColor;
}

.home-title-sesiones {
    --home-card-title-width: min(100%, 26rem);
    --home-card-title-height: 5rem;
    -webkit-mask: url("assets/brand/home-sesiones-individuales-title.png") left center / contain no-repeat;
    mask: url("assets/brand/home-sesiones-individuales-title.png") left center / contain no-repeat;
}

.home-title-blog {
    --home-card-title-width: min(100%, 14.2rem);
    --home-card-title-height: 4.7rem;
    -webkit-mask: url("assets/brand/home-blog-lunar-title.png") left center / contain no-repeat;
    mask: url("assets/brand/home-blog-lunar-title.png") left center / contain no-repeat;
}

.home-title-calendario {
    --home-card-title-width: min(100%, 13.2rem);
    --home-card-title-height: 4.7rem;
    -webkit-mask: url("assets/brand/home-calendario-title.png") left center / contain no-repeat;
    mask: url("assets/brand/home-calendario-title.png") left center / contain no-repeat;
}

.home-ojo-mark {
    display: block;
    width: 4rem;
    aspect-ratio: 565 / 323;
    margin-bottom: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/ojo.png") center / contain no-repeat;
    mask: url("assets/brand/ojo.png") center / contain no-repeat;
}

.home-flecha-mark {
    display: inline-block;
    width: 2.2rem;
    aspect-ratio: 441 / 252;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/flecha.png") center / contain no-repeat;
    mask: url("assets/brand/flecha.png") center / contain no-repeat;
}

.home-card-zodiac {
    position: absolute;
    right: 1.05rem;
    bottom: 0.9rem;
    width: var(--home-card-zodiac-size, 6rem);
    aspect-ratio: 1;
    opacity: 0.16;
    background-color: currentColor;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.group:hover .home-card-zodiac {
    opacity: 0.22;
}

.home-card-zodiac-101 {
    --home-card-zodiac-size: 7rem;
    transform: rotate(-8deg);
    -webkit-mask: url("assets/session-symbols/symbol-101.png") center / contain no-repeat;
    mask: url("assets/session-symbols/symbol-101.png") center / contain no-repeat;
}

.home-card-zodiac-99 {
    --home-card-zodiac-size: 5.8rem;
    transform: rotate(7deg);
    -webkit-mask: url("assets/session-symbols/symbol-99.png") center / contain no-repeat;
    mask: url("assets/session-symbols/symbol-99.png") center / contain no-repeat;
}

.home-card-zodiac-109 {
    --home-card-zodiac-size: 6.4rem;
    transform: rotate(-4deg);
    -webkit-mask: url("assets/session-symbols/symbol-109.png") center / contain no-repeat;
    mask: url("assets/session-symbols/symbol-109.png") center / contain no-repeat;
}

.reservar-mark {
    display: block;
    position: relative;
    width: 5.35rem;
    aspect-ratio: 425 / 180;
    transform: scale(1.28);
    transform-origin: center;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/reservar.png") center / contain no-repeat;
    mask: url("assets/brand/reservar.png") center / contain no-repeat;
}

.reservar-mark::before,
.reservar-mark::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/reservar.png") center / contain no-repeat;
    mask: url("assets/brand/reservar.png") center / contain no-repeat;
    pointer-events: none;
}

.reservar-mark::before {
    transform: translate(0.09rem, 0);
}

.reservar-mark::after {
    transform: translate(-0.075rem, 0.075rem);
}

.reservar-mark {
    filter: drop-shadow(0.05rem 0 currentColor);
}

.reservar-plaza-mark {
    display: block;
    width: 6.6rem;
    aspect-ratio: 424 / 140;
    transform: scale(1.3);
    transform-origin: center;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/reservar-plaza.png") center / contain no-repeat;
    mask: url("assets/brand/reservar-plaza.png") center / contain no-repeat;
}

.calendar-action-button {
    width: 11.35rem;
    height: 4.25rem;
    padding: 0 !important;
}

.ver-viaje-mark {
    display: block;
    width: 8.95rem;
    aspect-ratio: 307 / 146;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/ver-viaje.png") center / contain no-repeat;
    mask: url("assets/brand/ver-viaje.png") center / contain no-repeat;
}

.avalon-title-mark {
    display: block;
    width: min(100%, 43rem);
    aspect-ratio: 817 / 205;
    margin-bottom: 0.45rem;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/avalon-title.png") left center / contain no-repeat;
    mask: url("assets/brand/avalon-title.png") left center / contain no-repeat;
}

.cal-title-mark,
.cal-month-mark,
.cal-year-mark,
.cal-frase-mark,
.cal-pregunta-mark,
.cal-talleres-mark {
    display: block;
    background-color: currentColor;
}

.cal-title-mark {
    width: min(100%, 40rem);
    aspect-ratio: 1033 / 242;
    margin: 0 auto 1rem;
    -webkit-mask: url("assets/brand/cal-astrologia.png") center / contain no-repeat;
    mask: url("assets/brand/cal-astrologia.png") center / contain no-repeat;
}

.cal-month-title {
    display: flex;
    align-items: center;
    gap: 0.05rem;
}

.cal-month-mark {
    width: var(--month-width, 6.2rem);
    aspect-ratio: var(--month-ratio, 391 / 258);
    transform: var(--month-transform, translateY(0));
    -webkit-mask: var(--month-mask, url("assets/brand/mayo.png")) center / contain no-repeat;
    mask: var(--month-mask, url("assets/brand/mayo.png")) center / contain no-repeat;
}

.cal-year-mark {
    width: var(--year-width, 5.25rem);
    aspect-ratio: var(--year-ratio, 302 / 151);
    transform: var(--year-transform, translateY(0));
    -webkit-mask: var(--year-mask, url("assets/brand/year-2026.png")) center / contain no-repeat;
    mask: var(--year-mask, url("assets/brand/year-2026.png")) center / contain no-repeat;
}

.cal-frase-mark {
    width: 8rem;
    aspect-ratio: 363 / 131;
    margin-bottom: 1rem;
    transform: scale(1.8);
    transform-origin: left center;
    -webkit-mask: url("assets/brand/frase-guia.png") left center / contain no-repeat;
    mask: url("assets/brand/frase-guia.png") left center / contain no-repeat;
}

.cal-pregunta-mark {
    width: 9.8rem;
    aspect-ratio: 551 / 188;
    margin-bottom: 1rem;
    transform: scale(1.75);
    transform-origin: left center;
    -webkit-mask: url("assets/brand/pregunta.png") left center / contain no-repeat;
    mask: url("assets/brand/pregunta.png") left center / contain no-repeat;
}

.cal-talleres-mark {
    width: min(100%, 30rem);
    aspect-ratio: 750 / 252;
    -webkit-mask: url("assets/brand/talleres-viajes.png") left center / contain no-repeat;
    mask: url("assets/brand/talleres-viajes.png") left center / contain no-repeat;
}

.home-transformacion-mark {
    display: block;
    width: min(100%, 34rem);
    aspect-ratio: 1069 / 182;
    margin: 1rem auto 1.25rem;
    transform: translateX(1.35rem);
    background-color: #e4dff9;
    -webkit-mask: url("assets/brand/transformacion.png") center / contain no-repeat;
    mask: url("assets/brand/transformacion.png") center / contain no-repeat;
}

.vision-transformacion-mark {
    display: block;
    width: min(100%, 34rem);
    aspect-ratio: 1069 / 182;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/transformacion.png") left center / contain no-repeat;
    mask: url("assets/brand/transformacion.png") left center / contain no-repeat;
}

.vision-vesta-mark {
    display: block;
    width: 4rem;
    aspect-ratio: 404 / 592;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/vesta.png") center / contain no-repeat;
    mask: url("assets/brand/vesta.png") center / contain no-repeat;
}

.vision-pachas-mark {
    display: block;
    width: min(100%, 28rem);
    aspect-ratio: 834 / 275;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/pachas-2.png") left center / contain no-repeat;
    mask: url("assets/brand/pachas-2.png") left center / contain no-repeat;
}

.vision-cora-mark {
    display: block;
    width: 4rem;
    aspect-ratio: 240 / 180;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/cora.png") center / contain no-repeat;
    mask: url("assets/brand/cora.png") center / contain no-repeat;
}

.vision-puente-mark {
    display: block;
    width: min(100%, 28rem);
    aspect-ratio: 701 / 180;
    margin: 0 auto 0.15rem;
    background-color: currentColor;
    -webkit-mask: url("assets/brand/puente.png") center / contain no-repeat;
    mask: url("assets/brand/puente.png") center / contain no-repeat;
}

.nav-mark {
    display: block;
    position: relative;
    width: var(--nav-width);
    height: 3.25rem;
    background-color: currentColor;
    -webkit-mask: var(--nav-mask) center / contain no-repeat;
    mask: var(--nav-mask) center / contain no-repeat;
}

.nav-mark::before,
.nav-mark::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: currentColor;
    -webkit-mask: var(--nav-mask) center / contain no-repeat;
    mask: var(--nav-mask) center / contain no-repeat;
    pointer-events: none;
}

.nav-mark::before {
    transform: translate(0.055rem, 0);
}

.nav-mark::after {
    transform: translate(-0.045rem, 0.04rem);
}

.nav-mark {
    filter: drop-shadow(0.035rem 0 currentColor);
}

header nav.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    margin-left: -1.05rem !important;
    margin-right: 0 !important;
}

header nav {
    gap: 0 !important;
    transform: translateX(-1rem);
}

.nav-inicio {
    --nav-width: 5.9rem;
    --nav-mobile-width: 9.95rem;
    --nav-mask: url("assets/brand/nav-inicio.png");
}

.nav-vision {
    --nav-width: 5rem;
    --nav-mobile-width: 8.1rem;
    --nav-mask: url("assets/brand/nav-vision.png");
}

.nav-sesiones {
    --nav-width: 8.05rem;
    --nav-mobile-width: 12.6rem;
    --nav-mask: url("assets/brand/nav-sesiones.png");
    transform: translateX(-0.15rem);
}

.nav-blog {
    --nav-width: 5.15rem;
    --nav-mobile-width: 8.6rem;
    --nav-mask: url("assets/brand/nav-blog.png");
    transform: translateY(0.18rem);
}

.nav-calendario {
    --nav-width: 8.85rem;
    --nav-mobile-width: 13.65rem;
    --nav-mask: url("assets/brand/nav-calendario.png");
}

.mobile-menu .nav-mark {
    width: var(--nav-mobile-width);
    height: 5.2rem;
}

.mobile-contacto-mark,
.mobile-reservar-sesion-mark {
    display: block;
    background-color: currentColor;
}

.mobile-contacto-mark {
    width: 11.4rem;
    aspect-ratio: 274 / 125;
    -webkit-mask: url("assets/brand/nav-contacto.png") center / contain no-repeat;
    mask: url("assets/brand/nav-contacto.png") center / contain no-repeat;
}

.mobile-reservar-sesion-mark {
    width: 12.6rem;
    aspect-ratio: 473 / 138;
    -webkit-mask: url("assets/brand/nav-reservar-sesion.png") center / contain no-repeat;
    mask: url("assets/brand/nav-reservar-sesion.png") center / contain no-repeat;
}

@media (max-width: 1180px) and (min-width: 768px) {
    header nav.hidden.md\:flex {
        display: none !important;
    }

    header #menu-toggle.md\:hidden {
        display: block !important;
    }
}

/* Glass surfaces */
.glass-surface,
.glass-card,
.glass-panel,
.lunar-glass {
    background: rgba(31, 30, 48, 0.5);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(150, 142, 152, 0.1);
}

/* Orbital dividers */
.orbital-divider {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, transparent, rgba(227, 195, 115, 0.2), transparent);
}

/* Grain overlay */
.grain-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.03;
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuDViE_kwsm22hdMmdyBjqmjXZwRr35PNBMKgq-D6bnliDMdd2lbxCv1BcWp59m0MckbodtB-brnjFgQHWeR8c8bAK89nrsC_knWxROLcMPJNTl7g2l0_gZ0Pb4wKf9KD0_FpDPgr_6ePsErkbDm8c9QVGaqht8sM9UyA0hM8oX3WCA_WG2ZJGfJwSfe10hAYN4bQrRhetGUJHogXn5pjuNko6-_YW0Kvz-XLbj0vtrFXJL2o8f3JEvUotMEf1-5tg1fLes6B_1Yrspo);
    z-index: 60;
}

/* Paper texture overlay */
.paper-texture-overlay {
    position: fixed;
    inset: 0;
    opacity: 0.05;
    pointer-events: none;
    z-index: 0;
    background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuAswHKD16kN94xQ8byGssRFs3Sgu7hFe4-HnXRdVqk6WZtj_cZ9eZUuejp14Yw562JivLEn0LpE15uSxJMHgwo-3d1R1K7gZeDW9JF9WgjH7leqDw2Xh7AG5422YInAJAN6Z_je4llA8j8W0x06z4gNhz0z26WLPUvro3YMQB--yTF8NjpQl4ERr3sOshK3L8ewRT3fhxLZtqqU2YLs3EEKU9KVYq_FKarol3CeGZ2jXTZlcjk7aS_xI_x6JdIsIZqL692W_OGVq7k2);
}

/* Stellar background dots */
.stellar-bg {
    background-image: radial-gradient(circle at 2px 2px, rgba(220, 186, 242, 0.15) 1px, transparent 0);
    background-size: 40px 40px;
}

/* Cormorant Garamond font */
.font-cormorant {
    font-family: "Cormorant Garamond", serif;
}

/* Lunar glow effect */
.lunar-glow {
    box-shadow: 0 0 40px -10px rgba(220, 186, 242, 0.15);
}

/* Orbital decorative lines */
.orbital-line {
    border: 1px solid rgba(220, 186, 242, 0.1);
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
}

/* Editorial background */
.editorial-bg {
    background-color: #f5ebdd;
}

.session-symbol-cloud {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

.session-symbol {
    position: absolute;
    display: block;
    width: var(--symbol-size);
    opacity: 0.22;
    mix-blend-mode: multiply;
    filter: saturate(0.95);
}

.session-symbol-99 {
    --symbol-size: 7.4rem;
    left: 4%;
    top: 13%;
    transform: rotate(-8deg);
}

.session-symbol-100 {
    --symbol-size: 6.4rem;
    right: 5%;
    top: 12%;
    transform: rotate(5deg);
}

.session-symbol-101 {
    --symbol-size: 4.8rem;
    left: 19%;
    top: 8%;
    transform: rotate(9deg);
}

.session-symbol-102 {
    --symbol-size: 4.4rem;
    right: 17%;
    top: 8%;
    transform: rotate(-9deg);
}

.session-symbol-103 {
    --symbol-size: 6.8rem;
    left: 8%;
    bottom: 12%;
    transform: rotate(3deg);
}

.session-symbol-104 {
    --symbol-size: 5.6rem;
    right: 16%;
    bottom: 8%;
    transform: rotate(-5deg);
}

.session-symbol-105 {
    --symbol-size: 6.3rem;
    right: 3%;
    bottom: 29%;
    transform: rotate(6deg);
}

.session-symbol-106 {
    --symbol-size: 5.8rem;
    left: 25%;
    bottom: 6%;
    transform: rotate(-4deg);
}

.session-symbol-107 {
    --symbol-size: 4.5rem;
    left: 29%;
    top: 10%;
    transform: rotate(2deg);
}

.session-symbol-108 {
    --symbol-size: 4.4rem;
    right: 34%;
    bottom: 6%;
    transform: rotate(8deg);
}

.session-symbol-109 {
    --symbol-size: 5.2rem;
    right: 24%;
    top: 32%;
    transform: rotate(-8deg);
}

.session-symbol-110 {
    --symbol-size: 5.4rem;
    left: 15%;
    top: 43%;
    transform: rotate(7deg);
}

@media (max-width: 767px) {
    .session-symbol {
        opacity: 0.16;
    }

    .session-symbol-101,
    .session-symbol-102,
    .session-symbol-106,
    .session-symbol-107,
    .session-symbol-108,
    .session-symbol-109 {
        display: none;
    }

    .session-symbol-99 {
        --symbol-size: 5.4rem;
        left: -1.5rem;
        top: 1rem;
    }

    .session-symbol-100 {
        --symbol-size: 4.8rem;
        right: -1rem;
        top: 1.5rem;
    }

    .session-symbol-103 {
        --symbol-size: 5.2rem;
        left: -1.5rem;
        bottom: 1rem;
    }

    .session-symbol-104 {
        --symbol-size: 4.8rem;
        right: 1rem;
        bottom: 0.8rem;
    }

    .session-symbol-105 {
        --symbol-size: 4.8rem;
        right: -1.6rem;
        top: 45%;
    }

    .session-symbol-110 {
        --symbol-size: 4.8rem;
        left: 0.5rem;
        top: 46%;
    }
}

/* Mobile menu */
.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease;
}
.mobile-menu.open {
    transform: translateX(0);
}