*{
    
    box-sizing: border-box;
    
    /* evitar esto width + paddings +
border y quede anchura total width, para eviatar problemas con el diseño responive */
}

* {
  scrollbar-width: 10px;
  scrollbar-color: #ffffff #ca286e;
}



html {
  scroll-behavior: smooth; /* Habilita el desplazamiento animado */
}


html, body {
    

  margin: 0;
  padding: 0;
  border: none;
    
    
        /* paralax */
     background-blend-mode:color-burn;
    background: url(../imgfondos/fondos6.jpg) ;
     box-shadow: inset -40px 100px 200px -50px #1e1e1e;
    background-color: #22aed1;
    
    /* paralax */
    
  
   
    
    /* paralax */
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    /* paralax */
}

.logoconstre{
 justify-self: center;  

 width: 550px;
 

 
}
.logoconst{
 width: 100%;
}


div.titulo1 {

font-family:Verdana;
   
     
    line-height: 0.5em;
    text-align:center;

    
}

div.titulo1{

    /* paralax */
     background-blend-mode:luminosity;
    background: url(../imgfondos/fondos1.jpg) ;
     box-shadow: inset -40px 100px 200px -50px #2c2c2c;
    background-color: #d33c81;
    
    /* paralax */
    
  
    padding: 2%;
    
    /* paralax */
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    /* paralax */

}








/* separador................................................................. configuarcion responsive */


/* Mobile */
@media (max-width: 700px) {

 }

/* Small Tablets */
@media (min-width: 701px)and (max-width: 767px) {
    

     }


/* Escritorio  */
@media (min-width: 1200px) {
 


     }


 

 /* separador................................................................. configuarcion responsive */