@font-face{font-family:"Articulat CF";src:url(//haterclub.es/wp-content/plugins/h4t3r-web/assets/articulat-cf-bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(//haterclub.es/wp-content/plugins/h4t3r-web/assets/fonts/jbm-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(//haterclub.es/wp-content/plugins/h4t3r-web/assets/fonts/jbm-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(//haterclub.es/wp-content/plugins/h4t3r-web/assets/fonts/jbm-Bold.woff) format("woff");font-weight:700;font-display:swap}
:root{--h4-bg:#ecebe8;--h4-panel:#f6f5f2;--h4-fg:#000;--h4-fg2:#68686a;--h4-line:#cdccc8;--h4-red:#A60000;
--h4-display:"Articulat CF","Helvetica Neue",Arial,system-ui,sans-serif;--h4-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
body.h4-woo{background:var(--h4-bg)!important;color:var(--h4-fg);font-family:var(--h4-mono)!important;font-size:13px;letter-spacing:.01em}
body.h4-woo .wp-site-blocks>header.wp-block-template-part,body.h4-woo .wp-site-blocks>footer.wp-block-template-part{display:none!important}
body.h4-woo .wp-site-blocks{padding-top:0!important}
.h4-bar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px max(16px,4vw);background:rgba(236,235,232,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--h4-line)}
body.admin-bar .h4-bar{top:32px}
@media (max-width:782px){body.admin-bar .h4-bar{top:46px}}
.h4-bar a{color:var(--h4-fg);text-decoration:none;font-family:var(--h4-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.h4-bar .h4-logo{display:block;justify-self:center;line-height:0}
.h4-bar .h4-logo img{width:38px;height:38px;display:block}
.h4-bar .h4-secure{justify-self:end;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--h4-fg2)}
.h4-bar .h4-secure:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1f9d55;margin-right:8px;vertical-align:1px}
body.h4-woo h1,body.h4-woo h2,body.h4-woo h3,body.h4-woo .wp-block-post-title,body.h4-woo .wc-block-components-title,body.h4-woo .wc-block-components-checkout-step__title{font-family:var(--h4-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:-.01em}
body.h4-woo .wp-block-post-title{font-size:clamp(30px,5vw,56px)!important;line-height:.95}
body.h4-woo .wc-block-components-button:not(.is-link),body.h4-woo .wp-element-button,body.h4-woo button.button,body.h4-woo a.button,body.h4-woo .woocommerce-button{background:#000!important;color:#fff!important;border:1px solid #000!important;border-radius:0!important;font-family:var(--h4-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em}
body.h4-woo .wc-block-components-button:not(.is-link):hover,body.h4-woo .wp-element-button:hover{background:var(--h4-red)!important;border-color:var(--h4-red)!important}
body.h4-woo .wc-block-components-text-input input,body.h4-woo .wc-block-components-combobox .components-combobox-control__input,body.h4-woo .wc-blocks-components-select__select,body.h4-woo input.input-text,body.h4-woo select,body.h4-woo textarea{border-radius:0!important;border-color:var(--h4-line)!important;background:#fff!important;font-family:var(--h4-mono)!important}
body.h4-woo .wc-block-components-radio-control__option,body.h4-woo .wc-block-components-radio-control-accordion-option,body.h4-woo .wc-block-components-totals-wrapper,body.h4-woo .wc-block-checkout__sidebar .wc-block-components-panel{border-radius:0!important}
body.h4-woo .wc-block-components-sidebar-layout .wc-block-components-main,body.h4-woo .wc-block-components-sidebar{background:transparent}
body.h4-woo .wc-block-checkout__sidebar,body.h4-woo .wp-block-woocommerce-checkout-order-summary-block{background:var(--h4-panel)!important;border:1px solid var(--h4-line)!important;border-radius:0!important}
body.h4-woo a{color:var(--h4-fg)}
body.h4-woo .wc-block-components-notice-banner{border-radius:0!important}
body.h4-woo .wc-block-components-product-badge,body.h4-woo .wc-block-components-order-summary-item__quantity{border-radius:0!important} body.h4-woo .entry-content,body.h4-woo .wp-block-post-content{font-size:13.5px;line-height:1.7}
body.h4-woo .wp-block-post-content h2{font-size:clamp(20px,2.6vw,28px)!important;margin-top:2.2em}
body.h4-woo .wp-block-post-content h3{font-size:16px!important;margin-top:1.6em}
body.h4-woo .wp-block-post-content table{width:100%;border-collapse:collapse;font-size:12px}
@media (max-width:700px){body.h4-woo .wp-block-post-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:11.5px}body.h4-woo .wp-block-post-content td,body.h4-woo .wp-block-post-content th{min-width:130px}}
body.h4-woo .wp-block-post-content th,body.h4-woo .wp-block-post-content td{border:1px solid var(--h4-line);padding:8px 10px;text-align:left;vertical-align:top}
body.h4-woo .wp-block-post-content th{background:var(--h4-panel)}
body.h4-woo .h4-box{border:1px solid var(--h4-line);background:var(--h4-panel);padding:16px 18px}
body.h4-woo .h4-note{color:var(--h4-fg2);font-size:12px} .h4-wd{max-width:560px;border:1px solid var(--h4-line);background:var(--h4-panel);padding:20px}
.h4-wd label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--h4-fg2);margin-bottom:6px}
.h4-wd input{box-sizing:border-box;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--h4-line);background:#fff;font:inherit;font-family:var(--h4-mono)}
.h4-wd .wp-element-button{width:100%;min-height:46px;margin-top:6px;cursor:pointer}
.h4-wd-back{display:block;margin:12px auto 0;background:none;border:0;text-decoration:underline;cursor:pointer;font:inherit}
.h4-wd-err{color:var(--h4-red);min-height:1em}
.h4-wd-done{font-size:14px;line-height:1.6} .h4-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:22px max(16px,4vw) 28px;border-top:1px solid var(--h4-line);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--h4-fg2)}
.h4-foot nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.h4-foot a{color:var(--h4-fg);text-decoration:none}
.h4-foot a:hover{text-decoration:underline}