/*cabezera*/

.contenido_menu{

    top: 220px;
}


.datos_info{

   
    padding-top: 20px;
 }

/*cuerpo de pagina estilos yeso*/


.seccion1{

    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.seccion1 img{

    width: 480px;
}


.texto_seccion1{

    width: 500px;
    display: flex;
    flex-flow: column wrap;
    box-shadow: 0px 0px 33px #000;
    border: 1px solid #ccc;
    
}

.caracteristicas{

  display: flex;
  flex-flow: column wrap;
  align-items: center;
  transform: translateY(-500px);
  width: 100%;
  
  
}

.caracteristicas h2{

    color: darkcyan;
}


.texto_seccion1 svg{

    width: 100%;
}



.seccion2{

    width: 100%;
    margin-top: 100px;
   
}

.linea_seccion2:hover{

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: .5s;
    
}


.linea_seccion2{

   
    width: 100%;
    background-color: brown;
    clip-path: polygon(0 0, 100% 0, 100% 13%, 0 13%);
    transition: .5s;
   
}

.linea_seccion2 h2{

    color: aliceblue;
    padding: 10px;
}


.contiene_seccion2{

    width: 100%;
    display: flex;
    justify-content: space-around;
}


.medidas{

    width: 500px;
    box-shadow: 0px 0px 33px #000;
    margin-bottom: 10px;
}


.medidas h5{

    color: antiquewhite;
    margin: 10px;
}

.tabla{

    
    width: 100%;
    color: aliceblue;
}

.tabla td{

    text-align: center;
}


.disponibilidad{

    width: 40%;
    margin-bottom: 10px;
}

.disponibilidad ul{

    margin: 0 50px;
    color: aliceblue;
}

.disponibilidad i{

    color: aliceblue;
    margin: 10px 50px;
    transition: .5s;
}

.disponibilidad i:hover{

    color: #ccc;
    transition: .5s;
}





/*medias*/


@media all and (max-width: 1180px){

    .seccion1{

        flex-direction: column;
        
    }

    .contenido_cuerpo{

        margin: 0;
        
    }

    

    .texto_seccion1{

        width: 100%;
        margin: 20px 0px;
    }

    .seccion1 img{

        width: 100%;

    }
    

}

@media all and (max-width: 646px){

    .contiene_seccion2{

        flex-direction: column;
        
    }

    .linea_seccion2{

        
       clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    .medidas{

        width: 100%;
    }

    .disponibilidad{
       

       width: 100%;
    }

   
}

@media all and (max-width: 540px){

    .datos_info{

      
        justify-content: flex-start;
    }
}