/* TABLA CSS */

@font-face {
    font-family: "Barlow GX";
    src: url("../fonts/BarlowGX.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}



@media only screen and (max-width: 1200px) {
    .rtable {
        display: inline-block;
        vertical-align: top;
        max-width: 90vw;
        overflow-x: auto;
        white-space: nowrap;
        border-collapse: collapse;
        border-spacing: 0;
        margin:2em auto !important;
        width:fit-content !important;
        font-family: "Barlow GX", sans-serif;
        font-variation-settings: "wght" 90, "wdth" 426;
        box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 4px !important;
        text-rendering: geometricPrecision;
        font-synthesis: none !important;
    }

    .rtable,.rtable--flip tbody {-webkit-overflow-scrolling: touch;
    }

    .rtable td:first-child,.rtable--flip tbody tr:first-child {}

    .rtable td:last-child,.rtable--flip tbody tr:last-child {}

    .rtable th {

        text-transform: uppercase;
        background: #f2f0e6;

    }

    .rtable--flip .golpes{
        font-size:1.25em ;
        font-variation-settings:"wght" 100, "wdth" 426;
    }

    .rtable th,.rtable td {padding: 6px 12px;}

    .rtable--flip {
        display: flex;
        overflow: hidden;
        background: none;
        font-size: 1.4em;

    }

    .rtable--flip thead {
        display: flex;
        flex-shrink: 0;
        min-width: min-content;
        float: left;
        font-size: 1.25em;

    }

    .rtable--flip tbody {
        display: flex;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .rtable--flip tr {
        display: flex;
        flex-direction: column;
        min-width: min-content;
        flex-shrink: 0;
    }

    .rtable--flip td,
    .rtable--flip th {
        display: flex;
        height: 4rem;
        width: 6rem;
        justify-content: center;
        align-items: center;
        border: none !important;
    }

    .rtable--flip td {
        background-image: none !important;
        border-left: 0;
    }


    .rtable--flip td:nth-child(even){
        background:#f9fafb;
        border-left: 0;
    }

    .rtable--flip th:not(:last-child),
    .rtable--flip td:not(:last-child) {
        border-bottom: 0;
    }

    #color_table_m.rtable--flip td,
    #color_table_m.rtable--flip th,
    #color_table_f.rtable--flip td,
    #color_table_f.rtable--flip th {
        display: block;
        height: 4rem;
        width: 5rem;
        overflow: hidden;
    }
}

/* FIN TABLA CSS */