/*Cualquier pantalla que mida, maximo, 720px*/
  @import url('https://fonts.googleapis.com/css2?family=Abel&family=Abril+Fatface&family=Aguafina+Script&family=Alumni+Sans+Inline+One:ital@0;1&family=Anton&family=Goblin+One&family=IBM+Plex+Serif:ital,wght@0,400;0,500;1,400&family=Jim+Nightshade&family=Koulen&family=Linden+Hill&family=Moul&family=Mukta:wght@200&family=Nanum+Myeongjo&family=Neonderthaw&family=Notable&family=Passion+One&family=Playfair+Display+SC:ital@1&family=Quicksand:wght@500&family=Raleway&family=Roboto+Flex:opsz,wght@8..144,100&family=Sail&display=swap');
  
  @import url('https://fonts.googleapis.com/css2?family=Abel&family=Abril+Fatface&family=Aguafina+Script&family=Alumni+Sans+Inline+One:ital@0;1&family=Anton&family=Barlow+Semi+Condensed:wght@100;200;300&family=Goblin+One&family=IBM+Plex+Serif:ital,wght@0,400;0,500;1,400&family=Jim+Nightshade&family=Koulen&family=Linden+Hill&family=Lobster&family=Moul&family=Mukta:wght@200&family=Nanum+Myeongjo&family=Neonderthaw&family=Notable&family=Passion+One&family=Playfair+Display+SC:ital@1&family=Quicksand:wght@500&family=Raleway&family=Righteous&family=Roboto+Flex:opsz,wght@8..144,100&family=Sail&display=swap');
  

  
  @media (max-width: 720px ) {
	body {
		background-color: #141510;
    color: #fcfcfc;
	}
  .otros{
    background-color: #000000;
    color: #fcfcfc;
  }
  @font-face {
    font-family: Titulo;
    src: url(Glitten-Regular.otf);
  }

  #prim{
    border-top: 5px solid;
  }

  #prim1{
    border-top: 5px solid;
  }
  #ocp{
    text-align: center;
    font-family: Titulo;
    font-size: 4rem;
    font-weight: 400;
    color: rgb(245, 245, 243);
    margin-bottom: 392px;
    margin-top: -490px;
    }

    

    
   
#cont{
  color:rgb(245, 245, 243);
  width:25%;
  background-color:#000000;
  float:left;
  min-height:40px; 
  margin-bottom: 10px;
  margin-left: 5px;
  padding-top: 5px;    
  padding-right: 65%;    
  padding-bottom: 10px;    
  padding-left: 30px;    
  border-color: #c71919;
  
  border-width: 5px;
  border-style: dotted;
  font-family: 'Roboto Flex', sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  
}
a{
  margin-left: -10px;

}
#ic{
  margin-right: -200px;
}
#is,#ip,#ih,#ic{
  padding-top: 30px;
  padding-bottom: 30px;
}
#pres{
  text-align: center;
    font-family: 'Roboto Flex', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    color: rgb(245, 245, 243);
    margin-bottom: 0px;
    margin-top:5px;
    background-color: #00000073;
    }
h2{
  font-family: 'Aguafina Script', cursive;
  font-size: 4rem;
  margin: 20px;
  margin-top: -111px;
}
#hrq{
  border-color: #c71919;
}
p{
  font-family: 'Raleway', sans-serif;
  font-size: 2rem;
  margin-left: 20px;
  margin-right: 20px;
}
img.tubo {
  width: 50%;
  height: 50%;
  margin-top: 1em;
  margin-bottom: 1%;
  margin-left: 50%;
  margin-right: 0%;
}

a:hover{
  font-weight: bold;
  color: #9d2525;
}

aside{
  color: rgb(245, 245, 243);
  width:91%;
  background-color:#000000;
  float:left;
  min-height:40px; 
  margin-bottom: 20px;
  margin-left: 5px;
  padding-top: 5px;    
  font-family: 'Raleway', sans-serif;
  padding-bottom: 10px;    
  padding-left: 30px;    
  border-color:#2155e2;
  border-width: 3px;
  border-style: solid; 
  
  font-size: .8rem;
  font-weight: 300;
}

#u{
  font-size: 2rem;
  
}
#d,#ll,#r, #c,#s{
  font-size: 1.4rem;
  margin-top: -20px;
}
#ima{
  background-size: cover;
  padding-top: 504px;
}

/*Servicios*/


#servpor{
  background-size: cover;
  padding-top: 570px;
  margin-left: -63px;
}
#a1, #b1, #c1, #d1, #e1, #f1:visited{
  color: rgb(205, 205, 205);
  font-size: 2rem;
  font-family: 'Roboto Flex', sans-serif;
  margin-left: 10%;
}
#indi{
  font-size: 3rem;

}

#ser{
  font-family:Titulo;
font-size:3rem;
font-weight: 600;
color: rgb(245, 245, 243);
margin-bottom: 0px;
margin-left: 70px;
padding-top: 0px;    
padding-left: 10px;
 
padding-bottom: 50px;    
background-color: #00000072;
 
}

#parr1{
  font-family:'Raleway', sans-serif ;
  
  margin: 2%;
  font-size: 1.5rem;
}

@font-face {
  font-family: sers;
  src: url(riesling.ttf);
}
#ps1,#ps2,#ps3,#ps4,#ps5{
  font-family: sers;
  font-size: 3rem;
}

img.afec {
          
  margin-left: 25%;
  margin-right: 15%;
  margin-top: -30px;
  margin-bottom: .5em;
  width: 50%;
  height: 50%;
  }
  div.afec p {
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 0em;
    font-family: 'IBM Plex Serif', serif;
    font-size: 1.3rem;
    
    text-align: center;
  }
  img.afeb {
          
    margin-left: 25%;
    margin-right: 15%;
    margin-top: -30px;
    margin-bottom: .5em;
    width: 50%;
    height: 50%;
    }
    div.afeb p {
      margin-left: 20%;
      margin-right: 20%;
      margin-top: 0em;
      font-family: 'IBM Plex Serif', serif;
      font-size: 1.3rem;
      text-align: center;
    }
    img.lasdos {
          
      margin-left: 25%;
      margin-right: 15%;
      margin-top: -30px;
      margin-bottom: .5em;
      width: 50%;
      height: 50%;
      }
      div.lasdos p {
        margin-left: 20%;
        margin-right: 20%;
        margin-top: 0em;
        font-family: 'IBM Plex Serif', serif;
        font-size: 1.3rem;
        text-align: center;
      }

      img.tint {
          
        margin-left: 25%;
        margin-right: 15%;
        margin-top: -30px;
        margin-bottom: .5em;
        width: 50%;
        height: 50%;
        }
        div.tint p {
          margin-left: 20%;
          margin-right: 20%;
          margin-top: 0em;
          font-family: 'IBM Plex Serif', serif;
          font-size: 1.3rem;
          text-align: center;
        }

#scont{
  color: #fcfcfc;
  font-size: 1.4rem;
  font-family: 'Roboto Flex', sans-serif;
}

#sindic{
  width: 500px;
  max-width: 100%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 20px;
  padding-top: 45px;
 
  position: relative;
  background-color:#fcfcfccc;
  font-weight: 600;
}
#ss{
  color: #000000;
  font-size: 2rem;
}
#c11, #c22, #c33, #c44, #c55, #c66, #c77, #c88{
  color: #000000;
  margin: 20px;
  font-size: 2rem;
}
a:visited {
	color: rgb(245, 245, 243);
}
a:link {
	color:  rgb(245, 245, 243);
}
a:hover {
	font-weight: bold;
	color: grey;
}
  hr{
    border-top: 5px solid;
  }
   .relacion16a9 {
    aspect-ratio: 16/9;
  }
iframe{
  margin-left: 10%;
  width: 80%;
  height: 80%;
  margin-bottom: 20px;
}
  /*Sucursales*/
  
  #portpor{
    background-size: cover;
    padding-top: 570px;
    margin-left: -63px;
  }
  #port{
    font-family:Titulo;
    font-size:3rem;
    font-weight: 600;
    color: rgb(245, 245, 243);
    margin-bottom: 0px;
    margin-left: 70px;
    padding-top: 0px;    
    padding-left: 10px;
    
    padding-bottom: 50px;    
    background-color: #00000072;
 
  }
   img.sucu1 {
          
      margin-left: 15%;
      margin-right: 15%;
      margin-top: 30px;
      margin-bottom: .5em;
      width: 50%;
      height: 50%;
      }
      div.sucu1 p {
        margin-left: -20%;
        margin-right: 1%;
        margin-top: 0em;
        font-family: 'IBM Plex Serif', serif;
        font-size: 1.3rem;
        text-align: center;
        padding: 20px;
        padding-top: 45px;
        border-color: #c71919;
        border-width: 2px;
        border-style:dotted;
        position: relative;
      }

      img.sucu2 {
          
        margin-left: 15%;
        margin-right: 15%;
        margin-top: 100px;
        margin-bottom: .5em;
        width: 50%;
        height: 50%;
        }
        div.sucu2 p {
          margin-left: -20%;
          margin-right: 1%;
          margin-top: 0em;
          font-family: 'IBM Plex Serif', serif;
          font-size: 1.3rem;
          text-align: center;
          padding: 20px;
          padding-top: 45px;
          border-color: #c71919;
          border-width: 2px;
          border-style:dotted;
          position: relative;
        }
        img.sucu3 {
          
          margin-left: 15%;
          margin-right: 15%;
          margin-top: 100px;
          margin-bottom: .5em;
          width: 50%;
          height: 50%;
          }
          div.sucu3 p {
            margin-left: -20%;
            margin-right: 1%;
            margin-top: 0em;
            font-family: 'IBM Plex Serif', serif;
            font-size: 1.3rem;
            text-align: center;
            padding: 20px;
            padding-top: 45px;
            border-color: #c71919;
            border-width: 2px;
            border-style:dotted;
            position: relative;
          }
          img.sucu4 {
          
            margin-left: 15%;
            margin-right: 15%;
            margin-top: 100px;
            margin-bottom: .5em;
            width: 50%;
            height: 50%;
            }
            div.sucu4 p {
              margin-left: -20%;
              margin-right: 1%;
              margin-top: 0em;
              font-family: 'IBM Plex Serif', serif;
              font-size: 1.3rem;
              text-align: center;
              padding: 20px;
              padding-top: 45px;
              border-color: #c71919;
              border-width: 2px;
              border-style:dotted;
              position: relative;
              margin-bottom: 100px;
            }
  #minsart{
    font-family:'Raleway', sans-serif ;
  
  margin: 2%;
  font-size: 1.5rem;
  margin-bottom: 50px;
  }
  #minstit{
    margin-left: 0%;
  }
 

    /*Productos*/
    
    #portq{
      background-size: cover;
      padding-top: 570px;
      margin-left: -63px;
    }
     img.m2 {
          
    margin-left: 4%;
    margin-right: 15%;
    margin-top: 1em;
    margin-bottom: .5em;
    width: 90%;
    height: 90%;
    }
    #quie{
      font-family:Titulo;
      font-size:3rem;
      font-weight: 600;
      color: rgb(245, 245, 243);
      margin-bottom: 0px;
      margin-left: 70px;
      padding-top: 0px;    
      padding-left: 10px;
      
      padding-bottom: 50px;    
      background-color: #00000072;
   
    }
    .p1:visited{
      color: #ffffff;
    }
    .p1:link {
      color: #ffffff;
    }
    .p1:hover {
      font-weight: bold;
      color: grey;
    }
  

    .p1, .pll{
      margin: auto;
    }
    
    img.prod1 {
          
      margin-left: 15%;
      margin-right: 15%;
      margin-top: 30px;
      margin-bottom: .5em;
      width: 50%;
      height: 50%;
      }
      div.prod1 p {
        margin-left: -20%;
        margin-right: 1%;
        margin-top: 0em;
        font-family: 'IBM Plex Serif', serif;
        font-size: 1.3rem;
        text-align: center;
        padding: 20px;
        padding-top: 45px;
        box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
        position: relative;
      }
    
    #tituloprod{
      font-family: sers;
      font-size: 3.5rem;
    }
    #produc{
       margin-left: 25%;
      margin-right: 15%;
      margin-top: 30px;
      margin-bottom: .5em;
      width: 50%;
      height: 50%;
    }
    #produc2{
      margin-left: 25%;
     margin-right: 15%;
     margin-top: 30px;
     margin-bottom: .5em;
     width: 50%;
   
   }
   #produc3{
    margin-left: 25%;
   margin-right: 15%;
   margin-top: 30px;
   margin-bottom: .5em;
   width: 50%;
  
  }
  #produc6{
    margin-left: 25%;
   margin-right: 15%;
   margin-top: 30px;
   margin-bottom: .5em;
   width: 50%;
  
  }
 
    h4{
      font-family:'Raleway', sans-serif ;
  
      margin: 2%;
      font-size: 2rem;
      color: #376bf8;
    }
    #prdc{
      font-family:'Raleway', sans-serif ;
      font-weight: 600;
      margin: 2%;
      font-size: 2.1rem;
    }
    img.prod2 {
          
      margin-left: 15%;
      margin-right: 15%;
      margin-top: 100px;
      margin-bottom: .5em;
      width: 50%;
      height: 50%;
      }
      div.prod2 p {
        margin-left: -20%;
        margin-right: 1%;
        margin-top: 0em;
        font-family: 'IBM Plex Serif', serif;
        font-size: 1.3rem;
        text-align: center;
        padding: 20px;
        padding-top: 45px;
        box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
        position: relative;
      }
      img.prod3 {
          
        margin-left: 15%;
        margin-right: 15%;
        margin-top: 100px;
        margin-bottom: .5em;
        width: 50%;
        height: 50%;
        }
        div.prod3 p {
          margin-left: -20%;
          margin-right: 1%;
          margin-top: 0em;
          font-family: 'IBM Plex Serif', serif;
          font-size: 1.3rem;
          text-align: center;
          padding: 20px;
          padding-top: 45px;
          box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
          position: relative;
        }

        img.prod4 {
          
          margin-left: 15%;
          margin-right: 15%;
          margin-top: 100px;
          margin-bottom: .5em;
          width: 50%;
          height: 50%;
          }
          div.prod4 p {
            margin-left: -20%;
            margin-right: 1%;
            margin-top: 0em;
            font-family: 'IBM Plex Serif', serif;
            font-size: 1.3rem;
            text-align: center;
            padding: 20px;
            padding-top: 45px;
            box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
            position: relative;
          }

          img.prod5 {
          
            margin-left: 15%;
            margin-right: 15%;
            margin-top: 100px;
            margin-bottom: .5em;
            width: 50%;
            height: 50%;
            }
            div.prod5 p {
              margin-left: -20%;
              margin-right: 1%;
              margin-top: 0em;
              font-family: 'IBM Plex Serif', serif;
              font-size: 1.3rem;
              text-align: center;
              padding: 20px;
              padding-top: 45px;
              box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
              position: relative;
            }

            img.prod6 {
          
              margin-left: 15%;
              margin-right: 15%;
              margin-top: 100px;
              margin-bottom: .5em;
              width: 50%;
              height: 50%;
              }
              div.prod6 p {
                margin-left: -20%;
                margin-right: 1%;
                margin-top: 0em;
                font-family: 'IBM Plex Serif', serif;
                font-size: 1.3rem;
                text-align: center;
                padding: 20px;
                padding-top: 45px;
                box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
                position: relative;
                margin-bottom: 100px;
              }
    
 
    #carart{
    font-family:'Raleway', sans-serif ;
    
    margin : auto;
    font-size: 1.5rem;
    margin-bottom: 50px;
    }
    .griddd{
      margin-left: 20%;
      
    }

  }
   
  


  /*Cualquier pantalla que mida, por lo menos, 720px*/
  @media (min-width: 720px) {
    body {
      background-color: #141510;
      color: #fcfcfc;
    }
    .otros{
      background-color: #000000;
      color: #fcfcfc;
    }
    @font-face {
      font-family: Titulo;
      src: url(Glitten-Regular.otf);
    }
    #prim{
      border-top: 5px solid;
    }
    #prim1{
      border-top: 5px solid;
    }
    #ocp{
      text-align: center;
      font-family: Titulo;
      font-size: 3rem;
      font-weight: 400;
      color: rgb(245, 245, 243);
      margin-bottom: 20px;
      }
  
      
  
      
     

  #indic{
    list-style: none;
    padding: 0;
   border-color: rgb(245, 245, 243);
   border-width: 5px;
   border-style: solid;
    max-width: 1000px;
    margin: 10px;
    font-family: 'Roboto Flex', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    
  }
  #is, #ip, #ih, #ic{
    text-decoration: none;
    color: #fcfcfc;
    padding: 20px;
    display: block;
    display:inline-block;
    text-align: center;
    
  }
  
    .parrr{
      text-align: left;
  margin-bottom: 100px;
  margin-right: 23%;
    }
    
  #pres{
    text-align: center;
      font-family: 'Roboto Flex', sans-serif;
      font-size: 2rem;
      font-weight: 400;
      color: #fcfcfc;
      margin-bottom: 0px;
      margin-top:5px;
      background-color: #00000073;
      }
  
  img.tubo{
    float: left;
    margin-left: 70%;
    margin-right: 1em;
    margin-bottom: -320px;
    margin-top: 128px;
    width: 30%;
    height: 30%;
  }
      h2{
        font-family: 'Aguafina Script', cursive;
        font-size: 4rem;
        margin: 20px;
        margin-top: -111px;
      }
      #hrq{
        border-color: #c71919;
        margin-top: -99px;
        margin-bottom: 90px;
      }

      p{
        font-family: 'Roboto Flex', sans-serif;
        font-size: 1.5rem;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 50px;
      }
  aside{
    color: rgb(245, 245, 243);
    width:91%;
    background-color:#000000;
    float:left;
    min-height:40px; 
    margin: 10px;
    padding-top: 5px;    
     margin-left:  18px;  
     margin-bottom: 20px; 
    padding-bottom: 15px;    
    padding-left: 30px; 
    font-family: 'Raleway', sans-serif;   
    border-color: #2155e2;
    border-width: 3px;
    border-style:dashed;
    font-size: .4rem;
    font-weight: 300;
  }
  
  #u{
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #d,#ll,#r, #c,#s{
    font-size: 1rem;
    margin-top: 5px;
    margin-bottom: 14px;
  }
  #ima{
    background-size: cover;
    padding-top: 5px;
    padding-bottom: 417px;
  }
  
  /*Servicios*/
  h2{
    font-family:'Aguafina Script', cursive;
    font-size:4rem;
    font-weight: 600;
    color: #f3e9e9;
    margin-bottom: 0px;
  }
  
  #servpor{
    background-size: contain;
    padding-top: 210px;
    padding-bottom: 30px;
  }
  #a1, #b1, #c1, #d1, #e1, #f1:visited{
    
    font-size: 2rem;
    font-family: 'Roboto Flex', sans-serif;
    margin-left: 3%;
   
  }
  #indi{
    font-size: 3rem;
  
  }
  
  #ser{
    font-family:Titulo;
  font-size:6rem;
  font-weight: 600;
  color: rgb(245, 245, 243);
  margin-bottom: 0px;
  margin-left: 30px;
  padding-top: 5px;    
     
  padding-left: 10px;    
  background-color: #000000ad;
   
  }
  
  #parr1{
    font-family:'Raleway', sans-serif ;
    
    margin: 2%;
    font-size: 1.5rem;
  }
  
  @font-face {
    font-family: sers;
    src: url(riesling.ttf);
  }
  #ps1,#ps2,#ps3,#ps4,#ps5{
    font-family: sers;
    font-size: 3rem;
  }
  
  
  
  img.afec {
          
    margin-left: 25%;
    margin-right: 15%;
    margin-top: -30px;
    margin-bottom: .5em;
    width: 50%;
    height: 50%;
    }
    div.afec p {
      margin-left: 25%;
      margin-right: 25%;
      margin-top: 0em;
      font-family: 'IBM Plex Serif', serif;
      font-size: 1.3rem;
      border-width: 5px;
      border-style: solid;
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    img.afeb {
          
      margin-left: 25%;
      margin-right: 15%;
      margin-top: -30px;
      margin-bottom: .5em;
      width: 50%;
      height: 50%;
      }
      div.afeb p {
        margin-left: 25%;
        margin-right: 25%;
        margin-top: 0em;
        font-family: 'IBM Plex Serif', serif;
        font-size: 1.3rem;
        border-width: 5px;
        border-style: solid;
        text-align: center;
        padding-bottom: 10px;
        padding-top: 10px;
      }
      img.lasdos {
          
        margin-left: 25%;
        margin-right: 15%;
        margin-top: -30px;
        margin-bottom: .5em;
        width: 50%;
        height: 50%;
        }
        div.lasdos p {
          margin-left: 25%;
          margin-right: 25%;
          margin-top: 0em;
          font-family: 'IBM Plex Serif', serif;
          font-size: 1.3rem;
          border-width: 5px;
          border-style: solid;
          text-align: center;
          padding-bottom: 10px;
          padding-top: 10px;
        }
        img.tint {
          
          margin-left: 25%;
          margin-right: 15%;
          margin-top: -30px;
          margin-bottom: .5em;
          width: 50%;
          height: 50%;
          }
          div.tint p {
            margin-left: 25%;
            margin-right: 25%;
            margin-top: 0em;
            font-family: 'IBM Plex Serif', serif;
            font-size: 1.3rem;
            border-width: 5px;
            border-style: solid;
            padding-bottom: 20px;
            padding-top: 10px;
            text-align: center;
          }
 

  a:visited {
    color: rgb(245, 245, 243);
  }
  a:link {
    color: #fcfcfc;
  }
  a:hover {
    font-weight: bold;
    color: gray;
  }
    hr{
      border-top: 5px solid;
    }
   
  
  
/*Sucursales*/
#portpor{
  
    background-size:cover;
    padding-top: 210px;
    padding-bottom: 30px;
}
#port{
  font-family:Titulo;
font-size:6rem;
font-weight: 600;
color: rgb(245, 245, 243);
margin-bottom: 0px;
margin-left: 30px;
padding-top: 5px;    

padding-bottom: 0px;    
padding-left: 10px;    
background-color: #000000ad;
 
}

img.sucu1 {
          
  margin-left: 109%;
  margin-right: 15%;
  margin-top: 30px;
  margin-bottom: .5em;
  width: 30%;
  height: 30%;
  }
  div.sucu1 p {
    margin-left: 100%;
    margin-right: 0%;
    margin-top: 0em;
    font-family: 'IBM Plex Serif', serif;
    font-size: 1.3rem;
    text-align: center;
    padding: 20px;
    padding-top: 20px;
    border-color: #c71919;
    border-width: 2px;
    border-style:dotted;
    position: relative;
    width: 43%;
  }
  img.sucu2 {
          
    margin-left: 109%;
    margin-right: 0%;
    margin-top: 30px;
    margin-bottom: .5em;
    width: 30%;
    height: 30%;
    }
    div.sucu2 p {
      margin-left: 100%;
      margin-right: 0%;
      margin-top: 0em;
      font-family: 'IBM Plex Serif', serif;
      font-size: 1.3rem;
      text-align: center;
      padding: 20px;
      padding-top: 20px;
      border-color: #c71919;
      border-width: 2px;
      border-style:dotted;
      position: relative;
      width: 43%;
    }
    img.sucu3 {
          
      margin-left: 54%;
      margin-right: 0%;
      margin-top: 30px;
      margin-bottom: .5em;
      width: 36%;
      height: 36%;
      }
      div.sucu3 p {
        margin-left: 48%;
        margin-right: 0%;
        margin-top: 0em;
        font-family: 'IBM Plex Serif', serif;
        font-size: 1.3rem;
        text-align: center;
        padding: 20px;
        padding-top: 20px;
        border-color: #c71919;
        border-width: 2px;
        border-style:dotted;
        position: relative;
        width: 44%;
      }
      img.sucu4 {
          
        margin-left: 62%;
        margin-right: 0%;
        margin-top: 30px;
        margin-bottom: .5em;
        width: 19%;
        height: 19%;
        }
        div.sucu4 p {
          margin-left: 53%;
          margin-right: 0%;
          margin-top: 0em;
          font-family: 'IBM Plex Serif', serif;
          font-size: 1.3rem;
          text-align: center;
          padding: 20px;
          padding-top: 20px;
          border-color: #c71919;
          border-width: 2px;
          border-style:dotted;
          position: relative;
          width: 33%;
        }

 .griddd{
 
  
  
  margin-left: -91%;
  column-count: 2;
  column-gap: 2em;
  column-rule-color: #000000;
  column-rule-style: solid;
  column-rule-width: 0px;
  margin-bottom: 20px;
  
 }


#minsart{
  font-family:'Raleway', sans-serif ;
display: grid;
margin: 2%;
font-size: 1.5rem;
margin-bottom: 10px;

}



/*productos*/
#portq{
  background-size: contain;
  padding-top: 210px;
  padding-bottom: 30px;
}

#quie{
  font-family:Titulo;
  font-size:6rem;
  font-weight: 600;
  color: rgb(245, 245, 243);
  margin-bottom: 0px;
  margin-left: 30px;
  padding-top: 5px;    
     
  padding-left: 10px;    
  background-color: #000000ad;
   
}
.p1, .pll{
  margin: auto;
}

img.prod1 {
      
  margin-left: 110%;
  margin-right: 0%;
  margin-top: 30px;
  margin-bottom: .5em;
  width: 30%;
  height: 30%;
  }
  div.prod1 p {
    margin-left: 101%;
    margin-right: 0%;
    margin-top: 0em;
    font-family: 'IBM Plex Serif', serif;
    font-size: 1.3rem;
    text-align: center;
    padding: 20px;
    padding-top: 45px;
    box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
    position: relative;
    width: 43%;
  }

#tituloprod{
  font-family: sers;
  font-size: 3.5rem;
}
#produc{
   margin-left: 25%;
  margin-right: 15%;
  margin-top: 30px;
  margin-bottom: .5em;
  width: 50%;

}
#produc2{
  margin-left: 25%;
 margin-right: 15%;
 margin-top: 30px;
 margin-bottom: .5em;
 width: 50%;

}
#produc3{
  margin-left: 25%;
 margin-right: 15%;
 margin-top: 30px;
 margin-bottom: .5em;
 width: 50%;

}
#produc6{
  margin-left: 25%;
 margin-right: 15%;
 margin-top: 30px;
 margin-bottom: .5em;
 width: 50%;

}
h4{
  font-family:'Raleway', sans-serif ;

  margin: 2%;
  font-size: 2rem;
  color: #376bf8;
}
img.prod2 {
      
  margin-left: 114%;
  margin-right: 0%;
  margin-top: 30px;
  margin-bottom: .5em;
  width: 20%;
  height: 20%;
  }
  div.prod2 p {
    margin-left: 100%;
    margin-right: 0%;
    margin-top: 0em;
    font-family: 'IBM Plex Serif', serif;
    font-size: 1.3rem;
    text-align: center;
    padding: 20px;
    padding-top: 45px;
    box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
    position: relative;
    width: 43%;
  }
  img.prod3 {
      
    margin-left: 107%;
    margin-right: 0%;
    margin-top: 30px;
    margin-bottom: .5em;
    width: 34%;
    height: 34%;
    }
    div.prod3 p {
      margin-left: 100%;
      margin-right: 0%;
      margin-top: 0em;
      font-family: 'IBM Plex Serif', serif;
      font-size: 1.3rem;
      text-align: center;
      padding: 20px;
      padding-top: 45px;
      box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
      position: relative;
      width: 43%;
    }
    img.prod4 {
      
      margin-left: 51%;
      margin-right: 0%;
      margin-top: 30px;
      margin-bottom: .5em;
      width: 41%;
      height: 41%;
      }
      div.prod4 p {
        margin-left: 48%;
        margin-right: 0%;
        margin-top: 0em;
        font-family: 'IBM Plex Serif', serif;
        font-size: 1.3rem;
        text-align: center;
        padding: 20px;
        padding-top: 45px;
        box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
        position: relative;
        width: 43%;
      }
      img.prod5 {
      
        margin-left: 56%;
        margin-right: 0%;
        margin-top: 30px;
        margin-bottom: .5em;
        width: 33%;
        height: 33%;
        }
        div.prod5 p {
          margin-left: 50%;
          margin-right: 0%;
          margin-top: 0em;
          font-family: 'IBM Plex Serif', serif;
          font-size: 1.3rem;
          text-align: center;
          padding: 20px;
          padding-top: 45px;
          box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
          position: relative;
          width: 40%;
        }
        img.prod6 {
      
          margin-left: 65%;
          margin-right: 0%;
          margin-top: 30px;
          margin-bottom: .5em;
          width: 11.6%;
          height: 11.6%;
          }
          div.prod6 p {
            margin-left: 48%;
            margin-right: 0%;
            margin-top: 0em;
            font-family: 'IBM Plex Serif', serif;
            font-size: 1.3rem;
            text-align: center;
            padding: 20px;
            padding-top: 45px;
            box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.411);
            position: relative;
            width: 43%;
          }
        
          #prdc{
            font-family:'Raleway', sans-serif ;
            font-weight: 600;
            margin: 2%;
            font-size: 2.1rem;
          }
    
  

  /*caracteristicas*/
 
  #carart{
    font-family:'Raleway', sans-serif ;
  
  margin: 2%;
  font-size: 1.5rem;
  }
  

      iframe{
        margin-left: 10%;
        width: 80%;
        height: 80%;
        margin-bottom: 60px;
      }
      .relacion16a9 {
        aspect-ratio: 16/9;
      }
 


}


@media (min-width: 1024px) {
  body {
    background-color: #141510;
    color: #fcfcfc;
  }
  .otros{
    background-color: #000000;
    color: #fcfcfc;
  }
  @font-face {
    font-family: Titulo;
    src: url(Glitten-Regular.otf);
  }
  #prim{
    border-top: 4px transparent;
    border-color: #7a1d1d00;
  }
  #ocp{
    font-size: 4rem;
    margin-top: 283px;
    margin-bottom: 7px;
  }
    #prim1{
    border-top: 0px transparent;
    border-color:#74290b00;
  }
  #ima{
    background-size: cover;
    padding-top: 30px;
    margin-top: -292px;
  }
  #pres{
    margin-bottom: -53px;
    margin-top:16px;
  }

  a:visited {
    color:#fcfcfc;
  }
  
  #indic a:hover{
  font-weight: bold;
  color: #000000;
  }
  a:link{
    color: #fcfcfc;
  }

  img.tubo{
    float: right;
    margin-left: 0%;
    margin-right: -1em;
    margin-bottom: -29em;
    margin-top: 83px;
    width: 30%;
    height: 30%;
  }
      h2{
        font-family: 'Aguafina Script', cursive;
        font-size: 4rem;
        margin: 20px;
        margin-top: 30px;
        color: #fcfcfc;
        margin-bottom: -102px;
      }
      #hrq{
        border-color: #c71919;
        margin-top: 120px;
        margin-bottom: 45px;
      }

      p{
        font-family: 'Roboto Flex', sans-serif;
        font-size: 1.5rem;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 50px;

      }
.parrr{
  text-align: left;
  margin-bottom: 180px;
  margin-right: 35%;
}


#indic{
  background-color: #f3e9e961;
  
  padding-left: 20%;

   border-color: #000000;
   border-width: 0px;
   border-style: solid;
    max-width: 1500px;
    margin: 10px;
    font-family: 'Roboto Flex', sans-serif;
    font-size: 2rem;
    font-weight: 600;
    position: relative;
    
}


aside{
  color: rgb(245, 245, 243);
  width:96%;
  background-color:#000000;
  float:left;
  min-height:40px; 
  margin-bottom: 20px;
  margin-left: 5px;
  padding-top: 5px;    
  font-family: 'Raleway', sans-serif;
  padding-bottom: 10px;    
  padding-left: 30px;    
  border-color:#2155e2;
  border-width: 3px;
  border-style: solid; 
  
  font-size: .8rem;
  font-weight: 300;
}



/*SErvicios*/


#servpor{
  background-size:contain;
  padding-top: 100px;
}
#a1, #b1, #c1, #d1, #e1, #f1:visited{
  
  font-size: 2rem;
  font-family: 'Roboto Flex', sans-serif;
  margin-left: 3%;
 
}
#indi{
  font-size: .7rem;
font-weight: 500;
}

#ser{
  font-family:Titulo;
font-size:6rem;
font-weight: 600;
color: rgb(245, 245, 243);
margin-bottom: 0px;
margin-left: 30px;
padding-top: 5px;    
   
padding-left: 10px;    
background-color: #000000ad;
 
}

#parr1{
  font-family:'Raleway', sans-serif ;
  color: rgb(245, 245, 243);
  margin: 2%;
  font-size: 1.5rem;
}
.contenedor{
  
  
  
  margin-left: -15%;
  column-count: 2;
  column-gap: 2em;
  column-rule-color: #000000;
  column-rule-style: solid;
  column-rule-width: 0px;
  margin-bottom: -10px;
  
 }
 #ps1, #ps2{
  margin-left: 45%;
  margin-right: 2%;
  margin-top: 0em;
  
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
 }
 img.afec{
  margin-left: 51%;
  margin-right: 0%;
  margin-top: -30px;
  margin-bottom: 0.5em;
  width: 40%;
 }
div.afec p{
  margin-left: 51%;
  margin-right: 9%;
  margin-top: 0em;
  font-family: 'IBM Plex Serif', serif;
  font-size: 1.3rem;
  border-width: 5px;
  border-style: solid;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  
}
 img.afeb{
  margin-left: 56%;
  margin-right: 0%;
  margin-top: -30px;
  margin-bottom: 0.5em;
  width: 30%;
 }
 div.afeb p{
  margin-left: 51%;
  margin-right: 9%;
  margin-top: 0em;
  font-family: 'IBM Plex Serif', serif;
  font-size: 1.3rem;
  border-width: 5px;
  border-style: solid;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
 
 }

img.fot {
          
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 1em;
  margin-bottom: .5em;
  width: 70%;
  height: 70%;
  }
  #ps3, #ps4{
    margin-left: 30%;
    margin-right: 20%;
    margin-top: 0em;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
  
  }
  img.lasdos{
    margin-left: 31%;
    margin-right: 0%;
    margin-top: -30px;
    margin-bottom: 0.5em;
    width: 50%;
  }
  div.lasdos p{
    margin-left: 29.5%;
    margin-right: 25%;
    margin-top: 0em;
    font-family: 'IBM Plex Serif', serif;
    font-size: 1.3rem;
    border-width: 5px;
    border-style: solid;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 51%;
    margin-bottom: 188px;
  }
  img.tint{
    margin-left: 31%;
    margin-right: 0%;
    margin-top: -30px;
    margin-bottom: 0.5em;
    width: 50%;
  }
  div.tint p{
    margin-left: 30%;
    margin-right: 25%;
    margin-top: 0em;
    font-family: 'IBM Plex Serif', serif;
    font-size: 1.3rem;
    border-width: 5px;
    border-style: solid;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 51%;
    margin-bottom: 240px;
  }




  
 /*sucursales*/
 #portpor{
  background-size: cover;
  padding-top: 100px;
}
#port{
  font-family:Titulo;
font-size:6rem;
font-weight: 600;
color: rgb(245, 245, 243);
margin-bottom: 0px;
margin-left: 30px;
padding-top: 5px;    
   
padding-left: 10px;    
background-color: #000000ad;

}
#minsart{
  font-family: 'Raleway', sans-serif;
  display: grid;
 
  font-size: 1.5rem;
  margin-bottom: -9px;
}
 /*productos*/

 #portq{
  background-size:contain;
  padding-top: 100px;
}
#quie{
  font-family:Titulo;
font-size:6rem;
font-weight: 600;
color: rgb(245, 245, 243);
margin-bottom: 0px;
margin-left: 30px;
padding-top: 5px;    
   
padding-left: 10px;    
background-color: #000000ad;

}
 /*caracteristicas*/
 #a4,#b4,#c4:visited{
  color:#fcfcfc;
  
}
#carart{
  font-family:'Raleway', sans-serif ;

margin: 2%;
font-size: 1.3rem;
}
#cartit{
  margin-left: 0%;
}

/*productos*/
.gridd{
  width: 100%;
  margin-left:-10%;
  column-count: 2;
  margin-bottom: -10px;
  column-gap: 1em;
  column-rule-width: 0px;
}
.gridd6{
  width: 100%;
  margin-left:-15%;
  column-count: 2;
  margin-bottom: -10px;
  column-gap: 1em;
  column-rule-width: 0px;
}
img.produc{
  margin-left: 30%;
  margin-right: 15%;
  margin-top: -30px;
  margin-bottom: 0.5em;
  width: 60%;

}
#produc{
  margin-left: 30%;
  margin-right: 15%;
  margin-top: 30px;
  margin-bottom: 30.5em;
  width: 100%;
}
#produc2{
  margin-left: 50%;
  margin-right: 15%;
  margin-top: 30px;
  margin-bottom: 3.5em;
  width: 60%;
}
#produc3{
  margin-left: 30%;
  margin-right: 15%;
  margin-top: 30px;
  margin-bottom: 1.5em;
  width: 100%;
}
#produc6{
  margin-left: 61%;
  margin-right: 15%;
  margin-top: 30px;
  margin-bottom: 3.5em;
  width: 40%;
}

h4{
  font-family: 'Raleway', sans-serif;
  margin-left: 30%;
  font-size: 1.5rem;
  color: #376bf8;
}
.cara{
  margin-left: 30%;
  width: 80%;
  font-size: 1rem;
}
#prdc{
  margin-left: 30%;
  width: 90%;
  margin-bottom: 4px;
  font-size: 1.5rem;
}
.parrafodepag{
  font-size: 1rem;
  margin-top: 10px;
  margin-bottom: 10px;
}

}