.ocultar-boton-catalogo {
  
       font-family: Franklin Gothic;
    
     color: #ffffff;
   text-shadow:5px 4px 5px #2a2a2a;
  font-size:25px;
  

 width:fit-content;
border-radius: 50px;
background-color:#eb7b22;
  border: solid 4px #42328f;
   box-shadow: 5px 5px 15px 0 #2a2a2a;
   transition: all 0.3s ease

}
.ocultar-boton-catalogo:hover{
 
  width:fit-content;
border-radius: 50px;
background-color:#42328f;
  border: solid 4px #eb7b22;
   box-shadow: 5px 5px 15px 0 #2a2a2a;
 
   animation: wobble 0.8s;
}

@keyframes wobble {
  0%,
  100% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }

 }



.ocultar-boton-catalogo2 {
  
       font-family: Franklin Gothic;
    
     color: #ffffff;
   text-shadow:5px 4px 5px #2a2a2a;
  font-size:25px;
  

 width:fit-content;
border-radius: 50px;
background-color:#377fc2;
  border: solid 4px #1d5ecf;
   box-shadow: 5px 5px 15px 0 #2a2a2a;
   transition: all 0.3s ease

}
.ocultar-boton-catalogo2:hover{
 
  width:fit-content;
border-radius: 50px;
background-color:#328f37;
  border: solid 4px #ab3921;
   box-shadow: 5px 5px 15px 0 #2a2a2a;
 
   animation: wobble 0.8s;
}

@keyframes wobble {
  0%,
  100% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }

 }



.ventanacatalogop {
    
    border-radius: 0 70% 0 80%;
    background-blend-mode:soft-light;
 
  background-image: url(../imgfondos/fondos3.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
    
    
    
   padding-top: 20px;
    padding-bottom: 20px;
    background-color: #eb7b22;
  width: 100%;
    
}


.ventanacatalogop2 {
    
    border-radius: 0 70% 0 80%;
    background-blend-mode:soft-light;
 
  background-image: url(../imgfondos/fondos3.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
    
    
    
   padding-top: 20px;
    padding-bottom: 20px;
    background-color: #629130;
  width: 100%;
    
}




#objeto5 {
    width: 100%;

 transition: transform 750ms ease-in-out; 
}

#objeto6 {
    width: 100%;

 transition: transform 750ms ease-in-out; 
}



.encabezacatalogofondo {
    height: 250px;
  position: relative;
  margin: 50px 0;
  
  display: flex;
  flex-direction: row;
  
}

.image-encabezacatalogofondo {

  width: 320px;
    
  overflow: hidden;

  cursor: pointer;
 transition: all 200ms ease-in-out;
  
}

.header-encabezacatalogofondo{
    position:relative;
    left: -100px;
    
font-size: 25px;
    
    
    
    
}


.encabezacatalogofondo:hover img {
  transform: scale(1.3);
  /*object-position: bottom;*/
}


.encabezacatalogofondo:hover .image-encabezacatalogofondo {
  width: 450px;
}


.encabezacatalogofondo:active img {
  transform: scale(1.3);
  /*object-position: bottom;*/
}


.encabezacatalogofondo:active .image-encabezacatalogofondo {
  width: 450px;
}


div.encabezacatalogo {
  margin-bottom:-50px;
  
}





/* Center website */
.maincatalogo {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
 
}


/* Center website */
.maincatalogo2 {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
 
}

#titulocatalogo {
       font-family: Franklin Gothic;
    
     color: #ffffff;
   text-shadow:5px 4px 5px #2a2a2a;
  font-size:60px;
  word-break: break-all;
}

#titulocatalogo2 {
       font-family: Franklin Gothic;
    
     color: #ffffff;
   text-shadow:5px 4px 5px #2a2a2a;
  font-size:60px;
  word-break: break-all;
}

#subtitulocatalogo{
       font-family: Franklin Gothic;
    color: #ffffff;
    text-shadow:5px 4px 5px #2a2a2a;
    
      font-size: 40px;
  word-break: break-all;
}

#subtitulocatalogo2{
       font-family: Franklin Gothic;
    color: #ffffff;
    text-shadow:5px 4px 5px #2a2a2a;
    
      font-size: 40px;
  word-break: break-all;
}


.row {
    background-color: #42328f;
    border-radius: 50% 0 70%;
    
     background-blend-mode:soft-light;
 
  background-image: url(../imgfondos/fondos1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
     margin-left: 25px;
   margin-right: 25px;
}


/* Add padding BETWEEN each column */
.row,
.row > .columncatalogo {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.columncatalogo {
 float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.contentcatalogo {
    border-radius: 0 30% 0 30%;
    box-shadow: -31px 18px 25px -17px rgba(0, 0, 0, 0.58);
    width: 300px;
 margin: 0 auto;       /* 0 arriba/abajo, auto a izquierda/derecha */


    
      font-family: Franklin Gothic;
    font-size: 18px;
    color: #2a2a2a;
    text-align: center;
    
    
    
  background-blend-mode:soft-light;
 
  background-image: url(../imgfondos/fondos3.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
    
    
  background-color: #e49455;
  padding: 10px;
    
    
}


.row2 {
    background-color: #42328f;
    border-radius: 50% 0 70%;
    
     background-blend-mode:soft-light;
 
  background-image: url(../imgfondos/fondos1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
     margin-left: 25px;
   margin-right: 25px;
}



/* Add padding BETWEEN each column */
.row2,
.row2 > .columncatalogo2 {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.columncatalogo2 {
 float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row2:after {
  content: "";
  display: table;
  clear: both;
}


/* Content */
.contentcatalogo2 {
    border-radius: 0 30% 0 30%;
    box-shadow: -31px 18px 25px -17px rgba(0, 0, 0, 0.58);
    width: 300px;
 margin: 0 auto;       /* 0 arriba/abajo, auto a izquierda/derecha */


    
      font-family: Franklin Gothic;
    font-size: 18px;
    color: #2a2a2a;
    text-align: center;
    
    
    
  background-blend-mode:soft-light;
 
  background-image: url(../imgfondos/fondos3.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
    
    
  background-color: #3e9754;
  padding: 10px;
    
    
}




.imagencatalogo {
   box-shadow: -5px -5px 0 0 #42328f;
    border-radius: 20px;
}

.imagencatalogo2 {
   box-shadow: -5px -5px 0 0 #d44e3f;
    border-radius: 20px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btncatalogo {

   box-shadow: -7px 18px 25px -17px rgba(0, 0, 0, 0.41);
 
     font-family: Franklin Gothic;

margin-left: 5%;
    margin-bottom: 20px;

  text-decoration: none;
  font-weight: bold;
     

    
 width:fit-content;
 height: 45px;
 font-size: 1.3em;

 
 color: #ffffff;
text-shadow:   2px 2px 4px #0c0c0c;
 border-radius: 5px;
 transition: all .4s;
    
    
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #dc23a0;
  cursor: pointer;
}

.btncatalogo:hover {
  background-color: #dd7624;
}

.btncatalogo.active {
  background-color: #42328f;
  color: white;
}



/* Style the buttons */
.btncatalogo2 {

   box-shadow: -7px 18px 25px -17px rgba(0, 0, 0, 0.41);
 
     font-family: Franklin Gothic;

margin-left: 5%;
    margin-bottom: 20px;

  text-decoration: none;
  font-weight: bold;
     

    
 width:fit-content;
 height: 45px;
 font-size: 1.3em;

 
 color: #ffffff;
text-shadow:   2px 2px 4px #0c0c0c;
 border-radius: 5px;
 transition: all .4s;
    
    
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #da4e30;
  cursor: pointer;
}

.btncatalogo2:hover {
  background-color: #1d66b5;
}

.btncatalogo2.active {
  background-color: #158034;
  color: white;
}






/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
            .contentcatalogo {
    width: 250px;  
}
  .columncatalogo {
      width:50%;
  }
}


            .contentcatalogo2 {
    width: 280px;  
}
  .columncatalogo2 {
    width:calc();
  }








#titulocatalogo {
  font-size:48px;
}

#subtitulocatalogo{

      font-size: 30px;
}


#titulocatalogo2 {
  font-size:48px;
}

#subtitulocatalogo2{

      font-size: 30px;
}



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    
        .contentcatalogo {
    width: 280px;  
}
  .columncatalogo {
    width: 100%;
  }
  
  
          .contentcatalogo2 {
    width: 280px;  
}
  .columncatalogo2 {
    width: 100%;
  }
  
    
    #titulocatalogo {
  font-size:46px;
}

#subtitulocatalogo{

      font-size: 30px;
}
  
      #titulocatalogo2 {
  font-size:46px;
}

#subtitulocatalogo2{

      font-size: 30px;
}
  
  
}