.txt-linea h2, .txt-linea h3{
    font-size: 40px;
}
.pro_biene .content p{
    color: #453D3B;
    font-size: 20px;
    line-height: normal;
}
.pro_biene .card{
    background-color: #72B344;
    color: white;
    border-radius: 8px;
    border: none;
}
.pro_biene .card span{
    font-size: 40px;
    font-weight: 700;
}
.pro_biene .card p{
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

/* Cards */
.carac-card{
  background:#F6F4E8;
  border-radius:8px;
  box-shadow:none;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.carac-tt{
  color:#2C5904;
  font-weight:400;
  line-height:normal;
  margin:0;
  font-size: 30px;
}
.carac-res, .carac-modal .carac-desc{
  margin:0;
  line-height:normal;
  color: #453D3B;
  font-size: 18px;
}

/* Botón ojo */
.carac-eye{
  position:absolute;
      right: 30px;
    bottom: 30px;
  width:32px; height:32px;
  border-radius:50%;
  border:0;
  background:#2C5904;
  color:#F6F4E8;
  display:flex; align-items:center; justify-content:center;
  transition:transform .15s ease, opacity .15s ease;
}
.carac-eye:hover{ transform:scale(1.05); opacity:.92; }

/* Modal */
.carac-modal .modal-content{ border-radius:12px; overflow:hidden; }
.carac-modal .carac-left{ background:#2C5904; min-height:280px; }
.carac-modal .carac-img{
  border-radius:10px;
  max-width:86%;
  height:auto;
}
.carac-modal .carac-right{ background:#F6F4E8; color:#2C5904; }

/* Botón cerrar */
.carac-close{
  position:absolute;
  top:10px; right:12px;
  z-index:2;
  width:34px; height:34px;
  border-radius:50%;
  background:#F6F4E8;
  opacity:1;
  box-shadow:0 0 0 2px rgba(44,89,4,.12) inset;
}
.carac-close span{ display:block; line-height:30px; color:#2C5904; font-size:26px; }

.m_info .card{
    background-color: #F6F4E8;
    border-radius: 8px;
    border: none;
}
.m_info .card span.h3 {
    color: #2C5904;
    font-size: 40px;
    font-weight: 400;
    display: block;
}
.m_info .card p{
    font-size: 20px;
    color: #453D3B;
    font-weight: 400;
    line-height: normal;
}
.btn-wp, .btn-pag{
    border-radius: 30px;   
    
    text-align: center;
    line-height: 1.2;
    gap: 20px;
    font-size: 16px;
    
}
.btn-wp{
    background-color: #2C5904;
    color: white;
    padding: 25px 50px;   
    transition: transform 0.4s ease;
}
.btn-wp:hover{
    color: white;
    transform: scale(1.1);
     text-decoration: none;
}
.btn-pag:hover{
    color: #453D3B;
    transform: scale(1.1);
     text-decoration: none;
}
.btn-pag{
    background-color: #BFED00;
    color: #453D3B;
    padding: 25px 15px;
    transition: transform 0.4s ease;
}
/* ---------- RESPONSIVE ---------- */
@media(max-width: 600px) {
   .pro_biene .content p { font-size: 15px; }
    .pro_biene .content h2{ font-size: 24px;}
.pro_biene .card span {
    font-size: 25px;
    line-height: normal;
}
.pro_biene .card p {
    font-size: 15px;
}
.pro_biene .card{ border-radius: 0;}

  .carac-slider-mobile {
    display: block;
  }

  .carac-slider-mobile .carac-item {
    padding: 0 10px;
  }

  .carac-slider-mobile .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .carac-slider-mobile {
      width: 100%;
          margin: auto;
  }
  .carac-tt {
      font-size: 22px;
  }
  .carac-res, .carac-modal .carac-desc{
    font-size: 15px;
  }
  .carac-eye{
        right: 7px;
    top: 7px;
  }
  .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #AFC9A2;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s ease, transform 0.2s ease;
    }
        .slick-dots li {
        margin: 0;
        width: 26px;
        height: 26px;
    }
        .slick-dots {
        display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 10px;
        list-style: none;
        padding: 0;
        bottom: -40px;
        left: 0;
    }
        .slick-dots li button:before {
        color: transparent !important;
    }
        .slick-dots li.slick-active button {
        background-color: #2C5904;
    }
    .m_info .card span.h3{
      font-size: 25px;
    }
    .m_info .card p {
      font-size: 15px;
  }
.m_info .card img{ width: 100% !important;}
.btn-wp:hover, .btn-pag:hover{transform: none;}
.carac-modal .carac-img{max-width:60%;}
.carac-close span{
  color: #cdff00;
    font-size: 45px;
}
}

/* Desktop normal */

