/* =========================================================================
TGW Pro — Estilos del front
Migrado de Apariencia → Personalizar → CSS adicional.
Al final está el bloque NUEVO para Mi cuenta y Carrito.
========================================================================= */
/* ===== Paginas de marca ===== */
body.tax-product_brand{overflow-x:hidden}
body.tax-product_brand h1.archive-title{display:none}
body.tax-product_brand .entry-header.product-archive-title{background:#0b0f0c;width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);padding:52px 24px 44px}
body.tax-product_brand .archive-description{max-width:900px;margin:0 auto}
body.tax-product_brand .archive-description > div{background:transparent !important;border-radius:0 !important;margin:0 !important;padding:0 !important}
body.tax-product_brand .archive-description p{color:#ffffff !important}
body.tax-product_brand .site-main{background:#ffffff;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding:44px 24px 64px}
body.tax-product_brand .site-main > *{max-width:1200px;margin-left:auto;margin-right:auto}
body.tax-product_brand .woocommerce-result-count,body.tax-product_brand .woocommerce-ordering,body.tax-product_brand .woocommerce-ordering select{color:#333333}
/* ===== Barra principal: menu en negrita ===== */
.main-navigation .primary-menu-container > ul > li.menu-item > a{font-weight:700;}
/* ===== Caja de busqueda (estilo growlet) ===== */
.site-main-header-wrap .search-toggle-open{background:#fff;border-radius:5px;padding:0;display:inline-flex;align-items:center;overflow:hidden;height:38px;border:0;color:#8a8a8a;}
.site-main-header-wrap .search-toggle-open::before{content:'Buscar productos ...';font-style:italic;font-size:13px;padding:0 14px;min-width:160px;text-align:left;white-space:nowrap;}
.site-main-header-wrap .search-toggle-open .search-toggle-icon{background:#2E9E57;color:#fff;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.site-main-header-wrap .search-toggle-open:hover .search-toggle-icon{background:#23AD00;}
.site-main-header-wrap .search-toggle-open .search-toggle-label{display:none;}
/* ===== Icono perfil (nav secundaria Cuenta) ===== */
.secondary-navigation .menu-cuenta > a{font-size:0;line-height:0;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;}
.secondary-navigation .menu-cuenta > a::before{content:'';display:block;width:26px;height:26px;background-color:#2E9E57;-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;}
.secondary-navigation .menu-cuenta > a:hover::before{background-color:#23AD00;}
.secondary-navigation .menu-cuenta > a .dropdown-nav-toggle{display:none;}
/* visibilidad del submenu segun sesion */
body.logged-in .menu-cuenta .acct-guest{display:none!important;}
body:not(.logged-in) .menu-cuenta .acct-user{display:none!important;}
/* estetica del submenu */
.secondary-navigation .menu-cuenta ul.sub-menu{background:#0b0f0c;min-width:190px;}
.secondary-navigation .menu-cuenta ul.sub-menu a{color:#fff;font-size:13px;font-weight:600;}
.secondary-navigation .menu-cuenta ul.sub-menu a:hover{color:#2E9E57;}
@media(max-width:850px){.site-top-header-wrap .header-html{font-size:11px}}
/* ===== Logo: respiro vertical ===== */
.site-main-header-wrap .site-branding{padding:10px 0;}
/* sticky: logo contenido en la barra */
.site-main-header-wrap.item-is-fixed .site-branding{padding:4px 0;}
.site-main-header-wrap.item-is-fixed .site-branding img{max-height:56px;width:auto;}
/* ===== Movil: lupa simple + icono perfil ===== */
.site-mobile-header-wrap .search-toggle-open{background:transparent;height:auto;padding:0 4px;border-radius:0;}
.site-mobile-header-wrap .search-toggle-open::before{content:none;}
.site-mobile-header-wrap .search-toggle-open .search-toggle-icon{background:transparent;color:#2E9E57;width:auto;height:auto;}
.site-mobile-header-wrap a.mobile-header-button{font-size:0;line-height:0;padding:4px 6px;border:0;box-shadow:none;background:transparent;min-height:0;display:inline-flex;align-items:center;}
.site-mobile-header-wrap a.mobile-header-button::before{content:'';display:block;width:24px;height:24px;background-color:#2E9E57;-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;}
.site-mobile-header-wrap a.mobile-header-button:hover::before{background-color:#23AD00;}
/* ===== Fix linea blanca sticky: masthead negro ===== */
#masthead{background:#000;}
/* ===== Carrito movil verde ===== */
.site-mobile-header-wrap .header-cart-button, .site-mobile-header-wrap .header-mobile-cart-wrap .header-cart-button{color:#2E9E57;}
/* ===== Movil: alineado uniforme de iconos ===== */
.site-mobile-header-wrap .search-toggle-open,
.site-mobile-header-wrap a.mobile-header-button,
.site-mobile-header-wrap .header-cart-button,
.site-mobile-header-wrap .menu-toggle-open{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 7px;margin:0;line-height:1;}
.site-mobile-header-wrap .search-toggle-open svg,
.site-mobile-header-wrap .header-cart-button svg,
.site-mobile-header-wrap .menu-toggle-open svg{width:21px;height:21px;}
.site-mobile-header-wrap .search-toggle-open .search-toggle-icon{width:auto;height:auto;display:inline-flex;background:transparent;color:#2E9E57;}
.site-mobile-header-wrap a.mobile-header-button::before{width:21px;height:21px;}
/* ===== Hamburguesa gruesa verde ===== */
.site-mobile-header-wrap .menu-toggle-open .menu-toggle-icon{display:none;}
.site-mobile-header-wrap .menu-toggle-open::before{content:'';display:block;width:24px;height:24px;background-color:#2E9E57;-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;}
.site-mobile-header-wrap .menu-toggle-open:hover::before{background-color:#23AD00;}
/* ===== Buscador real dentro del menu movil (shortcode tgw_buscador) ===== */
#mobile-drawer .mobile-html{width:100%;}
#mobile-drawer .woocommerce-product-search{display:flex;align-items:stretch;overflow:hidden;border-radius:6px;background:#fff;height:48px;margin:6px 0 16px;width:100%;}
#mobile-drawer .woocommerce-product-search .search-field{flex:1;min-width:0;border:0;background:#fff;height:48px;padding:0 16px;font-size:15px;font-style:italic;color:#222;outline:none;box-shadow:none;border-radius:0;-webkit-appearance:none;}
#mobile-drawer .woocommerce-product-search button{background:#2E9E57!important;border:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0;padding:0;width:48px;font-size:0;line-height:0;}
#mobile-drawer .woocommerce-product-search button::before{content:'';display:block;width:22px;height:22px;background-color:#fff;-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;mask:url("data:image/svg+xml;utf8,") no-repeat center / contain;}
#mobile-drawer .woocommerce-product-search button:hover{background:#23AD00!important;}
/* defensivo: solo la lupa blanca en el boton del buscador del drawer */
#mobile-drawer .woocommerce-product-search button svg, #mobile-drawer .mobile-html button svg{display:none!important;}
/* ===== Buscador real cabecera escritorio + separacion ===== */
.site-main-header-wrap form.tgw-header-search{display:flex;align-items:stretch;background:#fff;border-radius:5px;overflow:hidden;height:38px;margin-right:130px;}
form.tgw-header-search input[type=search]{border:0;background:#fff;padding:0 14px;font-size:13px;font-style:italic;width:180px;outline:none;color:#222;height:38px;border-radius:0;-webkit-appearance:none;box-shadow:none;}
form.tgw-header-search button{background:#2E9E57;border:0;width:38px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0;padding:0;flex-shrink:0;}
form.tgw-header-search button:hover{background:#23AD00;}
/* ===== Paginas de categoria: banda negra titulo+descripcion, productos sobre blanco ===== */
body.tax-product_cat .entry-header.product-archive-title{background:#0b0f0c;width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);padding:40px 24px 32px;}
body.tax-product_cat h1.archive-title{color:#fff;text-align:center;}
body.tax-product_cat .archive-description{max-width:880px;margin:10px auto 0;text-align:center;}
body.tax-product_cat .archive-description p{color:#fff;}
body.tax-product_cat .site-main{background:#fff;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);padding-top:28px;padding-bottom:40px;}
body.tax-product_cat{overflow-x:hidden;}
/* ===== Directorio de marcas ===== */
.tgw-marcas{max-width:1200px;margin:0 auto;padding:6px 20px 30px;}
.tgw-marcas-idx{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin:4px 0 30px;}
.tgw-marcas-idx a{color:#2E9E57;font-weight:700;text-decoration:none;font-size:15px;}
.tgw-marcas-idx a:hover{color:#0b0f0c;}
.tgw-marcas-letra{border-bottom:1px solid #e4e4e4;padding-bottom:6px;margin:34px 0 16px;font-size:20px;color:#222;}
.tgw-marcas-lista{list-style:none;margin:0;padding:0;columns:4;column-gap:30px;}
.tgw-marcas-lista li{margin:0 0 10px;break-inside:avoid;}
.tgw-marcas-lista a{color:#555;text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:.03em;}
.tgw-marcas-lista a:hover{color:#2E9E57;}
@media(max-width:900px){.tgw-marcas-lista{columns:2;}}
/* ===== Rejilla 5 columnas compacta (30/pagina) ===== */
ul.products.columns-5 li.product .woocommerce-loop-product__title, ul.products.columns-5 li.product .product-details .entry-title{font-size:13px;line-height:1.35;}
ul.products.columns-5 li.product .price{font-size:13px;}
ul.products.columns-5 li.product .product-details{padding:8px 4px 10px;}
ul.products.columns-5 li.product .button, ul.products.columns-5 li.product .add_to_cart_button{font-size:12px;padding:8px 12px;}
ul.products.columns-5 li.product .product-action-wrap{margin-top:4px;}
@media(max-width:1024px){ul.products.columns-5{grid-template-columns:repeat(3,1fr);}}
@media(max-width:719px){ul.products.columns-5{grid-template-columns:repeat(2,1fr);}}
/* ===== Sistema de filtros de catalogo ===== */
.tgw-f-bar{background:#fff;border-bottom:1px solid #ececec;padding:10px 0 0;margin-bottom:14px;}
.tgw-f-kids{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:2px 0;margin:0;}@media(max-width:900px){.tgw-f-kids{grid-template-columns:repeat(2,1fr);}}@media(max-width:560px){.tgw-f-kids{grid-template-columns:1fr;}}.tgw-f-kids::before{content:"SUBCATEGORÍAS";grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.14em;color:#2E9E57;margin:2px 2px 4px;}
.tgw-f-kid{display:flex;align-items:center;justify-content:center;text-align:center;background:#f1f8f3;color:#1f6b3f;border:1.5px solid #d5e8dc;border-radius:999px;padding:11px 16px;font-size:13.5px;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;}
.tgw-f-kid:hover{background:#2E9E57;border-color:#2E9E57;color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(46,158,87,.55);}
.tgw-f-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;-webkit-overflow-scrolling:touch;}
.tgw-f-chip{flex-shrink:0;background:#fff;border:1.5px solid #d8d8d8;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:#333;cursor:pointer;white-space:nowrap;transition:border-color .15s;}
.tgw-f-chip:hover{border-color:#2E9E57;}
.tgw-f-chip.activo{background:#2E9E57;border-color:#2E9E57;color:#fff;}
.tgw-f-chip.abierto{border-color:#0b0f0c;background:#0b0f0c;color:#fff;}
.tgw-f-caret{font-size:10px;opacity:.7;}
.tgw-f-limpiar{border-color:#c33;color:#c33;}
.tgw-f-limpiar:hover{background:#c33;color:#fff;border-color:#c33;}
.tgw-f-panel{background:#fafafa;border:1px solid #e6e6e6;border-radius:10px;padding:16px;margin:0 0 14px;}
.tgw-f-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 18px;max-height:260px;overflow-y:auto;margin:10px 0;}
.tgw-f-opt{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#333;cursor:pointer;}
.tgw-f-opt input{accent-color:#2E9E57;width:16px;height:16px;}
.tgw-f-buscar{width:100%;max-width:340px;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:13px;}
.tgw-f-ptitle{font-weight:700;font-size:14px;margin-bottom:8px;}
.tgw-f-prow{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.tgw-f-prow input{width:110px;border:1px solid #ddd;border-radius:6px;padding:8px 10px;font-size:13.5px;}
.tgw-f-aplicar{background:#2E9E57;color:#fff;border:0;border-radius:6px;padding:9px 22px;font-size:13.5px;font-weight:700;cursor:pointer;}
.tgw-f-aplicar:hover{background:#23AD00;}
@media(max-width:719px){.tgw-f-chip{font-size:12.5px;padding:6px 12px;}.tgw-f-list{grid-template-columns:1fr 1fr;max-height:220px;}}
/* ===== Resultados de busqueda: mismo estilo que categoria (banda negra + fondo blanco) ===== */
body.search.woocommerce-shop .entry-header.product-archive-title{background:#0b0f0c;width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);padding:40px 24px 32px;}
body.search.woocommerce-shop h1.search-title{color:#fff;text-align:center;}
body.search.woocommerce-shop .site-main{background:#fff;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);padding-top:28px;padding-bottom:40px;}
body.search.woocommerce-shop{overflow-x:hidden;}
/* ===== Tienda (shop): banda negra + fondo blanco como categoria ===== */
body.woocommerce-shop:not(.search) .entry-header.product-archive-title{background:#0b0f0c;width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);padding:40px 24px 32px;}
body.woocommerce-shop:not(.search) h1.archive-title,body.woocommerce-shop:not(.search) h1.page-title{color:#fff;text-align:center;}
body.woocommerce-shop:not(.search) .archive-description{max-width:880px;margin:10px auto 0;text-align:center;}
body.woocommerce-shop:not(.search) .archive-description p{color:#fff;}
body.woocommerce-shop:not(.search) .site-main{background:#fff;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);padding-top:28px;padding-bottom:40px;}
body.woocommerce-shop:not(.search){overflow-x:hidden;}
/* ===== Lienzo 1:1 identico para imagenes de producto en rejillas ===== */
ul.products li.product a.woocommerce-loop-image-link{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;background:#fff;overflow:hidden;}
ul.products li.product a.woocommerce-loop-image-link img{width:100%;height:100%;object-fit:contain;background:#fff;}
/* ===== Panel de filtros v2 (boton Filtros + drawer) ===== */
.tgw-f-toolbar{display:flex;align-items:center;gap:14px;padding:2px 2px 12px;flex-wrap:wrap;justify-content:flex-end}
.tgw-f-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-radius:0;padding:4px 2px;font-size:13.5px;font-weight:600;color:#5f6f63;cursor:pointer;transition:color .15s ease}.tgw-f-toggle svg{width:15px;height:15px;opacity:.55}.tgw-f-toggle.abierto svg{opacity:.9}
.tgw-f-toggle:hover{border-color:#2E9E57;color:#2E9E57}.tgw-f-toggle:hover svg{opacity:1}
.tgw-f-toggle.abierto{color:#2E9E57}
.tgw-f-badge{background:#2E9E57;color:#fff;border-radius:999px;font-size:11px;padding:1px 8px;font-weight:700}
.tgw-f-clear{background:none;border:0;color:#c33;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;padding:4px}
.tgw-f-drawer{background:none;border:0;border-radius:0;padding:0;margin:0;max-width:none}
.tgw-f-sec{border-bottom:1px solid #ececec}
.tgw-f-sec:last-of-type{border-bottom:0}
.tgw-f-sum{list-style:none;cursor:pointer;padding:13px 14px;font-size:14px;font-weight:700;color:#222;display:flex;align-items:center;justify-content:space-between}
.tgw-f-sum::-webkit-details-marker{display:none}
.tgw-f-sum::after{content:'\25be';opacity:.5;font-size:12px;margin-left:10px}
details[open] .tgw-f-sum::after{content:'\25b4'}
.tgw-f-secbody{padding:0 14px 14px}
.tgw-f-prow{display:flex;align-items:center;gap:10px}
.tgw-f-prow input{width:120px;border:1px solid #ddd;border-radius:6px;padding:9px 10px;font-size:13.5px}
.tgw-f-applyrow{display:flex;gap:14px;align-items:center;justify-content:flex-end;padding:16px 22px;border-top:1px solid #eee;background:#fff}
.tgw-f-apply{background:#2E9E57;color:#fff;border:0;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer}
.tgw-f-apply:hover{background:#23AD00}
.tgw-f-clear2{background:none;border:0;color:#666;font-size:13px;cursor:pointer;text-decoration:underline}
body.tax-product_cat .content-area,body.post-type-archive-product .content-area,body.search-results .content-area{margin-top:0 !important;margin-bottom:0 !important;}
/* Popup modal de filtros */
.tgw-f-overlay{position:fixed;inset:0;z-index:100000;background:rgba(6,9,6,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.tgw-f-overlay.abierto{display:flex}.tgw-f-modal{background:#fff;width:100%;max-width:560px;border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.55);overflow:hidden;margin:auto;animation:tgwfin .18s ease}@keyframes tgwfin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tgw-f-mhead{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #eee}.tgw-f-mtitle{font-size:17px;font-weight:800;color:#0b0f0c}.tgw-f-mclose{background:none;border:0;font-size:24px;line-height:1;color:#888;cursor:pointer;padding:2px 8px;border-radius:8px}.tgw-f-mclose:hover{color:#0b0f0c;background:#f2f2f2}.tgw-f-mbody{padding:4px 22px;max-height:58vh;overflow-y:auto}
/* ===== SGT: submenús 20% más juntos ===== */
.main-navigation .primary-menu-container .sub-menu li > a{padding-top:9.6px !important;padding-bottom:9.6px !important;}
/* =========================================================================
NUEVO — Mi cuenta y Carrito: mismo patrón (banda negra + contenido blanco)
"Mi cuenta" cubre también sus subpáginas (Pedidos, Direcciones, Detalles,
Cerrar sesión) porque comparten la clase body.woocommerce-account.
========================================================================= */
body.woocommerce-account .entry-header.page-title,
body.woocommerce-cart .entry-header.page-title{background:#0b0f0c;width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);padding:40px 24px 32px;}
body.woocommerce-account h1.entry-title,
body.woocommerce-cart h1.entry-title{color:#fff;text-align:center;}
body.woocommerce-account .site-main,
body.woocommerce-cart .site-main{background:#fff;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);padding-top:28px;padding-bottom:40px;}
body.woocommerce-account,
body.woocommerce-cart{overflow-x:hidden;}
/* ===== Terminos y condiciones (page-id-23): mismo patron que el resto (banda negra + fondo blanco) ===== */
body.page-id-23 .entry-header.page-title{background:#0b0f0c;width:100vw;max-width:100vw;margin:0 0 0 calc(50% - 50vw);padding:40px 24px 32px;}
body.page-id-23 h1.entry-title{color:#fff;text-align:center;}
body.page-id-23 .site-main{background:#fff;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);padding-top:28px;padding-bottom:40px;}
body.page-id-23{overflow-x:hidden;}
/* ===== Blog: navegacion Anterior/Siguiente (texto claro + hover verde corporativo) ===== */
body.single-post .navigation.post-navigation .nav-links a{color:rgba(255,255,255,.7);}
body.single-post .navigation.post-navigation .nav-links a:hover,
body.single-post .navigation.post-navigation .nav-links a:focus{color:#2E9E57;}