/* HOME - FRASE / SERVICIOS / VIDEO / BOOK / CONTACTO------- */
    /*----------------------- HOME ------------------------- */  
    .homFRASE{
        width: 100%; height: 650px; margin:150px 0px;
        display: flex; flex-flow: column wrap;
        justify-content: center; align-items: center;
        background-image: url(/ADD/CECOREY/fndFRASE.jpg);
        background-position: center left; background-size: cover;}
        .homFRASE-PORTA{
            width: 600px; height: 650px; margin: 0px; padding: 40px 40px;
            box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.63);
            display: flex; flex-flow: column wrap;
            justify-content: center; align-items: center;
            background-color: rgba(122, 138, 53, 0.911);
            z-index: 10; position: absolute;   }
        .homFRASE-LOGO{
            width: 80%; height: 120px; margin: 10px auto 60px auto; 
            display: flex;
            background-image: url(/ADD/CECOREY/logoCECOREY.png);
            background-repeat: no-repeat; background-position: center center; background-size: contain;  }
        .homFRASE-texto{
            width: auto; height: auto; margin: 0px auto ;       
            display: flex;     
            text-align: center; color: rgb(255, 255, 255);}
        .homFRASE-autor{
            width: auto; height: auto;  margin: 10px auto 10px auto; 
            display: flex;  
            font-size: 28px;        
            text-align: center; color: rgb(255, 255, 255);}

    /*--------------------- SERVICIOS----------------------- */
    .homCAB-SERVICIOS{
        width: 100%; height: 50PX; padding: 2% 0px 2% 0px;

        display: flex; flex-flow:column wrap;
        justify-content:space-around; align-items: center;

        background-image: url(/ADD/CECOREY/FND07.jpg);
        background-position: center center; background-repeat: no-repeat;
        background-size: cover; background-attachment: fixed;
        background-color: rgba(49, 49, 49, 0.98);
        text-align: center; color: rgb(255, 255, 255);  }
    .homSERVICIOS{
        width: 100%; height: 100vh; padding: 2% 0px 2% 0px;

        display: flex; flex-flow:row wrap;
        justify-content:space-around; align-items: center;

        background-image: url(/ADD/CECOREY/FND07.jpg);
        background-position: center center; background-repeat: no-repeat;
        background-size: cover; background-attachment: fixed;
        background-color: rgba(29, 29, 29, 0.98);
        text-align: center; color: rgb(255, 255, 255);  }
        .hsPORTADORx3{
            width: 90%; height: 40%; margin: auto 0px;
            display: flex; flex-flow: row wrap;
            align-content: space-around; align-items: center; }
            .hs-BAULT{
                width: 20%; height: 100%; margin:auto; 
                -webkit-perspective: 800;
                perspective: 800; }
                .hsb-TARJETA{
                    transition: .7s ease; transform-style: preserve-3d;
                    width: 100%; height: 100%; box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.65);
                    border: 2px solid rgb(93, 155, 57); background-color: rgba(36, 44, 35, 0.835);
                    position: relative;  }
                .hs-BAULT:hover .hsb-TARJETA{
                    transform: rotateY(180deg);}
                    .hsb-TARJETA-FRENTE, .hsb-TARJETA-REVERSO{
                        width: 90%; height: 90%; margin:5%;  
                        display: flex; flex-flow: column wrap;
                        justify-content: center; align-items: center;
                        position: absolute; backface-visibility: hidden;  }
                    .hsb-TARJETA-REVERSO{                                              
                        transform: rotateY(180deg);  }
                        .hsbt-Icono{
                            width: 100%; height: 60%;
                            display: flex; flex-flow: row wrap;
                            background-position: center center; background-repeat: no-repeat; background-size: contain; }
                        .hsbt-Titulo{
                            width: 100%; height: auto;
                            font-size: 2.6em; line-height: 1;
                            text-align: center;     }
                        .hsbt-Texto{
                            width: 90%; height: 60%;
                            display: flex; align-items: center;
                            text-align: center;
                            font-size: 2vh;
                            line-height: 1.1; font-style: initial;    }

    /*------------------- VIDEO EMPRESARIAL ----------------- */
    .homVIDEO{
        width: 100%; height: 800px; margin: 0px;
        display: flex; flex-flow:row wrap; 
        align-items:center; justify-content: space-around;
        color: black;
        background-color: rgba(255, 255, 255, 0.692);           }
        .hvVIDEO-box{
            width: 45%; height: 700px;
            display: flex; }
            .hvPORTADOR{
                width: 95%; height:auto; margin:auto; }
        .hvINFORMA-box{
            width: 40%; height:100%; 
            display: flex;  flex-flow: column wrap;  
            align-items: flex-start; justify-content:center;     }        
            .hvINFORMA-titulo{
                width: 95%; height: auto; margin: 20px 0px;
                display: flex; flex-flow: column wrap;
                justify-content: flex-start; align-items: flex-start;    }
            .hvINFORMA-parrafo{
                    width: 100%; height: auto; margin-left: 20px;
                    display: flex;                     
                    line-height:20px; text-align: left;  
                    font-style: normal; font-weight: normal; font-size:19px;}

                    
    /*------------------- VIDEO4 EMPRESARIAL ----------------- */
    .homVIDEO4{
        width: 100%; height: 800px; margin: 0px;
        display: flex; flex-flow:row wrap; 
        align-items:center; justify-content: space-around;
        color: black;
        background-color: rgba(255, 255, 255, 0.692);           }
        .hvVIDEO4-box{
            width: 95%; height: 700px;
            display: flex; }
            .hvPORTADOR4{
                width: 95%; height:700px; margin:auto; }
        .hvINFORMA4-box{
            width: 40%; height:100%; 
            display: flex;  flex-flow: column wrap;  
            align-items: flex-start; justify-content:center;     }        
            .hvINFORMA4-titulo{
                width: 95%; height: auto; margin: 20px 0px;
                display: flex; flex-flow: column wrap;
                justify-content: flex-start; align-items: flex-start;    }
            .hvINFORMA4-parrafo{
                    width: 100%; height: auto; margin-left: 20px;
                    display: flex;                     
                    line-height:20px; text-align: left;  
                    font-style: normal; font-weight: normal; font-size:19px;}
              
    /*------------------- BOOK EMPRESARIAL ------------------ */
    .homBOOK{
        width: 100%; height: 600px;
        display: flex; flex-flow: row wrap;
        justify-content: center; align-items:center;
        background-image: url(/ADD/CECOREY/FND08.jpg);
        background-position: center center; background-repeat: no-repeat;
        background-size: cover;
        color: white;
        background-color: rgb(216, 216, 216);  }
        .hbLOGO-box{
            width: 40%; height: 100%; margin-right: 50px;       
            display: flex; flex-flow: column wrap;
            justify-content: center; align-items: flex-end; }
            .hbLOGO-img{
                width: 100%; height: 120px; margin: 20px 0px ; 
                display: flex; 
                background-image: url(/ADD/CECOREY/logoCECOREY.png);
                background-position: right bottom; background-repeat: no-repeat;
                background-size: contain; }
            .hbLOGO-texto{
                width: 100%; height: auto; margin: 0px; 
                text-align: end; }   
   
        .hbBOOK-box{
            width: 40%; height: 100%;        
            display: flex; flex-flow: column wrap;
            justify-content: center; align-items:center;
            cursor: pointer; }
            .hbBOOK-img{
                transition: .5s;
                width: 100%; height: 260px; margin: 20px 0px 0px 0px ; 
                display: flex; 
                background-image: url(/ADD/CECOREY/BookEmpresarial.png);
                background-position: center center; background-repeat: no-repeat;
                background-size: 50%; }
                .hbBOOK-img:hover{transition: .85s; background-size:55%; }
            .hbBOOK-titulo{
                width: 100%; height: auto; margin: 0px; 
                text-align: start; }

/* BASE - B1ONE ---------------------- */
.PIE{
    width: 100%; height:40px; 
    display: flex; flex-flow: row wrap;
    justify-content: center; align-items: center;
    color: white;
    background-color: rgb(39, 39, 39);}   

@keyframes uno{
    from{
        opacity: 0;
        background-color: rgba(5, 45, 71, 0.9);
        
    }
    to {
        opacity: 1;
        background-color: rgba(147, 255, 47, 0.4);
        
    }
}