/* ========== iconite laterale ========== */

    .hideclass {
        opacity: 0;
        -moz-transition: all 1000ms linear;
        -webkit-transition: all 1000ms linear;
        -o-transition: all 1000ms linear;
        transition: all 1000ms linear;
        -moz-transform: translate3d(150px, 0px, 0px);
        -webkit-transform: translate3d(150px, 0px, 0px);
        -o-transform: translate(150px, 0px);
        -ms-transform: translate(150px, 0px);
        transform: translate3d(150px, 0px, 0px);
        z-index: -1;
    }

    @media all {
        .side-icons {
            position: fixed;
            z-index: 2;
            right: 0;
            display: grid;
            grid-template-rows: repeat(5, 0.1fr);
            gap: 1rem;
            top: 53%;
            justify-items: flex-end;
            align-items: center;
            width: 100vw;
            
        }
        .side-icons {
    pointer-events: none;
}

.side-icons button,
.side-icons a,
.side-icons i {
    pointer-events: auto;
}

       
        /*-----------search bar-----------*/

        #unhide {
            display: none;
        }

        #expand {
            color: whitesmoke;
            width: 0;
            background-color: #0046FF;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            padding: 10px 25px 10px 15px;
            border-radius: 8px;
            border: none;

        }

        #expand:hover {
            color: #0000009a;
            transform: scale(1.1);
            color:#0046FF;
            background-color: whitesmoke;
        }

        #unhide {
            position: fixed;
            z-index: 1;
            top: 51%;
            right: 40px;
            background-color: whitesmoke;
        }

        #unhide div {
            margin: 0;
        }

        .bara-search:hover {
            background: inherit;
            border-radius: 10px;
        }

       
    }

    /*user way accessibility button*/
    #userwayAccessibilityIcon {
        top: 40rem;
        bottom: 13px;
        right: 0px;
        left: auto;
    }

    /* ******************************* PC ***************************** */
    @media (min-width: 981px) {
        .asistadiv p {
            margin: 0;
            text-align: center;
            font-size: 1.8em;
        }
    }

    /* ******************************* TABLETA ***************************** */
    @media (min-width: 641px) and (max-width: 980px) {
        .asistadiv p {
            margin: 0;
            text-align: center;
            font-size: 15px;
        }
    }

    /* ******************************* MOBIL ***************************** */
    @media (max-width: 640px) {
        .asistadiv p {
            margin: 0;
            text-align: center;
            font-size: 10px;
        }
    }