/**** paneles rrhh *****/

    .marco-panel-rrhh {
        margin-top: -8px;
       
        width: 100%;
        padding: 2px;
        /*border: solid 0.3em gold;*/
        border-radius: 15px;
        animation: cambioColor 5s infinite;
        /* Anima indefinidamente durante 5 segundos */
    }

    .marco-panel-rrhh .interior-panel-rrhh {
        padding: 20px;;
        /*max-width: 350px;*/
        

        /*border: solid 0.3em gold;*/
        border-radius: 14px;
        /*background: linear-gradient(to top, white, 0.5%, black);*/
        background: black;
    }


    .interior-panel-rrhh img {
        max-width: 100%;
        min-height: 230px;
        border-radius: 14px 14px 0 0;
    }

    .interior-panel-rrhh p {}

    .box-rrhh {

        /*margin-left: 20px;
        margin-right: 20px;*/
        margin: 40px;
        /******************* para alinear divs dentro de un div **********************/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .box .marco-panel-rrhh {}

    .box .marco-panel-rrhh .interior-panel-rrhh {}


    /* Cuando la pantalla es menor a 900px  (tablets y teléfonos inteligentes)*/
    @media only screen and (max-width : 900px) {
        .marco-panel-rrhh .interior-panel-rrhh {
            min-height: 350px;
        }
    }



    @keyframes cambioColor {
        0% {
            background-color: purple;
        }


        50% {
            background-color: #00ffff;
        }



        100% {
            background-color: purple;
        }
    }