/* Generales */
html {
  scroll-behavior: smooth;
}

body {
  color: #333333;
}

#btn-to-top {
  background-color: #deddc1 !important;
}
.color-verde {
  color: #175b3b;
}

.color-marron {
  /*color: #4f4a37;*/
  color: #8c5e3c;
}

.color-marronclaro {
  color: #deddc1;
}

.feature--style-1 .__item::before {
  display: none;
}

.top-bar__navigation li.has-submenu::before {
  display: none !important;
}

@media (min-width: 992px) {
  .top-bar__navigation .submenu {
    background-color: #ffffff !important ;
  }
   .top-bar__navigation .submenu a {
    color: #333 !important;
  }
}
header#top-bar #top-bar__inner #top-bar__navigation ul li.has-submenu ul.submenu li a {
  line-height: 1.6rem;
}

.justify-left {
  justify-content: left !important;
}

/* Tipografia */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}
b, strong {
  font-weight: bold;
}
.section-heading {
  font-size: 1.8rem;
}
.special-offer--style-1 h1.text {
  text-transform: none;
}

.number-icon {
  font-size: 8rem;
  font-weight: 900;
  font-style: normal;
  color: #dedec2;
  height: inherit !important;
  margin-bottom: 0px !important;
}

.feature .__item .__ico img {
  width: 50px;
}

.feature--style-1 .__item .__title {
  font-size: 1.8rem !important;
  line-height: 1.4 !important;
}
.feature--style-1 .__inner .row .__item.text-center p {
  line-height: 1.3;
  font-size: 1.5rem;
  color: #333333;
  margin-top: 0px;
}

@font-face {
    font-family: 'Montserrat'; /* Nombre personalizado para la fuente */
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype'); /* Ruta relativa a la fuente */
    font-weight: normal; /* Peso de la fuente */
    font-style: normal;  /* Estilo de la fuente */
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 800; /* Asegúrate de que este peso coincida con el archivo */
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 500; /* Asegúrate de que este peso coincida con el archivo */
    font-style: normal;
}

body, p, .counter .__item .__title, .counter .__item .__title, .custom-btn {
    font-family: 'Montserrat', sans-serif !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}

.h2, h2 {
  text-transform: none !important;
}

@media (min-width: 576px) {
  .h2, h2 {
    font-size: 4rem !important;
  }
}

main .section-heading p {
  font-size: 1.6rem;
}

main p {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.5rem;
}

.posts .__item--preview .__content p {
  font-size: 1.4rem !important;
}

#app #hero.jarallax .row h1.__title {
  text-transform: none;
}

/*Header home*/
/* Header superpuesto al slider al inicio (transparente) */
#top-bar {
  position: absolute;   /* <- overlay sobre el slider */
  top: 0; left: 0; right: 0;
  width: 100%;
  z-index: 9999;
  background: transparent;
  transition: background-color .25s ease, box-shadow .25s ease;
}

/* tu bg inicial; si querés que sea transparente del todo, dejalo en none */
.top-bar__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}

/* Logo blanco al inicio */
.top-bar__logo img {
  height: 70px;
  transition: filter .25s ease, transform .25s ease;
  filter: brightness(0) invert(1);
}

/* ===== Sticky ===== */
body.is-sticky-header #top-bar {
  position: fixed;       /* se fija arriba */
  background: #fff;      /* fondo blanco */
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
}

body.is-sticky-header #top-bar .top-bar__bg {
  background-image: none !important;
  background-color: #fff !important;
}

body.is-sticky-header .top-bar__logo img {
  filter: none;          /* vuelve a color original */
}

/* Empujar el contenido SOLO cuando es sticky (con una var dinámica) */
body.is-sticky-header {
  padding-top: var(--topbar-h, 0px);
}

.navigation li a:not(.custom-btn)::after {
  height: 1px;
}

/* (Opcional) icono toggler claro arriba, oscuro en sticky */
.top-bar__navigation-toggler--light span,
.top-bar__navigation-toggler--light::before,
.top-bar__navigation-toggler--light::after {
  filter: brightness(0) invert(1);
}
body.is-sticky-header .top-bar__navigation-toggler--light span,
body.is-sticky-header .top-bar__navigation-toggler--light::before,
body.is-sticky-header .top-bar__navigation-toggler--light::after {
  filter: none;
}
body.is-sticky-header .top-bar--style-1 .top-bar__navigation a:not(.custom-btn) {
  color: #4f4a37 !important;
}

/* Titulo bloque */
.titulo-bloque {
  background-color: #8c5e3c; 
  color: #ffffff;           
  padding: 4px 8px;        /* espacio interno */
  border-bottom-right-radius: 8px;
  display: inline-block;    /* que se ajuste al tamaño del texto */
  font-weight: 600;         /* negrita */
  text-transform: none;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
}

/* Listas custom */
.lista-custom {
  list-style-type: disc;       /* bolita estándar */
  list-style-position: outside;
  padding-left: 15px;
  margin-top: 16px;
  margin-bottom: 20px;
  font-size: 1.5rem;
}

.lista-custom li {
  margin-bottom: 5px;
}

.lista-custom li::marker {
  font-size: 14px;              /* hace la bolita más chica */
  color: #8c5e3c; 
}

.lista-custom:last-child {
  margin-bottom: 0 !important;
}

/* Sublistas (listas dentro de un li) */
.lista-custom ul {
  list-style: none;      /* sin bolitas */
  padding-left: 5px;    /* sangría adicional */
  margin-top: 6px;
}

.lista-custom ul li::before {
  content: "- ";         /* guion al inicio */
  /*color: #8c5e3c;*/
  font-weight: 500;
}

/* Link zoom */
.link-zoom {
  display: inline-block;
  transition: transform 0.25s ease;
}

.link-zoom:hover {
  transform: scale(1.05);
}

/* Button */
.custom-btn.custom-btn--style-3:focus, .custom-btn.custom-btn--style-3:hover {
  background-color: #deddc1 !important;
}
.custom-btn.custom-btn--style-4:focus, .custom-btn.custom-btn--style-4:hover {
  color: #deddc1 !important;
}
.is-sticky-header .top-bar .top-bar__inner .navigation ul .custom-btn.custom-btn--style-4.in-header:focus, .is-sticky-header .top-bar .top-bar__inner .navigation ul .custom-btn.custom-btn--style-4.in-header:hover {
  color: #4f4a37 !important;
}
.custom-btn.custom-btn--style-4 {
  background-color: #deddc1;
  color: #4f4a37 !important;
  font-weight: 500;
}
.custom-btn {
  border: 2px solid #deddc1;
}
.top-bar__bg {
  border-bottom: 1px solid #deddc1;
}
.custom-btn--big {
  min-width: 150px;
  min-height: 30px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 1.3rem;
  font-weight: 500;
}
#start-screen__content-container.start-screen__content-container p span.d-none.d-sm-inline-block {
  margin: 0px 15px;
}

#form-producto .custom-btn.custom-btn--style-1 {
  font-weight: 500 !important;
}
#form-producto .custom-btn.custom-btn--style-1:hover {
  background-color: #deddc1 !important;
}

/*Slider home*/
.start-screen__content-container .start-screen__content__item.start-screen__content__item--1 .__name,
.start-screen__content-container .start-screen__content__item.start-screen__content__item--2 .__name,
.start-screen__content-container .start-screen__content__item.start-screen__content__item--3 .__name {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;   
}
.start-screen__content-container .start-screen__content__item.start-screen__content__item--1 h2.__title {
  text-align: center;
}
.start-screen__content__item .__name {
  font-size: 5.1rem;
  font-weight: 700;
  font-family: Raleway,sans-serif;
  text-transform: none;
}

.bg-01 {
  position: relative;
  background-image: url('../img/home_img/bg-contacto.jpg');
  background-size: cover;       /* o contain si preferís */
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;            /* por si usás bordes redondeados */
}

.bg-01::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.5); /* 👈 negro con 50% de opacidad */
  z-index: 0;
}

.bg-01 > * {
  position: relative;
  z-index: 1; /* contenido por encima de la capa oscura */
}

.section-heading {
  /*color: #fff;*/
  /*color: #4f4a37 !important;*/
  color: #333333 !important;

}
.section-heading--center {
  max-width: 767px;
}

/* Contacto */
form .textfield {
  border-bottom: 2px solid #dadada;
  color: white !important;                  /* color del texto que escribe el usuario */
}

form .textfield:focus {
  color: white !important;
  border-color: #deddc1 !important; 
}

/* Form productos */
#form-producto .simple-text-block {
  padding: 80px 15px 60px;
}

form.form-productos .textfield {
  color: #333333 !important;
  height: 42px !important;
  margin-bottom: 20px;
}

/* Productos */
.woocommerce-page .widget--categories .list__item__link {
  font-size: 1.4rem !important;
  font-weight: 500 !important;
}
.goods--style-1 .__image {
  max-height: 150px !important;
}
.product-label--new {
  background-color: #8c5e3c !important;
  top: 0px;
  left: 0px;
  padding: 6px 9px !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  border-radius: 25px !important;
}
.goods--style-1 .__item {
  border-radius: 25px;
}
.woocommerce-page .goods-catalog .goods .__item .custom-btn.js-mas-info:hover, .woocommerce-page .goods-catalog .goods .__item .custom-btn.js-mas-info:focus {
  background-color: #deddc1 !important;
}

.list__item__link--active {
    color: #235d37 !important;       /* verde corporativo */
    font-weight: bold;
    text-decoration: underline;
}


/* Blog */
.posts .__item .__content {
  border-radius: 15px;
}
.posts .__item--preview .__date-post strong {
  font-weight: 700;
  font-family: 'Montserrat', sans-serif !important;
}
.posts .__item--preview .__date-post {
  background-color: #deddc1 !important;
  color: #333 !important;
  font-weight: 500 !important;
}
.posts.posts--style-1 div.__inner div.row div.col-12.col-sm-6.col-lg-4 div.__item.__item--preview.aos-init.aos-animate div.__content p.__category a,
.posts .__item .__category a {
  color: #4f4a37 !important;
}
.posts.posts--style-1 .__inner div .__item .__content a.custom-btn {
  font-size: 1.1rem;
  font-weight: 500;
}
.posts.posts--style-1 .__inner div .__item .__content a.custom-btn:hover, .posts.posts--style-1 .__inner div .__item .__content a.custom-btn:focus {
  background-color: #deddc1 !important;
}


/* Cultivos */
.cultivo-circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #deddc1;   /* color base */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .3s ease, transform .3s ease;
    padding: 25px;
    margin-bottom: 15px;
}

.cultivo-circle:hover {
    background-color: #235d37;  /* verde o el color que quieras */
    transform: translateY(-2px);
}

.cultivo-circle img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.cultivo-circle img:hover {
  filter: none;
}

/*Footer*/
.footer--style-1 {
  /*padding-top: 45px !important;*/
}


.footer__item a.site-logo {
  width: 150px !important;
}
#footer .footer__item {
  margin-bottom: 20px;
  /*text-align: center;*/
}
footer .footer__item a.site-logo img.img-fluid.loaded {
  height: 70px;
}
#footer .footer__item nav#footer__navigation.navigation  {
  text-align: center;
}
.footer--style-1 .__copy {
  color: #666 !important;
}
.footer--style-1 #footer__navigation li.active a, .footer--style-1 #footer__navigation li:hover a {
  color: #333333 !important;
}
#footer .footer__item nav#footer__navigation ul li.active a::after,
#footer .navigation li a:not(.custom-btn)::after {
  background-color: #235d37;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .footer--style-1 .site-logo {
    margin-top: -10px !important;
  }
}

@media (min-width: 576px) {
  .special-offer--style-1 .text {
    font-size: 3rem !important;
  }
  .start-screen__content-container {
    font-size: 2.3rem !important;
  }
  #app #hero.jarallax .container .row .col-12.col-lg-7 p {
    font-size: 2.3rem !important;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .special-offer--style-1 .text {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 992px) {
  .top-bar--style-1 .top-bar__navigation a:not(.custom-btn)::after { 
    background-color: #ffffff !important;
  }
  .is-sticky-header .top-bar--style-1 .top-bar__navigation a:not(.custom-btn)::after { 
    background-color: #4f4a37 !important;
  }
  .special-offer--style-1 .text {
    font-size: 6.5rem !important;
  }
  .top-bar__logo img {
    height: 70px;
  }
  .start-screen--style-1 .start-screen__content__item--1 .__title {
    font-size: 4.9rem !important;
    text-transform: none;
    font-weight: 400;
  }
  form .textfield {
    font-size: 1.6rem;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
  }
  form button {
    font-size: 1.3rem !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
  }

  .slogan-home .simple-text-block.simple-text-block--a.jarallax {
    padding: 150px 15px;
  }
}

@media (min-width: 1200px) {
  .top-bar {
    padding-top: 15px;
  }
}

@media (max-width: 991px) {
.h2, h2 {
  font-size: 2.8rem;
}
.section-heading {
  font-size: 1.6rem;
}
.top-bar__navigation-toggler {
  top: 15px;
}
.special-offer--style-1 .text {
  font-size: 3.8rem;
}
.top-bar.is-expanded .top-bar__inner {
  background-color: #fff;
}

.top-bar.is-expanded .top-bar__logo img {
  height: 70px;
  transition: filter .25s ease, transform .25s ease;
  filter: none;
}

header.top-bar.is-expanded .navigation ul li a {
  font-size: 2rem;
  margin-bottom: 10px;
}

header.top-bar.is-expanded .navigation ul li a {
  color: #4f4a37 !important;
}

header.top-bar.is-expanded .navigation ul li a.custom-btn--style-4 {
  color: inherit;
  font-weight: 400;
  border: none;
  background-color: transparent;
}

header.top-bar.is-expanded .navigation ul li.li-btn {
  margin-top: 0px;
}

header.top-bar.is-expanded .navigation ul li.li-btn a.custom-btn--style-4 {
  padding-left: 0px;
  padding-right: 0px;
}

header.top-bar.is-expanded .navigation li a:not(.custom-btn)::after {
  background-color: #4f4a37;
}

.is-sticky-header .top-bar #top-bar__navigation-toggler {
  background-color: #4f4a37 !important;
}
.top-bar.is-expanded #top-bar__navigation-toggler {
  background-color: #4f4a37 !important;
}

}

@media (max-width: 575px) {
.top-bar__logo img {
  padding-left: 15px;  
}
}