.slider-area
{
    z-index: 0;
}
.footer_area
{
    z-index: 0;
}

/***********main1****************/
#contenedor_main1{
    background: #f3f3f3;
  
   
}
#contenedor_main1 p{
    color: black;
}
#info{
    width: 90%;
    margin: auto;
}
.subtitulo{
    padding-top: 20px;
    color: white;
    text-align: center;
    margin-bottom: 20px;
}
/***galeria****/
#contenedor_galeria{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #f3f3f3;
}
.box{
    position: relative;
    width: 200px;
    height: 200px;
    transform-style: preserve-3d;
    animation: animate1 20s linear infinite;
}
@keyframes animate1{
    0%{
        transform: perspective(1000px) rotateY(0deg);
    }
    100%{
        transform: perspective(1000px) rotateY(360deg);
    }
}
.box span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--i)* 45deg)) translateZ(400px);
    -webkit-box-reflect:below 0px linear-gradient(transparent,transparent,#0004);
}
.box span img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}





/*main 2*/
#main2{
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    width: 90%;
    margin: auto;
    
}
.col-50{
    padding-bottom: 10px;
}
.col-50 img{
    width: 300px;
    text-align: center;
}
.col-50 h2{
    font-size: 30px;
}
.col-50 p{
    color: black;
}
#main2 .contenedor-columnas-25 .texto{
    color: black;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: justify;
}
.subtitulo{
    margin-top: 10px;
    margin-bottom: 10px;
    color: black;
    font-weight: 300;
}
.sub{
    margin-top: 5px;
}
.img-info{
    width: 300px;
    height: 300px;
}
.col-25{
    padding-bottom: 7px;
    padding-top: 7px;
    padding-top: 20px;
    
}
.contenedor-columnas-25{
    padding-top: 20px;
}

.col-50 h3{
    padding-bottom: 50px;
}


@media(min-width:1000px){   
    .col-50 h3{
        padding-bottom: 10px;
    }
    /*********pc********/ 
    #contenedor_col-33{
        display: flex;
        justify-content: space-around;
    }
    .col-33{
        width: 30%;
    }
    iframe{
        height: 300px;
    }
    /*****main 2******/
    .contenedor-columnas{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .col-50{
        width: 50%;
    }

    .contenedor-columnas-25{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .col-25{
        width: 50%;
    }
    /********se adapta a movil*************/
    .col-25{
        width: 25%;
    }
    .img-info{
        width: 100px;
        height: 100px;
    }
}


/*****main 3****/
#main3{
    background-color: #3d9ec8;
    padding-top: 40px;
    padding-bottom: 40px;
}
#contenedor-main3{
    width: 90%;
    max-width: 1300px;
    margin: auto;
}

#contenedor-main3 p{
    color: white;
}
#contenedor-main3 .col-50{
    padding: 10px 5px 10px 5px;
}
#contenedor-main3 h3{
    color:  white;
    text-align: center;
    font-size: 30px;
    margin-bottom: 8px;
}
#contenedor-main3 img{
    width: 440px;
}
#contenedor-main3 .col-50:nth-child(2){
    text-align: center;
}

/*********main 4***********/
#main4{
    padding-top: 40px;
    padding-bottom: 40px;
}
#contenedor-main4{
    width: 90%;
    max-width: 1300px;
    margin: auto;
}
#contenedor-main4 .col-50{
    padding: 10px 8px 10px 8px;
}
#contenedor-main4 h3{
    margin-bottom: 14px;
    font-size: 24px;
    text-align: center;
}
#contenedor-main4 p{
    margin: 10px 6px 6px 10px;
    text-align: justify;
}
#contenedor-main4 .col-50:nth-child(1){
    text-align: center;
}
#contenedor-main4 img{
    width: 400px;
}


/**********main5*****/
#main5{
    background-color: #3d9ec8;
    padding-top: 20px;
    padding-bottom: 20px;
}
#contenedor-main5{
    width: 90%;
    max-width: 1400px;
    margin: auto;
}
#contenedor-main5 .col-50{
    padding: 10px 10px 10px 10px;
}
#contenedor-main5 h3{
    color: white;
    text-align: center;
    font-size: 30px;
    margin-bottom: 8px;
}
#contenedor-main5 p{
    color: white;
    margin-bottom: 12px;
    text-align: justify;
}
#contenedor-main5 .col-50:nth-child(2){
    text-align: center;
}
#contenedor-main5 img{
    width: 440px;
}


/**********main6**********/
#main6{
    padding-top: 20px;
    padding-bottom: 20px;
}
#contenedor-main6{
    width: 90%;
    max-width: 1400px;
    margin: auto;
}
#contenedor-main6 .col-50{
    padding: 10px 10px 10px 10px;
}
#contenedor-main6 h3{
    text-align: center;
    font-size: 28px;
    margin-bottom: 10px;
}
#contenedor-main6 p{
    margin-bottom: 12px;
    text-align: justify;
}
#contenedor-main6 .col-50:nth-child(1){
    text-align: center;
}
#contenedor-main6 img{
    width: 200px;
}