/* _______________________________ FONTS _______________________________ */
/*@font-face { font-family: "GOTHICI"; src: url("../font/century-gothic/GOTHICI.ttf"); }*/



/* _______________________________ FONTS _______________________________ */


/* _______________________________ VARIABLES _______________________________ */
:root {
  --color-bl: #FFF;
  --color-gr: #333;
  --color-amc: #F8F1A0;
  --color-amo: #a79d0c;

  /*--font-Goth-italic: "GOTHICI";*/
}
/* _______________________________ VARIABLES _______________________________ */



/* _______________________________ GENERALES _______________________________ */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
a{
  text-decoration: none !important;
}
.pgen{
  font-family: "Lato", sans-serif;
  font-size: 1em;
  color: var(--color-gr);
}
.tituSecc{
  font-family: "Lato", sans-serif;
  font-size: 2.5em;
  font-weight: 300;
  color: var(--color-gr);
  display: inline-block;
  border-bottom: solid 2px var(--color-amc);
}

/*.mb-0{
  margin-bottom: 0;
}*/

/* _______________________________ HEADER _______________________________ */
.logo_prin{
  width: auto;
  height: 3em;
}
.backNavprin{
  background-color: rgba(51, 51, 51, 1.0) !important;
  backdrop-filter: blur(20px) !important;
  transition: all .5s;
}
.backNavprin_rem{
  background-color: rgba(51, 51, 51, 1.0) !important;
  transition: all .5s;
}
.btnNavPrin{
  font-family: "Lato", sans-serif;
  font-size: 1em;
  color: var(--color-bl);
  padding: .5em 1em !important;
  transition: all .5s;
}
.btnNavPrin:hover{
  color: var(--color-amc);
}
.btnNavPrin:active{
  color: var(--color-amc);
}
.btnNavPrin:focus{
  color: var(--color-amc);
}
/* _______________________________ HEADER _______________________________ */


/* _______________________________ HOME _______________________________ */

.item_slide_prin{
  width: auto;
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.txt_por_esp_1{
  font-family: "Lato", sans-serif;
  font-size: 1.5em;
  color: var(--color-amc);
  line-height: 1;
}
.btn_con_port{
  background-color: var(--color-gr);
  font-family: "Lato", sans-serif;
  font-size: 1.8em;
  line-height: 1;
  color: var(--color-amc);
  border: solid 1px var(--color-amc);
  border-radius: 0.5em;
  padding: .5em 1em;
  transition: all .5s;
}
.btn_con_port:hover{
  background-color: var(--color-amc);
  color: var(--color-gr);
  border: 1px solid var(--color-amc);
}

.backBarraCont{
  background-color: var(--color-amc);
}
.btn_con_urg{
  font-family: "Lato", sans-serif;
  font-size: 1.2em;
  color: var(--color-amo);
  transition: all .5s;
}
.btn_con_urg:hover{
  color: var(--color-gr);
}

.sepGal{
  position: relative;
  width: 100%;
  height: 25vw;
  overflow: hidden;
  cursor: pointer;
}
.galImg{
  width: 100%;
  height: auto;
}
.contGal{
  background-color: rgba(0, 0, 0, .7);
  position: absolute;
  width: 100%;
  height: 25vw;
  z-index: 1000;
  top: 0;
  padding: 2em;
  opacity: 0;
  transition: all .5s;
}

.contGal:hover{
  opacity: 1;
  transition: all .5s;
}
.pGalProd{
  font-family: "Lato", sans-serif;
  font-weight: lighter;
  font-size: 2em;
  color: var(--color-bl);
}
.pGalDescProd{
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: .8em;
  color: var(--color-bl);
}
.btn_catalogo{
  background-color: var(--color-bl);
  font-family: "Lato", sans-serif;
  font-weight: regular;
  font-size: 1.5em;
  color: var(--color-gr);
  border: solid 2px var(--color-gr);
  padding: 1em 2em;
  transition: all .5s;
}
.btn_catalogo:hover{
  background-color: var(--color-amc);
  color: var(--color-gr);
  border: solid 2px var(--color-gr);
}


.numPqn{
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 8em;
  line-height: .8;
  color: var(--color-amc);
  margin-bottom: 0;
}
.descPqn{
  font-family: "Lato", sans-serif;
  font-size: 1em;
  color: var(--color-gr);
}
.ilupqn{
  background-color: var(--color-gr);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 20vh;
}


.txtNosotrosCol{
  columns: 2;
}
.txtNosotros{
  font-family: "Lato", sans-serif;
  font-size: 1em;
  color: var(--color-gr);
}


.logoNos{
  width: auto;
  height: 8em;
}



.backPreFre{
  background-color: var(--color-amc);
}
.backItemPreFre{
  background-color: var(--color-amc);
  border: transparent 2px solid;
}
.btnItemPreFre{
  background-color: var(--color-bl);
}
.btnItemPreFre:focus{
  background-color: var(--color-bl);
}


.back_mod_contact{
  background-color: var(--color-amc);
}
.inpt_est{
  background-color: transparent;
  font-family: "Lato", sans-serif;
  font-size: 1em;
  color: var(--color-gr);
  border: transparent;
  border-bottom: 1px solid var(--color-gr);
  border-radius: 0;
}
.txt_resp{
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1em;
}
.btn_envMail{
  background-color: var(--color-gr);
  font-family: "Lato", sans-serif;
  font-size: 1em;
  color: var(--color-amc);
  border: solid 1px var(--color-gr);
  padding: .5em 1em;
  transition: all .5s;
}
.btn_envMail:hover{
  background-color: transparent;
  color: var(--color-gr);
  border: solid 1px var(--color-gr);
  transition: all .5s;
}

/* _______________________________ HOME _______________________________ */



/* _______________________________ FOOTER _______________________________ */


.footer_est{
  background-color: var(--color-gr);
}
.logoFooter{
  width: auto;
  height: 4em;
}
.btnAviso{
  font-family: "Lato", sans-serif;
  color: var(--color-bl);
  transition: all .5s;
}
.btnAviso:hover{
  color: var(--color-amc);
}

/* _______________________________ FOOTER _______________________________ */



.loadSite{
  width: 100%;
  height: 100vh;
  position: fixed;
  display: grid;
  place-content: center;
  top: 0;
  left: 0;
  background-color: rgba(248, 241, 160, 1);
  z-index: 10000;
  text-align: center;
  padding: 6em;
}
.logo_preload{
  width: 10em;
}

.contenedor-loader{
    display: grid;
    place-content: center;
}

.rueda {
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-left-color: transparent;
  width: 80px;
  height: 80px;
  animation: giro 1s linear infinite;
}

@keyframes giro {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}



/* _______________________________ RESPONSIVE _______________________________ */
@media (max-width: 992px) {
  .contGal{
    height: 50vw;
  }
  .sepGal{
    height: 50vw;
  }

  .btn_catalogo{
    font-size: 1em;
  }
}
/* _______________________________ RESPONSIVE _______________________________ */