.blue-bg{
	background-color: #377cb5;
}
.red-bg{
	background-color: #A20000;
}
.red-text{
	color: #a20000;
}
.blue-text{
	color: #377cb5;
}
.poco-gray{
	background-color: #E4E2E2;
}
.fondo{  
 background:url(../img/wm-left.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
}
 .fill{
   width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  padding-top: 20px;
  padding-bottom: 2px;
}
 .fill-pets{
  background-image: url(../img/alimento-mascotas-header.png);
   width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.fill-cementeras{
  background-image: url(../img/header-cementeras.png);
   width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  padding-top: 20px;
  padding-bottom: 20px;
}
 .full-cta{
   background:url(../img/bg-cta.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        padding-bottom: 50px;
 }
 .full-wm{
   background:url(../img/watermark.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
 }
 .full-wm2{
   background:url(../img/watermark2.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
 }
 .full-valor{
   background:url(../img/head-valor.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
  .full-cementos{
   background:url(../img/head-cementos-2.png) no-repeat fixed center bottom;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
  .full-confiterias{
   background:url(../img/head-confitados.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
   .full-cuidados{
   background:url(../img/head-cuidados.png) no-repeat fixed center bottom;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }

 .full-corrugados{
   background:url(../img/head-corrugados.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
  .full-cuidados{
   background:url(../img/head-cuidados.png) no-repeat fixed center bottom;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
 .full-recubrimientos{
   background:url(../img/head-recubrimientos.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
 .full-carpinteria{
   background:url(../img/head-carpinteria.png) no-repeat fixed center bottom;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
 .full-textil{
   background:url(../img/head-textil.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
 .full-solventes{
   background:url(../img/head-solventes.png) no-repeat fixed center bottom;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
 .full-limpieza{
   background:url(../img/head-limpieza.png) no-repeat fixed center bottom;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
  .full-pharma{
   background:url(../img/head-farma.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
  .full-galvanoplastia{
   background:url(../img/head-galvanoplastia.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
   .full-mineria{
   background:url(../img/head-mineria.png) no-repeat fixed center bottom;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
   .full-panificacion{
   background:url(../img/head-panificacion.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
 .full-aguas{
   background:url(../img/head-tratamiento-de-agua.png) no-repeat fixed center bottom;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
   .full-condimentos{
   background:url(../img/head-especias.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
 .full-empaque{
   background:url(../img/head-empaque.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        min-height: 45vh;
 }
#topnav .nav-link{
color: #fff;
font-size: 85%;
}

.cabin {
  font-family: "Cabin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  font-variation-settings:
    "wdth" 100;
}
.cabin-titler {
  font-family: "Cabin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
  font-variation-settings:
    "wdth" 100;
}
.cabin-footer {
  font-family: "Cabin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.imageni{
  transform: scale(var(--escala, 1));
  transition: transform 0.25s;
}
.imageni:hover{
  --escala: 1.2;
  cursor:pointer;
}
.bg-grad{
    background-image: linear-gradient(#194968,#000000 )
  }
  .bg-darkest{
  background-color: #000000;
  columns: #fff;
  
}
#footer a{
  color: #fff;
  text-decoration:none;
}
#listed li{
 list-style: none;
 font-size: 115%;
}
#mmenu a{
  text-decoration: none;
  color: #fff;
}
#listed-r li{
  list-style-image: url(../img/line-dot-red.png);
}
.rdots{
  list-stye-image: url(../img/line-dot-red.png);
}
.titulo{
  text-transform: uppercase;
  font-size: calc(1.325rem + 0.9vw) !important;
  color: #a20000;
  font-weight: 700 !important; 

}
.subtitulo{
  text-transform: uppercase;
  font-size: calc(1.3rem + 0.6vw) !important;
  color: #a20000;
  font-weight: 600 !important; 
}
.sub-2{  
   font-size: calc(1.275rem + 0.3vw) !important;
  color: #a20000;
  font-weight: 600 !important; 
}

.wapp{
  width: 50px;
  height: 190px;
  position: fixed;  
  z-index: 1090;  
  top: 360px;
  right: 0;
}

#logo-img {
  height: 120px; /* Tu altura inicial */
  opacity: 1;
  transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}


.fts{
  color: #4E4D4D;
 
}
.fts a{
  text-decoration: none;
  color: #4e4d4d;
}
/* Estilos para la clase original .fill */
.fill {
  /* Aquí van los estilos para la versión de escritorio */
  width: 100%;
  height: 60vh;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  padding-top: 20px;
  padding-bottom: 2px;
  background-image: url(../img/head.png);
}

/* Estilos para la clase de móvil .fill-sm */
.fill-sm {
 width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  padding-top: 20px;
  padding-bottom: 2px;
  background-image: url(../img/head-sm.png);
}
#prod thead{
  font-size: 80%;
}
#prod tbody{
  font-size: 75%;
}
#contact{
  font-size: 80%;
}
/* Reduce el tamaño de la fuente de los placeholders */
.form-control-plaintext::placeholder {
  font-size: 80%;
}

/* Reduce el tamaño de la fuente de los mensajes de error */
.help-block.text-danger {
  font-size: 80%;
}

/* Para navegadores Firefox (necesitan una regla específica) */
.form-control-plaintext::-moz-placeholder {
  font-size: 80%;
}
#st{
  z-index: 1;
}
.text-orange{
  color: #F17F10;
}