/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


/* importacion */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');

/* fuentes */
.ffNunito {
  font-family: 'Nunito Sans', sans-serif !important;
}

.ffPoppins {
  font-family: 'Poppins', sans-serif !important;
}


.fwItalic {
  font-style: italic;
}

/* fuente grosor */
.fwNormal {
  font-weight: 400;
}

.fwBold {
  font-weight: 700;
}

.fwSemiBold {
  font-weight: 500;
}

.fwExtraBold {
  font-weight: 800;
}


/* tamaño de fuente */
.fs22 {
  font-size: 22px;
}

.fs25 {
  font-size: 25px;
}

.fs30 {
  font-size: 30px;
}

.fs35 {
  font-size: 35px;
}


/* interlineado */
.l-s018 {
  letter-spacing: -0.18px;
}

.l-s024 {
  letter-spacing: -0.24px;
}

.ls0 {
  letter-spacing: 0px;
}

.ls05 {
  letter-spacing: 0.5px;
}

.ls07 {
  letter-spacing: 0.7px;
}

.ls044 {
  letter-spacing: 0.44px;
}


/* interlineado de oracion (espacio debajo de la oracion) */
.lh22 {
  line-height: 22px;
}

.lh26 {
  line-height: 26px;
}

.lh28 {
  line-height: 28px;
}

.lh29 {
  line-height: 29px;
}

.lh30 {
  line-height: 30px;
}

.lh40 {
  line-height: 40px;
}

.lh52 {
  line-height: 52px;
}

.lh79 {
  line-height: 79px;
}


/* colores */
.blanco {
  color: #FFFFFF;
}

.verdeAgua {
  color: #1DB2AC;
}

.bordo {
  color: #8B1A1E;
}

.rojo {
  color: #C1272D;
}

.casiNegro {
  color: #090909;
}

.negro {
  color: #000000;
}


/* padding de abajo */
.pb15 {
  padding-bottom: 35px;
}

/* margin de abajo */
.mb0 {
  margin-bottom: 0px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

/* tipografia */
.mayuscula {
  text-transform: uppercase;
}

.minuscula {
  text-transform: lowercase;
}

.tipoNormal {
  text-transform: initial;
}

@media only screen and (max-width: 375px) {
  .lh26 {
    line-height: 25px;
  }

  .fs35 {
    font-size: 25px;
  }
}

html {
  scroll-behavior: smooth;
}

.wpb_content_element {
  margin-bottom: 0 !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.wpb_single_image .vc_single_image-wrapper {
  margin: 0;
}

#lqd-contents-wrap {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.ocultar {
  display: none !important;
}


.ancla {
  visibility: hidden;
  position: relative;
}

a {
  outline: none !important;
}

/* ---------------------------------------BOTONES-------------------------------------------------------- */

.icon-arrow {
  width: 20px;
  height: 16px;
}

.btn-green {
  background: #98A727;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font: normal normal 500 18px/18px DM Sans;
  letter-spacing: 0.18px;
  color: #FFFFFF;
  width: fit-content;
  padding-inline: 21px;
  padding-block: 12px;

}

.btn-white {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: fit-content;
  font: normal normal 500 18px/18px DM Sans;
  letter-spacing: 0.18px;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 34px;
  padding-inline: 21px;
  padding-block: 12px;
}


.btn-green:hover,
.btn-white:hover {
  color: #FFFFFF;
}

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

  .btn-green,
  .btn-white {
    padding-inline: 15px;
    height: 42px;
  }


} 

/* EFECTO HOVER BOTONES - SOLO DESKTOP */
@media only screen and (min-width: 900px) {

  .btn-green,
  .btn-white {
    position: relative;
    overflow: hidden;
    transition: 
      transform 0.28s ease,
      box-shadow 0.28s ease,
      background-color 0.28s ease,
      border-color 0.28s ease;
    text-decoration: none;
    will-change: transform;
  }

  .btn-green::before,
  .btn-white::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 45%;
    height: 100%;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255, 255, 255, 0.35),
      transparent
    );
    transform: skewX(-20deg);
    transition: left 0.55s ease;
    pointer-events: none;
  }

  .btn-green:hover,
  .btn-white:hover {
    color: #FFFFFF;
    transform: translateY(-3px);
  }

  .btn-green:hover {
    background: #7F8E1E;
    box-shadow: 0 10px 24px rgba(55, 65, 12, 0.25);
  }

  .btn-white:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: #FFFFFF;
    box-shadow: 0 10px 24px rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(3px);
  }

  .btn-green:hover::before,
  .btn-white:hover::before {
    left: 130%;
  }

  .btn-green .icon-arrow,
  .btn-white .icon-arrow {
    transition: transform 0.28s ease;
  }

  .btn-green:hover .icon-arrow,
  .btn-white:hover .icon-arrow {
    transform: translateX(4px);
  }

  .btn-green:active,
  .btn-white:active {
    transform: translateY(-1px);
  }
}

/* ------------------------------------------BANNERS-------------------------------------------------- */

.banner-seccion {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.banner-seccion-container>div {
  height: 426px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-seccion-container>div>div {
  max-width: 700px;
}

.banner-seccion-copete {
  text-align: center;
  font: normal normal 500 18px/21px DM Sans;
  letter-spacing: 3.6px;
  color: #F1F1F1;
}

.banner-seccion-title {
  text-align: center;
  font: italic normal normal 36px/43px Roboto Serif;
  letter-spacing: 0.36px;
  color: #FAFAFA;
  margin-block: 15px 20px;
}

.banner-seccion-subtitle {
  text-align: center;
  font: normal normal 500 18px/22px DM Sans;
  letter-spacing: 0px;
  color: #F1F1F1;
}

/* VISTA RESPONSIVE GENERAL */ 
@media only screen and (max-width: 900px) {  
  .banner-seccion-container>div>div {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 700px) {  
  .banner-seccion-container>div {
    height: 320px; 
  }
  
  .banner-seccion-title {
    font-size: 24px;
    line-height: 30px;
  }
  
  .banner-seccion-copete,
  .banner-seccion-subtitle {
    font-size: 14px;
    line-height: 18px;
    text-wrap-style: balance;
  }
}

@media (min-width: 715px) and (max-width: 1000px) { 
  .banner-seccion-container>div {
    height: 350px; 
  }
  
  .banner-seccion-title {
    font-size: 30px;
    line-height: 36px;
  }
  
  .banner-seccion-copete,
  .banner-seccion-subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}  

@media (min-width: 1180px) and (max-width: 1290px) and (orientation: landscape) {
  .banner-seccion-container>div>div {
    max-width: 650px;
  }
}


/* imagenes */

#banner-seccion-finca {
  background-image: url(/wp-content/uploads/2026/08/OLIVARES-Banner-ppal-frame.jpg);
}

#banner-seccion-productos{
    background-image: url(/wp-content/uploads/2026/06/Enmascarar-grupo-2968.jpg);
}

#banner-seccion-cliente{
   background-image: url(/wp-content/uploads/2026/09/banner-clientes.jpg);
}

#banner-seccion-calidad{
  /* background-image: url(/wp-content/uploads/2026/06/banner.jpg);*/
  background-image: url(/wp-content/uploads/2026/09/banner-calidad.jpg);
}

#banner-seccion-empresa{
   /*background-image: url(/wp-content/uploads/2026/07/banner-empresa.jpg);*/
  /* background-image: url(/wp-content/uploads/2026/08/banner-empresa-1.jpg);*/
   background-image: url(/wp-content/uploads/2026/09/banner-empresa.jpg);
}

#banner-seccion-container-empresa > div > div{
  max-width: 790px;
}

#banner-seccion-rrhh{
   /*background-image: url(/wp-content/uploads/2026/06/Enmascarar-grupo-2976.jpg);*/
    background-image: url(/wp-content/uploads/2026/09/banner-rrhh.jpg);
}

#banner-seccion-blog{
   background-image: url(/wp-content/uploads/2026/09/banner-blog.jpg);
}

#banner-seccion-container-blog > div > div{
  max-width: 860px;
}