/* ==========================================================================
   The Hobbieman — estilos premium (child theme de Kadence)
   Concepto: coleccionismo + modelismo + editorial. Elegante, limpio, rápido.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&display=swap');

:root{
  --thm-ink:#0f1113;
  --thm-ink-2:#17191c;
  --thm-card:#1c1f23;
  --thm-line:rgba(255,255,255,.09);
  --thm-fg:#f5f5f4;
  --thm-muted:#a7a7a3;
  --thm-accent:#2e6ea6;      /* azul acero premium (modelismo) */
  --thm-accent-2:#4a90c2;
}

/* Titulares con carácter editorial */
.thm-section h2,
.thm-hero h1,
.thm-cardgrid .t,
.thm-scale .num{
  font-family:'Archivo', system-ui, sans-serif;
  letter-spacing:-.01em;
}

/* ---------- HERO ---------- */
.thm-hero{
  position:relative;
  min-height:82vh;
  display:flex;align-items:center;
  background:
    radial-gradient(120% 120% at 80% -10%, rgba(46,110,166,.28) 0%, rgba(46,110,166,0) 45%),
    linear-gradient(135deg,#0b0d10 0%,#141821 55%,#0e1622 100%);
  color:var(--thm-fg);
  overflow:hidden;
}
.thm-hero::after{ /* textura sutil */
  content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 9px);
  pointer-events:none;
}
.thm-hero .inner{position:relative;z-index:2;max-width:760px;padding:6vw 6vw;}
.thm-hero .eyebrow{
  text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;
  color:var(--thm-accent-2);font-weight:700;margin:0 0 1.1rem;
}
.thm-hero h1{font-size:clamp(2.3rem,6vw,4.4rem);line-height:1.02;margin:0 0 1.1rem;font-weight:800;color:#f7f8fa!important;text-shadow:0 2px 10px rgba(0,0,0,.35);}
.thm-hero p.lead{font-size:clamp(1.1rem,1.7vw,1.34rem);color:#eef1f3;max-width:52ch;margin:0 0 2rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.35);}
.thm-btn{
  display:inline-block;background:var(--thm-accent);color:#fff!important;
  padding:.95rem 2rem;border-radius:2px;font-weight:700;text-decoration:none;
  letter-spacing:.02em;transition:transform .15s ease,background .2s ease;
}
.thm-btn:hover{background:var(--thm-accent-2);transform:translateY(-2px);}
.thm-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.35);margin-left:.8rem;}
.thm-btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.06);}

/* ---------- Secciones ---------- */
.thm-section{padding:clamp(3rem,7vw,6rem) 0;}
.thm-section .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);}
.thm-section.dark{background:var(--thm-ink);color:var(--thm-fg);}
.thm-section .head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;}
.thm-section h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin:0;font-weight:800;}
.thm-section .head p{margin:.4rem 0 0;color:var(--thm-muted);}
.thm-section .seemore{color:inherit;text-decoration:none;font-weight:700;border-bottom:2px solid var(--thm-accent);padding-bottom:2px;white-space:nowrap;}

/* ---------- Grid de categorías (tarjetas con imagen real) ---------- */
.thm-cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
.thm-cardgrid a.card{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  border-radius:12px;text-decoration:none;background:#fff;
  border:1px solid rgba(255,255,255,.10);color:#14171a;
  transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease;
}
.thm-cardgrid a.card .thumb{
  aspect-ratio:4/3;
  background-image:var(--img);
  background-size:contain;background-repeat:no-repeat;background-position:center;
  background-color:#f3f4f6;
  transition:transform .4s ease;
}
.thm-cardgrid a.card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(0,0,0,.30);border-color:var(--thm-accent);}
.thm-cardgrid a.card:hover .thumb{transform:scale(1.06);}
.thm-cardgrid a.card .meta{padding:1rem 1.15rem 1.2rem;display:flex;flex-direction:column;gap:.12rem;}
.thm-cardgrid a.card .k{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--thm-accent);font-weight:700;}
.thm-cardgrid a.card .t{font-size:1.32rem;font-weight:700;color:#14171a;line-height:1.1;}
.thm-cardgrid a.card .c{font-size:.82rem;color:#7a7f85;margin-top:.25rem;}
/* Tile CTA */
.thm-cardgrid a.card.cta{background:linear-gradient(140deg,var(--thm-accent),#1f5687);border:none;justify-content:center;}
.thm-cardgrid a.card.cta .meta{padding:2rem 1.5rem;}
.thm-cardgrid a.card.cta .t{color:#fff;font-size:1.5rem;}
.thm-cardgrid a.card.cta .c{color:rgba(255,255,255,.88);font-size:.95rem;margin-top:.55rem;}
.thm-cardgrid a.card.cta:hover{box-shadow:0 18px 42px rgba(46,110,166,.42);}

/* ---------- Compra por escala ---------- */
.thm-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.thm-scale a{
  text-decoration:none;text-align:center;padding:1.8rem 1rem;border-radius:6px;
  background:var(--thm-ink-2);border:1px solid var(--thm-line);color:var(--thm-fg);
  transition:transform .18s ease,border-color .2s ease,background .2s ease;
}
.thm-scale a:hover{transform:translateY(-4px);border-color:var(--thm-accent);background:#202327;}
.thm-scale .num{display:block;font-size:1.9rem;font-weight:800;}
.thm-scale .lbl{display:block;color:var(--thm-muted);font-size:.85rem;margin-top:.25rem;}

/* ---------- Marcas ---------- */
.thm-brands{display:flex;flex-wrap:wrap;gap:.7rem;}
.thm-brands a{
  text-decoration:none;padding:.7rem 1.3rem;border-radius:40px;
  border:1px solid var(--thm-line);color:var(--thm-fg);background:var(--thm-ink-2);
  font-weight:600;letter-spacing:.02em;transition:border-color .2s ease,color .2s ease;
}
.thm-brands a:hover{border-color:var(--thm-accent);color:var(--thm-accent-2);}

/* ---------- Beneficios ---------- */
.thm-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.thm-benefits .b{padding:1.4rem;border-left:2px solid var(--thm-accent);}
.thm-benefits .b h4{margin:.2rem 0 .4rem;font-size:1.05rem;}
.thm-benefits .b p{margin:0;color:var(--thm-muted);font-size:.92rem;}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .thm-cardgrid{grid-template-columns:repeat(2,1fr);}
  .thm-scale{grid-template-columns:repeat(2,1fr);}
  .thm-benefits{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .thm-hero{min-height:74vh;}
  .thm-cardgrid,.thm-benefits{grid-template-columns:1fr;}
  .thm-btn.ghost{margin-left:0;margin-top:.6rem;display:block;text-align:center;}
}

/* ==========================================================================
   Cohesión de marca en TODO el sitio (WooCommerce + header)
   ========================================================================== */

/* Acento de marca en botones y enlaces Woo/Kadence */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.wc-block-components-button, .wp-block-button__link,
.woocommerce-page a.button, .single_add_to_cart_button{
  background:var(--thm-accent)!important;color:#fff!important;border:none!important;
  border-radius:2px!important;font-weight:700!important;letter-spacing:.02em;
  transition:background .2s ease,transform .15s ease!important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .single_add_to_cart_button:hover, .wp-block-button__link:hover{
  background:var(--thm-accent-2)!important;transform:translateY(-2px);
}

/* Precios con carácter */
.woocommerce ul.products li.product .price, .woocommerce div.product p.price,
.woocommerce div.product span.price, .wc-block-components-product-price{
  color:#111!important;font-weight:800;
}
.woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins{text-decoration:none;}

/* Tarjetas de producto premium — imagen uniforme + jerarquía nombre/precio */
.woocommerce ul.products li.product{
  display:flex;flex-direction:column;
  border:1px solid #ececec;border-radius:12px;padding:0;background:#fff;overflow:hidden;
  transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-5px);box-shadow:0 16px 38px rgba(0,0,0,.12);border-color:var(--thm-accent);
}
/* Imagen: caja cuadrada pareja, producto contenido sobre gris suave */
.woocommerce ul.products li.product > a:first-child,
.woocommerce ul.products li.product .woocommerce-loop-image-link{
  display:block;background:#f5f6f7;overflow:hidden;
}
.woocommerce ul.products li.product img{
  width:100%!important;height:auto;aspect-ratio:1/1;object-fit:contain;
  padding:.9rem;margin:0!important;border-radius:0;
  transition:transform .4s ease;
}
.woocommerce ul.products li.product:hover img{transform:scale(1.05);}
/* Bloque de detalles: ocupa el resto y empuja el botón al fondo */
.woocommerce ul.products li.product .product-details,
.woocommerce ul.products li.product .entry-content-wrap{
  display:flex;flex-direction:column;flex:1;
  padding:1rem 1.1rem 1.2rem!important;border-top:1px solid #f0f0f0;
}
/* Etiqueta fabricante · escala sobre el nombre */
.woocommerce ul.products li.product .thm-eyebrow{
  display:block;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--thm-accent);margin:0 0 .35rem;line-height:1.2;
}
/* Título con aire y alto parejo (hasta 3 líneas) */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Archivo',system-ui,sans-serif;font-weight:600;
  font-size:.92rem;line-height:1.45;margin:0 0 .8rem!important;padding:0;
  color:#1a1d20;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  min-height:calc(.92rem * 1.45 * 3);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a{color:inherit;}
/* Precio con jerarquía */
.woocommerce ul.products li.product .price{
  font-size:1.25rem!important;font-weight:800;color:#14171a!important;
  margin:0 0 1rem!important;display:block;line-height:1.1;
}
/* Botón "Agregar" SIEMPRE visible y estático al fondo (anula el reveal-on-hover
   de Kadence que monta el botón sobre el precio) */
.woocommerce ul.products li.product .product-action-wrap,
.woocommerce ul.products.woo-archive-action-on-hover li.product .product-action-wrap,
.woocommerce ul.products.woo-archive-action-on-hover li.product:hover .product-action-wrap{
  position:static!important;bottom:auto!important;left:auto!important;right:auto!important;
  opacity:1!important;margin-top:auto!important;padding:.2rem 0 0!important;transition:none!important;
}
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart{
  display:inline-block;width:auto;max-width:100%;text-align:center;box-sizing:border-box;
  font-size:.78rem!important;letter-spacing:.01em!important;text-transform:none!important;
  padding:.58rem 1.15rem!important;line-height:1.2!important;white-space:nowrap;
  border-radius:8px!important;
}
/* Sin flecha en el botón (Kadence la agrega como pseudo-elemento/ícono) */
.woocommerce ul.products li.product .add_to_cart_button::after,
.woocommerce ul.products li.product .add_to_cart_button::before{content:none!important;display:none!important;}
.woocommerce ul.products li.product .add_to_cart_button svg,
.woocommerce ul.products li.product .add_to_cart_button i{display:none!important;}
/* Badge de oferta */
.woocommerce span.onsale{
  background:var(--thm-accent);color:#fff;border-radius:40px;font-weight:700;
  min-height:auto;min-width:auto;padding:.3em .8em;line-height:1.4;top:.6rem;left:.6rem;
}

/* Títulos editoriales (archivo/tienda + encabezados de bloques de la home) */
.woocommerce-products-header__title, .woocommerce .woocommerce-breadcrumb + h1,
.wp-block-post-title, .entry-title,
.wp-block-group > h2.wp-block-heading{font-family:'Archivo',system-ui,sans-serif;letter-spacing:-.01em;}
.wp-block-group > h2.wp-block-heading{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;}

/* Ficha de producto: pestañas y precio */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--thm-accent);}
.woocommerce div.product p.price, .woocommerce div.product span.price{font-size:1.6rem;}

/* Filtros (layered nav) */
.woocommerce .widget_layered_nav ul li a, .wc-block-attribute-filter a{text-decoration:none;}
.woocommerce .widget_layered_nav ul li.chosen a, .widget a.chosen{color:var(--thm-accent);font-weight:700;}

/* ---------- Buscador en el header ---------- */
.thm-header-search{display:flex;align-items:center;margin-left:1rem;}
.thm-header-search form{display:flex;align-items:center;background:rgba(0,0,0,.05);border-radius:40px;padding:.15rem .3rem .15rem .9rem;}
.thm-header-search input[type=search]{
  border:none;background:transparent;outline:none;font-size:.9rem;width:150px;color:inherit;
}
.thm-header-search button{
  border:none;background:var(--thm-accent);color:#fff;border-radius:50%;
  width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;
}
.thm-header-search button:hover{background:var(--thm-accent-2);}
@media (max-width:768px){ .thm-header-search input[type=search]{width:110px;} }

/* ===== Banda MercadoLibre (tienda oficial) ===== */
.thm-ml{background:#FFE600;color:#2D3277;padding:clamp(2rem,5vw,3.2rem) 0;}
.thm-ml .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);}
.thm-ml-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.thm-ml-txt{max-width:640px;}
.thm-ml-badge{display:inline-block;background:#2D3277;color:#fff;font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:4px;margin-bottom:.7rem;}
.thm-ml h2{margin:0 0 .5rem;font-weight:800;font-size:clamp(1.4rem,3vw,2rem);color:#2D3277;}
.thm-ml-txt p{margin:0;color:#2D3277;opacity:.88;font-size:1rem;line-height:1.5;}
.thm-ml-btn{display:inline-block;background:#2D3277;color:#fff;font-weight:800;padding:.95rem 1.7rem;border-radius:8px;text-decoration:none;white-space:nowrap;transition:transform .15s,background .15s;}
.thm-ml-btn:hover{transform:translateY(-2px);background:#1f2456;color:#fff;}
@media(max-width:640px){.thm-ml-btn{width:100%;text-align:center;}}

/* ===== Aviso de envío internacional (carrito/checkout) ===== */
.thm-intl-banner{
  background:#eef4fa;border:1px solid #cfe0f0;border-left:4px solid var(--thm-accent);
  border-radius:8px;padding:.9rem 1.15rem;margin:0 0 1.5rem;
  font-size:.95rem;line-height:1.55;color:#1a2733;
}
.thm-intl-banner a{color:var(--thm-accent);font-weight:700;text-decoration:none;}
.thm-intl-banner a:hover{text-decoration:underline;}

/* Boton MercadoLibre en pagina Coming Soon (forzar colores de marca) */
.woocommerce-coming-soon-default .wp-block-button__link{
  background-color:#ffe600 !important;
  color:#2d3277 !important;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  transition:transform .15s ease, background-color .15s ease;
}
.woocommerce-coming-soon-default .wp-block-button__link:hover{
  background-color:#f4d500 !important;
  color:#2d3277 !important;
  transform:translateY(-2px);
}

/* ---------- Nuestra historia / Cómo surgió ---------- */
.thm-story{background:var(--thm-ink-2);color:var(--thm-fg);padding:clamp(3.5rem,8vw,7rem) 0;border-top:1px solid var(--thm-line);border-bottom:1px solid var(--thm-line);}
.thm-story .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);}
.thm-story-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,5vw,4rem);align-items:start;}
.thm-story .eyebrow{color:var(--thm-accent-2);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;margin:0 0 1rem;}
.thm-story-lead h2{font-family:"Archivo",system-ui,sans-serif;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.14;font-weight:800;margin:0 0 1.1rem;letter-spacing:-.01em;}
.thm-story-lead .tag{color:var(--thm-muted);font-size:1.05rem;line-height:1.5;margin:0;}
.thm-story-body p{color:#d9d9d6;line-height:1.75;font-size:1.02rem;margin:0 0 1.1rem;}
.thm-story-body strong{color:var(--thm-fg);font-weight:700;}
.thm-story-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem;}
@media(max-width:820px){.thm-story-grid{grid-template-columns:1fr;gap:1.4rem;}}

/* ---------- Banner con imagen en encabezados de tienda/categorías ---------- */
.product-archive-hero-section.entry-hero{background-size:cover;background-position:center;position:relative;}
.product-archive-hero-section.entry-hero .entry-hero-container-inner{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.75rem 1rem;text-align:center;}
.product-archive-hero-section .page-title.archive-title{color:#fff;font-family:"Archivo",system-ui,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.01em;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.35);}
.product-archive-hero-section .page-title.archive-title::before{display:block;color:var(--thm-accent-2,#4a90c2);font-family:"Archivo",system-ui,sans-serif;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;margin-bottom:.6rem;text-shadow:none;}
.product-archive-hero-section .kadence-breadcrumbs,.product-archive-hero-section .woocommerce-breadcrumb{color:rgba(255,255,255,.85);}
.product-archive-hero-section .kadence-breadcrumbs a,.product-archive-hero-section .woocommerce-breadcrumb a{color:rgba(255,255,255,.85);}

/* ---------- Home hero mejorado: mosaico + chips ---------- */
.thm-hero{gap:clamp(1.5rem,4vw,3.5rem);justify-content:space-between;}
.thm-hero .inner{flex:1 1 560px;}
.thm-hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;}
.thm-hero-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin:1.9rem 0 0;padding:0;}
.thm-hero-chips li{font-size:.85rem;color:var(--thm-fg);background:rgba(255,255,255,.06);border:1px solid var(--thm-line);border-radius:999px;padding:.5rem .95rem;}
.thm-hero-chips strong{color:var(--thm-accent-2);font-weight:800;}
.thm-hero-media{position:relative;z-index:2;flex:0 0 auto;display:grid;grid-template-columns:repeat(2,clamp(130px,13vw,175px));grid-auto-rows:clamp(130px,13vw,175px);gap:1rem;padding-right:5vw;}
.thm-hero-media .tile{background-color:#fff;background-image:var(--i);background-size:cover;background-position:center;border-radius:16px;box-shadow:0 18px 44px rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.12);}
.thm-hero-media .t1,.thm-hero-media .t4{transform:translateY(-16px);}
@media(max-width:900px){.thm-hero-media{display:none;}}

/* Fix banner archive: fondo en el inner real de Kadence + overlay transparente */
.product-archive-hero-section .hero-section-overlay{background:transparent !important;}
.product-archive-hero-section .entry-hero-container-inner{background-size:cover;background-position:center;}

/* Ajuste de encuadre por categoría (foco del banner) */
body.term-aviones .product-archive-hero-section .entry-hero-container-inner{background-position:center 22% !important;}

/* Home: ocultar el título de página "Inicio" de Kadence (usamos nuestro propio hero) */
body.home .page-hero-section{display:none !important;}
