/**
* Theme Name: Electio Child
* Description: This is a child theme of Electio, generated by Auto Installer.
* Author: <a href="https://teconce.com/about">Teconce</a>
* Template: electio
* Version: 1.4.2
*/

/* Banner 3 Home (Wearables): texto a la izquierda, producto a la derecha */
.elementor-4587 .elementor-element.elementor-element-338195c .el-discover-feature.left-version {
    justify-content: flex-start;
}

/* === ED 2026-07-06: plantilla archivo de productos 8275 (Jet Smart Filters) === */
/* Titulo de pagina moderado */
.elementor-8275 h1.elementor-heading-title { font-size: 34px; margin-bottom: 10px; }
/* Foto COMPLETA (sin recorte) sobre fondo blanco; el recuadro ya no muestra el azul del tema */
.elementor-8275 .el-single-product .product-img-wrapper { min-height: 0; background-color: #fff; }
.elementor-8275 .el-single-product .product-img-wrapper .img-box img.main-img {
  height: 300px;
  object-fit: contain;
}
.elementor-8275 .el-single-product .product-img-wrapper .img-box img.hover-img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  background-color: #fff;
}
@media (max-width: 767px) {
  .elementor-8275 .el-single-product .product-img-wrapper .img-box img.main-img { height: 220px; }
}
/* Buscador FiboSearch con el estilo de inputs del tema (blanco, borde, esquinas 3px) */
.elementor-8275 .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp,
.elementor-8275 .dgwt-wcas-sf-wrapp input.dgwt-wcas-search-input {
  border-radius: 3px;
}
.elementor-8275 .dgwt-wcas-sf-wrapp input.dgwt-wcas-search-input {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  height: 52px;
}
/* Tiles de categoria: tamano sano por si se reactivan en el futuro */
.elementor-8275 .woocommerce-loop-category__title { font-size: 16px; }

/* === ED 2026-07-06: FiboSearch reemplaza al buscador del tema en el header (override child header-style-one.php) === */
.el-search-with-category-wrapper .dgwt-wcas-search-wrapp { max-width: 100%; }
/* Caja visible del input (el estilo classic de FiboSearch trae border:0 y su CSS dinamico solo emite border-color) */
.el-search-with-category-wrapper input[type=search].dgwt-wcas-search-input {
  font-size: 17px !important;
  border: 2px solid #112bb1 !important;
  background-color: #fff !important;
  height: 52px !important;
  border-radius: 4px 0 0 4px !important;
}
.el-search-with-category-wrapper .dgwt-wcas-search-submit {
  height: 52px !important;
  min-width: 60px;
  border-radius: 0 4px 4px 0 !important;
}


/* === ED 2026-07-06: menu principal mas grande y con peso (pedido usuario) === */
.el-hm-one-nav ul.navbar-nav > li > a {
  font-size: 22px;
  font-weight: 600;
}
/* ED: pre-init del hero — slide 1 con tamano final, resto oculto hasta slick (LCP/CLS) */ .el-hero-section-slider:not(.slick-initialized) > .el-hero-section:not(:first-child) { display: none; }

/* ============================================================
 * ED 2026-07-06 Tanda 2 (fuentes): icomoon en WOFF2 local
 * (el icomoon.ttf del tema pesa 970KB/437KB transfer; el woff2 352KB).
 * Misma familia/descriptores declarados DESPUES => esta gana.
 * ============================================================ */
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* star (estrellas de resenas WooCommerce) con font-display swap (PSI: -90ms) */
@font-face {
  font-family: 'star';
  src: url('../../plugins/woocommerce/assets/fonts/star.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ============================================================
 * ED 2026-07-06: el toggle "mostrar contraseña" que WooCommerce
 * inyecta por JS salia como bloque azul vacio (el tema no lo
 * estiliza). Se convierte en ojito dentro del campo.
 * ============================================================ */
.woocommerce form .password-input {
  position: relative;
  display: block;
}
.woocommerce form .show-password-input {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: none !important;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.woocommerce form .show-password-input::after {
  content: '\1F441';
  font-size: 16px;
  line-height: 24px;
  opacity: .55;
}
.woocommerce form .show-password-input.display-password::after {
  opacity: 1;
}

/* === ED 2026-10-30: el titulo de la ficha pasa de h3 a h1 (SEO). Mismo aspecto que tenia el h3. === */
.product-des-box > h1.title {
    font-family: Jost, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    color: #000e3c;
    margin: 0 0 10px;
    padding: 0;
    letter-spacing: normal;
    text-transform: none;
}