/*
Theme Name: Hello Elementor Child (E! Móvil Store)
Template: hello-elementor
*/

/* ===== Tipografías ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Open+Sans:wght@400;600&display=swap');

/* ===== Base ===== */
html body{
  background:#F9F7F1 !important;     /* Fondo beige del mockup */
  color:#333333;
  font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
html body h1, html body h2, html body h3, html body h4, html body h5{
  font-family:"Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:#1A1A1A;
}
html body h1{ font-weight:800; font-size:48px; line-height:1.15; }
html body h2{ font-weight:700; font-size:32px; line-height:1.2; }
@media (max-width:1024px){ html body h1{font-size:36px} html body h2{font-size:28px} }
@media (max-width:767px){  html body h1{font-size:28px} html body h2{font-size:24px} }

/* ===== HEADER (Elementor Theme Builder) ===== */
header.elementor-location-header{
  background:#0E0E0E !important;     /* Negro */
  box-shadow:0 2px 10px rgba(0,0,0,.20);
}
header.elementor-location-header .elementor-container,
header.elementor-location-header .e-con{
  align-items:center !important;
  justify-content:space-between !important;
  min-height:80px;
  padding-top:12px; padding-bottom:12px;
}
/* Logo tamaño seguro */
header.elementor-location-header .elementor-widget-site-logo img{
  max-height:48px !important; height:auto !important; width:auto !important; display:block;
}
/* Menú: blanco + hover verde */
header.elementor-location-header .elementor-nav-menu--main .elementor-item,
header.elementor-location-header nav a{
  color:#FFFFFF !important;
  font-family:"Montserrat"; font-weight:600; font-size:16px;
  transition:color .2s ease, opacity .2s ease;
}
header.elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
header.elementor-location-header nav a:hover,
header.elementor-location-header .elementor-nav-menu--main .current-menu-item > .elementor-item{
  color:#28B04B !important;           /* Verde marca */
}
/* Iconos (carrito/lupa) */
header.elementor-location-header .elementor-icon,
header.elementor-location-header .elementor-menu-cart__toggle .elementor-button-icon{
  color:#FFFFFF !important; font-size:20px;
  transition:color .2s ease, transform .2s ease;
}
header.elementor-location-header .elementor-icon:hover,
header.elementor-location-header .elementor-menu-cart__toggle .elementor-button-icon:hover{
  color:#28B04B !important; transform:translateY(-1px);
}
/* Sticky */
.elementor-sticky--active.elementor-location-header{ box-shadow:0 6px 16px rgba(0,0,0,.22); }

/* ===== BOTONES (Elementor + Woo) ===== */
html body .elementor-button,
html body .button,
html body .woocommerce a.button,
html body .woocommerce button.button,
html body .add_to_cart_button,
html body .single_add_to_cart_button{
  background:#28B04B !important; color:#FFFFFF !important; border:none !important;
  border-radius:14px !important; padding:12px 20px !important; font-weight:700 !important;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
html body .elementor-button:hover,
html body .button:hover,
html body .woocommerce a.button:hover,
html body .woocommerce button.button:hover,
html body .add_to_cart_button:hover,
html body .single_add_to_cart_button:hover{
  background:#1F8A50 !important; transform:translateY(-1px);
}

/* ===== TARJETAS (categorías / cajas) ===== */
html body .elementor .elementor-widget-icon-box .elementor-widget-container,
html body .elementor .elementor-widget-image-box .elementor-widget-container{
  background:#FFFFFF; border:1px solid #EEEEEE; border-radius:18px;
  padding:22px; box-shadow:0 2px 10px rgba(0,0,0,.06);
  transition:box-shadow .25s, transform .25s;
}
html body .elementor .elementor-widget-icon-box .elementor-widget-container:hover,
html body .elementor .elementor-widget-image-box .elementor-widget-container:hover{
  box-shadow:0 6px 20px rgba(0,0,0,.10); transform:translateY(-2px);
}
html body .elementor .elementor-icon{ color:#28B04B; }

/* ===== Productos Woo ===== */
html body .woocommerce ul.products li.product, 
html body .product{
  background:#FFFFFF; border-radius:18px; box-shadow:0 2px 10px rgba(0,0,0,.06); padding:16px;
}
html body .woocommerce ul.products li.product:hover{ box-shadow:0 6px 20px rgba(0,0,0,.10); }
html body .woocommerce ul.products li.product .price{ color:#1A1A1A; font-weight:700; }
html body .woocommerce span.onsale{
  background:#FFD166; color:#1A1A1A; border-radius:999px; padding:.35em .7em; font-weight:700;
}

/* ===== Footer oscuro ===== */
html body .elementor-location-footer{
  background:#0E0E0E !important; color:#FFFFFF !important;
  padding-top:40px; padding-bottom:40px;
}
html body .elementor-location-footer a{ color:#FFFFFF !important; }
html body .elementor-location-footer a:hover{ color:#28B04B !important; }

/* Inputs Woo */
html body .woocommerce input.input-text,
html body .woocommerce select,
html body .woocommerce textarea{
  border-radius:10px; border:1px solid #DDDDDD; background:#FFFFFF;
}