.fondo_gris_vacaciones {
    background: #F1F0F0;
}

.fondo_azul_vacaciones {
    background: #0839E3;
}

.bloq_movil_personas {
    display: none;
}

.gap_spa_19 {
    gap: 19px;
}

.textcolor_negro {
    color: #272525;
}

.textcolor_amarillo {
    color: #FFD200;
}

.textcolor_blanco {
    color: #fff;
}

.centrar_titulo_descrip_web h2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.centrar_titulo_descrip_web p {
    font-size: 22px;
    line-height: 23px;
    font-weight: bold;
    text-align: center;
}

.ancho_714_text {
    width: 100%;
    max-width: 714px;
}

.numero_pregunta {
    width: 40px;
    height: 40px;
    background: #0839E3;
    border-radius: 4px;
    flex-shrink: 0;
    color: #FFD200;
    font-weight: bold;
}

.titulo_pregunta {
    font-size: 22px;
    line-height: 23px;
    color: #272525;
    font-weight: bold;
}

.listado_preguntas_respuestas .uk-accordion-title::before {
    background-image: url('../img2025/icon_mas.svg');
    flex-shrink: 0;
}

.margin_top_30_listado {
    margin-top: 30px;
}

.listado_preguntas_respuestas .uk-accordion li {
    padding: 25px 0px;
    border-bottom: 1px solid #1C101B;
}

.listado_preguntas_respuestas .uk-accordion li:last-child {
    border-bottom: none;
}

.listado_preguntas_respuestas .uk-accordion>:nth-child(n+2) {
    margin-top: 0px;
}

.row_slider_fila1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    contain: content;
    isolation: isolate;
}

.ancho_titulo_838 {
    width: 100%;
    max-width: 838px;
}

.margin_top_40_list {
    margin-top: 40px;
}

.detalles_matricula_2025 {
    background: #FFD200;
    border-radius: 25px;
    padding: 40px;
    margin-top: -20px;
    position: relative;
}

.cabecera_row_detalles_matricula_2025 h2 {
    color: #0839E3;
    font-size: 25px;
    line-height: 28px;
    font-weight: 900;
}

.cabecera_row_detalles_matricula_2025 h3 {
    color: #272525;
    font-size: 25px;
    line-height: 28px;
    font-weight: 900;
}

.detalles_matricula_2025 p {
    color: #272525;
    font-size: 15px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 20px;
}

.item_matricula_2025 {
    height: 100%;
    background: #ffd200;
    border-radius: 25px;
    overflow: hidden;
}

.item_matricula_2025 figure img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
}




.paddig_bottom_110 {
    padding-bottom: 110px;
}

.bloq_final_terminado {
    background: #ffd200;
    padding: 15px 10px;
}

.bloq_final_terminado span {
    font-size: 15px;
    line-height: 16px;
    font-weight: 600;
    color: #272525;
}

.agregar_linea_tabla {
    border-bottom: 1px solid #B7B7B7;
}

.cabecera_horario h2 {
    color: #FFFFFF;
    font-size: 25px;
    line-height: 28px;
    font-weight: 900;
    background: #0839E3;
    padding: 7px 20px;
    width: 233px;
    border-radius: 25px;
    letter-spacing: 1.2;
    margin-bottom: 18px;
}

.franja_separador {
    border-bottom: 1px solid #B7B7B7;
    padding: 15px 0px;
}

.detalle_horario_data {
    background: #fff;
    padding: 30px;
    border-radius: 30px;
}

.text_circulo_table_horario {
    font-size: 20px;
    line-height: 20px;
    color: #0839E3;
    background: #FFD200;
    border-radius: 25px;
    padding: 8px 18px;
    font-weight: 900;
    text-align: left;
    display: inline-block;
    margin-bottom: 7px;
}

.detalle_horario_data .franja_separador:last-child {
    border-bottom: none !important;
}


.fondo_celeste_horarios {
    background: #00D4FF;
    border-radius: 40px;
    padding: 50px 90px;
}

.text_horario_modi {
    font-size: 15px;
    line-height: 16px;
    color: #272525;
    font-weight: 600;
}

.legales_horario_asterisco {
    font-size: 13px;
    line-height: 16px;
    color: #272525;
    font-weight: normal;
    text-align: left;
}


.tabla_horarios_final tbody tr td {
    font-size: 14px;
    line-height: 16px;
    color: #272525;
    font-weight: 600;
    text-align: left;
    padding: 10px 0px;
    border-bottom: 1px solid #B7B7B7;
    width: 50%;
}

.tabla_horarios_final tbody tr td:last-child {
    padding-left: 15px;
}

.tabla_horarios_final {
    background: #fff;
    padding: 30px;
    border-radius: 30px;
}

.tabla_horarios_final table {
    width: 100%;
}

.tabla_horarios_final thead:last-child {
    display: none;
}

.asterisco_horario {
    font-size: 13px !important;
    line-height: 16px !important;
    border-bottom: none !important;
    padding-left: 0px !important;

}

.bloque-frecuencia-extra {
    margin-top: 5px;
}

.bloque-frecuencia-extra tbody tr td:last-child {
    border-bottom: none !important;
}

.bloque-frecuencia-extra tbody tr td {
    padding: 5px 0px;
}


.bloque-frecuencia-extra tbody tr:nth-child(n+2) td:first-child {
    border-bottom: none !important;
}

.franja_separador_2025 {
    width: 100%;
    height: 1px;
    background: #B7B7B7;
}

.quitar_borde_padding_tabla td {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}


.img_chico_absolute {
    position: absolute;
    left: -15%;
    bottom: 0;
}

.img_chica_absolute {
    position: absolute;
    right: -12%;
    bottom: 0;
}

.item_horario_2025 {
    height: 100%;
    position: relative;
}

.item_horario_2025 .tabla_horarios_final {
    height: calc(100% - 60px);
    box-sizing: border-box;
}

















.marquesina {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.marquesina .cinta {
    display: flex;
    gap: 10px;
    animation: mover 30s linear infinite;
}

.marquesina img {
    height: 120px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 4px;
}

@keyframes mover {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.marquesina .cinta {
    animation: mover 10s linear infinite;
}

.marquesina:hover .cinta {
    animation-play-state: paused;
}

.marquesina:nth-child(2) .cinta {
    animation-direction: reverse;
}

.marquesina figure {
    width: 244px;
}

.franja_separador_trio {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.detalle_horario_data .separador-horario:last-child {
    display: none;
}

.text_descrip_banner {
    margin: 20px 0px;
}

.text_descrip_banner p {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 23px;
    font-weight: bold;
    width: 100%;
    max-width: 276px;
}

.bloq_sombra_cabecera_form {
    padding: 7px 14px 10px 14px;
    background: #272525;
    border-radius: 10px;
    margin-top: 10px;
}

.aviso_familia p {
    font-size: 10px;
    line-height: 11px;
    font-weight: normal;
    color: #fff;
}

.textos_legales_form {
    margin-bottom: 15px;
}

.textos_legales_form h3 {
    color: #272525;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.textos_legales_form p {
    color: #272525;
    font-size: 13px;
    line-height: 16px;
    font-weight: normal;
}

.ancho_titulo_programas_2025 {
    width: 100%;
    max-width: 868px;
}

.espaci_gap_30 {
    gap: 30px;
}

#listado_de_tab_destokp {
    flex-wrap: nowrap;
    overflow: auto;
}

.item_tab_programas_2055 figure {
    width: 30px !important;
    height: 30px !important;
}

.item_tab_programas_2055 {
    gap: 13px;
    padding: 10px 40px;
    border-radius: 35px;
    margin-top: 30px;
    cursor: pointer;
}

.item_tab_programas_2055 span {
    font-size: 16px;
    line-height: 10px;
    font-weight: bold;
}

.bloq_tab_categorias_programa_2025 .uk-tab::before {
    display: none;
}

.card_programa_detalles figure.bloq_img_card_programa {
    width: 148px;
    flex-shrink: 0;
    height: auto;
    background-size: cover;
    background-position: center;
}

.item_detalles_programas_2025 {
    height: 100%;
    padding: 25px 30px;
}

.card_programa_detalles {
    background: #DB2CC7;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
}

.espacio_gap_5 {
    gap: 5px;
}

.listado_margin_top_35 {
    margin-top: 35px;
}

.item_detalles_programas_2025 h3 {
    font-size: 20px;
    line-height: 20px;
    color: #FFD200;
    font-weight: 900;
}

.detalles_esp_programa {
    margin-top: 12px;
}

.detalles_esp_programa figure {
    width: 12px;
    height: 12px;
    flex-shrink: 0;

}

.detalles_esp_programa span {
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    font-weight: normal;
}

.flecha_programa_mod {
    background: #272525;
    border-radius: 50%;
}

.contenedor_flechas_slider {
    position: relative;
    width: 110px;
    height: 50px;
    margin-top: 20px;
}

.flecha_programa_mod {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flecha_programa_mod svg {
    width: 6px;
    color: #fff;
}

.flecha_programa_mod svg polyline {
    stroke-width: 4px;
}

.redes_footer_gracias {
    gap: 12px;
}

.espacio_gap_20_f {
    gap: 20px;
}

.seccion_footer_gracias {
    background: #272525;
    padding: 16px 10px;
}

.text_mayuscula_2025_redes p {
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    font-weight: 900;
}

.text_mayuscula_2025_redes p span {
    color: #FFD200;
}

.titulo_foo_gra_ter {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
}

.cabecera_text_gracias h2 {
    color: #FFC800;
    font-size: 32px;
    line-height: 36px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    max-width: 360px;
}

.ckeditor_gracias_2025 {
    margin-top: 15px;
}

.ckeditor_gracias_2025,
.ckeditor_gracias_2025 p {
    font-size: 22px;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.ckeditor_gracias_2025 p span {
    color: #FFD200;
    font-weight: bold;
}

.bloq_blanco_gracias_2025 {
    background: #fff;
    border-radius: 20px;
    margin-top: 18px;
    overflow: hidden;
}

.fondo_blanco_text {
    padding: 20px 25px;
}

.ckeditor_text_blanco_2025 p {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #272525;
    text-align: center;
}

.ckeditor_text_blanco_2025 p span {
    color: #0839E3;
    ;
}

.btn_wasap_gracias {
    background: #6DD361;
    border-radius: 40px;
    gap: 7px;
    padding: 10px 15px;
}

.btn_wasap_gracias:hover,
.btn_fono_gracias:hover {
    text-decoration: none;
}

.btn_wasap_gracias span,
.btn_fono_gracias span {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #fff;
}


.btn_fono_gracias {
    border-radius: 40px;
    background: #0839E3;
    padding: 10px 15px;
    gap: 7px;
}

.botones_contacto_gracias {
    gap: 10px;
    margin-top: 15px;
}

.bloq_amarillo_cuadro {
    padding: 11px 25px;
    background: #FFC800;
}

.bloq_amarillo_cuadro h3 {
    color: #0839E3;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: 900;
    margin-bottom: 5px;
}

.bloq_amarillo_cuadro p {
    color: #272525;
    font-size: 15px;
    line-height: 16px;
    font-weight: 600;
}

.logo_banner_gracias {
    position: absolute;
    top: 0px;
    left: 150px;
    z-index: 1;
}

.logo_banner_gracias img {
    max-height: 80px;
    margin: 0 auto;
}

.espacio_gap_20_f {
    gap: 8px;
}




.item_tab_programas_2055.active_tab_slider figure {
    background-color: #fff !important;
}

.item_tab_programas_2055.active_tab_slider span {
    color: #fff !important;
}

#ajax_before_spiner {
    display: none;
}

.fono_spinner_ajax {
    background: #000000b8;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fono_spinner_ajax svg {
    color: #FFD200;
}

.fono_spinner_ajax svg circle {
    stroke-width: 1.5px !important;
}

.margin_movil_programas {
    margin-top: 20px;
}

.item_tab_slider_programa {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 28px;
    margin: 0px 70px;
}

.flechas_movil_programa_tab {
    width: 37px;
    height: 37px;
    background: #E2E2E2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flechas_movil_programa_tab svg {
    color: #272525;
    width: 8px;
}

.flechas_movil_programa_tab svg polyline {
    stroke-width: 4px;
}


.item_tab_slider_programa figure {
    width: 30px;
    height: 30px;
    background-color: #fff;
}

.item_tab_slider_programa span {
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
}


.listado_programas_movil_2025 {
    margin-top: 20px;
}

.contenedor_flechas_slider_listado {
    position: relative;
    width: 130px;
    height: 50px;
    margin-top: 20px;
}

.contenedor_flechas_slider_listado svg {
    width: 10px;
    color: #fff;
}

.contenedor_flechas_slider_listado svg polyline {
    stroke-width: 3px;
}

.flechas_movil_programa_listado_pro {
    width: 38px;
    height: 38px;
    background: #272525;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quitar_margin_bottom {
    margin-bottom: 0px !important;
}

@media(max-width:1440px) {
    .logo_banner_gracias {
        left: 120px;
    }
}

@media(max-width:1200px) {
    .img_chico_absolute {
        left: -12%;
        width: 180px;
    }

    .img_chica_absolute {
        right: -11%;
        width: 120px;
    }
}

@media(max-width:1010px) {
    .img_chico_absolute {
        left: -15%;
    }

    .img_chica_absolute {
        right: -14%;
    }
}

.separar_iconos_personas {
    gap: 50px;
    position: relative;
    bottom: -70px;
    margin-top: -110px;
}

@media(max-width:959px) {

    .img_chico_absolute,
    .img_chica_absolute {
        display: none;
    }

    .fondo_celeste_horarios {
        padding-bottom: 0px;
        overflow: hidden;
    }

    .bloq_movil_personas {
        display: block;
    }
}




@media(max-width:920px) {
    .text_mayuscula_2025_redes p {
        font-size: 16px;
        line-height: 20px;
        width: 316px;
    }

    .titulo_foo_gra_ter {
        text-align: right;
    }

    .titulo_foo_gra_ter {
        font-size: 13px;
    }
}


@media(max-width:820px) {
    .detalles_matricula_2025 {
        padding: 20px;
    }

    .cabecera_row_detalles_matricula_2025 h2,
    .cabecera_row_detalles_matricula_2025 h3 {
        font-size: 21px;
        line-height: 21px;
    }

    .descripcion_matricula_2025_lideres p {
        margin-top: 10px;
    }

    .item_detalles_programas_2025 {
        padding: 10px 15px;
    }

    .card_programa_detalles figure.bloq_img_card_programa {
        width: 125px;
    }

}


@media(max-width:639px) {

    .separar_iconos_personas {
        gap: 50px;
        position: relative;
        bottom: -38px;
        margin-top: -63px;
    }

    .separar_iconos_personas img {
        width: 150px;
    }

    .separar_iconos_personas img:last-child {
        width: 120px;
    }


    .card_programa_detalles figure.bloq_img_card_programa {
        width: 195px;
    }

    .item_detalles_programas_2025 {
        padding: 20px 25px;
    }

    .card_programa_detalles {
        border-radius: 15px;
    }


    .text_mayuscula_2025_redes p {
        margin-bottom: 8px;
    }

    .espacio_gap_20_f {
        gap: 8px;
    }

    .text_mayuscula_2025_redes p {
        font-size: 13px;
        line-height: 14px;
        text-align: center;
    }

    .titulo_foo_gra_ter {
        font-size: 11px;
        line-height: 12px;
    }

    .margin_movil_quitar_639 {
        margin-top: 0px !important;
    }

    .listado_primero_linea_movil li {
        border-bottom: 1px solid #1C101B !important;
    }

    .item_matricula_2025 figure {
        height: 290px;
    }


    .bloq_descargar_brochure a {
        width: 90%;
    }

    .bloq_descargar_brochure a span {
        font-size: 18px;
    }

    .quitar_pading_movil_horarios {
        padding: 0px;
    }

    .fondo_celeste_horarios {
        border-radius: 0px;
    }
}

@media(max-width:600px) {
    .conte_section_gracias {
        padding-top: 110px;
        padding-bottom: 350px;
    }

    .conte_secti_gracias {
        width: 90%;
    }

    .fondo_celeste_horarios {
        padding: 50px 30px 0px 30px;
    }

}


.franja_banner_movil {
    background: #0839E3;
    width: 100%;
    padding: 15px;
    display: none;
}

.franja_banner_movil p {
    font-size: 17px;
    line-height: 19px;
    font-weight: 900;
    color: #FFD200;
    width: 100%;
    max-width: 277px;
    text-transform: uppercase;
}

@media(max-width:480px) {

    .cabecera_horario h2 {
        width: 156px;
    }

    .boton_flotante_inscr_movil span,
    .boton_flotante_inscr_wp_movil span {
        font-size: 14px;
    }

    .espacio_gap_m_10 {
        gap: 10px;
    }


    .padding_horarios {
        padding: 5px 0px 10px 0px;
    }

    .tabla_horarios_final {
        padding: 20px;
        border-radius: 20px;
    }

    .asterisco_horario {
        font-size: 10px !important;
        line-height: 12px !important;
    }

    .cabecera_horario h2 {
        font-size: 15px;
        line-height: 18px;
    }

    .text_circulo_table_horario {
        font-size: 14px;
        line-height: 15px;
    }

    .tabla_horarios_final tbody tr td {
        font-size: 12px;
        line-height: 15px;
    }

    .tabla_horarios_final tbody tr td {
        padding: 7px 0px;
    }

    .card_programa_detalles figure.bloq_img_card_programa {
        width: 120px;
    }

    .item_detalles_programas_2025 h3 {
        font-size: 14px;
        line-height: 14px;
    }

    .detalles_esp_programa span {
        font-size: 11px;
    }



    .cabecera_formulario_familia figure {
        display: flex;
        justify-content: center;
    }

    .cabecera_formulario_familia figure img {
        width: 90%;
    }

    .bloq_sombra_cabecera_form {
        width: 95%;
    }

    .margin_top_40_list {
        margin-top: 20px;
    }

    .titulo-matricula h2 {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 20px;
        padding: 12px 39px;
    }

    .franja_banner_movil {
        display: block;
    }

    .franja_banner {
        display: none;
    }


    .bloq_descargar_brochure a span {
        font-size: 14px;
        line-height: 15px;
    }

    .item_matricula_2025 figure {
        height: 170px;
    }

    .detalles_matricula_2025,
    .item_matricula_2025 {
        border-radius: 15px;
    }

    .cabecera_row_detalles_matricula_2025 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cabecera_row_detalles_matricula_2025 h2,
    .cabecera_row_detalles_matricula_2025 h3 {
        font-size: 15px;
        line-height: 18px;
    }

    .detalles_matricula_2025 p {
        font-size: 13px;
        line-height: 14px;
        text-align: center;
    }

    .redes_footer_gracias {
        gap: 6px;
    }

    .redes_footer_gracias a {
        width: 21px;
    }

    .redes_footer_gracias a img {
        width: 100%;
        object-fit: contain;
    }

    .logo_banner_gracias {
        width: 161px;
    }

    .cabecera_text_gracias h2 {
        font-size: 17px;
        line-height: 16px;
        max-width: 195px;
    }

    .ckeditor_gracias_2025,
    .ckeditor_gracias_2025 p {
        font-size: 14px;
        line-height: 15px;
        max-width: 267px;
    }

    .ckeditor_text_blanco_2025 p {
        font-size: 13px;
        line-height: 14px;
    }

    .bloq_blanco_gracias_2025 {
        width: 100%;
        max-width: 290px;
    }

    .btn_wasap_gracias span,
    .btn_fono_gracias span,
    .btn_wasap_gracias span,
    .btn_fono_gracias span {
        font-size: 13px;
        line-height: 14px;
    }

    .bloq_amarillo_cuadro p {
        font-size: 12px;
        line-height: 12px;
    }



    .centrar_titulo_descrip_web h2 {
        font-size: 17px;
        line-height: 19px;
        margin-bottom: 10px;
        padding: 0px 20px;
    }

    .centrar_titulo_descrip_web p {
        font-size: 14px;
        line-height: 15px;
    }

    .titulo_pregunta {
        font-size: 14px;
        line-height: 15px;
    }

    .listado_preguntas_respuestas .uk-accordion li {
        padding: 18px 0px;
    }

    .numero_pregunta {
        width: 25px;
        height: 25px;
    }

    .numero_pregunta {
        font-size: 13px;
    }

    .listado_preguntas_respuestas .uk-accordion-title::before {
        width: 12px;
        height: 12px;
    }

    .bloq_final_terminado {
        padding: 10px 5px;
    }

}




.franja {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: 180px;
    position: relative;
}

.franja img {
    height: 100%;
    margin: 0 10px;
    border-radius: 10px;
    transition: transform 0.5s ease;
}

.franja1 {
    animation: moverDerecha 30s linear infinite;
}

.franja2 {
    animation: moverIzquierda 30s linear infinite;
}

@keyframes moverDerecha {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes moverIzquierda {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}





:root {
    --card-bg: #e6f9ff;
    --accent: #00d4ff;
    --title-color: #0839e3;
    --text-muted: #272525;
    --radius: 12px;
    --gap: 16px;
}

/* Card */
.card {
    width: 100%;
    max-width: 100%;
    background: var(--card-bg);
    border-radius: var(--radius);
    overflow: hidden;
    display: flex;
    gap: 12px;
    align-items: stretch;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    padding: 12px;
}

/* Image placeholder */
.skeleton-image {
    flex: 0 0 120px;
    height: 120px;
    border-radius: 8px;
    background: linear-gradient(90deg, #ddd 25%, #eaeaea 50%, #ddd 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s linear infinite;
    -webkit-mask: linear-gradient(#000 0 0);
    /* keep like an image block */
}

/* Content */
.card-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.skeleton-title {
    width: 75%;
    height: 18px;
    border-radius: 6px;
    background: linear-gradient(90deg, #ddd 25%, #eaeaea 50%, #ddd 75%);
    background-size: 200% 100%;
    animation: shimmer 1.4s linear infinite;
}

.skeleton-line {
    width: 100%;
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
    background-size: 200% 100%;
    animation: shimmer 1.2s linear infinite;
}

.skeleton-short {
    width: 60%;
    height: 12px;
}

.skeleton-icon-line {
    display: flex;
    gap: 8px;
    align-items: center;
}

.skeleton-icon {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: linear-gradient(90deg, #ddd 25%, #eaeaea 50%, #ddd 75%);
    background-size: 200% 100%;
    animation: shimmer 1.3s linear infinite;
}

.skeleton-icon+.skeleton-line {
    width: calc(100% - 26px);
}

/* shimmer */
@keyframes shimmer {
    0% {
        background-position: -150% 0;
    }

    100% {
        background-position: 150% 0;
    }
}

/* small helper */
.card[aria-busy="false"] .skeleton-* {
    opacity: 0.02;
    pointer-events: none;
}