/*
Theme Name:   Hello Elementor Child
Theme URI:    https://intigrains.com
Description:  Tema hijo de Hello Elementor para Intigrains
Author:       DATXALE
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

:root {
  --verde:        #1B5E20;
  --verde-med:    #2E7D32;
  --verde-light:  #4CAF50;
  --dorado:       #F9A825;
  --dorado-dark:  #F57F17;
  --text:         #212121;
  --gray:         #F5F5F5;
  --white:        #FFFFFF;
  --font-h:       'Poppins', sans-serif;
  --font-b:       'Open Sans', sans-serif;
  --radius:       8px;
  --shadow:       0 4px 20px rgba(0,0,0,.10);
  --tr:           all 0.3s ease;
}

body { font-family: var(--font-b); color: var(--text); }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-h); font-weight:700; }

/* Botones */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--verde) !important;
  color: #fff !important;
  border-radius: var(--radius) !important;
  border: none !important;
  font-family: var(--font-h) !important;
  font-weight: 600 !important;
  transition: var(--tr) !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--verde-med) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(27,94,32,.35) !important;
}

/* Navbar */
.site-header { background: var(--verde) !important; box-shadow: 0 2px 12px rgba(0,0,0,.15); }
.elementor-nav-menu a { color:#fff !important; font-family:var(--font-h) !important; font-weight:500 !important; transition:var(--tr); }
.elementor-nav-menu a:hover,
.elementor-nav-menu .current-menu-item > a { color: var(--dorado) !important; }

/* Hero */
.hero-section {
  background: linear-gradient(135deg, var(--verde) 0%, var(--verde-med) 60%, #1a3a0a 100%);
  position:relative; overflow:hidden;
}
.hero-section::before {
  content:''; position:absolute; inset:0;
  background: radial-gradient(circle at 80% 50%, rgba(255,255,255,.05) 0%, transparent 60%);
}
.hero-title { font-size:clamp(2rem,5vw,3.5rem) !important; color:#fff !important; line-height:1.2 !important; }
.hero-subtitle { color:rgba(255,255,255,.85) !important; font-size:1.1rem !important; }

/* Productos */
.woocommerce ul.products li.product {
  background:#fff; border-radius:12px; box-shadow:var(--shadow);
  transition:var(--tr); overflow:hidden; border:1px solid #eee;
}
.woocommerce ul.products li.product:hover {
  transform:translateY(-5px);
  box-shadow:0 12px 36px rgba(27,94,32,.18);
  border-color:var(--verde-light);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family:var(--font-h) !important; font-size:1rem !important;
  font-weight:600; color:var(--verde) !important;
}
.woocommerce ul.products li.product .price {
  color:var(--dorado-dark) !important; font-weight:700; font-size:1.1rem !important;
}

/* Titulos de sección */
.section-title {
  font-family:var(--font-h) !important;
  color:var(--verde) !important;
  position:relative; display:inline-block;
}
.section-title::after {
  content:''; display:block; width:60px; height:4px;
  background:var(--dorado); border-radius:2px; margin:.5rem auto 0;
}

/* Formulario */
.wpcf7-form input,.wpcf7-form textarea,.wpcf7-form select {
  border:1.5px solid #ddd !important; border-radius:var(--radius) !important;
  padding:10px 14px !important; width:100% !important; transition:border-color .2s;
}
.wpcf7-form input:focus,.wpcf7-form textarea:focus {
  border-color:var(--verde) !important; outline:none !important;
  box-shadow:0 0 0 3px rgba(27,94,32,.12) !important;
}
.wpcf7-form .wpcf7-submit {
  background:var(--verde) !important; color:#fff !important;
  border:none !important; padding:12px 36px !important;
  border-radius:var(--radius) !important; font-weight:700 !important;
  cursor:pointer; transition:var(--tr) !important; width:100%; font-size:1rem;
}
.wpcf7-form .wpcf7-submit:hover { background:var(--verde-med) !important; transform:translateY(-1px); }

/* Footer */
.site-footer { background:#0D2B10 !important; color:rgba(255,255,255,.8) !important; }
.site-footer a { color:var(--dorado) !important; transition:var(--tr); }
.site-footer a:hover { color:#fff !important; }

/* Animaciones */
@keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
.animate-up { animation:fadeUp .6s ease forwards; }

/* WhatsApp float */
.whatsapp-float {
  position:fixed; bottom:28px; right:28px; z-index:9999;
  background:#25D366; width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 16px rgba(37,211,102,.5); transition:transform .2s,box-shadow .2s;
}
.whatsapp-float:hover { transform:scale(1.12); box-shadow:0 6px 24px rgba(37,211,102,.65); }

/* Responsive */
@media(max-width:768px){
  .hero-title{font-size:2rem !important;}
  .woocommerce ul.products{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:480px){
  .woocommerce ul.products{grid-template-columns:1fr !important;}
}

/* Contact page info boxes */
.elementor-element-1ebe3732,
.elementor-element-795a5c59,
.elementor-element-35fac486 {
  border-radius: 8px;
}
.elementor-element-1ebe3732 *,
.elementor-element-795a5c59 *,
.elementor-element-35fac486 * {
  color: #fff !important;
}

/* Logo sin fondo blanco */
.elementor-widget-image img,
.site-header img[src*='logo'],
.elementor-element-eefce48 img,
.elementor-element-eefce48 .elementor-image img {
  mix-blend-mode: multiply;
}

/* Feature cards iconos */
.elementor-element-76a7313f .elementor-image-box-img img,
.elementor-element-52383cd0 .elementor-image-box-img img,
.elementor-element-3d3cd7a6 .elementor-image-box-img img {
  filter: invert(1) sepia(1) saturate(3) hue-rotate(90deg);
}

/* Productos cards hover */
.elementor-posts--skin-cards .elementor-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(27,94,32,.2);
  transition: all .3s ease;
}