@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oxygen:wght@300;400;700&display=swap');


@font-face {
  font-family: "gandhi sans";
  src: url(https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/fonts/gandhi-sans/GandhiSans-Regular.otf) format("truetype"),

}
@font-face {
  font-family: 'Gandhi Sans';
  src: url('https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/fonts/GandhiSans-Regular.eot');
  src: url('https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/fonts/GandhiSans-Regular.eot?#iefix') format('embedded-opentype'),
      url('https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/fonts/GandhiSans-Regular.woff2') format('woff2'),
      url('https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/fonts/GandhiSans-Regular.svg#GandhiSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gandhi Sans';
  src: url('https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/fonts/GandhiSans-Bold.eot');
  src: url('https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/fonts/GandhiSans-Bold.eot?#iefix') format('embedded-opentype'),
      url('https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/fonts/GandhiSans-Bold.woff2') format('woff2'),
      url('https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/fonts/GandhiSans-Bold.svg#GandhiSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48
}


#flip {
  border-radius: 15px;
  box-shadow: inset 0 0 0 0 white;
  transition: all 0.5s ease-in-out 0s;
}

#flip:hover {
  padding: 20px 0;
  background-color: whitesmoke;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  transform: scale(1.02);
  margin-bottom: -10px;
  cursor: pointer;

}

#panel_contenido {
  padding: 10px;
  position: relative;
  top: 15px;
  display: none;
  z-index: 15;

  border-radius: 14px;
}

#flip2 {
  border-radius: 15px;
  box-shadow: inset 0 0 0 0 white;
  transition: all 0.5s ease-in-out 0s;
}

#flip2:hover {
  padding: 20px 0;
  background-color: whitesmoke;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  transform: scale(1.02);
  margin-bottom: -10px;
  cursor: pointer;

}

#panel_contenido2 {
  padding: 10px;
  position: relative;
  display: none;
  z-index: 15;

  border-radius: 14px;
}

#flip3 {
  border-radius: 15px;
  box-shadow: inset 0 0 0 0 white;
  transition: all 0.5s ease-in-out 0s;
}

#flip3:hover {
  padding-bottom: 20px;
  background-color: whitesmoke;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  transform: scale(1.02);
  margin-bottom: -20px;
  cursor: pointer;
}

#panel_contenido3 {
  padding: 10px;
  position: relative;
  display: none;
  z-index: 15;

  border-radius: 14px;
}


#flip4 {
  border-radius: 15px;
  box-shadow: inset 0 0 0 0 white;
  transition: all 0.5s ease-in-out 0s;
}

#flip4:hover {

  padding: 0 16px 0;
  background-color: whitesmoke;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  transform: scale(1.02);
  margin-bottom: -30px;
  cursor: pointer;

}

#panel_contenido4 {
  padding: 0 20px;
  position: relative;
  display: none;
  z-index: 15;
  border-radius: 14px;
}

.tabs_1 {
  display: none;

}

/*Vertical Tabs*/
.mdl-tabs__panel {
  display: none;
}

.vertical-mdl-tabs {
  margin-top: 30px;
}

.vertical-mdl-tabs .mdl-tabs__tab-bar {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: inherit;
  border-bottom: none;
  border-right: 1px solid rgba(10, 11, 49, 0.20);
}

.vertical-mdl-tabs .mdl-tabs__tab {
  width: 100%;
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
  letter-spacing: 2px;
}

.vertical-mdl-tabs .mdl-tabs__tab:hover {
  background: rgba(158, 158, 158, 0.34);
  color: black;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
  border-right: 3px solid #ED462F;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  content: inherit;
  height: 0;
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active,
.mdl-tabs__panel {
  padding: 0 30px;
}

.vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
  text-align: left;
}

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

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
  color: #E21549;
}







body {

 line-height: initial;

  margin: 0;
  background-color: whitesmoke;

}


.container {
  text-align: center;
  position: relative;

  width: 100%;
  max-width: 1200px;
  min-height: 100%;

  margin: 0 auto;
  background-color: white;
  left: 0;
  right: 0;
  /*font-family: 'Gandhi Sans';*/
  font-size: 19px;
  color: #3f4e55;



}

.footer1 {
  text-align: center;

  width: 95%;
  margin: 0 auto;
  font-size: 11px;
  padding: 20px 0;
  letter-spacing: 4px;
}
.footer1 b{
  position: relative;
  display: block;
  letter-spacing: initial;
  padding-bottom:16px ;
  font-size: 18px;

}

.h1titulo {
  font-family: 'Gandhi Sans';
  font-size: 18px;
  font-weight: bold;

  letter-spacing: 0;
  display: inline-block;
  border: 4px double rgba(255, 255, 255, 0.25);
  border-width: 4px 0;
  padding: 1em 0em;
  position: relative;
  width: 100%;
  margin: 0 auto;
  color: #AC451E;
  position: relative;
  top: -25px;
}

.h1titulo span {
  font: 700 4em/1 'Bebas Neue', sans-serif;
  letter-spacing: 0;
  padding: 0.25em 0 0.325em;
  display: block;
  margin: 0 auto;
  color: white;
  text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
  /* Clip Background Image */
  background: url(https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/img/animacionTexto-01.png) repeat-y;
  filter: hue-rotate(20deg);
  -webkit-background-clip: text;
  background-clip: text;

  /* Animate Background Image */
  -webkit-text-fill-color: transparent;
  -webkit-animation: aitf 150s linear infinite;
  /* Activate hardware acceleration for smoother animations */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.img_header img {
  position: relative;
  z-index: 10;
  width: 100%;
  background-color: #135126;

}

.mapa {
  width: 100%;
  position: absolute;
  height: 800px;
  top: 220px;
  left: 0;
}

.mapa img {
  width: 40%;
}





.contenido_1 {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 30%;
  top: 0;
  left: 40px;
  text-align: left;
}
.cnt_c1{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ic_c1{
  position: relative;
}

.contenido_2 {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 30%;
  top: 180px;
  left: 100px;
  text-align: left;
}

.contenido_2_2 {
  position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 20vw;
    top: 520px;
    left: 60px;
    text-align: left;
}

.contenido_2_3 {
  position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 20vw;
    top: 400px;
    left: 60px;
    text-align: left;
}

.contenido_3 {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 40%;
  top: -10px;
  right: 20px;
  text-align: left;
}

.contenido_4 {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  width: 30%;
  top: 180px;
  right: 60px;
  text-align: left;
}



.contenido_5 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 30%;
  top: 630px;
  left: 70px;
  text-align: left;
  color: #135126;
}
.contenido_5 .lineaAnimada{
  background: #58762A;
}
.contenido_6 {
  position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 90%;
    min-width: 80%;
    top: 770px;
    left: 70px;
    text-align: left;
    font-size: 15px;
}

.contenido_7 {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 30%;
  top: 670px;
  right: 40px;
  text-align: left;
  color: #135126;
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  font-family: 'Gandhi Sans';
  webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;

}

.contenido_7 h2 {
  text-transform: uppercase;
  text-decoration: underline;
  color: #92A477;
  font-size: 2em;
  font-weight: bold;
  margin: 0;
}


.svg1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: 30px;
  /*left: -3.8vw;*/



}

.svg1 b {
  position: relative;
  font-size: 1.5em;
}

.svg1 span {
  position: relative;
  font-size: 1.5em;
}

.svg1 p {
  position: relative;
  font-size: 1em;
}



.svg2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: 30px;
  left: -2.8vw;

}

.svg2 span {
  position: relative;
  font-size: 40px;
  left: -3.5vw;
  top: -10px;



}


.svg3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: 30px;
  left: -2.8vw;

  margin-bottom: 10px;

}

.svg3 span {
  position: relative;
  font-size: 40px;
  left: 0.5vw;



}


.svg4 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: 30px;
}

.svg5 {

  position: absolute;
  top: -180px;
  left: 50%;



}


/*-----------------svgs---------*/

.svg_agricultor {

  position: relative;
  animation-name: animar_agricultor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;


  position: absolute;
  width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#palmera_1 .cls-1 {
  fill: #135126;
}

.svg_palmera {


  position: relative;
  animation: animar_agricultor 5s;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;

  width: 5vw;
  top: 30px;
  left: -5px;
}

#aceite .cls-1-a {
  fill: #f9b234;
}

#aceite .cls-2-a {
  fill: #ca9e67;
}

#aceite .cls-3-a {
  fill: #99d2e4;
}

.svg_aceite {

  width: 3vw;
  position: relative;
  animation-name: animar_agricultor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;
  left: 100px;
  top: 10px;
}

#guantes .cls-1g {
  fill: #b0bbc1;
}

#guantes .cls-2g {
  fill: #3f4e55;
}

#guantes .cls-3g {
  fill: #64747c;
}

.svg_guantes {


  position: relative;
  animation-name: animar_agricultor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;

  width: 5.5vw;
  left: -5vw;
  top: 40px;
}





.svg_palntasFondo {

  position: relative;
  width: 150px;
  
}

.svg_palntasFondo#svg_fondo1 {
  top: -30px;
}

.svg_palntasFondo#svg_fondo2 {
  top: -5px;
  left: 1.5vw;
}

#plantasfondo1 .cls-1pf {
  fill: #006533;
  animation-name: animar_plantasFondo1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;

}

#plantasfondo1 .cls-2pf {
  fill: #008d36;
  animation-name: animar_plantasFondo2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;

}

#plantasfondo1 .cls-3pf {
  fill: #95c11f;
  animation-name: animar_plantasFondo3;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;

}

#fruta_1 .cls-4fr {
  fill: #432918;

}

#fruta_1 .cls-1fr,
.cls-4fr {
  fill: #f9b234;


  animation-name: animar_fruta;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: nomal;
  animation-delay: 1.5s;
  animation-timing-function: ease-in;

}

#fruta_1 .cls-3fr {
  fill: #f39200;
  animation-name: animar_fruta2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: nomal;
  animation-delay: 1.5s;
  animation-timing-function: ease-in;
}


#fruta_1 .cls-2fr {
  fill: #e94e1b;
  animation-name: animar_fruta3;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: nomal;
  animation-delay: 1.5s;
  animation-timing-function: ease-in;
}




.svg_fruta {


  position: relative;


  width: 5.5vw;

  top: 40px;
}


/*---------------tablas--------------*/
.divtabla1 {
  width: 100%;
  padding: 7em 0 1em;
}

.tabla1 {
  width: 90%;
  border-collapse: collapse;
  border: 0;
  border-spacing: 0;
  margin: 0 auto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  color: #194022;

}

.tabla2 {
  width: 90%;
  border-collapse: separate;
  border: 0;
  border-spacing: 0 35px;
  margin: 0 auto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.75em;
  text-align: center;
  font-weight: bold;
  table-layout: auto;
}

.tabla2 td {
  min-width: 100px;
  max-width: 110;
  border-right: 3px solid #006533;



}

.tabla2 tr {
  height: 100px;


}

.tabla2 img {

  width: 80px;
  margin: 0 15px;
  animation-name: animar_agricultor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;
}

.tabla3 {
  width: 90%;
  border-collapse: collapse;
  border: 0;
  border-spacing: 0;
  margin: 45px auto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  text-align: center;
  font-weight: bold;


}

.tabla3 img {

  width: 80px;
  margin: 0 15px;
  animation-name: animar_agricultor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 1s;
  animation-timing-function: ease;
}

.tabla3 td {
  min-width: 200px;
}


/*-----------contadores---------------*/

.count {
  font-size: 25px;
  font-family: 'Gandhi Sans';
  font-weight: bold;
}



/* Animate  */
@-webkit-keyframes aitf {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}

@keyframes animar_agricultor {

  from {
    transform: scale(1);

  }

  to {
    transform: scale(1.15);
  }

}


@keyframes animar_plantasFondo1 {

  0% {
    transform: skew(0, 0deg)
  }

  50% {
    transform: skew(3deg, -0deg);
  }

  100% {
    transform: skew(-3deg, -0deg);
  }

}


@keyframes animar_plantasFondo2 {

  0% {
    transform: skew(0, 0deg) scale(1);

  }

  50% {
    transform: skew(-1deg, 1deg) scale(0.99);
  }

  100% {
    transform: skew(1deg, -1deg) scale(1.001);
  }

}

@keyframes animar_plantasFondo3 {

  0% {
    transform: skew(0, 0deg) scale(1);

  }

  50% {
    transform: skew(1deg, -1deg) scale(0.99);
  }

  100% {
    transform: skew(-1deg, 1deg) scale(1.001);
  }

}

@keyframes animar_fruta {

  0% {
    transform: translate(0, -100px);
  }

  30% {
    transform: translate(0, -100px);
  }

  40% {
    transform: translate(0, 2px);

  }

  45% {
    ransform: translate(0, -5px);
  }

  50% {
    transform: translate(0, -1px);
  }

  60% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(0, 0);
  }

}

@keyframes animar_fruta2 {

  0% {
    transform: translate(0, -100px);
  }

  30% {
    transform: translate(0, -100px);
  }

  50% {
    transform: translate(0, 2px);

  }

  50% {
    ransform: translate(0, -5px);
  }

  55% {
    transform: translate(0, -1px);
  }

  65% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(0, 0);
  }

}

@keyframes animar_fruta3 {

  0% {
    transform: translate(0, -100px);
  }

  30% {
    transform: translate(0, -100px);
  }

  45% {
    transform: translate(0, 2px);

  }

  50% {
    ransform: translate(0, -5px);
  }

  55% {
    transform: translate(0, -1px);
  }

  65% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(0, 0);
  }

}









/*----------lineas------------*/
.lineaAnimada2 {
  background-color: #D6561F;

  font-size: 1px;

  line-height: 0px;

  padding: 1px 3.5vw;





}


.lineaAnimada {
  background-color: #3f4e55;

  font-size: 1px;

  animation-name: animar_linea;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  animation-timing-function: ease;

}

@keyframes animar_linea {

  from {
    padding: 1px 0;
  }

  to {
    padding: 1px 5vw;
  }
}

.contenido_movil {
  display: none;
}

.slider_2 {


  height: 200px;
  margin: 10px;
  display: none;
  margin-top: 50px;
  margin-bottom: 90px;

}

.slider_2 p {


  color: #0B3856;

}

/*----------swper-------------*/

.slider {

  height: 200px;
  margin: 10px;
  display: none;
  margin-top: 20px;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #a5fc631f;
  border-radius: 14px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 40%;
  margin: 0 auto;

  object-fit: cover;
  animation-name: animar_agricultor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;
}

.swiper-slide p {
  text-align: center;
  font-size: 1em;
  font-family: 'Gandhi Sans';
}





.wrapper_galeria {
  width: 60%;
  height: 200px;
  position: relative;
  margin: auto;
  background: rgb(255, 255, 255);
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 20px;
  scale: 1;
}



.box,
.box2 {
  width: 200px;
  min-width: 200px;
  height: 200px;
  position: absolute;
  background: none;
  font-size: 0.6em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 16px;
  border-left: 3px solid #006533;

}

.box img,
.box2 img {
  width: 4vw;
  margin: 15px;
  animation-name: animar_agricultor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;

}

.boxes {
  position: relative;
  left: -150px;
}

.boxes2 {
  position: relative;
  right: -800px;
}

.simbolo_abajo1,
.simbolo_abajo2,
.simbolo_abajo3,
.simbolo_abajo4 {

  font-size: 1.3em;
  animation: scrollDown3 2.5s ease infinite;
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.5),
    0px 8px 10px rgba(0, 0, 0, 0.2),
    0px 18px 20px rgba(0, 0, 0, 0.2);

}



@keyframes scrollDown3 {
  0% {
    transform: translateY(-15px);
    opacity: 0;
  }

  45% {
    transform: translateY(0px);
    opacity: 1;
  }

  65% {
    transform: translateY(-5px);
    opacity: 1;
  }

  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}





/*-------------------------  botones -----------------------*/

.contenedor_mapa {
  margin: 0 auto;
  max-width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;
}

.contenedor_mapa img {
  margin: 0 auto;
  max-width: 536px;
}


.contenedor_btn {
  position: absolute;
  width: 100%;
  height: 100%;
  /*border: 2px solid red;
  overflow: hidden;*/
  display: block;
  max-width: 536px;
}

/*
button:hover{
  z-index:1000000;
  text-decoration: none;
  transition: all 0.1s ease-in-out 0s;
}*/
.btn_palma {

  width: 1em;
  height: 1em;
  background-size: contain;
  position: absolute;
  background: url(https://palmicultor.devpaxzu.com/wp-content/themes/hello-biz-child/infografia_2/img/boton_1.svg) no-repeat center;

  transition: all 0.3s ease-in-out 0s;

  animation-name: animacion_palmas;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 0.5s;
  animation-timing-function: ease;

  box-sizing: border-box;
  color: transparent;
  font-weight: bold;


  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1em;

  color: #135126;
  box-shadow: rgba(100, 100, 111, 0.2);
  border-radius: 50%;
  z-index: 2;

}

.btn_palma.current {
  z-index: 11;
  box-shadow: 0 8px 8px rgba(0, 0, 0, .6);
}

.btn_palma h2 {

  font-size: 0.7em;
  transition: all 0.1s ease-in-out 0s;
  font-weight: bold;
  background-color: whitesmoke;
  border-radius: 15px;
  margin: 0;
  padding: 0 8px;
  font-size: 14px;
  line-height: 40px;
}

.panel_contenido5 {
  position: relative;
  top: 50%;
  left: 0;
  min-width: 100px;
  margin-left: 35px;
  display: none;
  pointer-events: none;
  transform: translateY(-50%);
  width: fit-content;
}


/* position btn */

#btn_1 {
  top: 6%;
    left: 47%;
}


#btn_2 {
  top: 8%;
  left: 31%;

}

#btn_3 {
  top: 10%;
  left: 36%;

}

#btn_4 {
  top: 12%;
    left: 43%;

}

#btn_5 {
  top: 21%;
    left: 37%;
}

#btn_6 {
  top: 17.5%;
    left: 30%;
}

#btn_7 {
  top: 21%;
    left: 25%;
}

#btn_8 {
  top: 23%;
    left: 47%;
}

#btn_8 h2 {
  width: 12em;

}

#btn_9 {
  top: 32%;
    left: 28%;

}

#btn_10 {
  top: 31%;
    left: 43%;
}

#btn_11 {
  top: 32%;
  left: 63%;

}

#btn_12 {
  top: 38%;
  left: 18%;

}

#btn_13 {
  top: 41%;
    left: 27.5%;
}

#btn_14 {
  top: 43%;
  left: 38%;
}

#btn_14 h2 {
  width: 10em;

}

#btn_15 {
  top: 40%;
  left: 55%;
}

#btn_16 {
  top: 47%;
    left: 29.5%;
}

#btn_17 {
  top: 56.5%;
    left: 16%;
}

#btn_18 {
  top: 63%;
  left: 27%;
}

#btn_19 {
  top: 47%;
  left: 71%;
}

#btn_20 {
  top: 49.5%;
    left: 44%;
}
#btn_21{
  top: 62%;
  left: 7%;
}



@keyframes animacion_palmas {

  from {
    transform: scale(1);

  }

  to {
    transform: scale(1.15);
  }

}
.mdl-tabs__panel{
  position: relative;
}
.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active, .mdl-tabs__panel{
  justify-content: center;
  padding: 40px !important;
  min-height: 100%;
    box-sizing: border-box;
}
.close_info_tab{
  cursor: pointer;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  border:1px solid #006533;
  color: #006533;
  font-size: 18px;
  position: absolute;
  top: 16px;
  right: 16px;
  box-sizing: border-box;
}
.txt_fecha_cifras{
  width: 100%;
  font-size: 16px;
  color: #194022;
  text-align: center;
  padding: 16px 0 48px 0;
  margin: -50px 0 0 ;
}


@media screen and (max-width: 1700px) {

  
  .contenido_1, .contenido_2, .contenido_3, .contenido_4, .contenido_5, .contenido_6, .contenido_7{
    z-index: 12;
  }

}




.tabla2 td:last-child {
  border-right: none;
}

@media screen and (max-width: 1000px) {

  .contenedor_mapa img {
    margin: 0 auto;
    max-width: 100%;
  }


  .mapa {
    width: 100%;
    margin-top: 54px;
  }

  .wrapper_galeria {
    display: none;
  }

  .container {
    width: 100%;
  }


  .swiper-slide img {
    display: block;
    width: 25%;
    margin: 0 auto;

    object-fit: cover;
  }

  .container {

    width: 100%;
  }

  .contenido_movil {
    display: block;
  }

  .slider {
    display: block;
  }
  .slider .swiper-slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .slider_2 {
    display: block;
  }
  .slider_2 .swiper-slide{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .h1titulo {

    font-size: 15px;

  }

  .h1titulo span {

    font-size: 2.3em;
    padding-top: 15px;
    padding: 25px 0 0;
  }


  .mapa img {
    width: 80%;
    margin-left: 20%;
  }

  .contenido_1 {
    display: none;
  }

  .contenido_2 {
    display: none;
  }

  .contenido_2_2 {
    display: none;
  }

  .contenido_2_3 {
    display: none;
  }

  .contenido_3 {
    display: none;
  }

  .contenido_4 {
    display: none;
  }

  .contenido_5 {
    display: none;
  }

  .contenido_6 {
    display: none;
  }

  .contenido_7 {
    display: none;
  }

  .divtabla1 {
    display: none;
  }

  .tabla1 {

    display: none;
  }

  .tabla2 {

    display: none;
  }

  .tabla3 {

    display: none;
  }

  .footer1 {
    padding: 20px 0 5px;

  }
  .footer1 b{
    position: relative;
    font-size: 14px;
  }

  .container {

    min-height: 100%;
    margin: 0 auto;
    background-color: white;
    left: 0;
    right: 0;
    font-family: 'Gandhi Sans';
    font-size: 19px;
    color: #3f4e55;
  }



  .tabs_1 {
    display: block;
    position: absolute;
    z-index: 5;
    width: 100%;


  }

  /*Vertical Tabs*/
  .mdl-tabs__panel {
    display: none;
  }

  .vertical-mdl-tabs {
    margin-top: 0;
  }

  .vertical-mdl-tabs .mdl-tabs__tab-bar {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
    border-bottom: none;
    border-right: 1px solid rgba(10, 11, 49, 0.20);
  }

  .vertical-mdl-tabs .mdl-tabs__tab {
    width: 100%;
    height: 100px;
    line-height: 35px;
    box-sizing: border-box;
    letter-spacing: 2px;
  }

  .vertical-mdl-tabs .mdl-tabs__tab:hover {
    background: rgba(158, 158, 158, 0.34);
    color: black;
  }

  .vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
    border-right: 3px solid #135126;
  }

  .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    content: inherit;
    height: 0;
  }

  .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active,
  .mdl-tabs__panel {
    padding: 80px 30px;
    background-color: rgba(247, 247, 247, 0.927);
    border-radius: 0 15px 15px 0;
    display: flex;
    flex-direction: column;
    height: 65%;
    justify-content: baseline;
    align-items: center;
    text-align: left;
  }

  .vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    text-align: left;
  }

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

  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: #E21549;
  }

  .mdl-cell.mdl-cell--3-col {
    pointer-events: none;
  }

  .mdl-tabs__panel.is-active {
    pointer-events: all;
  }

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


  /*-----------------svgs---------*/

  .svg_agricultor {

    position: relative;
    animation-name: animar_agricultor;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;


    width: 130%;
    left: 0;
    top: -15%;
  }


  .svg_palmera {


    position: relative;
    animation: animar_agricultor 5s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

    width: 150%;
    left: -20%;
    top: 16%;
  }


  .svg_aceite {


    position: relative;
    animation-name: animar_agricultor;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;


    width: 100%;
    left: 10%;
    top: 13%;
  }

  .svg_guantes {


    position: relative;
    animation-name: animar_agricultor;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

    width: 130%;
    left: -6%;
    top: -15%;
  }





  .svg_palntasFondo {

    position: relative;
    width: 100%;

  }

  .svg_palntasFondo#svg_fondo1 {
    width: 130%;
    left: -7%;
    top: -0;
  }

  .svg_palntasFondo#svg_fondo2 {
    top: -5px;
    left: 1.5vw;
  }

  #plantasfondo1 .cls-1pf {
    fill: #006533;
    animation-name: animar_plantasFondo1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

  }

  #plantasfondo1 .cls-2pf {
    fill: #008d36;
    animation-name: animar_plantasFondo2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

  }

  #plantasfondo1 .cls-3pf {
    fill: #95c11f;
    animation-name: animar_plantasFondo3;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

  }

  #fruta_1 .cls-4fr {
    fill: #432918;

  }

  #fruta_1 .cls-1fr,
  .cls-4fr {
    fill: #f9b234;


    animation-name: animar_fruta;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: nomal;
    animation-delay: 1.5s;
    animation-timing-function: ease-in;

  }

  #fruta_1 .cls-3fr {
    fill: #f39200;
    animation-name: animar_fruta2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: nomal;
    animation-delay: 1.5s;
    animation-timing-function: ease-in;
  }


  #fruta_1 .cls-2fr {
    fill: #e94e1b;
    animation-name: animar_fruta3;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: nomal;
    animation-delay: 1.5s;
    animation-timing-function: ease-in;
  }




  .svg_fruta {


    position: relative;


    width: 5.5vw;

    top: 40px;
  }

  .svg1 {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: flex-start;
    align-items: center;

    top: 0;
    left: 7%;
    width: 90%;
    margin: 0 auto;
    text-align: left;

  }

  .svg1 #TabsSvgRow-1 {
    min-width: 30%;

  }

  .svg1 #TabsSvgRow-2 {
    min-width: 50%;


  }

  .svg1 span {
    text-align: left;
    position: relative;
    font-size: 1em;
    left: -1.5vw;
  }

  .svg1 #TabsSvgRow-1 .svg_agricultor {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: -50%;
    top: -15px;

  }

  .svg1 #TabsSvgRow-1 .svg_palntasFondo#svg_fondo1 {
    position: relative;
    width:
      100%;
    margin: 0 auto;
    left: -50%;
    top: 150%;

  }




  .svg1 p {
    position: relative;
    font-size: 1em;
    left: -1vw;

  }




  .svg2 {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: flex-start;
    align-items: center;

    top: 0;
    left: 7%;
    width: 90%;
    margin: 0 auto;
    text-align: left;

  }

  .svg2 #TabsSvgRow-1 {
    min-width: 30%;

  }

  .svg2 #TabsSvgRow-2 {
    min-width: 50%;


  }

  .svg2 span {
    text-align: left;
    position: relative;
    font-size: 1em;
    left: -0.5vw;
  }

  .svg2 #TabsSvgRow-1 .svg_guantes {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: -50%;
    top: -15px;

  }

  .svg2 #TabsSvgRow-1 .svg_palntasFondo#svg_fondo1 {
    position: relative;
    width:
      100%;
    margin: 0 auto;
    left: -50%;
    top: 150%;

  }


  .svg3 {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: flex-start;
    align-items: center;

    top: 0;
    left: 7%;
    width: 90%;
    margin: 0 auto;
    text-align: left;

  }

  .svg3 #TabsSvgRow-1 {
    min-width: 30%;

  }

  .svg3 #TabsSvgRow-2 {
    min-width: 50%;


  }

  .svg3 span {
    text-align: left;
    position: relative;
    font-size: 1em;
    left: -1vw;
  }

  .svg3 #TabsSvgRow-1 .svg_palmera {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: -50%;
    top: -15px;

  }

  .svg4 {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: flex-start;
    align-items: center;

    top: 0;
    left: 7%;
    width: 90%;
    margin: 0 auto;
    text-align: left;

  }

  .svg4 #TabsSvgRow-1 {
    min-width: 30%;
  }

  .svg4 #TabsSvgRow-2 {
    min-width: 50%;
  }

  .svg4 span {
    text-align: left;
    position: relative;
    font-size: 1em;
    left: -1vw;
  }

  .svg4 #TabsSvgRow-1 .svg_aceite {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: -50%;
    top: -15px;

  }

  .svg5 {
    position: absolute;
    top: -210px;
    left: 48%;
  }

  .swiper-slide img {
    display: block;
    width: 15vw;
    margin: 0 auto;

    object-fit: cover;
    animation-name: animar_agricultor;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;
  }

  .contenido2_2_mov{
    display: block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 24px;
    font-size: 14px;
    color: #194022;
    font-weight: normal;
  }
  .contenido2_2_mov span{
    font-size: 30px;
  }









}

@media screen and (max-width: 600px) {
  .btn_palma {
    width: 1.1em;
    height: 1.1em;
  }

  .contenedor_mapa {
    margin-top: 31px;
    max-width: 80%;
    margin-left: 95px;
  }

  .contenedor_btn {
    overflow: visible;
  }

  .panel_contenido5 {
    min-width: 100px;
    margin-left: -32px;
    margin-top: 32px;

  }

  .mapa {

    width: 100%;
    margin-top: 0px;
  }

  .contenido_movil {
    display: block;
  }

  .slider {


    display: block;
  }

  .slider_2 {


    display: block;
  }

  .container {

    width: 100%;
  }

  .h1titulo {

    font-size: 0.7em;
    width: 90%;

  }

  .h1titulo span {

    font-size: 2.3em;
    padding-top: 15px;
    padding: 25px 0 0;
  }


  .mapa img {
    width: 80%;
    margin-left: 20%;
  }

  .contenido_1 {
    display: none;
  }

  .contenido_2 {
    display: none;
  }

  .contenido_2_2 {
    display: none;
  }

  .contenido_2_3 {
    display: none;
  }

  .contenido_3 {
    display: none;
  }

  .contenido_4 {
    display: none;
  }

  .contenido_5 {
    display: none;
  }

  .contenido_6 {
    display: none;
  }

  .contenido_7 {
    display: none;
  }

  .divtabla1 {
    display: none;
  }

  .tabla1 {

    display: none;
  }

  .tabla2 {

    display: none;
  }

  .tabla3 {

    display: none;
  }

  .footer1 {
    padding: 20px 0 5px;
    font-size: 1.5vw;
  }
.footer1 b{
    font-size: 14px;
    position: relative;
  }

  .container {

    min-height: 100%;
    margin: 0 auto;
    background-color: white;
    left: 0;
    right: 0;
    font-family: 'Gandhi Sans';
    font-size: 19px;
    color: #3f4e55;
  }



  .tabs_1 {
    display: block;
    position: absolute;
    z-index: 5;
    width: 100%;


  }

  /*Vertical Tabs*/
  .mdl-tabs__panel {
    display: none;
  }

  .vertical-mdl-tabs {
    margin-top: 0;
  }

  .vertical-mdl-tabs .mdl-tabs__tab-bar {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
    border-bottom: none;
    border-right: 1px solid rgba(10, 11, 49, 0.20);
  }

  .vertical-mdl-tabs .mdl-tabs__tab {
    width: 100%;
    height: 100px;
    line-height: 35px;
    box-sizing: border-box;
    letter-spacing: 2px;
  }

  .vertical-mdl-tabs .mdl-tabs__tab:hover {
    background: rgba(158, 158, 158, 0.34);
    color: black;
  }

  .vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
    border-right: 3px solid #135126;
  }

  .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    content: inherit;
    height: 0;
  }

  .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active,
  .mdl-tabs__panel {
    padding: 80px 30px;
    background-color: rgba(247, 247, 247, 0.927);
    border-radius: 0 15px 15px 0;
    display: flex;
    flex-direction: column;
    height: 65%;
    justify-content: baseline;
    align-items: center;
    text-align: left;
  }

  .vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    text-align: left;
  }

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

  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: #E21549;
  }


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



  /*-----------------svgs---------*/

  .svg_agricultor {

    position: relative;
    animation-name: animar_agricultor;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;


    width: 130%;
    left: -7%;
    top: -15%;
  }


  .svg_palmera {


    position: relative;
    animation: animar_agricultor 5s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

    width: 150%;
    left: -20%;
    top: 16%;
  }


  .svg_aceite {


    position: relative;
    animation-name: animar_agricultor;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;


    width: 100%;
    left: 10%;
    top: 13%;
  }

  .svg_guantes {


    position: relative;
    animation-name: animar_agricultor;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

    width: 130%;
    left: -6%;
    top: -15%;
  }





  .svg_palntasFondo {

    position: relative;
    width: 100%;

  }

  .svg_palntasFondo#svg_fondo1 {
    width: 130%;
    left: -7%;
    top: -0;
  }

  .svg_palntasFondo#svg_fondo2 {
    top: -5px;
    left: 1.5vw;
  }

  #plantasfondo1 .cls-1pf {
    fill: #006533;
    animation-name: animar_plantasFondo1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

  }

  #plantasfondo1 .cls-2pf {
    fill: #008d36;
    animation-name: animar_plantasFondo2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

  }

  #plantasfondo1 .cls-3pf {
    fill: #95c11f;
    animation-name: animar_plantasFondo3;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 0.5s;
    animation-timing-function: ease;

  }

  #fruta_1 .cls-4fr {
    fill: #432918;

  }

  #fruta_1 .cls-1fr,
  .cls-4fr {
    fill: #f9b234;


    animation-name: animar_fruta;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: nomal;
    animation-delay: 1.5s;
    animation-timing-function: ease-in;

  }

  #fruta_1 .cls-3fr {
    fill: #f39200;
    animation-name: animar_fruta2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: nomal;
    animation-delay: 1.5s;
    animation-timing-function: ease-in;
  }


  #fruta_1 .cls-2fr {
    fill: #e94e1b;
    animation-name: animar_fruta3;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: nomal;
    animation-delay: 1.5s;
    animation-timing-function: ease-in;
  }




  .svg_fruta {


    position: relative;


    width: 5.5vw;

    top: 40px;
  }

  .svg1 {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: flex-start;
    align-items: center;

    top: 0;
    left: 7%;
    width: 90%;
    margin: 0 auto;
    text-align: left;

  }

  .svg1 #TabsSvgRow-1 {
    min-width: 30%;

  }

  .svg1 #TabsSvgRow-2 {
    min-width: 50%;


  }

  .svg1 span {
    text-align: left;
    position: relative;
    font-size: 1.5em;
    font-weight: bold;
    left: -1.5vw;
  }

  .svg1 #TabsSvgRow-1 .svg_agricultor {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: -50%;
    top: -15px;

  }

  .svg1 #TabsSvgRow-1 .svg_palntasFondo#svg_fondo1 {
    position: relative;
    width:
      100%;
    margin: 0 auto;
    left: -50%;
    top: 150%;

  }




  .svg1 p {
    position: relative;
    font-size: 1em;
    left: -1vw;

  }




  .svg2 {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: flex-start;
    align-items: center;

    top: 0;
    left: 7%;
    width: 90%;
    margin: 0 auto;
    text-align: left;

  }

  .svg2 #TabsSvgRow-1 {
    min-width: 30%;

  }

  .svg2 #TabsSvgRow-2 {
    min-width: 50%;


  }

  .svg2 span {
    text-align: left;
    position: relative;
    font-size: 1.5em;
    left: -0.5vw;
    font-weight: bold;
  }

  .svg2 #TabsSvgRow-1 .svg_guantes {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: -50%;
    top: -15px;

  }

  .svg2 #TabsSvgRow-1 .svg_palntasFondo#svg_fondo1 {
    position: relative;
    width:
      100%;
    margin: 0 auto;
    left: -50%;
    top: 150%;

  }


  .svg3 {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: flex-start;
    align-items: flex-start;

    top: 0;
    left:0;
    width: 100%;
    margin: 0 auto;
    text-align: left;

  }

  .svg3 #TabsSvgRow-1 {
    min-width: 30%;

  }

  .svg3 #TabsSvgRow-2 {
    min-width: 50%;
  }

  .svg3 span {
    text-align: left;
    position: relative;
    font-size: 1em;
    left: 0;
  }
  .countTabs3-3{
    display: block;
  }
  .svg3 #TabsSvgRow-1 .svg_palmera {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: 0;
    top: -15px;

  }




  .svg4 {
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: flex-start;
    align-items: center;

    top: 0;
    left: 7%;
    width: 90%;
    margin: 0 auto;
    text-align: left;

  }

  .svg4 #TabsSvgRow-1 {
    min-width: 30%;

  }

  .svg4 #TabsSvgRow-2 {
    min-width: 50%;


  }

  .svg4 span {
    text-align: left;
    position: relative;
    font-size: 1em;
    left: -1vw;
  }

  .svg4 #TabsSvgRow-1 .svg_aceite {
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: -50%;
    top: -15px;

  }

  .svg5 {

    position: absolute;
    top: -180px;
    left: 50%;



  }




  .contenido_movil .contenido5 {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 20px;
    box-sizing: border-box;
    padding: 24px 32px 0;
    color: #58762A;
  }
  .contenido_movil .contenido5 p{
    width: 50%;
  }

  .contenido_movil .contenido6 {}

  .contenido_movil .contenido7 h2 {

    font-size: 1.2em;
    color: #95c11f;
    text-decoration: underline;
    line-height: 1em;
    margin: 1em 0 0;
    font-weight: bold;
    text-transform: uppercase;
  }

  .contenido_movil .contenido7 p {

    margin: 0;
    line-height: 1.15em;

  }


  .footer1 img {

    max-width: 474px;
    width: 80%;
  }

  .footer1 b {

    position: relative;
    font-size: 16px;
  }
.txt_fecha_cifras{
  padding-bottom: 0;
}
.mdl-grid.mdl-grid--no-spacing{
  height: 100vw !important;
}
.mdl-grid.mdl-grid--no-spacing>.mdl-cell{
  height: 100%;
}
}



@media screen and (max-width: 320px) {
  .contenedor_mapa {
    margin-top: 31px;
    max-width: 80%;
    margin-left: 78px;
  }

  .contenedor_btn {
    overflow: visible;
  }

  .panel_contenido5 {
    min-width: 100px;
    margin-left: -32px;
    margin-top: 32px;

  }

  .mapa {

    width: 100%;
    margin-top: 80px;
  }

  .contenido_movil {
    display: block;
  }

  .btn_palma {
    width: 1em;
    height: 1em;
  }

  .contenido_movil .contenido5 {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 95px 0 0;
  }
}