@charset "UTF-8";

* {
  margin: 0rem;
  padding: 0rem;
  font-size: 10px;
  box-sizing: border-box;
}

/*
// ---------------------------------------------------//
// ---------------Fuentes-----------------------------//
// ---------------------------------------------------//
*/
@font-face {
  font-display: swap;
  font-family: "Roboto";
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-display: swap;
  font-family: "Roboto bold";
  src: url(../fonts/Roboto-Bold.ttf);

}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  src: url(../fonts/open-sans.ttf);

}



/*
// ---------------------------------------------------//
// ---------------Barra de navegación-----------------//
// ---------------------------------------------------//
*/
#banner_nav {
  transform: translateZ(400px);
  transition: 0.1s ease;
}
#banner_nav .dropdown-menu {
  border: none;
  border-radius: 0rem;
  background: none;
}
#banner_nav a {
  font-family: "Open Sans";
  font-size: 1.6rem;
  text-align: left;
  color: #333;
}

.navbar_boton:hover {
  color: #000;
  background-size: 100% 5%;
  animation-name: ani_btn;
  animation-duration: 1.4s;
}

@keyframes ani_btn {
  0% {
    background-size: 0% 5%;
  }
  15% {
    background-size: 100% 5%;
  }
  37% {
    background-size: 78% 5%;
  }
  50% {
    background-size: 100% 5%;
  }
  64% {
    background-size: 91% 5%;
  }
  70% {
    background-size: 100% 5%;
  }
  100% {
    background-size: 100% 5%;
  }
}
@media only screen and (min-width: 992px) {
  #banner_nav .navbar-collapse {
    justify-content: flex-end;
  }
  #banner_nav .navbar_boton {
    background-position: bottom;
    background-image: -webkit-linear-gradient(0deg, #009045, #70a83b, #a3bd31);
    background-size: 0% 0%;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #banner_nav .dropdown-menu {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36);
  }
  #banner_nav .dropdown-menu:hover {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
  }
  #banner_nav .dropdown-menu a:hover {
    text-decoration: underline;
    background-color: transparent;
  }
  #banner_nav .nav-link:hover + .dropdown-menu {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
  }
  #banner_nav a {
    text-align: center;
  }
}



a {
  text-decoration: none;
}

/*
// ---------------------------------------------------//
// ---------------Clases recursivas-------------------//
// ---------------------------------------------------//
*/
.sombra {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.36);
}

.centrado {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fuente-titulos {
  font-family: "Roboto" !important;
}

.fuente-textos {
  font-family: "Open Sans" !important;
}

.ocultar-navbar {
  top: -70px;
}

/*
// ---------------------------------------------------//
// ---------------Hero section------------------------//
// ---------------------------------------------------//
*/
#header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 110vh;
  top: -70px;
   overflow-x: hidden;
}
#header .fondo-header {
  position: absolute;
  width: 100%;
  height: 100%;
  clip-path: circle(400vh at 50% calc(0rem - 290vh));
  z-index: 3;
}
#header .fondo-header .vegas-slide-inner {
  position: fixed;
}
#header .contenedor_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  transform: scale(0.8);
}

/*
#header .contenedor_logo::before {
content: url("../img/navidad/decoracion-navidad.png");
position: absolute;
width: 163%;
height: 140%;
left: 138px;
bottom: -12px;
}
*/

/*
#header .contenedor_logo::after {
content: "";
position: absolute;
width: 114%;
height: 114%;
transform: rotateZ(0deg) rotateX(180deg) rotateY(180deg);
z-index: 0;
border-radius: 50%;
border: dotted 5px #D4AF37;
animation: rotation 15s linear infinite;
} 
*/

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

  }
  50% {
    transform:rotate(180deg);

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

  }
}

#header .contenedor_logo .cnt_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 350px;
  height: 350px;
  transform: scale(0.9);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 175px;
  margin: -40px;
  overflow: hidden;
  transition: all 0.8s ease-in-out;
  /*border: solid 3px #D4AF37;*/

}
#header .contenedor_logo .cnt_logo:hover {
  transform: scale(1);
  -webkit-transform: scale(1);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
#header .contenedor_logo .cnt_logo:hover > * {
  transition: all 0.8s ease-in-out;
  transform: rotate(-360deg);
  -webkit-transform: scale(0.9);
  filter: inherit;
}
#header .contenedor_logo .cnt_logo .logo_EcoYuma {
  position: relative;
  left: -7px;
  top: 0px;
  width: 300px;
  height: 186px;
  border: 0px solid #808080;
  text-align: center;
  z-index: 3;
}
#header .contenedor_logo .cnt_logo .logo_EcoYuma .logo_EcoYuma_arb {
  position: absolute;
  height: 97%;
  width: 99%;
  margin: 0px auto;
  animation-name: escalar;
  animation-duration: 2s;
}
#header .contenedor_logo .cnt_logo .logo_EcoYuma .logo_EcoYuma_arb .logo_EcoYuma_arb_tallo {
  position: absolute;
  height: 186px;
  width: 300px;
  margin: 0px auto;
  background-image: url(../img/tallo.webp);
  background-size: 100%;
}
#header .contenedor_logo .cnt_logo .logo_EcoYuma .logo_EcoYuma_arb .logo_EcoYuma_arb_hojas {
  position: absolute;
  width: 185px;
  height: 129px;
  margin: 0px auto;
  background-image: url(../img/hojas.webp);
  background-size: 100%;
  animation-name: mover_hojas;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
#header .contenedor_logo .cnt_logo .logo_EcoYuma .logo_EcoYuma_tex {
  height: 186px;
  width: 300px;
  margin: 0px auto;
  background-size: 100%;
  animation-name: aparecer;
  animation-duration: 3s;
}
#header .contenedor_logo .cnt_logo .logo_EcoYuma .logo_EcoYuma_tex .logo_EcoYuma_tex_1 {
  top: -5px;
  height: 186px;
  width: 300px;
  margin: 0px auto;
  position: absolute;
  background-image: url(../img/tex1.png);
  background-size: 100%;
  animation-name: aparecer;
  animation-duration: 5s;
}
#header .contenedor_logo .cnt_logo .logo_EcoYuma .logo_EcoYuma_tex .logo_EcoYuma_tex_2 {
  height: 186px;
  width: 300px;
  margin: 0px auto;
  position: absolute;
  background-image: url(../img/tex2.webp);
  background-size: 100%;
  animation-name: escalar;
  animation-duration: 3s;
}
#header .contenedor_logo .cnt_logo .logo_EcoYuma .logo_EcoYuma_tex .logo_EcoYuma_tex_3 {
  right: -10px;
  height: 186px;
  width: 300px;
  margin: 0px auto;
  position: absolute;
  background-image: url(../img/tex3.png);
  background-size: 100%;
  animation-name: desplazar_x;
  animation-duration: 5s;
}
#header .texto-header {
  position: relative;
  margin-top: 2rem;
  z-index: 3;
  width: 90%;
}
#header .texto-header p {
  font-family: "Roboto bold";
  font-size: 2.6rem;
  color: #fff;
  text-align: center;
  filter: drop-shadow(0rem 0rem 0.3rem black);
}

.fondo-color {
  position: absolute;
  width: 100%;
  height: 150vh;
  top: 0rem;
  background-color: #e1a23c;
  box-shadow: 0rem 0.1rem 0.9rem 0rem #00000087;
  z-index: -1;
}

/*
// ---------------------------------------------------//
// ---------Sección productos y servicios-------------//
// ---------------------------------------------------//
*/
.seccion-productosyservicios {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -7rem !important;
}
.seccion-productosyservicios .contenedor-productosyservicios {
  position: relative;
  width: 90%;
  max-width: 1140px;
  padding: 0rem 1.5rem;
  top: -8rem;
  background-color: #fff;
  box-shadow: 0rem 0.1rem 0.9rem 0rem #00000087;
  z-index: 1;
}
.seccion-productosyservicios .contenedor-productosyservicios .contenedor-titulo {
  width: 100%;
  max-width: 50rem;
  margin-top: 10rem !important;
  border: solid 0.4rem black;
  border-radius: 100rem;
}
.seccion-productosyservicios .contenedor-productosyservicios .contenedor-titulo h1 {
  font-size: 3rem;
  font-weight: bolder !important;
  color: #000;
}
.seccion-productosyservicios .contenedor-productosyservicios .contenedor-titulo h2 {
  font-size: 3rem;
  font-weight: bolder !important;
  color: #000;
}
.seccion-productosyservicios .contenedor-productosyservicios .item:nth-child(1) {
  display: flex;
  justify-content: center;
}
.seccion-productosyservicios .contenedor-productosyservicios .item:nth-child(2) {
  display: flex;
  justify-content: center;
  margin-top: 9rem;
}
.seccion-productosyservicios .contenedor-productosyservicios .item:nth-child(3) {
  display: flex;
  justify-content: center;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35rem;
  max-width: 31rem;
  min-width: 31rem;
  border: 5px solid transparent;
  border-radius: 3rem;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .fondo-imagen {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 92%;
  height: 91%;
  padding-left: 2rem;
  border-radius: 2rem 2rem 2rem 3rem;
  box-shadow: 0px 2px 11px #00000075;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .fondo-imagen ul {
  list-style: none;
  padding-top: 2rem;
  margin: 0rem;
  padding: 0rem;
  display: none;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .fondo-imagen ul li {
  padding-bottom: 2rem;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .fondo-imagen ul li a {
  font-family: "Open Sans";
  font-size: 1.7rem;
  color: #fff;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .fondo-imagen ul li a:hover {
  text-decoration: underline;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .fondo-imagen ul li a svg {
  width: 3rem;
  margin-right: 1rem;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .foto-servicio {
  position: absolute;
  width: 92%;
  height: 91%;
  border-radius: 2rem 2rem 17rem 2rem;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .flecha {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 92%;
  height: 16%;
  top: -37.5%;
  border-radius: 2rem 2rem 0rem 0rem;
  transition: 1s linear;
  z-index: 1;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .flecha h1 {
  color: #fff;
  font-size: 3rem;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio .flecha h2 {
  color: #fff;
  font-size: 3rem;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-1 {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #e1a23c, #ff6f00) border-box;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-1 .flecha {
  background: linear-gradient(to right, #e1a23c, #ff6f00);
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-1 .fondo-imagen {
  background: linear-gradient(to right, #e1a23c, #ff6f00);
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-1::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 45px;
  top: 72%;
  left: 100%;
  background-color: white;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-1::after {
  content: "↱";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  top: 79%;
  left: 96.9%;
  font-size: 6rem;
  color: #ff7001;
  background-color: transparent;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-2 {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #389c28, #0d5519) border-box;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-2 .flecha {
  background: linear-gradient(to right, #389c28, #0d5519);
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-2 .fondo-imagen {
  background: linear-gradient(to right, #389c28, #0d5519);
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-2::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 45px;
  top: 52%;
  right: 100%;
  background-color: white;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-2::after {
  content: "↳";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  top: 42%;
  left: 96.9%;
  font-size: 6rem;
  color: #0d5619;
  background-color: transparent;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-2 span {
  position: absolute;
  width: 5px;
  height: 45px;
  top: 52%;
  left: 100%;
  background-color: white;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-3 {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #b72323, #6d0d17) border-box;
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-3 .flecha {
  background: linear-gradient(to right, #b72323, #6d0d17);
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-3 .fondo-imagen {
  background: linear-gradient(to right, #b72323, #6d0d17);
}
.seccion-productosyservicios .contenedor-productosyservicios .productoyservicio-3::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 45px;
  top: 72%;
  right: 100%;
  background-color: white;
}
.seccion-productosyservicios .productoyservicio.active .flecha {
  top: 38% !important;
  border-radius: 0rem 0rem 2rem 2rem !important;
}
.seccion-productosyservicios .productoyservicio.active .foto-servicio {
  transition: 1s linear;
  opacity: 0;
  z-index: -1;
}
.seccion-productosyservicios .productoyservicio.active ul {
  display: block !important;
}
.seccion-productosyservicios .productoyservicio.active ul li {
  padding-bottom: 2rem;
}
.seccion-productosyservicios .productoyservicio.active ul li a {
  font-family: "Open Sans";
  font-size: 1.7rem;
  color: #fff;
}
.seccion-productosyservicios .productoyservicio.active ul li a svg {
  width: 3rem;
  margin-right: 1rem;
}

/*
// ---------------------------------------------------//
// -----------Sección productos tienda----------------//
// ---------------------------------------------------//
*/
.seccion-tienda {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.seccion-tienda .fondo-tienda {
  position: absolute;
  width: 100%;
  height: 80%;
  background: linear-gradient(to bottom, #389c28, #0d5519);
  /*background-image:url(../imagenes/navidad/7567.png);*/
  clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 88%);
}
.seccion-tienda .contenedor-tienda {
  position: relative;
  width: 90%;
  max-width: 1140px;
  padding: 0rem 1.5rem;
}
.seccion-tienda .contenedor-tienda .contenedor-boton-tienda {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seccion-tienda .contenedor-tienda .contenedor-boton-tienda a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30rem;
  height: 13rem;
  min-width: 30rem;
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0rem 0rem 1rem black;
  animation: animacion-botones 1s ease infinite;

}


.seccion-tienda .contenedor-tienda .contenedor-boton-tienda a p {
  font-family: "Roboto";
  font-size: 2rem;
  text-align: center;
  color: #2d2d2d;
  width: 100%;
  max-width: 25rem;
  margin: 0rem;
}
.seccion-tienda .contenedor-tienda .contenedor-boton-tienda a p b {
  font-family: "Roboto bold";
  font-size: 3rem;
  font-weight: bold;
}
.seccion-tienda .contenedor-tienda .contenedor-boton-tienda a:hover {
  text-decoration: none;
  background-color: #e6e6e6;
  animation: none;
}
.seccion-tienda .contenedor-imagen-tienda {
  display: flex;
  align-items: center;
  justify-content: center;
}
.seccion-tienda .contenedor-imagen-tienda img {
  width: 100%;
  height: auto;
  max-width: 39.9rem;
}

/*
// ---------------------------------------------------//
// -----------------Sección clientes------------------//
// ---------------------------------------------------//
*/
.seccion-nuestros-clientes {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10rem;
}
.seccion-nuestros-clientes .contenedor-nuestros-clientes {
  position: relative;
  width: 90%;
  max-width: 1140px;
  padding: 0rem 1.5rem;
}
.seccion-nuestros-clientes .contenedor-nuestros-clientes .contenedor-titulo {
  width: 100%;
  max-width: 50rem;
  border: solid 0.4rem black;
  border-radius: 100rem;
}
.seccion-nuestros-clientes .contenedor-nuestros-clientes .contenedor-titulo h1 {
  font-size: 3rem;
  font-weight: bolder !important;
  color: #000;
}
.seccion-nuestros-clientes .contenedor-nuestros-clientes .contenedor-titulo h2 {
  font-size: 3rem;
  font-weight: bolder !important;
  color: #000;
}
.seccion-nuestros-clientes img {
  width: auto !important;
  height: auto !important;
  max-width: 37rem;
  max-height: 6rem;
}

/*
// ---------------------------------------------------//
// ----------------Sección portafolio-----------------//
// ---------------------------------------------------//
*/
.seccion-portafolio {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10rem;
}
.seccion-portafolio .fondo-portafolio {
  position: absolute;
  width: 100%;
  height: 80%;
  background: linear-gradient(to bottom, #389c28, #0d5519);
  /*background-image:url(../imagenes/navidad/7567.png);*/
  clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 88%);
  transform: rotateY(180deg);
}
.seccion-portafolio .contenedor-portafolio {
  position: relative;
  width: 90%;
  max-width: 1140px;
  padding: 0rem 1.5rem;
}
.seccion-portafolio .contenedor-portafolio .contenedor-boton-portafolio {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seccion-portafolio .contenedor-portafolio .contenedor-boton-portafolio a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30rem;
  height: 13rem;
  min-width: 30rem;
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0rem 0rem 1rem black;
  animation: animacion-botones 1s ease infinite;

}
.seccion-portafolio .contenedor-portafolio .contenedor-boton-portafolio a p {
  font-family: "Roboto";
  font-size: 2rem;
  text-align: center;
  color: #2d2d2d;
  width: 100%;
  max-width: 25rem;
  margin: 0rem;
}
.seccion-portafolio .contenedor-portafolio .contenedor-boton-portafolio a p b {
  font-family: "Roboto bold";
  font-size: 3rem;
  font-weight: bold;
}
.seccion-portafolio .contenedor-portafolio .contenedor-boton-portafolio a:hover {
  text-decoration: none;
  background-color: #e6e6e6;
  animation: none;
}
.seccion-portafolio .contenedor-imagen-portafolio {
  display: flex;
  align-items: center;
  justify-content: center;
}
.seccion-portafolio .contenedor-imagen-portafolio img {
  width: 100%;
  height: auto ;
  max-width: 39.9rem;
}

/*
// ---------------------------------------------------//
// ---------------Sección noticiass-------------------//
// ---------------------------------------------------//
*/
.seccion-noticias {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 16rem;
}
.seccion-noticias .fondo-noticias {
  position: absolute;
  width: 100%;
  height: 142%;
  background: linear-gradient(to bottom, #389c28, #0d5519);
  /*background-image:url(../imagenes/navidad/7567.png);*/
  clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 92%);
}
.seccion-noticias .contenedor-noticias {
  position: relative;
  width: 90%;
  max-width: 1140px;
  padding: 0rem 1.5rem;
}
.seccion-noticias .contenedor-noticias .contenedor-titulo {
  width: 100%;
  max-width: 25rem;
  border: solid 0.4rem #fff;
  border-radius: 100rem;
}
.seccion-noticias .contenedor-noticias .contenedor-titulo h1 {
  font-size: 3rem;
  font-weight: bolder !important;
  color: #fff;
}
.seccion-noticias .contenedor-noticias .contenedor-titulo h2 {
  font-size: 3rem;
  font-weight: bolder !important;
  color: #fff;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  max-width: 25.5rem;
  height: 45rem;
  max-height: 45rem;
  border-radius: 2rem;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0rem 0rem 0.5rem black;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia img {
  width: 100%;
  height: auto;
  max-height: 17rem;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia .titulo-noticia {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 11rem;
  max-height: 11rem;
  padding: 0rem 1rem;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia .titulo-noticia h1 {
  font-family: "Roboto bold";
  font-size: 1.8rem;
  text-align: center;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia .titulo-noticia h2 {
  font-family: "Roboto bold";
  font-size: 1.8rem;
  text-align: center;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia .texto-noticia {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 10rem;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  padding: 0rem 1rem;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia .texto-noticia p {
  position: relative;
  padding: 0rem 1rem;
  font-family: "Open Sans";
  text-align: justify;
  font-size: 1.6rem;
  text-overflow: ellipsis;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42%;
  height: 5rem;
  right: -58%;
  background: linear-gradient(to bottom, #389c28, #0d5519);
  border-radius: 3rem 0rem 0rem 0rem;
  box-shadow: 0rem 0rem 0.5rem #00000078;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia a p {
  font-family: "Open Sans";
  font-size: 1.6rem;
  color: #fff;
  margin: 0rem;
}
.seccion-noticias .contenedor-noticias .noticias .item .noticia a:hover {
  text-decoration: none;
  background: linear-gradient(to right, #e1a23c, #ff6f00);
}
.seccion-noticias .contenedor-noticias .noticias .item .ver-mas {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.seccion-noticias .contenedor-noticias .noticias .item .ver-mas a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10rem;
  height: 10rem;
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0rem 0rem 0.5rem black;
}
.seccion-noticias .contenedor-noticias .noticias .item .ver-mas a span:first-of-type {
  position: absolute;
  display: block;
  width: 6.6rem;
  height: 1rem;
  background-color: #2d2d2d;
  border-radius: 1rem;
  transition: 0.5s linear;
}
.seccion-noticias .contenedor-noticias .noticias .item .ver-mas a span:last-of-type {
  position: absolute;
  display: block;
  width: 1rem;
  height: 6.6rem;
  background-color: #2d2d2d;
  border-radius: 1rem;
  transition: 0.5s linear;
}
.seccion-noticias .contenedor-noticias .noticias .item .ver-mas a:hover span:first-of-type {
  transform: rotateZ(90deg);
  background-color: #e1a23c;
}
.seccion-noticias .contenedor-noticias .noticias .item .ver-mas a:hover span:last-of-type {
  transform: rotateZ(-90deg);
  background-color: #e1a23c;
}

/*
// ---------------------------------------------------//
// ------------Sección redes sociales-----------------//
// ---------------------------------------------------//
*/
.seccion-redes-sociales {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 16rem;
}
.seccion-redes-sociales .contenedor-redes-sociales {
  position: relative;
  width: 90%;
  max-width: 1140px;
  padding: 0rem 1.5rem;
}
.seccion-redes-sociales .contenedor-redes-sociales .contenedor-titulo {
  width: 100%;
  max-width: 50rem;
  border: solid 0.4rem #000;
  border-radius: 100rem;
}
.seccion-redes-sociales .contenedor-redes-sociales .contenedor-titulo h1 {
  font-size: 3rem;
  font-weight: bolder !important;
  color: #000;
}
.seccion-redes-sociales .contenedor-redes-sociales .contenedor-titulo h2 {
  font-size: 3rem;
  font-weight: bolder !important;
  color: #000;
}
.seccion-redes-sociales .contenedor-redes-sociales .item-redes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 40rem;
}
.seccion-redes-sociales .contenedor-redes-sociales .item-redes .red-social {
  padding: 2rem;
  border-radius: 3rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.36);
}
.seccion-redes-sociales .contenedor-redes-sociales .item-redes .red-social .titulo-red-social h1 {
  text-align: center;
}
.seccion-redes-sociales .contenedor-redes-sociales .item-redes .red-social .titulo-red-social h2 {
  text-align: center;
}
.seccion-redes-sociales .contenedor-redes-sociales .item-redes .red-social .cuerpo-red-social {
  height: 30rem;
  overflow-y: scroll;
}
.seccion-redes-sociales .contenedor-redes-sociales .item-redes .red-social .cuerpo-red-social iframe {
  width: 100%;
  height: 100%;
}

/*
// ---------------------------------------------------//
// ------------Sección redes Apoyo-----------------//
// ---------------------------------------------------//
*/
/*
// ---------------------------------------------------//
// ------------------Animaciónes----------------------//
// ---------------------------------------------------//
*/
@keyframes desplazar_x {
  0% {
    right: -300px;
  }
  40% {
    right: -10px;
  }
  100% {
    right: -10px;
  }
}
@keyframes escalar {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes aparecer {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mover_hojas {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(-3deg);
  }
  10% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(-3deg);
  }
  20% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-3deg);
  }
  30% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes animacion-cajas {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animacion-botones {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
/*
// ---------------------------------------------------//
// ------------Puntos de interrupción-----------------//
// ---------------------------------------------------//
*/
@media only screen and (min-width: 992px) {
  .productoyservicio:hover .flecha {
    top: 38% !important;
    border-radius: 0rem 0rem 2rem 2rem !important;
  }
  .productoyservicio:hover .foto-servicio {
    transition: 1s linear;
    opacity: 0;
    z-index: -1;
  }
  .productoyservicio:hover ul {
    display: block !important;
  }
  .productoyservicio:hover ul li {
    padding-bottom: 2rem;
  }
  .productoyservicio:hover ul li a {
    font-family: "Open Sans";
    font-size: 1.7rem;
    color: #fff;
  }
  .productoyservicio:hover ul li a svg {
    width: 3rem;
    margin-right: 1rem;
  }
}
@media only screen and (max-width: 1199px) {
  .item {
    margin-top: 5rem !important;
  }

  .productoyservicio-1::before {
    display: none;
  }
  .productoyservicio-1::after {
    display: none !important;
  }

  .productoyservicio-2::before {
    display: none;
  }
  .productoyservicio-2::after {
    display: none !important;
  }
  .productoyservicio-2 span {
    display: none;
  }

  .productoyservicio-3::before {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .seccion-tienda .fondo-tienda {
    height: 100% !important;
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
  }

  .contenedor-imagen-tienda {
    margin-top: 5rem;
  }

  .seccion-nuestros-clientes .contenedor-imagenes div {
    display: flex;
    align-items: center;
    justify-content: center !important;
  }
  .seccion-nuestros-clientes .contenedor-imagenes img {
    max-width: 27rem;
    max-height: 3rem;
  }

  .seccion-portafolio .fondo-portafolio {
    height: 100% !important;
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%);
  }

  .contenedor-imagen-portafolio {
    margin-top: 5rem;
  }

  .seccion-noticias .fondo-noticias {
    position: absolute;
    width: 100%;
    height: 104%;
    /*background: linear-gradient(to bottom, #389c28, #0d5519);*/
    clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 98%);
  }
}