:root{
  --primary-green: #530000;
  --primary-green-90:#5f2a2a;
  --primary-green-80:#6b4141;
  --primary-green-70:#7a5757;
  --primary-green-60:#896f6f;
  --primary-green-50:#9a8484;
  --primary-green-alpha: rgb(83, 41, 41);
  --secondary-green:#d75050;
  --secondary-green-alpha:rgb(215, 80, 80);
}

::selection{
  background-color: var(--primary-green);
  color: #fff;
}

@font-face {
  font-family: 'corporate_s';
  src: url('fonts/Corporate_S_Regular.otf');
}
/*Boceto*/
*{
  box-sizing: border-box;
}

body{
  font-family: 'corporate_s', serif;
}

a:hover{
  color: var(--secondary-green);
}


section{
  margin-bottom: 30px;
  padding-top: 120px;
}

.bloqueFooter{
  border: 2px solid black;
  height: 200px;
}

.titulo{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;

}

@keyframes bg {
    0%{
      background-size:    0 3px,
                          3px 0,
                          0 3px,
                          3px 0;
    }
    50%{
      background-size:    100% 3px,
                          3px 0,
                          0 3px,
                          3px 0;
    }
    100%{
      background-size:    100% 3px,
                          3px 0,
                          100% 3px,
                          3px 0;
    }
}

.tituloHeader {
    margin: auto;
    padding: 40px;

    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, var(--secondary-green) 100%, var(--secondary-green) 100%),
                        linear-gradient(to bottom, var(--secondary-green) 100%, var(--secondary-green) 100%),
                        linear-gradient(to right, var(--secondary-green) 100%, var(--secondary-green) 100%),
                        linear-gradient(to bottom, var(--secondary-green) 100%, var(--secondary-green) 100%);



    background-size:    100% 3px,
                        3px 100%,
                        100% 3px,
                        3px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    animation: bg 3s cubic-bezier(0.19, 1, 0.22, 1) 1;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    animation-play-state: running;
}


/*Navbar*/

.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: fixed;
  top: 0;
  padding-top: 8px;
  margin-top: 84px;
}
.megamenu {
  position: relative ;

}

.megamenu .dropdown-menu {
  background: rgba(0, 0, 0, 0.5);
  border: none;
  width:100vw;
  height: 100vh;

}

/* .dropdown-menu{
  position:absolute;
  right: 50% !important;

} */

.text-uppercase {
  letter-spacing: 0.08em;
}

.dropdown-toggle::after{
  border: none;
 /*  display: none; */
  content: url('https://img.icons8.com/material-sharp/12/000000/chevron-down.png');
  vertical-align: baseline;
}

.dropdown-toggle.show::after{
  border: none;
  content: url('https://img.icons8.com/material-sharp/12/000000/chevron-up.png');
  vertical-align: baseline;
}


.dropdown-item.active, .dropdown-item:active {

  text-decoration: none;
  background-color:  var(--secondary-green);
  border-radius: 0.25rem;
}

.dropdown-item.active, .dropdown-item:hover {
  color: white !important;
  text-decoration: none;
  background-color:  var(--primary-green);
  border-radius: 0.25rem;
  width: 100%;
}

.dropdown-inner{
  width: 25% !important;

}

.bg-transition::before {
  transform: scaleY(0);
  transform-origin: bottom left;
}
.bg-transition.show::before {
  transform: scaleY(0.1);
  transform-origin: bottom left;
}


.bg-transition:hover::before {
  transform: scaleY(0.1);
  transform-origin: bottom left;
}

.bg-transition::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: var(--primary-green);
  z-index: -1;
  transition: transform .3s ease;

}
.bg-transition{
  position: relative;
}


.navbar-brand img{
 max-width: 200px;

}

.collapse.navbar-collapse {
  width: 100% !important;
}


.container-navbar{
  background-color: rgba(255, 255, 255, 1);
  max-width: 100vw;
}
.select-language{
  width: 100px;
}

a.active{
  border-bottom: 3px solid var(--primary-green)
}

#navbar-full{
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  height: 100vh;
  width: 0px;
  overflow: hidden;
  transition: width 0.5s;
}
#navbar-full.show{
  width: 100vw;

}
#navbar-full ul{
  list-style:none;
}
#close-navbar{
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 25px;
  cursor: pointer;
}
.accordion-nobtn:after{
  background-image: none;
}



/* HOME */

/* CARRUSEL HOME */

#carrusel-home{
  width: 96%;
  height: auto;
  margin: 86px auto;
  margin-bottom: 0px;
}

#carrusel-home .carousel-inner{
  border-radius: 15px;
}

#carrusel-home .text-container3{
  position: absolute;
  top: 8%;
  left: 6%;
  color: white;
  padding: 10%;
}
#carrusel-home .text-container4{
  position: absolute;
  top: 8%;
  left: 6%;
  color: white;
  padding: 10%;
}

#carrusel-home .logo-carrusel-home-desktop{
  width: 450px; 
}

.container-fluid.carrusel-movil{
  padding: 0px !important;
}

#carrusel-home-mobile {
  width: 100vw !important;
  margin-top: 84px;
}

#carrusel-home-mobile .carousel-item .text-container2{
  position: absolute;
  top: 61%;
  left: 18%;
  color: white

}
#carrusel-home-mobile .carousel-item .text-container1{
  position: absolute;
  top: 50%;
  left: 0%;
  color: white;
  padding: 10%;

}

.text-color-secondary{
  color: var(--secondary-green);
}

.text-color-black{
  color: black;
}

.text-color-red{
  color: #FF3333;
}

#carrusel-home-mobile .logo-carrusel-home{
  width: 200px;
}



/* PRUEBA CARDS HOME */
.card-container{
  width: 96.5%;
  margin: 0 auto;
}


.profile-card-2 {
 /*  max-width: 300px; */
  background-color: #FFF;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
  background-position: center;
  overflow: hidden;
  position: relative;
  margin: 10px auto;
  cursor: pointer;
  border-radius: 15px;
  height: 450px;

}



.profile-card-2 .text-container{
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41) 90%);
  background: -webkit-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41) 90%);
  background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#532929",GradientType=1);
  width: 100%;
  height: 22%;
  text-align: center;
  padding-top: 30px;
  line-height: 1;
  transition: all ease-in-out 0.5s;
}

.profile-card-2 a{
  color: white;
  display: none;
}

.text-container h2{
  margin-bottom: 30px;
}

.profile-card-2 img{
  height: 100%;
  width: auto;
  object-fit: cover;
  /* object-position: -16px -66px; */

}

.profile-card-2  .home-fachada{
  object-position:-55px -90px;
}

.profile-card-2:hover .text-container{
  height: 100%;
  padding-top: 188px;
 /*  background: rgb(0,0,0);
  background: -moz-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: -webkit-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#532929",GradientType=1); */
  background: linear-gradient(135deg,rgba(41, 83, 78, 0.9) 0%, rgba(215, 80, 80, 0.9) 100%);
}


.profile-card-2:hover a{
  display: inline;
}

/* CLIENTES MARQUESINA */

.clientes-container{
  overflow: hidden;
}


/* *********** */
/* GRUPO INDEA */
/* *********** */


/* CERTIFICACIONES */



/* HISTORIA */

header{
  max-height: 700px ;
  width: 95%;
  margin: 84px auto;
  margin-bottom: 0px;
  border-radius: 15px;
}

#historia{
  background: rgb(0,0,0);
  background: -moz-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41) 90%);
  background: -webkit-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41) 90%);
  background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#532929",GradientType=1);
  padding-top: 100px;
  padding-bottom: 30px;
  color: #fff;
  margin-top:50px;
  margin-bottom: 0px;
}



/* MISION, VISION Y ESTRATEGIA */
#mision-vision{
  padding: 100px;
  margin-top: 50px;
}



/* CIFRAS CLAVE */

#cifras{
  background: rgb(0,0,0);
  background: -moz-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41) 90%);
  background: -webkit-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#532929",GradientType=1);
  color: #fff;
  margin: 0 auto  !important;
  padding: 100px !important;
}

.count{
  font-size: 50px ;
}

/* GOBIERNO CORPORATIVO */
/* #gobierno-corporativo{
  background: rgb(0,0,0);
  background: -moz-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: -webkit-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#532929",GradientType=1);
  padding: 100px;
  color: #fff;
  margin-top:100px;
  margin-bottom: 0px;

}

#gobierno-corporativo img{
  filter: grayscale(100%);
  transition: transform ease-in-out 0.5s;
}

#gobierno-corporativo img:hover{
  transform: scale(1.1);
  filter: none;
} */

/* QUARZA INVERSIONES */

#sapa-group img{
  width: 100%;

}

#sapa-group a:hover {
  color: var(--secondary-green) !important;
}

#sapa-group .texto-quarza{
  padding: 50px;
  border-radius: 15px;
  background: rgba(0,0,0,0.3);
}


#sapa-group .conocer-mas{
  width: 250px;
}

#sapa-group .container-fluid{
  padding-left: 0px !important;
  padding-right: 0px !important;

}

/* ********* */
/* SERVICIOS */
/* ********* */

/* SERVICIOS */

.offset-container{
  background: rgb(0,0,0);
  background: -moz-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: -webkit-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#532929",GradientType=1);
  color: white;
  width: 900px;
  height: 450px;
  margin-left: 390px;
  border-radius: 15px;
}

.offset-container img{
  top: -50px;
  right: -220px;
  border-radius: 15px;
  transition: transform 0.5s;

}
.offset-container:hover img{
  transform: translate(10px, -10px);

}
.offset-container:hover .bi-chevron-double-right{
  transform: translateX(65px);

}

.texto {
  color: white;
  position: absolute;
  top: 70px;

}

.bi-chevron-double-right{
  position: absolute;
  top: 176px;
  left: 320px;
  transition: transform 0.5s;

}



/* MOLDES */



#header-fabmoldes{
  max-height: 700px ;
  width: 95%;
  margin: 84px auto;
  border-radius: 15px;
  overflow: hidden;
}

.img-filter img{
  filter: contrast(1.26) grayscale(0.63) hue-rotate(-16deg) saturate(0.12);
  -webkit-filter: contrast(1.26) grayscale(0.63) hue-rotate(-16deg) saturate(0.12) ;
  -moz-filter: contrast(1.26) grayscale(0.63) hue-rotate(-16deg) saturate(0.12) ;
}

.img-filter{
  overflow: hidden;
  position: relative;

}
.img-filter:after{

  position: absolute; content: '';
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(135deg,rgba(83, 41, 41, 0.9) 0%, rgba(215, 80, 80, 0.9) 100%);
  mix-blend-mode: multiply
}

.fab-moldes:hover{
  filter: none;
}

.img-moldes{
  width: 300px;
}



.border-left{
  border-left: 15px solid var(--secondary-green);
  border-image:
    linear-gradient(
      to bottom,
      var(--primary-green),
      var(--secondary-green)
    ) 1 100%;
  padding-left: 80px;
}

.border-right{
  border-right: 15px solid;
  border-image:
    linear-gradient(
      to bottom,
      var(--primary-green),
      var(--secondary-green)
    ) 1 100%;
    padding-right: 80px;
}

#fabricacion-de-moldes .carousel-inner{
  max-height: 700px;
  border-radius: 15px;
  margin: 0 auto;
}


/* FABRICACION PIEZAS */

.img-header-fabpiezas{
  object-fit: cover;
  object-position: 0px -330px;
}

#fabricacion-piezas .carousel-inner{
  max-height: 700px;
  border-radius: 15px;
  margin: 0 auto;
}

/* SOSTENIBILIDAD */

.img-header-sostenibilidad{
  width: 100vw;
}

.sost-circle{
  max-width: 300px;
}

.justify-text-center{
  text-align: justify;
}
.justify-text-left{
  text-align: left;
}

/* IMAGENES ENERGETICAS bottom home */

#feder, #feder-1, #feder-2 {
  /* max-width: 300px; */
}

#idae{
  /* max-width: 300px; */
}


.img-max-w-400 {
  max-width: 380px;    
}




.contenedor-energia{
  padding: 50px 0 75px 0;
  margin: 50px 0;
  border-top: solid 2px var(--primary-green);
  border-bottom: solid 2px var(--primary-green);
}

.logos-subvenciones{
  filter: grayscale(100%);
  /* width: 500px; */
  max-width: 380px;
}
.logos-subvenciones:hover{
  filter: none;
}


/* NEWSROOM */
.img-header-newsroom{
  width: 100vw;
  max-height: 700px;
  margin: 0 auto;
  overflow-x: hidden;
}

.ver-mas-noticias{
  padding: 5px;
}


/*Noticias*/
.link_noticia{
  text-decoration: none;
  color: inherit;
}
.link_noticia:hover{
  text-decoration: none;
  color: inherit;
}
.cardNoticia{
  padding-top:10px;
  padding-bottom:10px;
  cursor:pointer;
  transition: all 0.5s;
}
.cardNoticia:hover{
  transform: translateX(15px);
}
.contenido_noticia{
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fecha_noticia{
  color:#898989;
}



article.news-card {
 /*  position: absolute;
  left: 50%;
  top: 50%;
  left: 50%; */
  width: 350px;
  height: 395px;
  /* transform: translate(-50%, -50%) translateZ(0); */
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  overflow: hidden;

}
article.news-card .thumb {
  width: auto;
  height: 260px;
  margin-top: 10px;
 /*  background: url("https://www.grupohispamoldes.com/wp-content/uploads/2019/09/Mindtech-800x631.jpg") no-repeat center;
  background-size: cover; */
  border-radius: 3px;
}
article.news-card .infos {
  width: auto;
  height: 350px;
/*   position: relative; */
  padding: 10px 24px;
  background: #fff;
  transition: 0.4s 0.15s cubic-bezier(0.17, 0.67, 0.5, 1.03);
}
article.news-card .infos .title {
/*   position: relative; */
  margin-top: 0px;
  /* margin: 10px 0; */
  letter-spacing: 3px;
  color: #152536;
  font-size: 1rem;
  text-transform: uppercase;
  text-shadow: 0 0 0px #32577f;
}

article.news-card .infos .date, article.news-card .infos .seats {
  margin-bottom: 50px;
  text-transform: uppercase;
  font-size: 0.85rem;
  color: rgba(21, 37, 54, 0.7);
  /* font-family: "Grotesque", sans-serif; */
}
/* article.news-card .infos .seats {
  display: inline-block;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
} */
article.news-card .infos .txt {
/*   font-family: "Merriweather", sans-serif; */
  line-height: 2;
  font-size: 0.95rem;
  color: rgba(21, 37, 54, 0.7);
  opacity: 0;
  transition: 0.5s 0.25s cubic-bezier(0.17, 0.67, 0.5, 1.03);
}

article.news-card:hover .infos {
  transform: translateY(-260px);
}
article.news-card:hover .infos .seats, article.news-card:hover .infos .txt, article.news-card:hover .infos .details {
  opacity: 1;
}





/* **************** */
/* PRUEBA CARD NEWS */
/* **************** */


/* DOCUMENTACION */

#documentacion .card-body{
  margin-top: 2.5rem;
}

#documentacion .card:hover{
  transform: translateY(-5px);
  box-shadow:2px 8px 19px 0px rgba(0, 0, 0, 0.3);
}



/* EMPLEO */

.img-header-empleo{
  width: 100vw;
  height: auto;
  object-fit: cover;
  object-position: 0 -130px;
}

/*
.portal-empleo{
  height: 540px;
  width: 648px;
  overflow: hidden;
} */

.ofertas-container{
  position: relative;
  background: url("../assets/catura_hispaamoldes_7.jpg");
  background-size: cover;
  background-color: var(--primary-green);
  width: 648px;
  height: 537px;
  border-radius: 15px;
  transition: background ease-in-out 2s;
}

.ofertas-container h2{
  color:white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.ofertas-container:hover{
  background: rgb(41,83,78);
  background: linear-gradient(169deg, rgb(83, 41, 41,1) 0%, rgba(53,103,78,1) 35%, rgba(62,119,78,1) 52%, rgba(77,145,79,1) 65%, rgba(92,171,79,1) 78%, rgba(118,215,80,1) 100%);

}



.ofertas-container:hover h2::after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='white' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E") ;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 15px;

}

/* CONTACTO */
.filtered-map{
  height: 250px;
  width: 320px;
  border-radius: 15px;
  margin-bottom: 5px;
/*   margin-right: 25px; */
  background: linear-gradient(to left ,var(--primary-green) 0%, rgba(255, 255, 255, 1) 100%);
  overflow: hidden;
}

.iframe-map{
 filter:var(--secondary-green);
  -webkit-filter:grayscale(0.9);
  opacity: 0.7;
  width: 100%;
  height: 100%;
}

.logo-contacto{
  width: 150px;
}


.sede-container{
  width: 200px;
} 

#mapa-de-sedes a{
  text-decoration: none;
  color: var(--primary-green);
}

#mapa-de-sedes a:hover{
  color: var(--secondary-green);
}

#mapa-de-sedes h4{
  color: var(--primary-green);
  font-family: 'Montserrat',serif;
  font-weight: bold;
}

#newsletter{
  border-top: 2px solid var(--primary-green);
  padding-top: 75px;
}

label a{
  color: var(--primary-green);
}

.img-header-contacto{
  width: 100vw;
  height: auto;
  object-fit: cover;
  object-position: 0 -350px;
}

.img-contacto{
  width: 100%;
}

/*Bootstrap Elements*/
.btn-primary{
  background-color: var(--primary-green);
  border: 2px solid var(--primary-green);
}
.btn-primary:hover{
  background-color: var(--primary-green);
  border: 2px solid var(--primary-green);
}
.btn-primary:active{
  background-color: var(--primary-green);
  border: 2px solid var(--primary-green);
}
.btn-primary:focus:active{
  background-color: var(--primary-green);
  border: 2px solid var(--primary-green);
  box-shadow: 0 0 0 .25rem var(--primary-green-alpha);
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: var(--primary-green);
  border-color: var(--primary-green);
  box-shadow: 0 0 0 0.25rem rgba(41 83 78 / 50%);
}

.btn-outline-primary{
  border: 2px solid var(--primary-green);
  color: var(--primary-green);
}

.btn-outline-secondary{
  border: 2px solid var(--secondary-green);
  color: var(--secondary-green);
}
.btn-outline-white{
  border: 2px solid white;
  color: white;
}
.btn-outline-white:hover{
  border: 2px solid var(--secondary-green);
  color: white;
}


/* INPUTS */

select option:hover{
  background-color: var(--primary-green);
  color: #fff;
}

input[type="checkbox"]:checked{
  color: #fff;
  background-color: var(--primary-green);
}

.form-select:focus, .form-control:focus{
  border-color: var(--primary-green);
  box-shadow: 0 0 3px 0.25rem rgba(41, 83, 78, 0.25);
}


/*  FOOTER  */
footer{
  background: rgb(0,0,0);
  background: -moz-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: -webkit-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#532929",GradientType=1);
  color: white;
}

footer a{
  text-decoration: none;
  color: white;

}
footer a:hover{
  text-decoration: underline;
}

.cabeza-columna{
  color: var(--secondary-green);
}

span.cabeza-columna{
  font-size: 1rem ;
}

.logo-footer{
  max-width: 225px;
}

.politics a{
  font-size: 12px;
}

footer span{
  font-size: 10px;
}

/* POLITICAS DE SEGURIDAD */
#politicas-seguridad.card{
  transition: transform;

}
#politicas-seguridad.card:hover{
  transform: translateY(-5px);
  box-shadow:2px 8px 19px 0px rgba(0, 0, 0, 0.3);
}


/* PARALLAX FOOTER */
main, .placeholder{
  position: relative;
}

main{
  z-index: 10;
  background-color: white;
  width: 100vw;
}

.placeholder{
  z-index: 1;
}

footer{
  width: 100%;
}
.vr{
  margin: 0 8px;
}

/* VIDEO PLAYER ON SCROLL */
#set-height {
  display: block;
}
#v0 {
  position: fixed;
  top: 330px;
  left: 919px;
  width: 25%;
}
p font-family helvetica {
  font-size: 24px;
}

/* ACEPTAR COOKIES */

#barraaceptacion {
  display:none;
  position:fixed;
  left:0px;
  right:0px;
  bottom:0px;
  padding-bottom:20px;
  width:100vw;
  height: auto;
  text-align:center;
  min-height:70px;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: -webkit-linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(3,6,6,1) 55%, rgb(83, 41, 41,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#532929",GradientType=1);
  color:#fff;
  z-index:99999;
  overflow: hidden;
}


.inner {
  width:100%;
  position:absolute;
  font-size:12px;
  top:25%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: baseline;
 
 }

.inner .enlaces-cookies{
  margin-left: 50px
}

.inner p a{
  text-decoration:none;
  color: var(--secondary-green);
}
.inner p a:hover{
  text-decoration: underline;

}

.inner a.ok {
 cursor: pointer;
 padding:4px 12px;
 text-decoration:none;
 margin-right: 10px;
}

.inner a.info {

 text-decoration:none;

}

.inner .btn-primary{
  border: 1px solid var(--primary-green);
}

.inner .btn-primary:hover{
  background-color: var(--primary-green);
  border: 1px solid white;
}

.inner .btn-outline-light {
  border: 1px solid white;
  padding:4px 12px;
}
/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) {
  .navbar-brand img{
    width: 150px;
    margin-left: 5px!important;
    margin-right: 0!important;
  }
  .navbar-brand{
    margin-right: 0px;
  }

  .select-language{
    width: 50px;
  }


}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .img-header-contacto{
    object-position: 0px 0px;
  }
 }

@media all and (min-width: 480px) and (max-width: 768px) {
  .border-left{
    border-left: none;
    padding-left: 0;
  }
  .border-right{
    border-right: none;
    padding-right: 0;
  }

  .img-header-fabmoldes{
    height: 350px;
  }

  .img-header-contacto{
    object-position: 0px 0px;
  }



}




@media all and (max-width: 480px) {
  section{
    padding-top: 30px;
  }
}

/*------------------------------------------
  Foundation Media Queries
   http://foundation.zurb.com/docs/media-queries.html
--------------------------------------------*/

/* Small screens - MOBILE */
@media only screen { } /* Define mobile styles - Mobile First */

/* max 640px */
@media only screen and (max-width: 40em) {

  .logo-indea-nav{
    width: 120px;
    margin-left: 1rem !important;
  }
 
 
/*   #carrusel-home.carousel-item{
    height: 100% !important;
    width: auto !important;
  } */


  /* #carrusel-home .carrusel-home-img1{
    object-position: -230px;
  } */

  .card-container{
    width: 100%;
  }

  .logos-subvenciones{
    width: 200px;
  }

  .arrows{
    width: 100vw;
  }

  .linea-tiempo{
    width: 100vw;
  }

  #mision-vision, #grupo, #historia, #img-sost-home, #fabricacion-de-moldes, #fabricacion-piezas, #sostenibilidad {
    padding: 50px 20px;
  }

 /*  #gobierno-corporativo{
    padding: 50px 20px;
  }

  .jesus{
    width: 75%;
    margin-bottom: 5px;
  } */

  .certificado {
    width: 150px;
  }

  #sapa-group img{
    height: 320px;
  }

  #sapa-group .texto-quarza{
   
    height: 100%;
    width: 100vw !important;
    border-radius: 0;
  }


 
  .ofertas-container{
    /* width: 100vw; */
    /* min-width: 320px; */
    width: 300px;
    height: 300px;

  }

  .img-contacto{
    width: 100%;
    margin-top: 20px;
  }

  .img-header-contacto{
  object-position: 0px 0px;
  }


  .filtered-map{
    width: 100%;
  }



  .border-left{
    border:none;
    padding-left: 0;
  }

  .border-right{
    border:none;
    padding-right:0;
  }

  .offset-container{

    width: 80%;
    height: 300px;
    margin: 0 auto;
    border-radius: 15px;
  }

  .offset-container img{
    top: -50px;
    right: -10px;
    width: 90%!important;
  }
  .bi-arrow-right{
    display: none;
  }

  #logos-xunta{
    width: 100%;
  }

  .tituloHeader{
    padding-left: 0px;
    padding-right: 0px;
  }

  .img-header-fabmoldes{
    height: 300px;
    object-position: -94px 0px;
  }

  .img-header-fabpiezas{
    height: 300px;
    object-position: -130px 0px;
  }

  .profile-card-2{
    max-height:300px;
  }

  .profile-card-2 .home-serv{
    object-position: -65px 0px;
  }

  .profile-card-2:hover .text-container{
    padding-top: 108px;
  }
  .text-container h2{
    margin-bottom: 40px;
  }

  .img-header-empleo{
    object-position: 0px 0px;
  }

  #barraaceptacion{
    min-height: 130px;
  }

  .inner {
    top:12%;
    flex-direction: column;
    justify-content: center;
  }

  .inner .enlaces-cookies{
    margin: 0 auto;
  }

  #fabricacion-de-moldes{
    margin-top: 25px !important;
  
  }

  .profile-card-2 .home-fachada{
    object-position: -70px -50px; 
    width:100% !important;
  }
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens - TABLET */
@media only screen and (min-width: 40.063em) {


  .img-header-empleo{
    object-position: 0px 0px;
  }
 } /* min-width 641px, medium screens */


/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 63.8em) {
 

  .profile-card-2 .home-fachada{
    object-position: -216px -21px;
  }

  .home-serv{
    object-position:-290px;
  }

  .home-sost{
    object-position: -140px;
  }

}


/* Large screens - DESKTOP */
@media only screen and (min-width: 64em) {
    
 } /* min-width 1025px, large screens */

@media only screen and (min-width: 64em) and (max-width: 89.98em) { 
  #carrusel-home .text-container4{
    top: -6%;
    left: 0%;
  }
  #carrusel-home .text-container3{
    top: -4%;
    left: 1%;
  }
  #carrusel-home .logo-carrusel-home-desktop{
    width: 310px;
  }

  .profile-card-2 .home-fachada{
    object-position: -180px -30px;
  }
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90em) {
    #moldes{
      height: 100vh;
    }
    #carrusel-moldes .carousel-inner{
      max-height: 100vh;
    }
    .img-header-contacto{
      object-position: 0px -100px;
    }
 } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {

 } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { 
  .img-header-contacto{
    object-position: 0px -550px;
  }
} /* min-width 1921px, xlarge screens */

/*------------------------------------------*/



/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}