/* ============================================================
   INFINITY DANCE STUDIO
   HORARIOS — CSS FINAL LIMPIO
   Desktop / Tablet / Mobile
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&family=Teko:wght@400;500;600&display=swap');

/* =========================================================
   CURSO 2026/27
   ========================================================= */

body .ids-lm .ids-course-new {
    margin: 0 0 32px;

    text-align: center;

    color: #fff;

    font-family: "Poppins", Arial, sans-serif;

    line-height: .9;
}

body .ids-lm .ids-course-new span {
    display: block;

    margin-bottom: 4px;

    font-size: 28px;
    font-weight: 800;
    font-style: italic;

    letter-spacing: 1px;
}

body .ids-lm .ids-course-new strong {
    display: block;

    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1.6px #fff;

    font-size: 64px;
    font-weight: 800;
    font-style: italic;

    letter-spacing: 1px;
}


/* TABLET */
@media (max-width: 900px) {

    body .ids-lm .ids-course-new {
        margin-bottom: 26px;
    }

    body .ids-lm .ids-course-new span {
        font-size: 24px;
    }

    body .ids-lm .ids-course-new strong {
        font-size: 52px;
    }
}


/* MOBILE */
@media (max-width: 600px) {

    body .ids-lm .ids-course-new {
        margin-bottom: 22px;
    }

    body .ids-lm .ids-course-new span {
        font-size: 20px;
    }

    body .ids-lm .ids-course-new strong {
        font-size: 44px;
        -webkit-text-stroke-width: 1.2px;
    }
}
/* ============================================================
   RESET LOCAL
   ============================================================ */

.ids-lm,
.ids-lm *,
.ids-panel,
.ids-panel * {
    box-sizing: border-box;
}

.ids-lm h2,
.ids-panel h2 {
    margin-block-start: 0;
    margin-block-end: 0;
}


/* ============================================================
   VARIABLES
   ============================================================ */

:root {
    --ids-white: #f7f7f7;
    --ids-blue: #1d25cb;
    --ids-purple: #28156d;
    --ids-pink: #d000ed;
    --ids-tag: #ff22ef;

    --ids-max: 980px;
    --ids-gap-x: 16px;
    --ids-gap-y: 10px;

    --ids-border: rgba(255,255,255,.95);
}


/* ============================================================
   LUNES & MIÉRCOLES
   ============================================================ */

body .ids-lm {
    position: relative;
    overflow: hidden;

    width: 100%;
    min-height: 100vh;

    padding:
        130px
        24px
        105px;

    color: #fff;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    background:
        radial-gradient(
            circle at 16% 8%,
            rgba(35,75,255,.98) 0%,
            rgba(22,55,240,.65) 25%,
            transparent 48%
        ),
        radial-gradient(
            circle at 83% 24%,
            rgba(40,12,220,.80) 0%,
            transparent 43%
        ),
        radial-gradient(
            circle at 45% 83%,
            rgba(27,35,255,.65) 0%,
            transparent 45%
        ),
        linear-gradient(
            155deg,
            #0815a5 0%,
            #1519c4 36%,
            #2214a7 70%,
            #19107a 100%
        );
}


/* textura */
body .ids-lm::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .13;

    background:
        repeating-linear-gradient(
            120deg,
            transparent 0 135px,
            rgba(255,255,255,.16) 136px,
            transparent 138px 225px
        ),
        repeating-linear-gradient(
            16deg,
            transparent 0 185px,
            rgba(255,255,255,.07) 186px,
            transparent 188px 315px
        );
}


body .ids-lm .ids-lm__inner {
    position: relative;
    z-index: 1;

    width: calc(100% - 40px);
    max-width: var(--ids-max);

    margin: 0 auto;
}


/* título */

body .ids-lm .ids-lm__title,
body .elementor .ids-lm .ids-lm__title {
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 66px;

    margin: 0 0 24px !important;

    padding: 12px 18px !important;

    border: 0;
    border-radius: 7px;

    background: var(--ids-white) !important;

    color: var(--ids-blue) !important;
    -webkit-text-fill-color: var(--ids-blue) !important;

    font-family:
        "Poppins",
        Arial,
        sans-serif !important;

    font-size: 42px !important;
    font-weight: 800 !important;
    font-style: normal !important;

    line-height: 1 !important;
    letter-spacing: -.8px;

    box-shadow: none;
}


/* ============================================================
   GRID LUNES / MIÉRCOLES
   9 FILAS. NO EXISTE FILA DE LOGO.
   ============================================================ */

body .ids-lm .ids-lm__grid {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    grid-template-rows:
        52px
        36px
        130px
        36px
        150px
        36px
        100px
        36px
        80px !important;

    column-gap: var(--ids-gap-x) !important;
    row-gap: var(--ids-gap-y) !important;

    align-items: stretch;
}


body .ids-lm .ids-lm__room {
    display: contents;
}


/* sala */

body .ids-lm .ids-lm__room-name {
    display: flex !important;

    align-items: center;
    justify-content: center;

    font-family:
        "Teko",
        Impact,
        "Arial Narrow",
        sans-serif !important;

    font-size: 40px !important;
    font-weight: 500 !important;
    font-style: italic !important;

    line-height: 1 !important;
    letter-spacing: 1px;

    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1px rgba(255,255,255,.96);

    text-align: center;
}


/* hora */

body .ids-lm .ids-lm__time {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 36px;

    padding: 0 8px;

    border-radius: 7px;

    background: var(--ids-white) !important;

    color: var(--ids-blue) !important;
    -webkit-text-fill-color: var(--ids-blue) !important;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size: 18px;
    font-weight: 800;

    line-height: 1;

    text-align: center;
}


/* caja */

body .ids-lm .ids-lm__card {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
    min-height: 0;

    padding: 10px;

    border: 1px solid var(--ids-border);

    background: rgba(255,255,255,.015);

    text-align: center;
}


/* nombre */

body .ids-lm .ids-lm__name {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;

    font-family:
        "Poppins",
        Arial,
        sans-serif;

    font-size: 18px;
    font-weight: 700;

    line-height: 1.05;

    text-transform: uppercase;
}


/* etiqueta AVZ */

body .ids-lm .ids-lm__tag {
    margin-top: 1px;

    color: var(--ids-tag) !important;
    -webkit-text-fill-color: var(--ids-tag) !important;

    font-family:
        "Teko",
        Impact,
        sans-serif;

    font-size: 24px;
    font-weight: 600;
    font-style: italic;

    line-height: .95;
}


/* notas */

body .ids-lm .ids-lm__note {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.08;
}


/* separador */

body .ids-lm .ids-lm__sep {
    width: 58%;
    height: 1px;

    margin: 5px auto;

    background: rgba(255,255,255,.55);
}


/* ============================================================
   POSICIONES LUNES / MIÉRCOLES
   ============================================================ */


/* SALA 1 */

body .ids-lm .room-1 > .ids-lm__room-name {
    grid-column: 1;
    grid-row: 1;
}

body .ids-lm .room-1 > .t1 {
    grid-column: 1;
    grid-row: 2;
}

body .ids-lm .room-1 > .c1 {
    grid-column: 1;
    grid-row: 3;
}

body .ids-lm .room-1 > .t2 {
    grid-column: 1;
    grid-row: 4;
}

body .ids-lm .room-1 > .c2 {
    grid-column: 1;
    grid-row: 5;
}

body .ids-lm .room-1 > .t3 {
    grid-column: 1;
    grid-row: 6;
}

body .ids-lm .room-1 > .c3 {
    grid-column: 1;
    grid-row: 7;
}

body .ids-lm .room-1 > .t4 {
    grid-column: 1;
    grid-row: 8;
}

body .ids-lm .room-1 > .c4 {
    grid-column: 1;
    grid-row: 9;
}


/* SALA 2 */

body .ids-lm .room-2 > .ids-lm__room-name {
    grid-column: 2;
    grid-row: 1;
}

body .ids-lm .room-2 > .t1 {
    grid-column: 2;
    grid-row: 2;
}

body .ids-lm .room-2 > .c1 {
    grid-column: 2;
    grid-row: 3;
}

body .ids-lm .room-2 > .t2 {
    grid-column: 2;
    grid-row: 4;
}

body .ids-lm .room-2 > .c2 {
    grid-column: 2;
    grid-row: 5;
}

body .ids-lm .room-2 > .t3 {
    grid-column: 2;
    grid-row: 6;
}

/* ocupa exactamente hasta el final de la fila 9 */

body .ids-lm .room-2 > .c3 {
    grid-column: 2;
    grid-row: 7 / 10;
}


/* SALA 3 */

body .ids-lm .room-3 > .ids-lm__room-name {
    grid-column: 3;
    grid-row: 1;
}

body .ids-lm .room-3 > .t1 {
    grid-column: 3;
    grid-row: 2;
}

body .ids-lm .room-3 > .c1 {
    grid-column: 3;
    grid-row: 3;
}

body .ids-lm .room-3 > .t2 {
    grid-column: 3;
    grid-row: 4;
}

body .ids-lm .room-3 > .c2 {
    grid-column: 3;
    grid-row: 5;
}

body .ids-lm .room-3 > .c3 {
    grid-column: 3;
    grid-row: 7 / 10;
}


/* caja vacía diagonal */

body .ids-lm .ids-lm__card--empty {
    position: relative;

    overflow: hidden;
}


body .ids-lm .ids-lm__card--empty::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 70%;
    height: 1px;

    background: rgba(255,255,255,.95);

    transform:
        translate(-50%,-50%)
        rotate(-42deg);

    transform-origin: center;

    pointer-events: none;
}


/* El logo inferior fue eliminado */

body .ids-lm .ids-lm__logo {
    display: none !important;
}



/* ============================================================
   COMPONENTES COMUNES
   MARTES/JUEVES + VIERNES/SÁBADO
   ============================================================ */

body .ids-panel {
    position: relative;

    overflow: hidden;

    width: 100%;

    padding:
        90px
        24px
        100px;

    color: #fff;

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}


body .ids-panel .ids-panel__inner {
    position: relative;
    z-index: 1;

    width: calc(100% - 40px);
    max-width: var(--ids-max);

    margin: 0 auto;
}


/* títulos */

body .ids-panel .ids-panel__title {
    display: flex;

    align-items: center;

    width: 100%;
    min-height: 64px;

    margin: 0 0 22px !important;

    padding: 11px 18px !important;

    border: 0;
    border-radius: 7px;

    background: var(--ids-white) !important;

    font-family:
        "Poppins",
        Arial,
        sans-serif !important;

    font-size: 40px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    box-shadow: none;
}


/* título sala */

body .ids-panel .ids-panel__room {
    display: flex;

    align-items: center;
    justify-content: center;

    font-family:
        "Teko",
        Impact,
        "Arial Narrow",
        sans-serif !important;

    font-size: 38px !important;
    font-weight: 500 !important;
    font-style: italic !important;

    line-height: 1 !important;

    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1px rgba(255,255,255,.96);

    text-align: center;
}


/* horarios */

body .ids-panel .ids-panel__time,
body .elementor .ids-panel .ids-panel__time {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 36px;

    padding: 0 8px;

    border-radius: 7px;

    background: var(--ids-white) !important;

    font-family:
        "Poppins",
        Arial,
        sans-serif !important;

    font-size: 18px !important;
    font-weight: 800 !important;

    line-height: 1 !important;

    text-align: center;
}


/* cajas */

body .ids-panel .ids-panel__card {
    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
    min-height: 0;

    padding: 10px;

    border: 1px solid var(--ids-border);

    background: rgba(255,255,255,.015);

    text-align: center;
}


body .ids-panel .ids-panel__name {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.05;

    text-transform: uppercase;
}


body .ids-panel .ids-panel__note {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;

    font-size: 15px !important;
    font-weight: 400;

    line-height: 1.08;
}


body .ids-panel .ids-panel__tag {
    color: var(--ids-tag) !important;
    -webkit-text-fill-color: var(--ids-tag) !important;

    font-family:
        "Teko",
        Impact,
        sans-serif;

    font-size: 24px;
    font-weight: 600;
    font-style: italic;

    line-height: .95;
}


body .ids-panel .ids-panel__sep {
    width: 58%;
    height: 1px;

    margin: 5px auto;

    background: rgba(255,255,255,.5);
}


/* cajas vacías */

body .ids-panel .ids-panel__empty {
    position: relative;

    overflow: hidden;
}


body .ids-panel .ids-panel__empty::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 70%;
    height: 1px;

    background: rgba(255,255,255,.95);

    transform:
        translate(-50%,-50%)
        rotate(-40deg);

    transform-origin: center;
}



/* ============================================================
   MARTES & JUEVES
   ============================================================ */

body .ids-mj {
    background:
        radial-gradient(
            circle at 82% 5%,
            rgba(230,0,255,.78),
            transparent 28%
        ),
        radial-gradient(
            circle at 12% 68%,
            rgba(45,40,255,.62),
            transparent 38%
        ),
        linear-gradient(
            150deg,
            #201072 0%,
            #261077 35%,
            #451080 67%,
            #27105d 100%
        );
}


body .ids-mj .ids-panel__title {
    color: var(--ids-purple) !important;
    -webkit-text-fill-color: var(--ids-purple) !important;
}


body .ids-mj .ids-panel__time {
    color: var(--ids-purple) !important;
    -webkit-text-fill-color: var(--ids-purple) !important;
}


/* grid MJ */

body .ids-mj .ids-mj__grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    grid-template-rows:
        50px
        36px
        132px
        36px
        106px
        36px
        132px
        36px
        130px;

    column-gap: var(--ids-gap-x);
    row-gap: 9px;
}


body .ids-mj .ids-mj-room {
    display: contents;
}


/* MJ SALA 1 */

body .ids-mj .room1 > .ids-panel__room {
    grid-column: 1;
    grid-row: 1;
}

body .ids-mj .room1 > .t1 {
    grid-column: 1;
    grid-row: 2;
}

body .ids-mj .room1 > .c1 {
    grid-column: 1;
    grid-row: 3;
}

body .ids-mj .room1 > .t2 {
    grid-column: 1;
    grid-row: 4;
}

body .ids-mj .room1 > .c2 {
    grid-column: 1;
    grid-row: 5;
}

body .ids-mj .room1 > .t3 {
    grid-column: 1;
    grid-row: 6;
}

body .ids-mj .room1 > .c3 {
    grid-column: 1;
    grid-row: 7;
}

body .ids-mj .room1 > .t4 {
    grid-column: 1;
    grid-row: 8;
}

body .ids-mj .room1 > .c4 {
    grid-column: 1;
    grid-row: 9;
}


/* MJ SALA 2 */

body .ids-mj .room2 > .ids-panel__room {
    grid-column: 2;
    grid-row: 1;
}

body .ids-mj .room2 > .t1 {
    grid-column: 2;
    grid-row: 2;
}

body .ids-mj .room2 > .c1 {
    grid-column: 2;
    grid-row: 3;
}

body .ids-mj .room2 > .t2 {
    grid-column: 2;
    grid-row: 4;
}

body .ids-mj .room2 > .c2 {
    grid-column: 2;
    grid-row: 5;
}

body .ids-mj .room2 > .t3 {
    grid-column: 2;
    grid-row: 6;
}

body .ids-mj .room2 > .c3 {
    grid-column: 2;
    grid-row: 7;
}

body .ids-mj .room2 > .empty {
    grid-column: 2;
    grid-row: 9;
}


/* MJ SALA 3 */

body .ids-mj .room3 > .ids-panel__room {
    grid-column: 3;
    grid-row: 1;
}

body .ids-mj .room3 > .t1 {
    grid-column: 3;
    grid-row: 2;
}

body .ids-mj .room3 > .c1 {
    grid-column: 3;
    grid-row: 3;
}

body .ids-mj .room3 > .t2 {
    grid-column: 3;
    grid-row: 4;
}

body .ids-mj .room3 > .c2 {
    grid-column: 3;
    grid-row: 5;
}

body .ids-mj .room3 > .t3 {
    grid-column: 3;
    grid-row: 6;
}

body .ids-mj .room3 > .c3 {
    grid-column: 3;
    grid-row: 7;
}

body .ids-mj .room3 > .empty {
    grid-column: 3;
    grid-row: 9;
}


/* nota inferior */

body .ids-mj .ids-mj__note {
    margin-top: 38px;

    color: rgba(255,255,255,.82) !important;
    -webkit-text-fill-color: rgba(255,255,255,.82) !important;

    font-size: 15px;

    line-height: 1.22;
}



/* ============================================================
   VIERNES + SÁBADO
   ============================================================ */

body .ids-vs {
    background:
        radial-gradient(
            circle at 8% 8%,
            rgba(255,0,244,.92),
            transparent 30%
        ),
        radial-gradient(
            circle at 67% 42%,
            rgba(227,0,255,.70),
            transparent 36%
        ),
        linear-gradient(
            150deg,
            #541083 0%,
            #9a08bd 38%,
            #5b087f 68%,
            #29105e 100%
        );
}


body .ids-vs .ids-panel__title {
    color: var(--ids-pink) !important;
    -webkit-text-fill-color: var(--ids-pink) !important;
}


body .ids-vs .ids-panel__time {
    color: #b000ce !important;
    -webkit-text-fill-color: #b000ce !important;
}


/* viernes grid */

body .ids-vs .ids-vs__grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    grid-template-rows:
        50px
        36px
        105px
        36px
        105px
        36px
        105px;

    column-gap: var(--ids-gap-x);
    row-gap: 9px;
}


body .ids-vs .ids-vs-room {
    display: contents;
}


/* VIERNES SALA 1 */

body .ids-vs .room1 > .ids-panel__room {
    grid-column: 1;
    grid-row: 1;
}

body .ids-vs .room1 > .t1 {
    grid-column: 1;
    grid-row: 2;
}

body .ids-vs .room1 > .c1 {
    grid-column: 1;
    grid-row: 3;
}

body .ids-vs .room1 > .t2 {
    grid-column: 1;
    grid-row: 4;
}

body .ids-vs .room1 > .c2 {
    grid-column: 1;
    grid-row: 5;
}

body .ids-vs .room1 > .t3 {
    grid-column: 1;
    grid-row: 6;
}

body .ids-vs .room1 > .c3 {
    grid-column: 1;
    grid-row: 7;
}


/* VIERNES SALA 2 */

body .ids-vs .room2 > .ids-panel__room {
    grid-column: 2;
    grid-row: 1;
}

body .ids-vs .room2 > .t1 {
    grid-column: 2;
    grid-row: 2;
}

body .ids-vs .room2 > .c1 {
    grid-column: 2;
    grid-row: 3;
}

body .ids-vs .room2 > .t2 {
    grid-column: 2;
    grid-row: 4;
}

body .ids-vs .room2 > .c2 {
    grid-column: 2;
    grid-row: 5;
}

body .ids-vs .room2 > .empty {
    grid-column: 2;
    grid-row: 7;
}


/* VIERNES SALA 3 */

body .ids-vs .room3 > .ids-panel__room {
    grid-column: 3;
    grid-row: 1;
}

body .ids-vs .room3 > .t1 {
    grid-column: 3;
    grid-row: 2;
}

body .ids-vs .room3 > .c1 {
    grid-column: 3;
    grid-row: 3;
}

body .ids-vs .room3 > .t2 {
    grid-column: 3;
    grid-row: 4;
}

body .ids-vs .room3 > .c2 {
    grid-column: 3;
    grid-row: 5;
}

body .ids-vs .room3 > .t3 {
    grid-column: 3;
    grid-row: 6;
}

body .ids-vs .room3 > .c3 {
    grid-column: 3;
    grid-row: 7;
}



/* ============================================================
   SÁBADO
   ============================================================ */

body .ids-vs .ids-saturday-title {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}


body .ids-vs .ids-saturday-grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    grid-template-rows:
        48px
        82px;

    column-gap: var(--ids-gap-x);
    row-gap: 9px;
}


body .ids-vs .sat-r1 {
    grid-column: 1;
    grid-row: 1;
}

body .ids-vs .sat-r2 {
    grid-column: 2;
    grid-row: 1;
}

body .ids-vs .sat-r3 {
    grid-column: 3;
    grid-row: 1;
}


body .ids-vs .ids-sat-competition {
    grid-column: 1 / span 2;
    grid-row: 2;
}


body .ids-vs .ids-sat-workshops {
    grid-column: 3;
    grid-row: 2;
}


/* símbolo inferior */

body .ids-vs .ids-symbol {
    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 190px;

    color: rgba(255,255,255,.93);

    font-family:
        Arial,
        sans-serif;

    font-size: 135px;

    line-height: 1;
}



/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 900px) {

    /* El header de tu web es superpuesto en móvil/tablet */
    body .ids-lm {
        padding:
            145px
            18px
            75px;
    }


    body .ids-lm .ids-lm__inner,
    body .ids-panel .ids-panel__inner {
        width: 100%;
        max-width: 620px;
    }


    /* títulos */

    body .ids-lm .ids-lm__title,
    body .ids-panel .ids-panel__title {
        min-height: 54px;

        padding: 11px 14px !important;

        font-size: 31px !important;

        letter-spacing: -.5px;
    }


    /* ========================================================
       LUNES/MÍERCOLES móvil:
       cada sala se convierte en bloque vertical
       ======================================================== */

    body .ids-lm .ids-lm__grid {
        display: block !important;
    }


    body .ids-lm .ids-lm__room {
        display: block !important;

        margin-bottom: 42px;
    }


    body .ids-lm .ids-lm__room-name {
        display: flex !important;

        height: auto;

        margin-bottom: 14px;

        font-size: 36px !important;
    }


    body .ids-lm .ids-lm__time {
        height: 38px;

        margin:
            10px
            0
            8px;

        font-size: 19px;
    }


    body .ids-lm .ids-lm__card {
        height: auto;
        min-height: 118px;

        margin-bottom: 10px;
    }


    body .ids-lm .room-3 > .c1,
    body .ids-lm .room-3 > .c2 {
        min-height: 145px;
    }


    body .ids-lm .room-2 > .c3,
    body .ids-lm .room-3 > .c3 {
        min-height: 190px;
    }


    body .ids-lm .ids-lm__card--empty::after {
        width: 68%;
    }


    /* ========================================================
       RESTO DE DÍAS EN MÓVIL
       ======================================================== */

    body .ids-panel {
        padding:
            60px
            18px
            75px;
    }


    body .ids-mj .ids-mj__grid,
    body .ids-vs .ids-vs__grid {
        display: block;
    }


    body .ids-mj .ids-mj-room,
    body .ids-vs .ids-vs-room {
        display: block;

        margin-bottom: 42px;
    }


    body .ids-panel .ids-panel__room {
        height: auto;

        margin-bottom: 14px;

        font-size: 35px !important;
    }


    body .ids-panel .ids-panel__time {
        height: 38px;

        margin:
            10px
            0
            8px;

        font-size: 19px !important;
    }


    body .ids-panel .ids-panel__card {
        height: auto;
        min-height: 118px;

        margin-bottom: 10px;
    }


    body .ids-panel .ids-panel__empty {
        min-height: 180px;
    }


    body .ids-mj .ids-mj__note {
        margin-top: 15px;

        font-size: 14px;
    }


    /*
     * SÁBADO:
     * mantenemos las 3 salas visibles,
     * igual que la referencia.
     */

    body .ids-vs .ids-saturday-grid {
        grid-template-columns:
            repeat(3,minmax(0,1fr));

        grid-template-rows:
            42px
            80px;

        column-gap: 8px;
        row-gap: 8px;
    }


    body .ids-vs .ids-saturday-grid .ids-panel__room {
        margin: 0;

        font-size: 28px !important;
    }


    body .ids-vs .ids-saturday-grid .ids-panel__card {
        min-height: 80px;

        margin: 0;

        padding: 8px 5px;
    }


    body .ids-vs .ids-symbol {
        min-height: 150px;

        font-size: 105px;
    }
}



/* ============================================================
   MÓVIL
   ============================================================ */

@media (max-width: 600px) {

    body .ids-lm {
        padding:
            135px
            12px
            65px;
    }


    body .ids-panel {
        padding:
            50px
            12px
            65px;
    }


    body .ids-lm .ids-lm__title,
    body .ids-panel .ids-panel__title {
        font-size: clamp(25px, 7.5vw, 31px) !important;

        line-height: 1 !important;

        padding:
            12px
            14px !important;
    }


    body .ids-lm .ids-lm__room-name,
    body .ids-panel .ids-panel__room {
        font-size: 32px !important;
    }


    body .ids-lm .ids-lm__time,
    body .ids-panel .ids-panel__time {
        font-size: 18px !important;
    }


    body .ids-lm .ids-lm__name,
    body .ids-panel .ids-panel__name {
        font-size: 18px !important;
    }


    body .ids-lm .ids-lm__tag,
    body .ids-panel .ids-panel__tag {
        font-size: 24px !important;
    }


    body .ids-lm .ids-lm__note,
    body .ids-panel .ids-panel__note {
        font-size: 15px !important;
    }


    body .ids-vs .ids-saturday-grid .ids-panel__room {
        font-size: clamp(20px,6.3vw,27px) !important;
    }


    body .ids-vs .ids-saturday-grid .ids-panel__name {
        font-size: clamp(13px,4vw,17px) !important;
    }
}



/* ============================================================
   MÓVIL PEQUEÑO
   ============================================================ */

@media (max-width: 420px) {

    body .ids-lm {
        padding-left: 10px;
        padding-right: 10px;
    }


    body .ids-panel {
        padding-left: 10px;
        padding-right: 10px;
    }


    body .ids-lm .ids-lm__title,
    body .ids-panel .ids-panel__title {
        min-height: 50px;

        font-size: clamp(23px,7.3vw,28px) !important;
    }


    body .ids-lm .ids-lm__room-name,
    body .ids-panel .ids-panel__room {
        font-size: 30px !important;
    }


    body .ids-vs .ids-saturday-grid {
        column-gap: 6px;
    }


    body .ids-vs .ids-saturday-grid .ids-panel__room {
        font-size: 21px !important;
    }


    body .ids-vs .ids-saturday-grid .ids-panel__card {
        padding: 6px 3px;
    }


    body .ids-vs .ids-saturday-grid .ids-panel__name {
        font-size: 13px !important;
    }
}