@media only screen and (max-width: 768px) {
/* @media only screen and (max-width: 992px){ */
  /* para celulares phones: */

@keyframes slideTouch {
    0% {
      transform: rotate(0deg);
    }
    50% {
        transform: rotate(34deg);
    }
    /* 100% {
        transform: translatey(0px);
    } */
}

/* CENTRAL DE EMERGENCIA */
#bottom-contact-interior p{
  font-size: 12px;
}
#bottom-contact{
  font-size: 12px;
}

#bottom-contact:hover {
  width: 280px; 
  height: 100px;
}

#mensaje-oculto{
  left: 0;
}


/* HEADER E INICIO----------------------------------- */
.offcanvas .dropdown-menu {
  position: static !important;
  float: none;
  width: 100%;
  background-color: green;
  border: none;
  box-shadow: none;
  transform: translate3d(0px, 0px, 0px) !important;
}
.offcanvas .dropdown-menu li{
  padding: 5px 10px;
  color: #fff;
}

#dropdown-menu-3 li,
#dropdown-menu-4 li
{
  color: #fff !important;
}

#nav-interior{
  gap: 0;
}

#nav-interior .menu-item-type-post_type{
  color: green;
}

.offcanvas .dropdown-item {
  padding-left: 2rem;
}
#nav-interior .menu-item::after{
  display: none;
}
#menu-desktop{
  display: none;
}
.navbar>.container{
  flex-wrap: nowrap !important;
}
#background-top-header{
  display: none;
}
header{
  /* position: relative; */
  box-shadow: none;
}
#menu-mobile-header{
  z-index: 5;
  display: block;
  border-radius: 50px;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  background: transparent;
}

#offcanvasRightMobile{
  width: 80%;
}
#offcanvas-mobile-header{
  position: relative;
}
#offcanvas-mobile-header::after{
  content: '';
  display: inline-block;
  width: 90%;
  height: 1px;
  bottom: 0;
  background-color: green;
  position: absolute;
}

#contenedor-close{
  background: green;
  border-radius: 30px;
  margin-left: 10px;
}
#offcanvas-mobile-header .btn-close{
  filter: invert(1);
  opacity: 1;
}

#offcanvas-mobile-header #offcanvasRightMobileLabel .btn-close{ background: green; }

#offcanvas-mobile-header p{
  color: green;
}

/* Icon 1 VERSION MOBILE */
.animated-icon2-Mobile {
	width: 30px;
	height: 20px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
  left: 2px;
	}
	
	.animated-icon2-Mobile span{
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 2px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
  background: green;
	}
	
	.animated-icon2-Mobile span:nth-child(1) {
	top: 0px;
  width: 16px;
	}
	
	.animated-icon2-Mobile span:nth-child(2),
	.animated-icon2-Mobile span:nth-child(3) {
    top: 8px;
    width: 22px;
	}
	
	.animated-icon2-Mobile span:nth-child(4) {
	top: 16px;
	}
	
	.animated-icon2-Mobile.open span:nth-child(1) {
	top: 11px;
	width: 0%;
	left: 50%;
	}
	
	.animated-icon2-Mobile.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 100%;
	}
	
	.animated-icon2-Mobile.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 100%;
	}
	
	.animated-icon2-Mobile.open span:nth-child(4) {
	top: 11px;
	width: 0%;
	left: 50%;
	}




#content-inicio {
  margin-top: 130px;
}
#mobile-height{
  height: 40px;
}
#mobile-height .row .col-izquierda img{
  position: absolute;
  width: 35vw;
}

#content-inicio .lineaverdegris{
  top: -70px;
  right: -35%;
}
#content-inicio .lineaverdegris img:nth-child(1){
  display: none;
}

#content-inicio .lineaverdegris img:nth-child(2){
  width: 70%;
  display: block;
}

#content-inicio .circulo-left{
  display: none;
}
#content-inicio .col-derecha .circulo-top{
  display: block;
}

#content-inicio .col-derecha .circulo-right {
  right: -5%;
  top: 20px;
  width: 20vw;
}
#content-inicio .col-derecha .circulo-top{
  width: 20vw;
  top: -70px;
  right: 120px;
  z-index: 2;
}

#inicio .circulo-footer{
  display: none;
}

#terminos{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

#prueba{
  clip-path: none;
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: 0;
  display: flex;
  clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0% 100%);
}

#content-inicio .col-izquierda {
  height: inherit;
}

#prueba::after {
  display: none;
}


#contenedor-cards a{
  margin: 0;
}
#area-card-2{
  margin-bottom: 20px !important;
}

#video-texto{
  margin-top: 0;
  background: transparent;
}
#video-texto .circulo-video-1,
#video-texto .circulo-video-2
{
  display: none;
}

#p-video-contenedor{
  position: relative;
}

#p-video-contenedor .circulo-footer{
	display: block;
  position: absolute;
}

#p-video-contenedor .circulo-footer:nth-child(1){
  width: 28%;
  top: -45px;
  left: 30px;
}

#p-video-contenedor .circulo-footer:nth-child(2){
  width: 20%;
  bottom: 6%;
  left: -15px;
}

#p-video-contenedor .circulo-footer:nth-child(3){
  width: 35%;
  bottom: -60px;
  right: -30px;
}

#contenedor-cards{
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  width: 100%;
}
#video-interior{
  border: none;
  height: auto;
  border-radius: 0;
}
#video_header{
  border-radius: 0;
  width: 100%;
  height: 100%;
}

#contenedor-cards a::before,
#contenedor-cards a::after
{
  width: 100%;
  height: 1%;
  top: -25px;
  left: 0px;
}
#video-interior #poster_principal,
#fondo-negro-video{
  border-radius: 0;
}

span.bullets{
  margin: 0;
}
#video-texto h2{
  font-size: 20px;
}


/*--------------------------------------------------------- AREAS ----------------------------------------------- */
#kone-descripcion{
  height: auto;
}
#logo-bajada-kone{
  width: 60%
}
#icons-kone{
  display: flex;
  flex-direction: column;
  align-items: center;
}


#kone-descripcion p br{
  display: none;
}


#icons-kone .p_kone_mobile{
  display: block;
  text-align: center;
  width: 300px;
  margin-bottom: 20px;
}

#kone-catalogos{
	width: 200px;
	margin: auto;
}

#row-koneMapa-mobile{
  display: block;
}
#row-koneMapa{
	display: none;
}

#row-koneMapa-mobile .img-scroll-map{
  overflow-y: scroll;
}

#row-koneMapa-mobile .img-indicadores img:nth-child(1){
  width: 20%;
  margin: 30px 0;
  animation: slideTouch 4s ease-in-out infinite;
}

#kone-descripcion .circulo-4{
  top: 25%;
  right: -40px;
  width: 30%;
}
#kone-descripcion .circulo-1{
  top: 45%;
  left: -22px;
  width: 22%;
}
#kone-descripcion .circulo-3{
  bottom: 32%;
  right: -40px;
  width: 30%;
}
#kone-descripcion .circulo-2{
  bottom: -4%;
  left: -70px;
  width: 35%;
}

#porqueFbarimetal {
  padding-top: 40px;
  min-height: 100%;
  position: relative;
  overflow-x: hidden;
}

p.porque-fabri-p_mobile{
  display: block;
	text-align: center;
  color: #fff;
  margin-bottom: 50px;
}

#parrafo-generico-mobile{
	display: block;
}

#parrafo-generico-mobile br{
  display: none
};

#proyectos-iconicos{
  padding-top: 80px;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}

#cards-p-iconicos{
	max-width: 320px;
}

#title-pi::after,
#title-pi::before
{
  display: none;
}

#cards-p-iconicos{
  margin: 0 !important;
}
#cards-p-iconicos .card-body{
  top: 0;
}
#cards-p-iconicos .row{
  justify-content: center;
  text-align: center;
  margin: 20px 0;
}
#cards-p-iconicos div .titulo{
  width: 100%;
  position: initial;
  border-radius: 20px;
}
#cards-p-iconicos div .sub-titulo{
  margin: 0;
  width: auto;
}
#cards-p-iconicos div .descripcion > p{
  width: auto;
  margin: 0;
}

#p3{
  display: none;
}

#mantencion .leer{
  text-align: end;
  margin: 0 20px;
  display: block;
  border: 1px solid #000;
  padding: 10px 0;
}

#info-modernizacion .container , #swiper-effectAB{
  display: none;
}
#container-modernizacion .row h2{
  top: 0 !important;
}

#container-modernizacion .p_mobile{
  display: block;
}
#info-modernizacion #container-modernizacion{
	display: block;
}

.swiper-interno .swiper-button-next-{
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 45%;
  z-index: 9999;
  background-image: url(https://fabrimetal.betatester.cl/wp-content/uploads/2025/04/Icon-ion-ios-arrow-dropright-circle.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.swiper-interno .swiper-button-prev-{
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 45%;
  z-index: 9999;
  background-image: url(https://fabrimetal.betatester.cl/wp-content/uploads/2025/04/Icon-ion-ios-arrow-dropleft-circle.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* ------------------------------------- POR QUE ELEGIR FABRIMETAL ----------------------------- */

#porqueFbarimetal .circulo-1,
#porqueFbarimetal .circulo-2,
#porqueFbarimetal .circulo-3,
#porqueFbarimetal .circulo-4{
  display: none;
}

.img-certificados a img{
  margin: 0;
}

.img-certificados a {
  text-decoration: none;
  color: var(--white-color);
}

.img-certificados a div{
  background: #0a74b7;
  text-transform: uppercase;
}

.img-certificados a div img{
  width: 20px;
}

#porqueFbarimetal .row:nth-child(3){
  padding-top: 0 !important;
}

/* SOLUCION EN ELEVACION  ( DESCARGA NUESTROS CATALOGOS ) */

#catalogos .circulo-3,
#catalogos .circulo-1
{
  display: none;
}

#catalogos .circulo-2{
  bottom: -20px;
  left: -15%;
  width: 30vw;
}

#catalogos .circulo-4{
  width: 30vw;
  top: 5%;
  right: -12%;
}


/* SOLUCION EN ELEVACION  ( HABLEMOS ) */
#hablemos .circulo-1,
#hablemos .circulo-2,
#hablemos .circulo-3,
#hablemos .circulo-4
{
  display: none;
}


/* SOLUCION EN ELEVACION ( PROYECTOS ICONICOS ) */
#proyectos-iconicos .trazado-1-left{
  left: -60px;
  top: 55%;
  position: fixed;
  width: 40vw;
  z-index: -1;
}

#proyectos-iconicos .trazado-2-left{
  position: fixed;
  top: 70%;
  left: -30px;
  width: 40vw;
  z-index: -1;
}

#proyectos-iconicos .trazado-1-right{
  position: fixed;
  top: 0;
  right: -15%;
  width: 40vw;
  z-index: -1;
}

#proyectos-iconicos .trazado-2-right{
  position: fixed;
  top: 10%;
  right: -20%;
  width: 40vw;
  z-index: -1;
}

/* REPUESTOS INDUSTRIALES ( PRODUCTOS ) */

#swipergencammaq .swiper-slide img {
  width: 60%;
  height: 90%;
}

#swipergen .swiper-slide img {
  width: 60%;
  height: 90%;
}

/* REPUESTOS INDUSTRIALES ( MARCAS QUE TRANSFORMAN ) */

#marcas-slide {
  width: 38%;
  height: 20%;
}

#marca_0,
#marca_1,
#marca_2,
#marca_3{
  padding: 50px 0;;
}

#group-left-1, #group-right-2{
  display: none;
}

#group-right-1 img:nth-child(1) {
  position: absolute;
  right: -90px;
  top: 8%;
  width: 50vw;
}
#group-right-1 img:nth-child(2) {
  position: absolute;
  right: -60px;
  width: 45vw;
  top: 18%;
}

#group-left-2 img:nth-child(1) {
  position: absolute;
  left: -40px;
  bottom: 10%;
  width: 50vw;
}

#group-left-2 img:nth-child(2) {
  position: absolute;
  left: -30px;
  width: 48vw;
  bottom: 5%;
}



/* ------------------------------------------------------ IDENTIDAD ----------------------------------------------------- */
.torre-generica {
  height: 600px;
  width: 17rem;
  border-radius: 150px 150px 150px 150px;
  margin: 15px 0;
}

#identidad .trazado-1-right{
  top: -7%;
  width: 45vw;
}
#identidad .trazado-2-right{
  top: -6%;
  width: 45vw;
  right: -60px;
}

#identidad .trazado-1-left{
  width: 50vw;
  top: 40%;
  left: -30%;
}

#identidad .trazado-2-left{
  width: 50vw;
  top: 44%;
  left: -25%;
}

#identidad .trazado-3-right,
#identidad .trazado-4-right,
#identidad .trazado-5-bottom,
#identidad .trazado-6-bottom
{
  position: absolute;
  z-index: -1;
}

#identidad .trazado-3-right{
  top: 68%;
  right: -20%;
  width: 45vw;
  animation: float2 4s ease-in-out infinite;
}
#identidad .trazado-4-right{
  top: 72%;
  right: -20%;
  width: 45vw;
  animation: float 4s ease-in-out infinite;
}

#identidad .trazado-5-bottom{
  bottom: -10%;
  left: -25%;
  width: 50vw;
  animation: float2 4s ease-in-out infinite;
}

#identidad .trazado-6-bottom{
  bottom: -12.5%;
  left: -15%;
  width: 50vw;
  animation: float 4s ease-in-out infinite;
}

/* ---------------------------------------------------------- PAGE  NUESTRAS INSTALACIONES --------------------------------------------- */
#s1 .col-derecha-1, #s2 .col-izquierda-2, #s3 .col-derecha-3, #s4 .col-izquierda-4{
  height: 50dvh;
}

#s1 p,
#s2 p,
#s3 p,
#s4 p {
  margin-bottom: 0;
  margin-top: 30px;
  font-size: 14px;
}
#s4 ul li{
  font-size: 14px;
}
#chevron-ni{
  width: 8%;
  left: 40%;
  bottom: 10%;
}

/* .section {
  height: 100%;
} */

#s1,
#s2,
#s3 
{
  height: 100%;
}

#container .container, 
#container .container .row
{
	height: auto;
}

#s1-colizquierda{
  height: 65vh;
}
#s1-colDerecha{
  right: 40px;
}

#target-ball-1 {
  top: 60px;
  width: 20vw;
  height: 20vw;
  z-index: 0;
  left: 50%;
  opacity: 1;
}

#s1 .img-1{
  width: 70%;
  top: -100px;
  z-index: 2;
  right: -20%;
}
#s1 .img-2 {
  width: 45%;
  left: 15%;
  z-index: 2;
  top: 0;
}
#s1 .img-3 {
  top: -60px;
}

#s2-columnaDerecha{
  height: 50vh;
}

#s2 .segunda-slide{
  flex-direction: column-reverse;
}
#s2 .col-izquierda-2 .img-1-s2 {
  width: 90%;
  left: -10%;
  z-index: 1;
}
#s2 .col-izquierda-2 .img-2-s2 {
  width: 85%;
  left: -5%;
  z-index: 1;
}
#target-ball-2 {
  width: 150px;
  height: 150px;
  opacity: 1;
  top: 140px;
}

#s3-columnaIzquierda {
  height: 50vh;
}

#s3 .col-derecha-3 .img-1-s3 {
  width: 90%;
  top: -15%;
  right: -20%;
  z-index: 2;
}

#s3 .col-derecha-3 .img-2-s3 {
  width: 50%;
  top: 30%;
  left: 5%;
  z-index: 2;
}

#s3 .col-derecha-3 .img-3-s3 {
  width: 40%;
  top: 37px;
  left: 10%;
  z-index: 1;
  transform: rotate(45deg);
}

#target-ball-3 {
  position: absolute;
  right: 35%;
  bottom: 10%;
  width: 50px;
  height: 50px;
  z-index: 2;
  opacity: 1;
}

#s4 .row{
  flex-direction: column-reverse;
}
#s4-columnaIzquierda{
  height: 50vh;
}

#s4 .col-izquierda-4 .img-1-s4{
  top: 0;
  left: -30px;
  width: 75%;
}

#s4-columnaDerecha{
  margin: 60px 0;
}
#s4 .col-izquierda-4 .img-3-s4 {
  width: 30%;
  top: 50px;
  z-index: 1;
  right: 60px;
}

#s4 .col-izquierda-4 .img-2-s4{
  width: 50%;
  bottom: 15px;
  right: 35px;
  z-index: 2;
}

#target-ball-4{
  bottom: 20px;
  z-index: 1;
  width: 100px;
  height: 100px;
  opacity: 1;
  background-color: rgb(255, 153, 0);
}


.hell-ball{
  display: none;
}

#pelota{
  display: none;
}

/* ----------------------------------------------------- PRODUCTOS REPUESTOS INDUSTRIALES ---------------------------------------------------- */
#swipergencammaq {
    width: 50%;
}

#swipergen {
  width: 50%;
}

#segmento-gen ul,
#segmentos-cam-maq ul{
  margin: 0 5px;
}


/* ------------------------------------------------------------ CERTIFICADOS ------------------------------------------------------------- */

#certificados-iso, #certificados-kone {
  overflow-x: unset;
  position: relative;
  min-height: auto;
  margin-bottom: 45px;
}

.iso-cert,
.kone-cer{
  margin: 8px 0;
}

#p-certificados{
  overflow: hidden;
}

#certificados-iso p,
#certificados-kone p{
  margin: 0 !important;
}

#certificados-iso .trazado-2-right,
#certificados-iso .trazado-1-left,
#certificados-kone .trazado-3-left,
#certificados-kone .trazado-1-left,
#certificados-kone .circulo-certi,
#certificados-kone .trazado-2-right,
#certificados-kone .trazado-3-right,
#certificados-kone .trazado-2-left,
#certificados-iso .circulo-certi,
#certificados-iso .circulo-certi-dos
{
  display: none;
}

#certificados-iso .trazado-1-right{
  top: 45%;
  right: -30%;
  width: 50%;
}
#certificados-iso .trazado-3-right{
  right: -35%;
  width: 50%;
}

#certificados-iso .trazado-3-left{
  left: -30%;
  top: 85%;
  width: 45%;
}

#certificados-iso .trazado-2-left {
  left: -35%;
  top: 65%;
  width: 45%;
}

/* ----------------------------------------------------------- PAGE SEGURIDAD ----------------------------------------------------------- */
.container-seguridad .row h2{
  font-size: 21px;
}
.container-seguridad .row h2 br{
  display: none;
}

#mensaje-elevatron{
  position: relative;
  margin: auto;
  border-radius: 20px;
  margin-top: -45px;
  padding: 45px 0px;
  width: 85%;
}
#mensaje-elevatron div p {
  text-align: center;
}
#mensaje-elevatron p br{
  display: none;  
}

#elevatron-img {
  display: none;
}

#elevatron-img-mobile{
  display: block;
  width: 150px;
  height: 140px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: #3b6b49;
  border-radius: 50%;
  margin-bottom: -10px;
  margin-top: 30px;
}

#elevatron-img-mobile img{
  width: 150px;
  height: 150px;
  object-fit: contain;
  object-position: center;
  position: absolute;
  top: -40px;
  left: -5px;
}

#img-icon-card-seguridad img{
  margin: 0 !important;
}

#box-caract{
  text-align: center;
  margin: 15px 0;
}
.box-caract::after {
  width: 80%;
  left: 25px;
}

#p-seguridad .circulo:nth-child(1){
  top: 8%;
  width: 25%;
  right: -20px;
}

#p-seguridad .circulo:nth-child(2){
  top: 30%;
  width: 35%;
  left: -12%;
}

#p-seguridad .circulo:nth-child(3){
  display: block;
  position: absolute;
  top: 38%;
  right: -50px;
  width: 32%;
  animation: float2 4s ease-in-out infinite;
}

#p-seguridad .circulo:nth-child(4){
  display: block;
  position: absolute;
  width: 35%;
  left: 0;
  bottom: 30px;
  animation: float 4s ease-in-out infinite;
}

.carousel-container::after {
  clip-path: polygon(0 15%, 100% 0%, 100% 85%, 0% 100%);
}

.item.active {
  opacity: 1;
  z-index: 2;
  /* transform: translate(-50%, -50%) scale(1.2); */
  transform: translate(-50%, -50%) scale(.8);
  left: 50%;
  top: 50%;
}
.item.prev {
  left: 100%;
}
.item.next {
  left: 0;
}
.carousel-container {
  min-height: 400px;
}
#campanas-seguridad .swiper-button-next-cam{
  position: absolute;
  left: 75px;
  top: 50%;
}
#campanas-seguridad .swiper-button-prev-cam{
  position: absolute;
  right: 75px;
  top: 50%;
}

.card-campaigns
{
	border-radius: 30px;
	background: var(--white-color);
	width: 300px;
	min-height: 500px;
}
#s-campanas .swiper-wrapper .swiper-slide{
  display: flex;
  justify-content: center;
}


/* ----------------------------------------------------------- CANAL DE DENUNCIAS ----------------------------------------------------------- */
#canal-denuncias{
  padding-top: 100px;
  margin-top: 0;
}

#canal-denuncias .col-derecha-denuncias {
  position: relative;
  transition: .3s ease;
  margin: auto;
  border-radius: 20px;
  height: 400px;
  width: 340px;
}
#canal-denuncias .col-izquierda-denuncias{
  padding: 10px 25px;
}

#parrafo-c-seguridad{
  display: none;
}

#ver-mas-denuncias{
  display: flex;
  justify-content: end;
}

#body_15 .trazado-1-left-bottom,
#body_15 .trazado-2-left-bottom
{
  display: none;
}

#body_15 .trazado-1-left-top{
  position: absolute;
  top: 0%;
  right: -31px;
  width: 36vw;
  z-index: 1;
}


/* ----------------------------------------------------------- CONTACTO ----------------------------------------------------------- */
#contacto{
  padding-top: 40px;
}
#mapa-svg{
  display: none;
}
#contenedor-datos{
  /* width: 350px; */
  width: 320px;
  margin: auto;
  padding: 20px 0;
  border-radius: 25px;
}
#contenedor-datos .formulario-contacto {
  padding: 0 !important;
  margin-top: 20px;
}
#contenedor-datos .datos-contacto {
  padding: 0 !important;
}
#datos div img{
  width: 30vw !important;
}
#contenedor-datos #datos div{
  display: flex;
  justify-content: space-between;
  width: 90%;
}
#contacto .circulo-contacto-top {
  top: 6%;
  left: -20px;
  width: 30vw;
}
#contacto .circulo-contacto-middle{
  right: -30px;
}
#contacto .circulo-contacto-top-right{
  left: 19px;
  top: 93%;
}
#contenedor-datos .modulo-contacto{
  flex-direction: column-reverse;
}


/* --------------------------------------------------- TRABAJA CON NOSOTROS ------------------------------------------ */
#trabaja-con-nosotros{
  overflow: hidden;
  position: relative;
}

#trabaja-con-nosotros .trazado-1t-left,
#trabaja-con-nosotros .trazado-2t-left{
  display: block;
  position: absolute;
}

#trabaja-con-nosotros .trazado-1t-left{
  top: -7%;
  right: -7%;
  width: 35%;
}

#trabaja-con-nosotros .trazado-2t-left {
  top: -8%;
  width: 35%;
  right: -20%;
}

#formulario-contacto{
  padding-top: 20px;
}
#video-trabaja .trazado-1-left {
  position: absolute;
  left: -45px;
  width: 20vw;
  bottom: -70%;
  top: unset;
  z-index: -1;
}
#video-trabaja .trazado-2-left {
  position: absolute;
  left: -20px;
  top: unset;
  bottom: -70%;
  width: 20vw;
  z-index: -1;
}

#video-trabaja .trazado-1-right,
#video-trabaja .trazado-2-right
{
  display: none;
}

/* ----------------------------------------------------------- FOOTER -----------------------------------------------------------*/

#footer {
  padding: 40px 0px 50px 0px;
}

#footer h6,
#footer p{
  text-align: center;
}

#logo-footer,
#direccion-tel
{
  display: flex;
  justify-content: center;
  text-align: center;
}

#footer .rrss a img {
	width: 10%;
}

#linea-footer-2{
  display: flex !important;
}


#linea-footer-1{
  display: none !important;
}


/* CURSOR DESKTOP ------------ */
.cursor{
  display: none;
}

/* LINEA IMAGINARIA SCROLL ------------------------- */
/* DESCRIPCIONES GENERICAS ------ ( ULTIMO CAMBIO PARA MOBILE ) */
.linea-scroll{
  width: 100%;
  position: fixed;
  top: 30%;
  left: 0;
  height: 1px;
  background: red;
  z-index: 5;
  opacity: 0;
}

.parrafo-generico{
  opacity: 0;
}
.parrafo-generico.active{
  opacity: 1;
  width: auto;
  position: absolute;
  top: 55px;
  left: 5px;
}
.img-logos-genericos.hide{
  display: none;
}
.por-que-fabri p{
  width: auto;
}

.descripciones-genericas{
  width: 16rem !important;
  height: 16rem !important;
}

.descripciones-kone p, .por-que-fabri p{
  transform: initial;
}
.descripciones-genericas h6{
  display: none;
}

.descripciones-genericas img{
  width: 50%;
  transform: translate( 0, 50px);
  height: auto;
}

.top-title-kone {
  transition: .3s ease;
  margin: auto;
  width: 100%;
  height: 100%;
  position: relative;
}

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

#menu-interior a{
  width: 80%;
}
#catalogos {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}



}