* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: Heebo;
  src: url(../font/Heebo-Regular.ttf);
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Heebo-Light;
  src: url(../font/Heebo-Light.ttf);
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: Heebo-Medium;
  src: url(../font/Heebo-Medium.ttf);
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Heebo-Bold;
  src: url(../font/Heebo-Bold.ttf);
  font-weight: 700;
  font-display: swap;
}

/* @font-face {
  font-family: Heebo-ExtraBold;
  src: url(../font/Heebo-ExtraBold.ttf);
  font-weight: 800;
} */

:root {

  --color-sea-green   : #246E45;   /*Pea*/
  --color-light-green : #F1FFD9; /*Saltpan*/
  --color-medium-green: #9EC659; /*Olinivi*/
  --color-dark-green  : #07361C;
  --color-green       : #0F4326; /*Zuccini*/

  --color-green-menu   : #0E4527;
  --color-button-blog  : #83A941;
  --color-green-deepFir: #0B3B20;

  --color-gray         : #5D5D5D;
  --color-sea-blue     : #5EB3CC;

  --color-border-line: #FFFFFF;
  --color-text-table: #707070;
  --color-trTable: rgba(241,241,241,.8);

  /* Background */
  --bg-footer: #000000;

  /* Font-size */

  --fz-buttons: 1em;
  --fz-subtitle: 24px;
  --fz-primary: 1em;
  --fz-footer: 1em;
  --fz-box-desc: 18px;
  --fz-title-home: 3.65vw;
  --fz-title-home-abonasa: 60px;
  --fz-title: 50px;
  --fz-title-products: 28px;
  --fz-btn-more: 1em;
  --fz-title-card-benefit: .75em;
  --fz-modal-title: 1em;
  --fz-title-table: 30px;

  --h-menu: 90px;
  --h-footer: 118px;

  /* ---  SOCIALS --- */
  --color-behance  : #003ECB;
  --color-twitter  : #2b97f1;
  --color-instagram: #527fa6;
  --color-linkedin : #006599;
  --color-facebook : #3b5a9b;

  /* OTHERS */
  --color-danger : #ED1B2E;
  --color-success: #4CAF50;

  /* Font-family */
  --ff-regular: "Heebo";
  --ff-light: "Heebo-Light";
  --ff-medium : "Heebo-Medium";
  --ff-bold   : "Heebo-Bold";
  /* --ff-xbold  : "Heebo-ExtraBold"; */
}

.border {
  border-color: var(--color-danger)!important;
}
html,
body {
  /*min-height: 100vh;*/
}

body {
  height: 100%;
  font-family: var(--ff-regular);
  position: relative;
  overflow-x: hidden;
  color: #ffffff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  z-index: 1000;
}

::-moz-selection {
  background-color: rgba(7, 54, 28, .9);
  color: var(--color-light-green);
}

::selection {
  background-color: rgba(7, 54, 28, .9);
  color: var(--color-light-green);
}

.shadow_text-focus::-moz-selection {
  text-shadow: 0 0 5px var(--color-light-green);
}

.shadow_text-focus::selection {
  text-shadow: 0 0 5px var(--color-light-green);
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-sea-green);
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-sea-green);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-sea-green);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--color-sea-green);
}

a:hover {
  cursor: pointer;
  color: inherit;
}

a:focus {
  outline: none;
}

button {
  border: none;
}

button:focus,
textarea:focus,
input:focus {
  outline: none !important;
  box-shadow: none !important;
}

a {
  text-decoration: none !important;
  color: inherit;
}

ul {
  margin: 0;
}

ol,
li {
  list-style: none;
}

p {
  margin: 0.6em 0;
}


.scroll-scroll::-webkit-scrollbar {
  width: 4px;
}

.scroll-scroll::-webkit-scrollbar-button {
  display: none;
}

.scroll-scroll::-webkit-scrollbar-thumb {
  background-color: var(--color-sea-green);
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.scroll-scroll::-webkit-scrollbar-track {
  background-color: white;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
}

.scroll-scroll::-webkit-scrollbar-corner {
  background-color: transparent;
}

/*FIREFOX*/
.scroll-scroll {
  scrollbar-color: var(--color-sea-green) transparent;
}

.eventNone {
  pointer-events: none;
}

.transitions {
  -webkit-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}

.transition2x {
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.transition3x {
  -webkit-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}


.transitionlinear {
  -webkit-transition: all 600ms linear;
  -o-transition: all 600ms linear;
  transition: all 600ms linear;
}

.push-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
   -webkit-transition: transform 200ms ease-out;
  -o-transition: transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

.push-active:active {
  -webkit-transform: scale(.92);
  -ms-transform: scale(.92);
  -o-transform: scale(.92);
  transform: scale(.92);
  -webkit-transition: transform 200ms ease !important;
  -o-transition: transform 200ms ease !important;
  transition: transform 200ms ease !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.h-visible {
  opacity: 1 !important;
  visibility: visible !important;
}

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.text-error {
  color: var(--color-danger);
  font-size: 14px;
  margin-top: .3125rem;
  display: block;
  font-weight: 600;
  letter-spacing: .02em;
  display: none;
}

.bg_alert-success {
  background-color: var(--color-success);
}

.bg_alert-error {
  background-color: var(--color-danger);
}

.box_alert {
  display: none;
  width: 100%;
  padding: .25em;
  text-align: center;
  top: -50px;
  opacity: 0;
  visibility: hidden;
}
.box_alert.view_alert {
  top: 0;
  opacity: 1;
  visibility: visible;
}


.color-green-sean {
  color: var(--color-sea-green);
}

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

.color-light-green {
  color: var(--color-light-green);
}

.color-medium-green {
  color: var(--color-medium-green);
}

.bg_color-green {
  background-color: var(--color-green);
}
.bg_color-dark-green {
  background-color: var(--color-dark-green);
}

.bg_color-green-light {
  background-color: var(--color-light-green);
}

.bg_color-green-medium {
  background-color: var(--color-medium-green);
}

.content-video {
  width: 100%;
  height: auto;
  position: relative;
}
.content-video::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0 ;
  bottom: 0;
  background-color: #00000099;
  z-index: 1;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.content-video.video-hidden::before {
  opacity: 0;
  z-index: 0;
}

video,
source {
  object-fit: cover;
}

.content-video video {
  width: 100%;
  height: 100%;
}

video::-internal-media-controls-download-button {display:none}
video::-webkit-media-controls-enclosure {overflow:hidden}
video::-webkit-media-controls-panel {width: calc(100% + 58px); /* Ajustar los pixeles segun se necesite */}

.content-video .play-circle {
  position: absolute;
  z-index: 50;
}

.content-video .play-circle .play-pause {
  white-space: nowrap;
  padding: .5em 1.85em;
}
.content-video .play-circle img {
  width: 20%;
  margin-right: 1rem;
}

.content-video .play-circle:hover {
  cursor: pointer;
}


/******************** Global ********************/

.jump {
  display: block;
}

.parraf-content {
  font-size: var(--fz-primary);
}

.title-content .title-title {
  font-size: var(--fz-title);
  margin-bottom: 0;
  line-height: 1.5
}

.padding_content{
  padding-left: calc(calc(calc(100% - 91.666667%) / 2) - 15px);
}

.padding_content-df{
  padding-left: calc(calc(calc(100% - 91.666667%) / 2) + 15px);
}

.super_title_content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 0;
  font: var(--fz-title) var(--ff-bold);
  line-height: 1.2;
}

.wrap-line-content {
  border-bottom: 1px solid var(--color-border-line);
  width: 100%;
  height: 0;
  display: block;
  margin: 0 2rem;
}

.subtitle-text {
  font: var(--fz-primary) var(--ff-bold);
  margin-bottom: 0;
}

.wrap_move .wrap_move-context,
.wrap_move .wrap_move-picture {
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.wrap_content-title {
  margin-top: 6vw;
  margin-bottom: 4vw;
}

.btn-content {
  display: inline-block;
  margin-top: 3vw;
  position: relative;
  z-index: 1000;
}

.btn-btn,
[class*="btn--linear"] {
  border-radius: 1.7em;
  padding: .4em 1.85em;
  font-size:  var(--fz-buttons);
  position: relative;
  display: inline-block;
  font-family: var(--ff-bold);
}

.btn--linear {
  background: transparent linear-gradient(113deg, #9EC659 0%, #769B36 100%) 0% 0% no-repeat padding-box;
  margin-right: 1rem
}

.btn--linear-no {
  background-color: transparent;
  border: 1px solid var(--color-button-blog);
  color: var(--color-button-blog) !important;
}

.btn-btn {
  color: var(--color-sea-green);
  background-color: var(--color-sea-green);
  margin-right: 1rem;
}

.btn-btn:hover {
  color: var(--color-sea-green);
}

.title-description,
.parraf-description {
  color: var(--color-green-deepFir);
  font-size: var(--fz-box-desc);
}

.title-description {
  font-family: var(--ff-medium);
}

.border-picture {
  border-radius: 15px;
  overflow: hidden;
}

.wrap-picture img{
  object-fit: cover;
  object-position: center;
}

/******************** STYLE CONTENT-MAP ********************/

.box-map {
  width: 100%;
  max-width: 260px;
}

.box-map strong,
.box-map b,
.box-map .title {
  color: var(--color-sea-green);
}

.box-map .title {
  display: block;
  font-size: 1.25em;
  margin-bottom: .5rem;
}

.box-map strong,
.box-map b {
  font-family: var(--ff-bold);
}

/******************** STYLE LOGO/INSTITUCIONES ********************/
.wrap_content-logos {
  margin-top: 9vw;
}

.wrap_content-logos .content-logos {
  width: 100%;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: center;
}

.wrap_content-logos .item-logo {
  text-align: center;
  padding: 0 30px;
  margin-bottom: 1rem;
}

.wrap_content-logos .item-logo img {
  height: 90px;
  object-fit: contain;
  width: 100%;
  max-width: 180px
}


/******************** HEADER ********************/
  .header {
    height: var(--h-menu);
    z-index: 5000;
  }

  .header .menu .item .link {
    border-radius: .85em;
    color: #ffffff;
    display: inline-block;
    padding: .1em 1em;
    font: var(--fz-buttons) var(--ff-medium) ;
    -webkit-transition: all 400ms ease-out, transform 150ms ease-out;
    -o-transition: all 400ms ease-out, transform 150ms ease-out;
    transition: all 400ms ease-out, transform 150ms ease-out;
  }

  .header .menu .item:not(:last-child) {
    margin-right: 4rem;
  }
  .header .menu .item .link.active,
  .header .menu .item .link:hover {
    color: var(--color-green-menu);
    background-color: #ffffff;
    -webkit-transition: padding 400ms ease, color 400ms ease, background-color 400ms linear;
    -o-transition: padding 400ms ease, color 400ms ease, background-color 400ms linear;
    transition: padding 400ms ease, color 400ms ease, background-color 400ms linear
  }

  /* TOGGLE */
  .toggle {
    display: none;
    width: 28px;
    height: 30px;
  }

  .toggle span:after,
  .toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -9px;
  }

  .toggle span:after{
    top: 9px;
  }

  .toggle span {
    position: relative;
    display: block;
  }

  .toggle span,
  .toggle span:after,
  .toggle span:before {
    width: 100%;
    height: 5px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
  }

  /* on activation */
  .toggle.on span {
    background-color: transparent;
  }
  .toggle.on span:before {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .toggle.on span:after {
    transform: rotate(-45deg) translate(7px, -8px);
  }

/******************** HOME ********************/

  /*Bloque 1*/
  .main_home .wrap_content .content_one .super-title {
    font-family: var(--ff-bold);
    font-size: var(--fz-title-home);
  }

  .main_home .wrap_content .content_one .super-title > span {
    display: block;
  }

  .main_home .wrap_content .content_one .parraf-content {
    /*width: 100%;
    max-width: 75%;*/
    min-width: 50%;
    margin-top: 2.1vw;
    font-size: var(--fz-subtitle);
    font-family: var(--ff-bold);
  }

  .main_home .content_one {
    position: relative;
  }

  .main_home .wrap_content-info {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
  }

  .main_home .wrap_content-info .box-box {
    margin-top: 6vw;
  }

  /*Slider*/
  .main_home .wrap_content-slider {
    height: calc(100vh - var(--h-menu));
    overflow: hidden;
  }

  .main_home .wrap_content-slider .item-img img {
    object-fit: cover;
    filter: brightness(0.7);
    width: 100%;
  }

  .main_home .wrap_content-slider .item-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    opacity: 0;
    visibility: hidden;
  }

  .main_home .wrap_content-slider .item-img.active {
    position: relative;
    z-index: 1;
    opacity: 1;
    visibility: visible;
  }

  /*Bloque 2*/

  .main_home .content-two .wrap_content-video {
    padding-top: 8vw;
    padding-bottom: 1rem;
  }

  .main_home .content-two .wrap_content-video .col-video {
  }

  .main_home .content-two .wrap_content-video > div:not(.col-video) {
    top: 0;
  }

  .main_home .content-two .wrap_content-video .left-pos {
    left: 0;
  }

  .main_home .content-two .wrap_content-video .right-pos {
    right: 0;
  }

  .main_home .wrap_content .content-two .super_title_content {
    margin-bottom: 6vw;
  }
  .main_home .wrap_content .content-two .super_title_content,
  .main_home .wrap_content .content-two .wrap-box {
    margin-top: 6vw;
  }

  .main_home .wrap_content .content-two .wrap-box {
    margin-bottom: 6rem;
  }

  .main_home .wrap_content .content-two {
    background-color: transparent;
  }
  .main_home .wrap_content .content-two .title-text {
    font: var(--fz-primary) var(--ff-medium);
  }

  .main_home .wrap_content .content-two .title_content {
    font-family: var(--ff-medium);
    font-size: var(--fz-title-home-abonasa);
  }

  .main_home .wrap_content .content-two .box-content::before,
  .main_home .wrap_content .content-two .box-content::after {
    content: "";
    width: 50%;
    height: 100%;
    display: table;
    position: absolute;
    top: 0;
    overflow: hidden;
  }

  .main_home .wrap_content .content-two .box-content::before {
    background-color: var(--color-green);
    left: 0;

  }

  .main_home .wrap_content .content-two .box-content::after {
    background-color: var(--color-light-green);
    right: 0;
  }

  .main_home .wrap_content .content-two .wrap-content {
    border-radius: 15px 15px 0 0;
    z-index: 10
  }

  .main_home .wrap_content .content-two .wrap-content .row-content {
    margin-bottom: 8rem
  }

  .main_home .wrap_content .content-two .wrap-content .title-content {
     margin: 5rem 0;
  }

  .main_home .wrap_content .content-two .wrap-content .title-content .title-title:nth-child(2) {
    font-family: var(--ff-bold);
  }

/******************** PRODUCTS ********************/

  .main_product .super_title {
    font-family: var(--ff-bold);
    font-size: var(--fz-title);
  }

  .main_product .subtitle-text,
  .main_product .wrap_content .box-card {
    margin-left: 2rem;
  }

  .main_product .wrap_content .wrap-card .box-card {
    max-width: 76%;
    top: 0;
    bottom: initial;
    left: 0;
    padding-right: 34%;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
  }

  .main_product .wrap_content .wrap-card .box-card .image-description .img-bird {
    width: 40%;
    padding-bottom: 1.5em;
  }

  .main_product .wrap_content .wrap-picture {
    padding-right: 2rem;
  }

  .main_product .wrap_content .picture-content {
    width: 100%;
    max-width: 673px;
    min-width: 320px;
    margin-left: auto;
  }

  .main_product .wrap-card .box-card {
    margin-bottom: 0;
  }

  /*PRODUCTO*/
  .wrap_content-box_card .link_logo-float {
    top: 10.5vw;
    text-align: center;
  }
  .wrap_content-box_card .link_logo-float img {
    width: 75%;
    display: inline-block;
    border-radius: 5px;
  }

  .wrap_content-box_card {
    margin-bottom: 9vw;
  }

  .wrap_content-box_card .cnt-prod {
    margin-bottom: 40px;
  }

  .wrap_content-box_card .content_title {
    font: var(--fz-title-products) var(--ff-bold);
    margin-top: 9.5vw;
    margin-top: 3.5vw;
    margin-bottom: 2rem;
  }

  .wrap_content-box_card .content_description > div:nth-of-type(1) {
    margin-top: 2rem;
  }

  .wrap_content-box_card .row-items-products > div {
    padding: 15px;
    -webkit-transition: box-shadow .4s ease-out;
    -o-transition: box-shadow .4s ease-out;
    transition: box-shadow .4s ease-out;
    border-radius: 15px;
  }

  .wrap_content-box_card .row-items-products .notdiv{
    padding-bottom: 5rem;
  }

  .wrap_content-box_card .row-items-products > div:not(.notdiv):hover {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    -webkit-transition: box-shadow .4s ease .1s;
    -o-transition: box-shadow .4s ease .1s;
    transition: box-shadow .4s ease .1s;
  }

  .wrap_content-box_card .content_description .title,
  .wrap_content-box_card .content_description .type_product {
    font-size: var(--fz-primary);
  }

  .wrap_content-box_card .content_description .title {
    font-family: var(--ff-bold);
  }

  .wrap_content-box_card .content_description .box-description{
    color: var(--color-gray);
    font-size: var(--fz-primary);
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-right: 15px;
  }

  .wrap_content-box_card .content_description .more-btn {
    display: inline-block;
  }

  .wrap_content-box_card .content_description .more-btn .btn-more{
    font: var(--fz-btn-more) var(--ff-bold);
    color: var(--color-dark-green);
  }

  .wrap_content-box_card .content_description .more-btn .btn-more:hover{
    cursor: pointer;
  }

  .wrap_content-box_card .content_description .more-btn .txt {
    margin-left: 1rem;
    display: inline-block;
  }

  /*MODAL PRODUCTS*/
    .modal-products {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: 5000;
      background-color: #000000cc;
      overflow: hidden;
      overflow-y: auto;
      opacity: 0;
      visibility: hidden;
    }

    .modal-products .row-modal {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      height: 100%;
      -ms-align-items: center;
      align-items: center;
    }

    .modal-products .modal_content .wrap-modal_content{
      background-color: white;
      border-radius: 1em;
      -webkit-box-shadow: 3px 5px 16px 1px #ffffff50;
      box-shadow: 3px 5px 16px 1px #ffffff50;
      padding: 25px 15px;
    }
    .modal-products .modal_content {
      width: 100%;
      max-width: 750px;
      min-width: 320px;
      margin: 10em auto;
      margin-bottom: 10em 0;
      -webkit-transform: scale(.95) translateY(-40px);
      -ms-transform: scale(.95) translateY(-40px);
      -o-transform: scale(.95) translateY(-40px);
      transform: scale(.95) translateY(-40px);
      opacity: 0;
      -webkit-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      transition: all 300ms ease-out;
      position: absolute;
      top: 0;
    }

    .modal-products .modal_content.open-modal {
     -webkit-transform: scale(1) translateY(0);
      -ms-transform: scale(1) translateY(0);
      -o-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0);
      opacity: 1;
      -webkit-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease;
    }

    .modal-products .modal_content.open-out {
      -webkit-transform: scale(1.1) translateY(70px);
      -ms-transform: scale(1.1) translateY(70px);
      -o-transform: scale(1.1) translateY(70px);
      transform: scale(1.1) translateY(70px);
      opacity: 0;
    }

    .modal-products .modal-close{
      position: absolute;
      right: 20px;
      top: 20px;
      z-index: 1;
    }
    .modal-products .modal-close:hover {
      cursor: pointer;
    }

    .modal-products .modal_content .modal-bold {
      font-family: var(--ff-bold);
    }

    .modal-products .modal_content .modal-title {
      font: var(--fz-modal-title) var(--ff-bold);
      padding-bottom: .1em;
    }

    .modal-products .modal_content .modal-line {
      border-bottom: 1px solid var(--color-sea-green);
    }

    .modal-products .modal_content .modal-subtext {
      color: var(--color-gray);
      margin-bottom: 0;
      font-size: var(--fz-primary);
      margin-top: 1rem;
    }

    .modal-products .modal_content-table .modal-table {
      padding: 0 15px;
      margin-top: 25px;
      width: 100%;
      table-layout: fixed;
       font-size: var(--fz-primary);
    }

    .modal-products .modal_content-table .modal-table th {
      padding: .5em 2em;
    }

    .modal-products .modal_content-table .modal-table tbody > tr th{
      color: #707070;
      font-family: var(--ff-light);
       font-size: var(--fz-primary);
      margin-bottom: 2rem;
    }

    .modal-products .modal_content-table .modal-table tbody > tr th:not(:last-child) {
      border-right: 1px solid var(--color-sea-green);
    }

    .modal-products .modal_content-table .modal-table tbody > tr:nth-child(even) {
      background-color: #eee;
    }

    .modal-products .modal_content-dosis {
      margin-top: 4rem;
    }

    .modal-products .modal_content-dosis .modal-context > *{
      font-size: var(--fz-primary);
      margin-top: 0;
    }

    .modal-products .modal_content-dosis .modal-context {
      color: var(--color-gray);
      margin-top: 3rem;
    }

    .modal-products .modal_content-recommend {
      margin-top: 3rem;
    }

    .modal-products .modal_content-recommend .parraf-content {
      font-family: var(--ff-light);
    }

  /*BENEFITS - POSITION LEFT*/
    .main_product .wrap_content-benefits > [class*="col-"] {
      padding-bottom: 7vw;
    }

    .main_product .wrap_content-benefits .wrap-card .box-card {
      background-color: #95C159;
      color: var(--color-dark-green);
      padding-right: 30.4px;
    }

    .main_product .wrap_content-benefits .wrap_content-benefits_info  {
      margin-top: 5rem;
      margin-bottom: 9rem;
      max-width: 400px;
    }

    .main_product .wrap_content-benefits .hgroup :first-child{
      color: #95C159;
      font-family: var(--ff-bold);
    }

    .main_product .wrap_content-benefits .hgroup :first-child + .title {
      font: var(--fz-title) var(--ff-bold);
      margin-top: 1rem;
    }

    .main_product .wrap_content-benefits .parraf-content {
      font-size: var(--fz-primary);
      width: 100%;
      max-width: 576px;
      min-width: 320px;
      margin-top: 2rem;
    }

    /*BENEFITS - POSITION RIGHT/LEFT*/
    .main_product .wrap_content-benefits .wrap_content-benefits_left {
      background: var(--color-light-green) var(--bg-img) center bottom no-repeat padding-box;
    }

    .main_product .wrap_content-benefits .col-benefits{
      padding: 1em 1em 0;
      /*padding-right: 3em;*/
      margin-bottom: 1rem;
      border: 5px solid transparent;
      border-radius: 20px;
      background: #FFFFFF padding-box;
      max-width: 220px;
      text-align: center;
    }

    .main_product .wrap_content-benefits .col-benefits h5{
      color: var(--color-sea-blue);
      font-size: var(--fz-title-card-benefit);
      font-family: var(--ff-bold);
    }

    .main_product .wrap_content-benefits .col-benefits .benefits-detail .benefits_detail-title {
      font-family: var(--ff-bold);
    }
    .main_product .wrap_content-benefits .col-benefits .benefits-detail .benefits_detail-title,
    .main_product .wrap_content-benefits .col-benefits .benefits-detail .benefits_detail-content {
      font-size: var(--fz-primary);
    }

    .main_product .wrap_content-benefits .col-benefits .benefits-detail .benefits_detail-content {
      color: var(--color-gray);
    }
    .main_product .wrap_content-benefits .col-benefits .benefits-icon {
      margin: 1em 0;
      text-align: center;
    }

    .main_product .wrap_content-benefits .col-benefits .benefits-icon img{
      width: 50px;
      height: 50px;
    }

    .main_product .wrap_content-benefits .row-benefits {
      position: absolute;
      margin: auto;
      left: -100px;
      -webkit-transform: translateX(5%) translateY(-50%);
      -ms-transform: translateX(5%) translateY(-50%);
      -o-transform: translateX(5%) translateY(-50%);
      transform: translateX(5%) translateY(-50%);
      top: 50%;
    }

/******************** PACKAGE ********************/

  .main_package .wrap-line-content{ 
    margin-bottom: 50px;
  }

  .main_package .wrap-picture img {
    height: 493px;
  }

  .main_package .wrap_content-table {
    margin-top: 10rem;
    margin-bottom: 8rem;
  }

  .main_package .wrap_content-table .col-position {

  }
  .main_package .wrap_content-table .col-position:nth-child(even) {
    right: 0;
  }

  .main_package .wrap_content-table .col_table {
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    background-color: #ffffff;
    padding: 1.5em;
    margin-bottom: 3rem;
  }

  .main_package .wrap_content-table .content_table-header .title {
    font: var(--fz-title-table) var(--ff-bold);
  }

  .main_package .wrap_content-table .content_table-header .wrap-line-content{
    border-color: var(--color-sea-green);
    margin: 0;
  }

  .main_package .wrap_content-table .content_table-header .btn_icon:hover {
    cursor: pointer;
  }


  .main_package .wrap_content-table .content_table-body {
    height: 0;
    overflow: hidden;
  }

  .main_package .wrap_content-table .content_table-body.open-table {
    margin-top: 3rem;
    height: auto;
  }

  .main_package .wrap_content-table .content_table-body table {
     table-layout: fixed;
  }

  .main_package .wrap_content-table .content_table-body table thead tr th{
    color: var(--color-sea-green);
    font-family: var(--ff-bold);
  }

  .main_package .wrap_content-table .content_table-body table thead tr th,
  .main_package .wrap_content-table .content_table-body table tbody tr td {
    border: none;
    font-size: var(--fz-primary);
    /*text-indent: 1.2em;*/
    padding: .32em 15px;
    text-align: center;
  }

  .main_package .wrap_content-table .content_table-body table tbody tr td:not(:last-child) {
    border-right: 1px solid var(--color-sea-green);
  }

  .main_package .wrap_content-table .content_table-body table tbody tr:nth-child(even) {
    background-color: var(--color-light-green);
  }

  .main_package .wrap_content-table .content_table-body table tbody tr:hover {
    background-color: var(--color-trTable);
  }

  .main_package .wrap_content-table .content_table-body table tbody tr td {
    color: var(--color-text-table);
  }

  .main_package .wrap_content-table .content_table-body .tfooter {
    width: 100%;
    margin-top: 3.75rem;
  }

/******************** PRIVACY ********************/


  .main_privacy .wrap_content .super_title_content {
    color: var(--color-sea-green);
  }

  .main_privacy .wrap_content .wrap_content-privacy  {
    margin: 7rem 0;
  }

  .main_privacy .wrap_content .content-privacy > p {
    color: var(--color-gray);
    margin-top: 3rem
  }

  .main_privacy .wrap_content .content-privacy .privacy-bold {
    font-family: var(--ff-bold);
    display: block;
  }

  .main_privacy .wrap_content .super_title_content .wrap-line-content {
    border-color: var(--color-sea-green);
  }

/******************** CONTACT ********************/
  .main_contact {
    margin-bottom: 5rem;
  }

  .main_contact .wrap_content-title {
    margin-top: 6vw;
  }

  .main_contact .wrap_content-contact {
   -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }

  .main_contact .wrap-map,
  .main_contact .wrap_content-form .form-contact{
    border-radius: 15px;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    height: 100%;
    min-height: 550px;
  }

  .main_contact .wrap_content-list {
    margin-top: 15vw;
  }

  .main_contact .wrap_content-list .contact_list-col {
    margin-bottom: 4rem;
  }

  .main_contact .wrap_content-list .contact_list-title{
    font-family: var(--ff-bold);
  }

  .main_contact .wrap_content-list .parraf-content{
    color: var(--color-gray);
  }

  .main_contact .wrap_content-list .contact_list-title .wrap-line-content {
    border-color: var(--color-sea-green);
  }

  .main_contact .wrap_content-form .form-contact .title-form {
    text-align: center;
    font-family: var(--ff-bold);
    font-size: var(--fz-primary);
    padding: 2.5rem 0;
  }

  .main_contact .wrap_content-form .form-contact {
    height: 100%;
    /*margin-top: 30px;*/
  }

  .main_contact .wrap_content-form .form-contact .custom-input  {
    margin-bottom: 2rem;
  }

  .main_contact .wrap_content-form .form-contact .custom-textarea .input-value,
  .main_contact .wrap_content-form .form-contact .custom-input .input-value {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: .4em .8em
  }

  .main_contact .wrap_content-form .form-contact .custom-textarea .input-value {
    height: 150px;
    min-height: 100px;
  }

/******************** PACKAGE NUTRITIONAL ********************/

/******************** box-card ********************/

  .wrap-card .box-card {
    background-color: #fff;
    right: 0;
    bottom: 0;
    z-index: 1000;
    border-radius: .85em;
    padding: 1.5em 2em;
    width: 100%;
    /*max-width: 425px;*/
    max-width: 500px;
    min-width: 320px;
    padding: 2.5em 1.9em;
    padding-right: 8em;
    margin-bottom: 2rem;
    position: relative;
  }

  .wrap-card .box-card .content-description .title-description,
  .wrap-card .box-card .content-description .parraf-description {
    font-size: var(--fz-box-desc);
  }

  .wrap-card .box-card .content-description .title-description{
    font-family: var(--ff-medium);
  }

  .wrap-card .box-card .image-description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    text-align: right;
    text-align: end;
  }

  .wrap-card .box-card .image-description .img-bird {
    width: 50%;
    object-fit: cover;
  }

/******************** FOOTER ********************/

  footer,
  .footer {
    width: 100%;
    height: var(--h-footer);
    background-color: var(--bg-footer);
    padding: 0 15px;
  }

  .footer .content .title {
    font: var(--fz-footer) var(--ff-bold);
    margin-bottom: 0;
  }

  .footer .content .copyright {
    font-size: var(--fz-footer);
  }

/******************** MEDIAS-QUERYS ********************/


@media screen and (max-width: 1280px) {
  :root {
    --fz-box-desc: 16px;
    --fz-title: 40px;
  }

  .header .menu .item:not(:last-child) {
    margin-right: 1rem;
  }

  /******************** PRODUCTO ********************/
  .main_product .wrap_content .wrap-card .box-card {
    max-width: 90%
  }

  /******************** PACKAGE NUTRITIONAL ********************/
  .main_package .wrap-picture img {
    height: 380px;
  }

}

@media screen and (max-width: 1200px) {
  .main_home .wrap_content .box-card {
    margin-right: 1.5rem;
    max-width: 375px
  }

  .wrap-card .box-card .image-description {
    left: 25px;
  }

  .wrap-card .box-card {
    padding-bottom: 1.5em;
  }

  /*BENEFITS - POSITION RIGHT*/
  .main_product .wrap_content-benefits .row-benefits {
    position: relative;
    left: 0;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    top: 0;
  }

  .main_product .wrap_content-benefits .row-benefits {
    justify-content: center;
  }
  .main_product .wrap_content-benefits > [class*="col-"] {
    padding-bottom: 0;
  }

}

@media screen and (max-width: 992px) {
  :root {
    --fz-title-home: 40px;
  }

  .header .menu .item:not(:last-child) {
    margin-right: 1rem;
  }

  .wrap_move {
    margin-top: 6vw;
    margin-bottom: 6vw;
  }

  .wrap_move .wrap_move-context, .wrap_move .wrap_move-picture {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  .wrap_move .wrap_move-context {
    margin-top: 2rem;
  }

  /******************** HOME ********************/
    .main_home .content_one {
      height: auto;
    }

    .main_home .wrap_content .content-two .wrap-box {
      margin-bottom: 6vw;
    }

    .main_home .wrap_content .content-two .wrap-content .row-content {
      margin-bottom: 14vw;
    }

    .main_home .content-two .box-content-right {
      margin-top: 3rem;
    }

    .main_home .wrap_content .content-two .wrap-content {
      border-radius: 0;
    }

  /******************** PACKAGE NUTRITIONAL ********************/
    .main_package .wrap-line-content {
      margin-bottom: 0;
    }
    
    .main_package .super_title_content .jump{
      display: none;
    }
    .main_package .wrap-picture img {
      height: auto;
    }

    .main_package .wrap_content-table {
      margin-top: 12vw;
      margin-bottom: 10vw;
     }

  /******************** PRODUCTOS ********************/
    .main_product .subtitle-text, .main_product .wrap_content .box-card {
      margin-left: 0;
    }

    .main_product .wrap_move .wrap_move-context {
      margin-top: 0;
    }

    .main_product .wrap_content .wrap-card .box-card {
      margin: auto;
    }

    .main_product .wrap_content .wrap-card .box-card {
      padding-top: .9em;
      /*padding-bottom: .2em;*/
    }

    /*BENEFITS - POSITION LEFT*/
      .main_product .wrap_content-benefits .wrap_content-benefits_info {
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
        text-align: center;
        margin-top: 1rem;
      }
      .main_product .wrap_content-benefits .parraf-content {
        max-width: 100%;
        padding: 0 15px;
      }

    /*BENEFITS - POSITION RIGHT*/
      .main_product .wrap_content-benefits .row-benefits {
        position: relative;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
        top: 0;
        padding-top: 20px;
        padding-bottom: 20px;
      }

      .main_product .wrap_content-benefits > [class*="col-"] {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -ms-align-items: center;
        align-items: center;
        padding-bottom: 4vw;
        padding-top: 5vw;
      }

  /******************** CONTACTO ********************/
   .main_contact .wrap_content-contact {
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      -o-transform: translateY(20px);
      transform: translateY(20px);
    }
    .main_contact .wrap_content-title {
      margin-bottom: 0;
    }
    .main_contact .wrap_content-form {
      -webkit-transform: translateY(60px);
      -ms-transform: translateY(60px);
      -o-transform: translateY(60px);
      transform: translateY(60px);
    }

    .main_contact .wrap_content-list {
        margin-top: 8rem;
    }

  /******************** PRIVACY ********************/
    .main_privacy .wrap_content .wrap_content-privacy  {
      margin: 10vw 0;
    }
}


@media screen and (max-width: 900px) {
  .toggle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
  }

  .header .menu .item .link {
    opacity: 0;
  }

  .main-menu {
    border-top: .2em solid var(--color-medium-green);
    width: 50%;
    height: calc(100vh - var(--hh));
    position: fixed;
    top: var(--hh);
    right: -100%;
    opacity: 0;
    -webkit-transition: right 800ms ease-out, opacity .4s ease .2s;
    -o-transition: right 800ms ease-out, opacity .4s ease .2s;
    transition: right 800ms ease-out, opacity .4s ease .2s;
  }

  .main-menu.show {
    right: 0%;
    opacity: 1;
    -webkit-transition: all 600ms ease, opacity .6s ease .1s;
    -o-transition: all 600ms ease, opacity .6s ease .1s;
    transition: all 600ms ease, opacity .6s ease .1s;
  }

  .main-menu .menu {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .main-menu .menu .item:not(:last-child) {
    margin: 0;
    margin-bottom: 1.8rem;
  }

  /******************** PRODUCTOS ********************/
  .main_product .wrap_content .wrap-card .box-card {
    padding-right: 28%;
  }
}


@media screen and (max-width: 767.98px) {
  :root {
    --fz-modal-title: 26px;
  }

  .main_home .wrap_content .content-two .box-content::before, .main_home .wrap_content .content-two .box-content::after{
    display: none;
  }

  .wrap_move .wrap_move-context, .wrap_move .wrap_move-picture {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }


  .main_home .wrap_content .content-two .wrap-content .title-content {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
  }

  /******************** HOME ********************/
  .main_home .wrap_content .content_one .parraf-content .jump {
    display: none;
  }

  /******************** PRODUCTOS ********************/

  .main_product .wrap_content .wrap-card .box-card {
    margin-top: 25%;
    margin-bottom: 5%;
    position: relative !important;
  }

  .main_product .wrap_content .wrap-picture {
    padding-right: 15px;
  }

  .main_product .wrap_content .wrap-card .box-card .image-description .img-bird {
    width: 30%;
  }

  .main_product .subtitle-text, .main_product .wrap_content .box-card {
    margin-left: 0;
  }

  .wrap-card .box-card .image-description .img-bird {
    width: 40%;
  }

  /*BENEFITS - POSITION RIGHT*/
  .main_product .wrap_content-benefits .wrap_content-benefits_info {
    margin-bottom: 14vw;
    margin-left: auto;
    margin-right: auto;
  }

  .main_product .wrap_content-benefits .col-benefits .benefits-icon img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .main_product .wrap_content-benefits .col-benefits .benefits-detail .benefits_detail-title, .main_product .wrap_content-benefits .col-benefits .benefits-detail .benefits_detail-content {
    text-align: center;
  }

  /*MODAL PRODUCTS*/
  .modal-products .modal_content {
    max-width: 75%;
    flex: 0 1 75%;
  }

  .modal-products .modal_content-table .modal-table th {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }

  .main_contact .wrap_content-title .jump {
    display: none;
  }

}

@media screen and (max-width: 576px) {
  :root {
     --h-menu: 90px;
     --h-footer: 135px;
     --fz-footer: 12px;
     --fz-title: 28px;
     --fz-box-desc: 16px;
     --fz-subtitle: 18px;
     --fz-title-home: 30px;
  }

  .padding_content {
    padding-left: 15px;
  }

  .super_title_content {
    display: block;
    white-space: initial;
    line-height: 1.1;
  }

  .wrap-line-content {
    margin: 0 ;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

  .parraf-description,
  .subtitle-text,
  .super_title_content,
  .modal-products .btn-content,
  .main_contact .wrap_content-list,
  .main_home .wrap_content .content-two .wrap-content .title-content,
  .main_home .content_one > *,
  .main_home .wrap_content .content-two .wrap-box,
  .main_home .content-two .box-content-right,
  .wrap_content-box_card .content_title {
    text-align: center;
  }

  .main_product .wrap_content .wrap-picture {
    padding-right: 15px;
  }

  /******************** CONTENT LOGO ********************/

  .wrap_content-logos {
    margin-top: 15vw;
  }

  /******************** MENU ********************/
  .main-menu {
    width: 100%;
  }

  .header .menu .item .link {
    font-size: 24px;
  }

  /******************** HOME ********************/
  .main_home .wrap_content .content_one .parraf-content {
    margin: 2.5rem auto 2rem;
  }

  .main_home .wrap_content .content-two .wrap-content .title-content {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .main_home .wrap_content-info .box-box {
    margin-top: 25vw;
  }

  /******************** CONTACT ********************/
  .main_contact .wrap-map, .main_contact .wrap_content-form .form-contact {
    min-height: 360px;
  }

  /******************** BOX-CARD ********************/
  .wrap-card .box-card {
    margin-left: auto;
    margin-right: auto;
  }


  /******************** PRODUCTS ********************/
  /*BENEFITS - POSITION RIGHT*/
  .main_product .wrap_content-benefits .wrap_content-benefits_info {
    text-align: center;
  }

  .wrap-card .box-card .image-description .img-bird{
    width: 30%;
  }

  .main_product .wrap_content-benefits .hgroup :first-child {
    font-size: 28px;
  }


  .wrap_content-box_card .picture-product,
  .wrap_content-box_card .content_description {
    max-width: 80%;
    margin: auto;
  }

  .wrap_content-box_card .content_title {
    margin-top: 5rem;
  }

  .wrap-card .box-card .image-description {
    left: 0;
  }

  /******************** MODAL PRODUCTS ********************/
  .modal-products .btn-content {
    display: block;
    margin-top: 9vw;
  }

  /******************** Footer ********************/
  .footer .content .copyright {
    margin-top: .8em;
    display: block;
  }

}

@media screen and (max-width: 470px) {
  .main_product .wrap_content-benefits .col-benefits {
    max-width: 300px;
    padding: 1.5em;
  }
}

@media only screen and (max-width: 812px) and (max-height: 375px) and (orientation: landscape) {
  :root{
    --fz-subtitle: 18px;
    --fz-title-home: 30px;
  }
  .main_home .wrap_content-slider {
    height: auto;
  }
}

@media only screen and (max-width: 736px) and (max-height: 414px) and (orientation: landscape) {
  :root{
    --fz-subtitle: 18px;
    --fz-title-home: 30px;
  }
}

@media only screen and (max-width: 667px) and (max-height: 375px) and (orientation: landscape) {
  .main_home .wrap_content-slider {
    height: auto;
  }
}

@media only screen and (max-width: 568px) and (max-height: 320px) and (orientation: landscape) {
  .main_home .wrap_content-info .box-box {
    margin-top: 1rem
  }
  .main_home .wrap_content .content_one .parraf-content {
    margin: 1.5rem auto 1.5rem;
  }
}

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

  .main_product .subtitle-text .jump,
  .main_package .subtitle-text .jump {
    display: none;
  }

  /******************** PRODUCTS ********************/
    .wrap_content-box_card .picture-product,
    .wrap_content-box_card .content_description  {
      max-width: 100%;
    }

    .wrap_content-benefits .padding_content {
      padding: 0 !important;
    }


    .main_product .wrap_content-benefits .wrap-card .box-card,
    .main_home .wrap_content .box-card {
      max-width: 100%;
      margin: 0 auto;
      padding: 1em;
      padding-right: 1em;
      border-radius: 0;
    }

    .modal-products .modal_content {
      max-width: 100%;
      flex: 0 1 100%;
      margin: 0;
    }

    .modal-products .modal_content .wrap-modal_content {
      border-radius: 0;
      padding-bottom: 50px;
    }

    .modal-products .modal_content.open-out {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }

  /******************** MENU ********************/
    .header .menu .item .link {
      font-size: 18px;
    }

  /******************** HOME ********************/
    .main_home .btn-content a{
      display: block;
    }

    .main_home .btn-content > a{
      margin: 0;
    }

    .main_home .btn-content > a:last-child{
      margin-top: 1rem;
    }

    .main_home .wrap_content .box-card {
      position: relative !important;
    }

}

@media screen and (max-width: 360px) {
  .wrap-card .box-card .image-description .img-bird {
    width: 30%;
  }

  .title-content .title-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 360px) {
  .main_home .wrap_content-info .box-box {
    margin-top: 1rem
  }
  .main_home .wrap_content .content_one .parraf-content {
    margin: 1.5rem auto 1.5rem;
  }
}



#accordion .card-header{
  background: transparent!important;
  border-bottom: 0px;
}

#accordion .card-header h3{
  font-size: 20px;
}
#accordion .card{
  background: var(--color-sea-green);
  color: #fff;
  margin-bottom: 10px;
  border-radius: 25px;
  border: 0px;
}

#accordion .card>div:nth-child(2){
  background: #f7f7f7;
  border-radius: 0 0 20px 20px;
  padding: 20px;
  color: var(--color-text-table);
}

.content_table-body{
   padding: 0 5px;
  color: var(--color-text-table);
}

#accordion .card>div h4, .content_table-body h4{
  color: var(--color-sea-green);
  font-size: 21px;
}

#accordion .card>div li, .content_table-body li{
  list-style: disc;
  margin-bottom: 10px;
}

.content_table-body li{
   color: var(--color-text-table);
}

 .avisosGrupo{
  font-size: 12px;
}

 .nitro{
  color: var(--color-text-table);
  text-decoration: underline var(--color-sea-green);
  margin-top: 20px;
  
}

 .nitro span{
  color: var(--color-sea-green);
  font-weight: 900;
}






.main  {
    -webkit-animation: blur 2s forwards;
    -moz-animation: blur 2s forwards;
    -o-animation: blur 2s forwards;
    animation: blur 2s forwards;
}

.blur-out {
    -webkit-animation: blur-out 2s forwards;
    -moz-animation: blur-out 2s forwards;
    -o-animation: blur-out 2s forwards;
    animation: blur-out 2s forwards;
}

@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-moz-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-o-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-webkit-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@-moz-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@-o-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}



.pop-up {
    position: fixed;
    margin: 23% auto;
    left: 0;
    right: 0;
    z-index: 2;
}

.box {
    background-color: #012d25;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    position: relative;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    padding: 60px 40px;
    border-radius: 50px 0 20px;
}



.close-button {
    transition: all 0.5s ease;
    position: absolute;
    background-color: #FF9980;
    padding: 1.5px 7px;
    left: 0;
    margin-left: -10px;
    margin-top: -9px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: white;
    -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1);
}

.close-button:hover {
    background-color: tomato;
    color: #fff;
}