/*
Theme Name: BuildApp Store Natural
Description: Tema estilo tienda navy (referencia Tentree), hijo de Astra, para BuildAppSites Store.
Author: BuildAppSites
Template: astra
Version: 2.0
*/

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap');

:root{
  --paper:#eef1f6;--card:#f8fafc;--ink:#131c2b;--mut:#5f6a80;
  --navy:#1e3a5f;--navy2:#2c568a;--steel:#41608c;--band:#0f1b2e;--line:#d8dfea;
  --font:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

body{font-family:var(--font);color:var(--ink);}
h1,h2,h3,h4{font-family:var(--font);}

/* ====== Header/Footer de Astra: OCULTO en portada (usamos el diseño propio) ====== */
.home .site-header,.home #masthead,.home .site-footer,.home .ast-small-footer{display:none!important;}
.home #content,.home .site-content{padding-top:0!important;}
.home .entry-content,.home #primary,.home .ast-article-single{margin:0!important;padding:0!important;max-width:100%!important;}
.home .ast-container{max-width:100%!important;padding:0!important;}

/* ====== Header de Astra NAVY (resto de paginas: tienda, producto, etc.) ====== */
.ast-primary-header-bar,.main-header-bar,.ast-theme-transparent-header .main-header-bar{background:var(--band)!important;}
.site-title a,.ast-site-identity .site-title a{color:#eef3fb!important;font-weight:800!important;}
.main-header-menu a,.ast-header-navigation-arrow,.main-navigation a{color:#dbe4f2!important;text-transform:uppercase;letter-spacing:.08em;font-size:.82em;}
.main-header-menu a:hover{color:#a9c7ee!important;}
.site-header-cart .cart-contents,.ast-header-woo-cart a{color:#eef3fb!important;}
.site-footer,.ast-small-footer{background:var(--band)!important;color:#c1cad9!important;}
.site-footer a,.ast-small-footer a{color:#eef3fb!important;}

/* ====== Botones / precios / filtros NAVY (toda la tienda) ====== */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit,.wpcf7 input[type=submit]{
  background:var(--navy)!important;color:#fff!important;border:1px solid var(--navy)!important;border-radius:3px!important;
  text-transform:uppercase;letter-spacing:.06em;font-weight:600;transition:.25s;}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.wpcf7 input[type=submit]:hover{background:var(--navy2)!important;border-color:var(--navy2)!important;}
.onsale{background:var(--navy)!important;border-color:var(--navy)!important;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:var(--navy)!important;}

/* ====== Grilla de productos (portada Destacados + tienda) ====== */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:24px;margin:0!important;padding:0!important;}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.woocommerce ul.products{grid-template-columns:1fr 1fr;gap:14px;}}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:.25s;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(15,25,45,.12);}
.woocommerce ul.products li.product a img{margin:0!important;border-radius:0;aspect-ratio:4/5;object-fit:cover;background:#dde4ee;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:14px 16px 2px!important;font-size:16px!important;font-weight:600!important;color:var(--ink);}
.woocommerce ul.products li.product .price{padding:0 16px!important;color:var(--navy)!important;font-weight:700;display:block;}
.woocommerce ul.products li.product .star-rating{margin:6px 16px;}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin:12px 16px 16px!important;display:inline-block;}

/* ====== Barra de filtros de la tienda ====== */
.bs-shopbar{clear:both;position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin:24px 0 30px;}
/* la tienda no muestra sidebar (evita buscador sobrepuesto) */
.archive.woocommerce #secondary,.post-type-archive-product #secondary,.tax-product_cat #secondary{display:none!important;}
.archive.woocommerce #primary,.post-type-archive-product #primary,.tax-product_cat #primary{width:100%!important;max-width:100%!important;}
.bs-shopbar .bs-sb-search{flex:1;min-width:230px;}
.bs-shopbar form.woocommerce-product-search{display:flex;gap:8px;margin:0;}
.bs-shopbar .woocommerce-product-search input[type=search]{flex:1;border:1px solid var(--line);border-radius:999px;padding:.7em 1.15em;background:var(--paper);}
.bs-shopbar .woocommerce-product-search button{border-radius:999px!important;}
.bs-shopbar .bs-sb-price{min-width:280px;}
.bs-sb-lbl{display:block;font-size:.72em;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);margin-bottom:8px;}
.bs-shopbar .price_slider_wrapper .price_slider_amount{display:flex;align-items:center;gap:10px;font-size:.85em;color:var(--ink);flex-wrap:wrap;}
.bs-shopbar .price_slider{margin:.6em 0 1em;}
.bs-shopbar .price_slider_wrapper .button{padding:.55em 1.3em!important;font-size:.68em!important;}
@media(max-width:600px){.bs-shopbar{flex-direction:column;align-items:stretch;}}

/* =================== PORTADA (maqueta navy) =================== */
.st-wrap{max-width:1220px;margin:0 auto;padding:0 28px;}
.st-eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;}
.st-acc{color:var(--steel);}

.st-announce{background:var(--band);color:#e7edf6;text-align:center;font-size:12.5px;letter-spacing:.06em;padding:9px 16px;}
.st-announce b{color:#a9c7ee;}

.st-nav{position:sticky;top:0;z-index:50;background:rgba(238,241,246,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.st-nav-in{display:flex;align-items:center;justify-content:space-between;height:70px;}
.st-brand{font-weight:800;font-size:21px;letter-spacing:-.02em;display:flex;align-items:center;gap:9px;color:var(--ink);}
.st-leaf{width:20px;height:20px;border-radius:0 50% 50% 50%;background:var(--navy);display:inline-block;transform:rotate(45deg);}
.st-menu{display:flex;gap:28px;font-size:14px;font-weight:500;}
.st-menu a{color:var(--mut);}.st-menu a:hover{color:var(--ink);}
.st-nav-r{display:flex;gap:18px;align-items:center;color:var(--ink);}
.st-ic{width:22px;height:22px;display:block;}
@media(max-width:820px){.st-menu{display:none;}}

.st-hero{position:relative;min-height:82vh;display:flex;align-items:flex-end;color:#eef3fb;overflow:hidden;}
.st-ph{position:absolute;inset:0;background:radial-gradient(120% 90% at 75% 20%,rgba(120,160,215,.35),transparent 60%),linear-gradient(160deg,#14273f 0%,#1e3a5f 55%,#33578a 100%);}
.st-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,18,30,.15),rgba(8,14,26,.74));}
.st-hero-in{position:relative;z-index:2;padding-bottom:8vh;padding-top:6vh;}
.st-hero .st-eyebrow{color:#a9c7ee;margin-bottom:16px;display:block;}
.st-hero h1{font-size:clamp(38px,6.2vw,74px);line-height:1.02;font-weight:800;letter-spacing:-.02em;max-width:15ch;color:#fff;}
.st-hero p{margin-top:20px;max-width:46ch;font-size:18px;color:#dbe4f0;}
.st-cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}
.st-btn{display:inline-block;padding:15px 32px;border-radius:3px;font-weight:600;font-size:14px;letter-spacing:.04em;transition:.2s;border:1.5px solid transparent;cursor:pointer;}
.st-btn-solid{background:#eef3fb;color:#131c2b;}.st-btn-solid:hover{background:var(--navy);color:#fff;}
.st-btn-solid2{background:var(--navy);color:#fff;border:0;}
.st-btn-ghost{border-color:#eef3fb;color:#eef3fb;}.st-btn-ghost:hover{background:#eef3fb;color:#131c2b;}

.st-trust{border-bottom:1px solid var(--line);background:var(--card);}
.st-trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0;}
.st-t{display:flex;gap:10px;align-items:center;justify-content:center;font-size:13.5px;color:var(--mut);}
.st-t b{color:var(--navy);font-size:18px;}
@media(max-width:760px){.st-trust-in{grid-template-columns:1fr 1fr;gap:14px;}}

.st-sec{padding:92px 0;}
.st-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px;}
.st-sec-h h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--ink);}
.st-sec-h .st-eyebrow{display:block;margin-bottom:8px;}
.st-more{color:var(--navy);font-weight:600;font-size:14px;border-bottom:1px solid var(--navy);padding-bottom:2px;}

.st-cats{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.st-cat{position:relative;min-height:460px;border-radius:6px;overflow:hidden;display:flex;align-items:flex-end;padding:30px;}
.st-c1{background:linear-gradient(160deg,#14263c,#26456c 70%,#3d6499);}
.st-c2{background:linear-gradient(160deg,#0f2233,#1f4d66 75%,#3f7f9c);}
.st-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(8,14,26,.62));}
.st-lbl{position:relative;z-index:2;color:#eef3fb;}
.st-k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.85;}
.st-n{display:block;font-size:32px;font-weight:800;margin-top:4px;}
.st-go{margin-top:12px;font-size:13px;font-weight:600;border-bottom:1px solid #eef3fb;display:inline-block;padding-bottom:2px;}
@media(max-width:700px){.st-cats{grid-template-columns:1fr;}.st-cat{min-height:320px;}}

.st-band{background:var(--band);color:#e7edf6;text-align:center;padding:106px 0;}
.st-band .st-eyebrow{color:#8fb2e0;margin-bottom:16px;display:block;}
.st-band h2{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.02em;max-width:20ch;margin:0 auto;line-height:1.1;color:#fff;}
.st-band p{max-width:56ch;margin:20px auto 0;color:#c3cede;font-size:17px;}
.st-stats{display:flex;justify-content:center;gap:56px;margin-top:44px;flex-wrap:wrap;}
.st-stat b{display:block;font-size:38px;font-weight:800;color:#a9c7ee;}
.st-stat span{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8896ac;}

.st-news{background:var(--card);text-align:center;padding:84px 0;border-top:1px solid var(--line);}
.st-news h2{font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--ink);}
.st-news p{color:var(--mut);margin:12px 0 24px;}
.st-news form{display:flex;max-width:440px;margin:0 auto;}
.st-news input{flex:1;border:1.5px solid var(--line);border-right:0;background:var(--paper);color:var(--ink);padding:14px 18px;font-size:14px;border-radius:3px 0 0 3px;}
.st-news .st-btn-solid2{border-radius:0 3px 3px 0;padding:0 26px;}

.st-foot{background:var(--band);color:#c1cad9;padding:60px 0 28px;}
.st-foot-in{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;}
.st-foot h4{color:#eef3fb;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;}
.st-foot a{display:block;color:#a6b1c4;font-size:14px;padding:5px 0;}
.st-foot a:hover{color:#fff;}
.st-bot{border-top:1px solid #2a3a4f;margin-top:38px;padding-top:20px;font-size:12.5px;color:#8592a6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
@media(max-width:760px){.st-foot-in{grid-template-columns:1fr 1fr;}}