/* JAH Glitch Skin 0.1.0 — piel de jah.store = theglitchlist.com (tema glitchlist 1.0.2, style.css sha256 bf0c1b86...f285, leido 2026-10-16) */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/d196e8ee77.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/a7544cc400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/9b82705994.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/a68a20012d.woff2) format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/ecea81d5b4.woff2) format('woff2')}

:root{
  --void:#07080B; --panel:#0E1016; --panel-2:#12151D; --line:#1C2029; --line-soft:#15181F;
  --ink:#E8EAF0; --ink-2:#B4BCCC; --muted:#7C8598;
  --flux:#14F195; --pulse:#9945FF; --warn:#FFB627; --up:#00ff87; --down:#ff4d4d;
  --display:'Space Grotesk',system-ui,sans-serif;
  --body:'IBM Plex Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --max:1180px; --gut:clamp(20px,5vw,64px); --r:4px;
  --wp--preset--font-family--manrope:var(--body);
  --wp--preset--font-family--fira-code:var(--mono);
  --wp--style--root--padding-left:var(--gut);
  --wp--style--root--padding-right:var(--gut);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void)}
body{
  margin:0; background:var(--void); color:var(--ink);
  font-family:var(--body); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto}
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(to right,var(--line-soft) 1px,transparent 1px);
  background-size:calc(100% / 6) 100%; opacity:.5;
}
.wp-site-blocks{position:relative;z-index:1}

h1,h2,h3,h4,h5,h6,.wp-block-heading,.wp-block-post-title,.wp-block-query-title{
  font-family:var(--display); font-weight:600; line-height:1.15; color:var(--ink);
}
h1{font-size:clamp(32px,5vw,52px)}
h2{font-size:clamp(24px,3.5vw,34px)}
.wp-site-blocks p:not(.has-text-color){color:var(--ink-2)}
p{margin-top:0}

.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}

/* ===== Header ===== */
header.wp-block-template-part{
  position:sticky; top:0; z-index:100;
  background:rgba(7,8,11,.92); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.admin-bar header.wp-block-template-part{top:32px}
@media(max-width:782px){.admin-bar header.wp-block-template-part{top:46px}}
header.wp-block-template-part > .wp-block-group{padding-top:18px !important;padding-bottom:18px !important}
.wp-block-site-title,.wp-block-site-title a{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.02em;color:var(--ink)}
.wp-block-navigation__container{gap:28px}
.wp-block-navigation a,.wp-block-navigation .wp-block-navigation-item__content{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);
}
.wp-block-navigation a:hover,.wp-block-navigation .wp-block-navigation-item__content:hover{color:var(--flux)}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{color:var(--ink)}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--panel);color:var(--ink);padding:16px var(--gut)}

/* ===== Secciones / botones / tarjetas (utilidades de TGL) ===== */
.section{padding:64px 0}
.section-tight{padding:32px 0}
.hero{padding:96px 0 64px;text-align:left}
.hero p.lede{font-size:18px;max-width:60ch;color:var(--ink-2)}
.btn,.wp-element-button,.wp-block-button__link{
  display:inline-block; font-family:var(--mono); font-size:13px; font-weight:600;
  letter-spacing:.04em; text-transform:uppercase; padding:12px 22px;
  border-radius:var(--r); border:1px solid var(--flux);
  background:var(--flux); color:var(--void); text-decoration:none;
  transition:border-color .15s,color .15s,filter .15s;
}
.wp-element-button:hover,.wp-block-button__link:hover,.btn-primary:hover{filter:brightness(1.1);color:var(--void)}
.btn{background:transparent;color:var(--ink);border-color:var(--line)}
.btn:hover{border-color:var(--flux);color:var(--flux)}
.btn-primary{background:var(--flux);color:var(--void);border-color:var(--flux)}
.is-style-outline > .wp-block-button__link,.wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent; color:var(--ink); border:1px solid var(--line);
}
.is-style-outline > .wp-block-button__link:hover{border-color:var(--flux);color:var(--flux);filter:none}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.post-meta,.wp-block-post-date,.wp-block-post-terms{font-family:var(--mono);font-size:12px;color:var(--muted)}
.wp-block-post-title a:hover{color:var(--flux)}
.wp-block-post-featured-image img,.wp-block-image img{border-radius:var(--r)}
.wp-block-separator{border-color:var(--line)}

/* ===== Formularios (especificidad 0: no pisa al portal) ===== */
:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea){
  background:var(--void);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:10px 12px;font-family:var(--body);
}
:where(input,select,textarea):focus{outline:none;border-color:var(--flux)}

/* ===== WooCommerce ===== */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,
.wc-block-grid__product,.wc-block-product{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:20px;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.wc-block-components-product-price,.wc-block-grid__product-price{
  font-family:var(--mono);color:var(--flux);
}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link){
  background:var(--flux) !important;color:var(--void) !important;border-radius:var(--r) !important;
  font-family:var(--mono) !important;text-transform:uppercase;font-size:12.5px !important;letter-spacing:.04em;border:none !important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.wc-block-components-button:not(.is-link):hover{filter:brightness(1.1)}
.woocommerce table.shop_table{border-color:var(--line) !important}
.woocommerce #content table.cart img{width:64px}
.woocommerce div.product{display:flex !important;flex-wrap:wrap;gap:32px;align-items:flex-start}
.woocommerce div.product div.images{flex:0 0 340px !important;max-width:340px !important;margin:0 !important;width:340px !important}
.woocommerce div.product div.images img{border-radius:var(--r);border:1px solid var(--line)}
.woocommerce div.product div.summary{flex:1 1 380px !important;min-width:280px;float:none !important;width:auto !important}
.woocommerce-breadcrumb{margin:0 0 20px;font-size:13px;color:var(--muted)}
@media(max-width:820px){.woocommerce div.product div.images{flex:1 1 100% !important;max-width:100% !important;width:100% !important}}

/* ===== Mi cuenta (Woo) ===== */
.woocommerce-account .woocommerce{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}
.woocommerce-MyAccount-navigation{flex:0 0 220px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li{margin:0 0 2px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:6px;font-family:var(--mono);font-size:13px;color:var(--ink-2);transition:background .15s,color .15s}
.woocommerce-MyAccount-navigation a:hover{background:var(--panel-2);color:var(--ink)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--panel-2);color:var(--flux)}
.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--down) !important}
.woocommerce-MyAccount-content{flex:1;min-width:280px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px 32px}
.woocommerce-MyAccount-content > p:first-child{font-size:15px;color:var(--ink-2);margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-content strong{color:var(--flux)}
.woocommerce-MyAccount-content a{color:var(--flux);text-decoration:underline}
.woocommerce-MyAccount-content table.shop_table{border-collapse:collapse;width:100%;margin-top:12px}
.woocommerce-MyAccount-content table.shop_table th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-content table.shop_table td{padding:12px;border-bottom:1px solid var(--line-soft);font-size:13px}
.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status{font-family:var(--mono);font-size:12px;color:var(--flux)}
.woocommerce-MyAccount-content form p.form-row{margin-bottom:16px}
.woocommerce-MyAccount-content input.input-text,.woocommerce-MyAccount-content select{background:var(--void);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:10px 12px;width:100%;font-family:var(--body)}
.woocommerce-MyAccount-content input.input-text:focus{outline:none;border-color:var(--flux)}
.woocommerce-MyAccount-content fieldset{border:1px solid var(--line);border-radius:8px;padding:16px;margin-top:16px}
.woocommerce-MyAccount-content legend{font-family:var(--mono);font-size:12px;color:var(--muted);padding:0 8px}
@media(max-width:820px){.woocommerce-account .woocommerce{flex-direction:column}.woocommerce-MyAccount-navigation{flex:1 1 auto;width:100%}}

/* ===== Pie ===== */
footer.wp-block-template-part{
  border-top:1px solid var(--line);padding-top:48px;padding-bottom:48px;margin-top:64px;
  font-family:var(--mono);font-size:12.5px;color:var(--muted);
}
footer.wp-block-template-part p:not(.has-text-color){color:var(--muted)}
footer.wp-block-template-part a:hover{color:var(--flux)}
footer.wp-block-template-part h2,footer.wp-block-template-part h3,footer.wp-block-template-part h4{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-weight:600;
}

/* ===== Tabla ticker (heredada de TGL) ===== */
.ticker-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:clamp(.65rem,.8vw,.8rem)}
.ticker-table th{text-align:left;padding:.5rem .75rem;opacity:.4;font-weight:500;border-bottom:1px solid var(--line)}
.ticker-table td{padding:.6rem .75rem;border-bottom:1px solid var(--line-soft)}
.ticker-table .up{color:var(--up)}
.ticker-table .dn{color:var(--down)}

/* ===== Contact Form 7 (0.1.1) ===== */
.wpcf7 label{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wpcf7-submit{background:var(--flux);color:var(--void);border:1px solid var(--flux);border-radius:var(--r);font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:12px 22px;cursor:pointer}
.wpcf7-submit:hover{filter:brightness(1.1)}
.wpcf7-not-valid-tip{color:var(--down);font-size:12px}
.wpcf7 form .wpcf7-response-output{border-color:var(--line);color:var(--ink-2)}

/* ===== Sin titulo duplicado (0.1.2): si el contenido ya trae su h1, se oculta el titulo de pagina ===== */
main:has(.wp-block-post-content h1) .wp-block-post-title{display:none}

/* ===== 0.1.3: formulario de citas (el plugin inyecta estilo neobrutalista), Mi cuenta, cajon del carrito ===== */
:root{color-scheme:dark}
body .jah-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:none;padding:28px;color:var(--ink)}
body .jah-box h2{margin-top:0}
body .jah-box p,body .jah-box label{color:var(--ink-2)}
body .jah-pick label{display:block;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .3rem}
body .jah-pick input,body .jah-pick select,body .jah-box input:not([type=checkbox]):not([type=radio]){background:var(--void);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-family:var(--body);padding:.6rem .8rem;min-width:12rem}
body .jah-pick input:focus-visible,body .jah-pick select:focus-visible,body .jah-box input:focus-visible{outline:2px solid var(--flux);outline-offset:2px;border-color:var(--flux)}
body .jah-box .wp-block-button__link,body .jah-box button{cursor:pointer}
body .jah-msg{border:1px solid var(--line);border-radius:var(--r);background:var(--panel-2);color:var(--ink)}
body .jah-ok{border-color:var(--flux);background:rgba(20,241,149,.08)}
body .jah-err{border-color:var(--down);background:rgba(255,77,77,.08);color:var(--ink)}
body .jah-slot span{background:var(--void);border:1px solid var(--line);color:var(--ink);border-radius:6px}
body .jah-slot input:checked+span{background:var(--flux);color:var(--void);box-shadow:none;border-color:var(--flux)}
.woocommerce-MyAccount-navigation a{text-decoration:none}
.woocommerce-MyAccount-navigation li{margin:0 0 2px;padding:0;min-height:0}
.woocommerce-MyAccount-navigation li a{padding:8px 14px;line-height:1.4}
.wc-block-components-drawer__close,.wc-block-mini-cart__drawer .components-button{background:transparent !important;color:var(--ink) !important;border:1px solid var(--line) !important}
.wc-block-components-drawer{background:var(--panel) !important;color:var(--ink);border-left:1px solid var(--line)}

/* ===== 0.1.4: naranja mate como acento secundario + CTA "Crear cuenta" ===== */
:root{--orange:#D9772B;--orange-d:#B8601E}
::selection{background:var(--orange);color:var(--void)}
.eyebrow{color:var(--orange)}
.wp-block-navigation .jah-nav-cta > a,.wp-block-navigation .jah-nav-cta .wp-block-navigation-item__content{
  background:var(--orange);color:var(--void);border-radius:var(--r);padding:8px 14px;font-weight:600;
}
.wp-block-navigation .jah-nav-cta > a:hover,.wp-block-navigation .jah-nav-cta .wp-block-navigation-item__content:hover{background:var(--orange-d);color:var(--void)}
body.logged-in .jah-nav-cta{display:none}
.is-style-outline > .wp-block-button__link:hover,.wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--orange);color:var(--orange)}
.woocommerce span.onsale{background:var(--orange);color:var(--void);border-radius:var(--r)}
.woocommerce-info,.woocommerce-message{border-top-color:var(--orange) !important}
.woocommerce-info::before,.woocommerce-message::before{color:var(--orange) !important}

/* ===== 0.1.5: menu sin carrito ni icono de cuenta; Login/Mi cuenta segun sesion ===== */
header.wp-block-template-part .wp-block-woocommerce-mini-cart,
header.wp-block-template-part .wc-block-mini-cart,
header.wp-block-template-part .wp-block-woocommerce-customer-account{display:none !important}
body.logged-in .jah-nav-guest{display:none}
body:not(.logged-in) .jah-nav-user{display:none}
