@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Source+Sans+Pro:wght@400;600;700;900&display=swap");


@font-face {
  font-family: "Camper Quotes";
  src: url("../build/fonts/Camper\ Quotes.11d5756d.ttf");
}

:root {
  --font-bebas: "Bebas Neue", cursive;
  --font-source: "Source Sans Pro", sans-serif;
  --font-camper-quotes: "Camper Quotes";
  --dark-green: #226432;
  --light-green: #46c54e;
  --dark-red: #7a3429;
  --ligth-grey: #eeefef;
  --grey: #6d6e71;
}

/* GENERAL */

* {
  scroll-behavior: smooth;
}

.text-red {
  color: var(--dark-red) !important;
}

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

/* HEADER */
.font-bebas {
  font-family: var(--font-bebas);
}

/* HOME BANNER */

.bag-item {
  display: flex;
  width: 100%;
}

.bag-item .item-check {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: -0.5rem;
}

.bag-title {
  font-size: 24px;
}

.box-1 {
  border-bottom: 1px solid var(--ligth-grey);
}

.next-delivery {
  font-size: 3rem !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  font-family: var(--font-camper-quotes);
  font-weight: 400;
  width: 100%;
}

.days {
  font-size: 60px !important;
}

.hero-area a:hover {
  color: white;
}

a.link {
  color: var(--light-green) !important;
  text-decoration: underline !important;
}

.navbar-nav .nav-item a {
  padding: 0 !important;
}

a.banner-button {
  background-color: var(--light-green);
  color: white;
  border: none;
  border-radius: 5px;
  padding: .5rem 0;
  font-family: var(--font-bebas);
  width: 15rem;
  font-size: 31px;
  text-align: center;
  transition: all .3s ease-in;
}

a.banner-button:hover {
  background-color: #216421;
  color: white;
}


.bag-items-container {
  flex-wrap: wrap;
}

.item-name {
  font-family: var(--font-source);
}

.product-unit {
  font-weight: 600;
}

@media screen and (min-width: 1199px) and (max-width: 1399px) {
  .img-logo {
    width: 77px !important;
  } 
}

@media screen and (min-width: 320px) and (max-width: 475px) {
  .hero__box-container {
    padding: 0 2rem !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
  .slide-destacado {
    height: 270px !important;
    margin: 5px 5px 35px 5px !important;
    padding: 13px !important;
  }

  .lupa {
    width: 64px !important;
    height: 17px !important;
    font-size: 9px !important;
  }

  .slide-name {
    font-size: 15px !important;
  }

  .slide-description {
    font-size: 17px !important;
  }

  .contenedor-img {
    height: 170px !important;
  }
}

@media screen and (min-width: 375px) and (max-width: 675px) {
  .slide-destacado {
    height: 280px !important;
    margin: 11px !important;
    padding: 13px !important;
  }

  .glider-slide {
    min-width: 120px;
  }

  .lupa {
    width: 64px !important;
    height: 17px !important;
    font-size: 9px !important;
  }

  .contenedor-img {
    height: 180px !important;
  }
}

@media screen and (min-width: 676px) and (max-width: 767px) {
  .contenedor-img {
    height: 200px !important;
  }

  .slide-destacado {
    height: 270px !important;
  }
}

@media screen and (max-width: 474px) {
  a.banner-button {
    width: 14rem;
    padding: 0.3rem 0;
    font-size: 28px;
  }

  .header .navbar-nav .nav-item a {
    padding: 0 !important;
  }

  .days {
    font-size: 48px !important;
    line-height: 40px !important;
  }

  .bag-items-container {
    flex-direction: column;
  }


  .hero-area {
    background-position: left;
  }

  .glider-prev,
  .glider-next {
    margin: 0 20px;
    display: block;
  }

  .glider-promotions-prev,
  .glider-promotions-next {
    margin: 0 20px;
    display: block;
  }

  .sn {
    right: -10px !important;
  }

  .sp {
    left: -10px !important;
  }

  .slide-name {
    font-size: 15px;
  }

  .slide-description {
    font-size: 18px;
  }

}

@media screen and (max-width: 375px) {
  .sn {
    right: -26px !important;
  }

  .sp {
    left: -18px !important;
  }

  .slide-title {
    font-size: 30px !important;
  }

  .dias {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 476px) {
  .sn {
    right: 50px !important;
  }

  .sp {
    left: 50px !important;
  }

  .slide-name {
    font-size: 15px;
  }

  .slide-description {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .navbar-nav .nav-item a {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 989px) and (max-width: 1199px) {
  .navbar-nav .nav-item a {
    font-size: 7px !important;
  }
}

.sn,
.sp {
  opacity: 1 !important;
}

.sn:hover {
  color: #7A3429 !important;
  background-color: white !important;
}

.sp:hover {
  color: #7A3429 !important;
  background-color: white !important;
}

/* END HOME BANNER */

/* BANNER */

section.hero-area.contacto {
  height: 350px;
  padding: 170px 0 70px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  section.hero-area.contacto {
    height: 200px;
    padding: 60px 0 70px 0;
  }
}

@media only screen and (min-width: 768px) {
  section.hero-area.contacto {
    height: 350px;
    padding: 150px 0 70px 0;
  }

  .overlay.contacto {
    height: 200px;
  }
}

/* .contacto .hero-content h1,
.contacto .hero-content .banner-c-h1 {
  font-size: 48px;
  font-family: var(--font-bebas);
  font-weight: 100;
  line-height: 50px;
  color: #fff;
  text-shadow: 0px 3px 8px #00000017;
  text-transform: capitalize;
}
.banner-c-h2 {
  font-family: var(--font-source);
  font-size: 15px;
  font-weight: bold;
} */

/* INFO */
.contacto.features {
  max-height: 400px;
}

.section-title h2,
.section-title .info-c-h1 {
  font-family: var(--font-bebas);
  color: var(--dark-red);
  font-size: 40px;
  margin-bottom: 25px;
  line-height: 42px;
  text-transform: capitalize;
  position: relative;
  font-weight: 400;
}

/* WARAP */

/* left */
@media only screen and (max-width: 768px) {
  div.contact-bg.section::before {
    width: 100%;
  }
}

.contact-bg.section::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 60%;
  opacity: 1;
  background-color: var(--ligth-green);
  z-index: -1;
}

.contact-bg {
  height: 850px;
}

@media only screen and (min-width:425px) {
  .contact-bg {
    height: 700px;
  }

  .bag-item {
    width: 50%;
  }

  .bag-item-container-left,
  .bag-item-container-rigth {
    width: 50%;
  }

  .bag-item-container-left .bag-item,
  .bag-item-container-rigth .bag-item {
    width: 100%;
  }

  .lupa {
    width: 64px;
    height: 17px;
    font-size: 9px;
  }
}

.contact-inner-title .mensaje {
  font-family: var(--font-bebas);
  font-weight: 400;
  color: var(--dark-green);
}

.numero-grande-form {
  font-family: var(--font-bebas);
  font-size: 28px;
  font-weight: 300;
}

/* right */
@media only screen and (max-width: 990px) {
  div.p-5 {
    padding: 1rem !important;
  }

  .form-floating label {
    font-size: 13px;
  }

  .message-form {
    height: 92px;
  }

  input.form-control,
  textarea.form-control {
    font-size: 14px;
  }
}

input.send-button-c {
  width: 100%;
  background-color: var(--dark-green);
  color: white;
  font-family: var(--font-bebas);
  font-size: 20px;
  height: 2.5rem;
  border-radius: 3px;
  border-width: 0px;
  align-items: center;
  font-weight: 200;
}

@media only screen and (min-width: 768px) {
  input.send-button-c {
    width: 100%;
    background-color: var(--dark-green);
    color: white;
    font-family: var(--font-bebas);
    font-size: 30px;
    height: 3.5rem;
    border-radius: 3px;
    border-width: 0px;
    align-items: center;
    font-weight: 400;
  }
}

.message-form {
  max-height: 250px;
}

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Source+Sans+Pro:wght@400;600;700;900&display=swap");
/* @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap'); */

@font-face {
  font-family: "Source Sans Variable Roman";
  src: url("build/fonts/SourceSansVariable-Roman.otf");
}

@font-face {
  font-family: "Source Sans Semi Bold";
  src: url("build/fonts/SourceSansPro-SemiBold.ttf");
}

@font-face {
  font-family: "Source Sans Pro Black";
  src: url("build/fonts/SourceSansPro-Black.ttf");
}

@font-face {
  font-family: "Source Sans Pro Bold";
  src: url("build/fonts/SourceSansPro-Bold.ttf");
}

:root {
  --font-bebas: "Bebas Neue", cursive;
  --font-source: "Source Sans Pro", sans-serif;
  --font-source-semibold: "Source Sans Semi Bold", sans-serif;
  --dark-green: #226432;
  --light-green: #46c54e;
  --ligth-green-2: #62b846;
  --ligth-green-3: #61b847;
  --dark-red: #7a3429;
  --ligth-grey: #eeefef;
  --grey: #6d6e71;
}

@media (min-width: 991px) {
  .about-border {
    height: 6.8rem;
    background-image: url('/build/images/guarda3.1dcdd23e.jpg');
    background-color: #46C64F;
    background-repeat: repeat-x;
  }

  .slide-destacado {
    height: 350px;
    margin: 25px;
    padding: 10px;
  }
}

@media (max-width: 991px) {
  .about-title {
    margin-top: 30px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  section.hero-area.contacto {
    height: 200px;
    padding: 60px 0 70px 0;
  }
}

@media only screen and (min-width: 768px) {
  section.hero-area.contacto {
    height: 350px;
    padding: 150px 0 70px 0;
  }

  .overlay.contacto {
    height: 200px;
  }
}


/* INFO */
.contacto.features {
  max-height: 400px;
}

.section-title h2,
.section-title .info-c-h1 {
  font-family: var(--font-bebas);
  color: var(--dark-red);
  font-size: 40px;
  margin-bottom: 35px;
  line-height: 42px;
  text-transform: capitalize;
  position: relative;
  font-weight: 400;
}

.section-title p.info-c-p {
  font-size: 15px;
  font-family: var(--font-source);
  line-height: 25px;
  /* font-family: 'Source Sans Variable Roman', sans-serif; */
}

@media only screen and (min-width: 768px) {

  .section-title h2,
  .section-title .info-c-h1 {
    font-size: 48px;
  }

  .section-title p.info-c-p {
    font-size: 17px;
  }
}

/* MENSAJE */
@media only screen and (min-width:1024px) {
  .contact-bg-bg {
    background-image: url('/build/images/Fondo Formulario Contacto.7ebad051.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 600px;
  }
}

@media only screen and (min-width:1500px) {
  .contact-bg-bg {
    background-size: 800px;
  }
}

/* left */
@media only screen and (max-width: 768px) {
  div.contact-bg.section::before {
    width: 100%;
  }
}

.contact-bg.section::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 60%;
  opacity: 1;
  background-color: var(--ligth-green-3);
  z-index: -1;
}

.contact-inner-title .mensaje {
  font-family: var(--font-bebas);
  font-weight: 400;
  color: var(--dark-green);
}

.contact-inner-title .h3-form,
.contact-inner-title .consumidores-form {
  font-size: 17px;
  font-weight: 400;
  font-family: var(--font-source);
  color: white !important;
}

.contact-inner-title .consumidores-form.mb-1 {
  font-weight: 600;
}

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

  .contact-inner-title .h3-form,
  .contact-inner-title .consumidores-form {
    font-size: 14px;
  }

  .glider-prev,
  .glider-next {
    padding: 1px 10px 1px 10px !important;
  }
}

.numero-grande-form {
  font-family: var(--font-bebas);
  font-size: 28px;
  font-weight: 300;
  color: white !important;
}

/* right */
@media only screen and (min-width:425px) {
  .mensaje-flex {
    display: flex;
  }
}

@media only screen and (max-width: 990px) {
  div.p-5 {
    padding: 1rem !important;
  }

  .form-floating label {
    font-size: 13px;
  }

  .message-form {
    height: 92px;
  }

  input.form-control,
  textarea.form-control {
    font-size: 14px;
  }
}

input.send-button-c {
  width: 100%;
  background-color: var(--dark-green);
  color: white;
  font-family: var(--font-bebas);
  font-size: 20px;
  height: 2.5rem;
  border-radius: 3px;
  border-width: 0px;
  align-items: center;
  font-weight: 200;
}

@media only screen and (min-width: 768px) {
  input.send-button-c {
    width: 100%;
    background-color: var(--dark-green);
    color: white;
    font-family: var(--font-bebas);
    font-size: 30px;
    height: 3.5rem;
    border-radius: 3px;
    border-width: 0px;
    align-items: center;
    font-weight: 400;
  }
}

.message-form {
  max-height: 250px;
}





.accordion-button.collapsed {
  background-color: white !important;
  color: var(--dark-red) !important;
}

.accordion-button {
  background-color: var(--ligth-green) !important;
  color: white !important
}

.accordion-button .fa-map-marker-alt:before {
  padding-right: 15px;
}

.points a:hover {
  color: white !important;
}

/****************/
/****CAROUSEL****/
/****************/

/***************/

.disable-bag {
  height: 300px !important;
  background-color: #D8D9D9;
  display: flex;
  justify-content: center;
}

.disable-text {
  align-self: center;
  font-size: 20px;
  color: black;
  font-weight: 400;
}

.grecaptcha-badge {
  display: none;
}


.points .point__new {
  color: #FF6C08;
  font-family: 'Source Sans Pro';
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  line-height: 14px;
}

@media screen and (min-width: 475px) {
  .points .point__new {
    font-size: 17px;
    line-height: 17px;
  }
}

/* banner */
.card_banner {
  border-radius: 14px !important;
}

.card_title {
  font-size: 2.4rem;
}

.card_banner_span {
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  font-family: var(--font-camper-quotes);
  font-size: 2.8rem;
  font-weight: 400;
  width: 100%;
  color: var(--dark-red);
}

.card-body {
  padding: 24px 24px 24px !important;
}

.sale {
  color: white;
  background-color: #FF6C08;
  padding: 0px 5px;
  border-radius: 15px;
}



/* cards */


.single-feature {
  padding: 24px 24px 24px !important;
  border-radius: 14px !important;
}

.container-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

.container_card_text {
  display: flex;
  flex-direction: column;
}

.img-card {
  height: 60px;
  margin-right: 12px;
  margin-bottom: 10px;
}

.card_text {
  margin: 0 !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.card_1_text {
  width: 60% !important;
}

.card_3_text {
  width: 100% !important;
}

.slide-destacado {
  background-color: #EFEFEF;
  border-radius: 15px;
  position: relative;
}

.lupa {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 95px;
  border-radius: 5px;
  height: 25px;
  font-size: 13px;
  border: 1px solid;
  color: white;
  background-color: #216421;
}

.lupa:hover {
  color: #46c54e;
  background: none;
}

.lupa:hover {
  background-color: #216421;
  color: white;
}

.slider-home-title {
  font-family: var(--font-bebas);
  font-size: 62px;
  margin-inline: 120px;
}

div.slide {
  display: flex;
  flex-wrap: wrap;
  width: 350px;
  height: 400px;
  flex-direction: column;
  text-align: center;
  justify-content: space-around;
}

.slide-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: var(--font-camper-quotes);
  font-size: 2.3rem;
  font-weight: 600;
  width: 100%;
  color: var(--dark-red);
  margin: 0;
  margin-top: 20px;
}

.slide-name {
  font-family: var(--font-source);
  color: #7A3429;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0;
}

.slide-description {
  font-family: var(--font-source);
  text-align: left !important;
}

.dots {
  color: lightgrey;
}

.glider-dot.active {
  background-color: var(--light-green) !important;
}

/* 
.products-section{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1rem;
  text-align: center;
  font-family: var(--font-bebas);
  font-size: 3.3rem;
  font-weight: 400;
  width: 75%;
  margin: 0 auto;
  margin-bottom: 20px;
  color: var(--light-green);
} */

.promotions-section {
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 2.3rem;
  text-align: center;
  font-family: var(--font-camper-quotes);
  font-size: 3.3rem;
  font-weight: 400;
  width: 75%;
  margin: 0 auto;
  margin-bottom: 20px;
  color: var(--light-green);
}

.dias {
  font-size: 16px !important;
  font-family: var(--font-source) !important;
}

/* .product-description{
  width: 100% !important;
  color: white;
  padding: 20px;
  max-width: 600px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
} */

.promotion-description {
  width: 100% !important;
  color: white;
  padding: 20px;
  max-width: 600px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

.button-product {
  margin-bottom: 50px;
  margin-top: 50px;
}


.about-title {
  font-size: 48px;
  font-family: var(--font-bebas);
  font-weight: 100;
  line-height: 50px;
  color: #fff;
  text-shadow: 0px 3px 8px #00000017;
  text-transform: capitalize;
}

.about-container {
  background-color: #46C64F;
}

.delivery-section-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  font-family: var(--font-camper-quotes);
  font-size: 5.3rem;
  font-weight: 400;
  width: 100%;
  color: var(--dark-red);
  line-height: 1;
}

.section-delivery-button-lg {
  display: flex;
  justify-content: center;
}

.section-delivery-button-sm {
  display: none;
}

.delivery-section-p {
  width: 85%;
}


@media (max-width:700px) {
  .delivery-section-p {
    text-align: center;
    padding: 14px;
    width: 100%;
  }

  .delivery-section-title {
    text-align: center;
    font-size: 3.3rem;
  }

  .section-delivery-button {
    width: 80% !important;
    text-align: center;
    justify-content: center;
    margin: auto auto 50px !important;
  }

  .section-delivery-button-lg {
    display: none !important;
  }

  .section-delivery-button-sm {
    display: flex !important;
  }
}


.footer-image {
  height: 11.8rem;
  background-image: url('/build/images/footer-1.2173cf90.jpg');
  background-repeat: repeat-x;
}

@media (max-width: 768px) {
  .footer-image {
    height: 11.8rem;
    background-image: url('/build/images/footer-1.2173cf90.jpg');
    background-repeat: repeat-x;
    background-position: center;
    background-repeat: no-repeat;
  }

  .header .navbar-collapse {

    max-height: 455px !important;
    overflow-y: visible !important;
  }

}

.about_card_text {
  font-size: 20px !important;
}

@media (max-width:700px) {
  .products-section {
    font-size: 2.5rem;
    margin-top: 20px;
  }

  .delivery-section-title {
    font-size: 4rem;
  }
}

.hero-area-project {
  height: auto !important;
}

@media (max-width: 406px) {
  .hero-area-project {
    height: auto !important;
  }

  .slider-home-title {
    margin-bottom: 28px;
    font-size: 48px;
  }
}

@media (max-width: 500px) {
  .slider-home-title {
    margin-inline: 0px;
  }
}

@media (min-width: 1440px) {
  .slider-home-title {
    margin-inline: 260px;
  }
}


.project-banner-text {
  font-family: var(--font-camper-quotes) !important;
}



.project-title {
  font-family: var(--font-bebas);
  font-size: 3rem !important;
  height: auto;
  padding: 10px;
  line-height: normal;
}

@media (max-width: 390px) {
  .project-title {
    line-height: normal !important;
  }
}

div.card_section_container {
  margin: 30px !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
}

div.card_section_container img {
  height: 50%;
  object-fit: cover;
}

div.card_section_container .card {
  width: 30%;
  height: 400px;
  margin: 20px 1.5% 20px 1.5%;
  border-radius: 15px;
  box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.2);
  transition: 0.5s;
  overflow: hidden;
}

@media (max-width: 768px) {
  div.card_section_container .card {
    width: 45%;
    height: 400px;
    margin: 20px 2.5% 20px 2.5%;
    border-radius: 15px;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    overflow: hidden;
  }
}

@media (max-width: 390px) {
  div.card_section_container .card {
    width: 100%;
    height: 400px;
    margin: 20px 2.5% 20px 2.5%;
    border-radius: 15px;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    overflow: hidden;
  }
}

div.card_section_container .card:hover {
  box-shadow: 0px 5px 5px 0px rgba(91, 194, 59, 0.834);
  transition: 0.5s;
}

div.card_section_container .card-title {
  color: var(--dark-red);
  font-family: var(--font-bebas);
  font-size: 1.5rem;
  margin: 10px 0 10px 0;
}

div.card_section_container .card-text {
  font-size: 1rem;
  color: var(--grey);
}

div.card_section_container .card-body {
  height: 50%;
}


/* blog start*/

.post_description {
  width: 75% !important;
  margin: auto;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.post_description p {
  width: 80%;
  margin: auto;
  color: var(--dark-green);
  font-weight: 600;
}


.post_content {
  box-sizing: border-box;
  width: 75%;
  height: auto;
  margin: auto;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 768px) {
  .post_content {
    width: 85%;
  }
}

@media (max-width: 390px) {
  .post_content {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* 
.post_content p:not(:has(img):first-child),
.post_content h1:not(:has(img):first-child),
.post_content h2:not(:has(img):first-child),
.post_content h3:not(:has(img):first-child),
.post_content h4:not(:has(img):first-child),
.post_content h5:not(:has(img):first-child),
.post_content h6:not(:has(img):first-child),
.post_content ul:not(:has(img):first-child) {
  padding: 0 30px 0 30px;
} */

@media (max-width: 390px) {

  .post_description p {
    width: 100%;
    margin: auto;
    color: var(--dark-green);
    font-weight: 600;
  }

  .post_content {
    width: 95%
  }
}


.wp-float {
  position: fixed;
  right: 0;
  bottom: 10%;
  width: 80px !important;
  height: 80px !important;
}


@media(max-width:768px) {
  .wp-float {
    position: fixed;
    right: 0;
    bottom: 0%;
    width: 60px !important;
    height: 60px !important;
  }
}


.redes {
  justify-content: end !important;
}


@media(max-width:768px) {
  .redes {
    justify-content: center !important;
  }

  .navbar-collapse.sub-menu-bar.collapse.show {
    overflow: scroll !important;
  }
}

/* ------------------ BANNERS ---------------- */
section.hero-area .hero-content h1,
section.hero-area .hero-content .banner-c-h1 {
  font-size: 48px;
  font-family: var(--font-bebas);
  font-weight: 100;
  line-height: 50px;
  color: #fff;
  text-shadow: 0px 3px 8px #00000017;
  text-transform: capitalize;
}

.banner-c-h2 {
  font-family: var(--font-source);
  font-size: 15px;
  font-weight: bold;
}

/* INICIO BANNER BLOGS */
/* RECETAS */
section.hero-area.recipes {
  color: white;
  height: 350px;
  padding: 170px 0 70px 0;
  background-image: url('/build/images/Banner-Recetario.3438afb8.jpg');
  background-position: top;
}

/* PRODUCTOS */
section.hero-area.products {
  color: white;
  height: 350px;
  padding: 170px 0 70px 0;
  background-image: url('/build/images/Banner-Productos.aefd4810.jpg');
}

/* PROYECTO */
section.hero-area.project {
  color: white;
  height: 350px;
  padding: 170px 0 70px 0;
  background-image: url('/build/images/Banner-ElProyecto.40db05fa.jpg');
}

/* PRODUCTORES */
section.hero-area.producers {
  color: white;
  height: 350px;
  padding: 170px 0 70px 0;
  background-image: url('/build/images/Banner-Productores.8d85db65.jpg');
  background-position: top;
}

/* COSECHAS */
section.hero-area.crops {
  color: white;
  height: 350px;
  padding: 170px 0 70px 0;
  background-image: url('/build/images/Banner-Cosechas.130688a7.jpg');
  background-position: top;
}

/* FIN BANNER BLOGS */

/* PREGUNTAS FRECUENTES */
section.hero-area.faqs {
  height: 350px;
  padding: 170px 0 70px 0;
  background-image: url('/build/images/Banner_Preguntas-frecuentes.cf143f05.jpg');
  background-position: top;
}

/* PUNTOS CLICK */
section.hero-area.point {
  height: 350px;
  padding: 170px 0 70px 0;
  background-image: url('/build/images/Banner-Punto De Retiro.90ffaac5.jpg');
}

/* CONTACTO */
section.hero-area.contacto {
  height: 350px;
  padding: 170px 0 70px 0;
  background-image: url('/build/images/Banner-Contacto.44bc018b.jpg');
}

/* EMPRESAS */
section.hero-area.empresas {
  height: 350px;
  padding: 170px 0 70px 0;
  background-image: url('/build/images/Banner-Empresas.ef21bcaf.jpg');
}
section.hero-area.empresas::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}




/* ------------------- HOME ----------------------- */
.home .btn-discount-mobile {
  font-family: var(--font-bebas);
  display: inline-flex;
  gap: 10px;
  color: var(--dark-green) !important;
  align-items: center;
  padding: 7px 20px;
  border:1px solid;
  border-radius:5px;
  font-size: 1.2rem;
}


.home .btn-discount-mobile:hover {
  background-color: var(--dark-green);
  color: white !important;
}

.home .btn-discount-mobile .icon{
  border:1px solid;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

@media (min-width:768px) {
  .home .btn-discount-mobile {
    display: none !important;
  }
}


/* ------------- PROMOCIONES Y DESCUENTOS ---------------- */
.promotions section.hero-area.promotions {
  height: 350px;
  padding: 100px 0 70px 0;
  background-color: #216421;
  background-image: url('/build/images/imagen-promo_3.703bafe5.jpg');
}

.promotions .section-payment-online {}

.promotions .deliver-title,
.promotions .qr-title {
  font-family: var(--font-bebas);
  font-weight: 100;
  color: var(--dark-green);
}

.promotions .paragraph {
  color: black;
  margin-bottom: 30px;
}

.promotions .container-day {
  background-color: #f4f4f4;
  width: 100%;
  border-radius: 20px;
  padding: 30px;
}

.promotions .promotions-current-date {}

.promotions .pay-method {
  margin-bottom: 20px;
}

.promotions .day-title {
  font-family: var(--font-bebas);
  font-weight: 100;
  color: var(--dark-red) !important;
}

.promotions .icon-promotion {
  width: 35px;
  height: 35px;
}

.promotions .promotions-list {
  display: flex;
  flex-direction: column;
}


.promotions .section-payment-qr {}


.promotions .accordion-button.collapsed {}

.promotions .accordion-button {
  background-color: white !important;
  color: var(--light-green) !important;
  padding: .5rem 1.25rem
}

.promotions .accordion-item {
  border-radius: 10px !important;
  overflow: hidden;
}

/* .promotions .accordion-button::after {
  display: none;
} */

.promotions .accordion-button .fa-map-marker-alt:before {
  padding-right: 15px;
}


.promotions .container-accordion .accordion-body {
  padding: 8px 20px !important;
}

.promotions .container-accordion .delivery-day-title {
  color: rgb(91, 91, 91) !important;
  margin: 8px 0 !important;
}

.promotions p.banner-paragraph {
  max-width: 400px !important;
  min-width: 250px !important;
  width: 100%;
}

.promotions .accordion-button:not(.collapsed)::after {
  filter: hue-rotate(246deg) !important;
}

.promotions .button .btn-order-now {
  background-color: #01631a !important;
  text-wrap: nowrap;
}

.promotions .button .btn-order-now:hover{
  background-color: var(--light-green) !important;
}