/*
Theme Name: Trend Studio Base
Author: Alúa Marketing
Author URI: https://aluamarketing.com
Description: Base ligera para WooCommerce de Trend Studio. El diseño de cada sección vive en los plugins «Trend Studio · …» (un plugin por módulo). Tema creado por Alúa Marketing.
Version: 1.0.0
Text Domain: trendstudio-base
Requires at least: 6.6
Requires PHP: 8.0
*/
@font-face{font-family:"Inter Tight";src:url(assets/fonts/inter-tight.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --z-black:#000000;--z-ink:#000000;--z-taupe:#8c8c8c;--z-taupe-dark:#6b6b6b;--z-taupe-light:#d9d9d9;--z-sand:#f5f5f5;--z-white:#ffffff;--z-line:#e6e6e6;--z-sale:#000000;--z-muted:#6b6b6b;
  --z-sans:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;--z-display:var(--z-sans);--z-serif:var(--z-sans);
  --z-width:1440px;--z-gutter:clamp(16px,2.6vw,40px);--z-radius:0px;--z-ease:cubic-bezier(.2,.7,.2,1)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{max-width:100%;overflow-x:clip}
body{margin:0;background:var(--z-white);color:var(--z-ink);font-family:var(--z-sans);font-size:14px;font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.22em}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-weight:500;line-height:1.2;margin:0 0 .6em}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--z-black);outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;clip-path:none;background:#fff;padding:12px 16px;z-index:10000}
.z-container{width:min(var(--z-width),100% - 2*var(--z-gutter));margin-inline:auto}
.z-main{min-height:55vh;padding-block:clamp(28px,5vw,64px)}
.z-main--modules{padding:0;min-height:0}
.z-page-title{font-family:var(--z-display);font-weight:300;text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(30px,4.4vw,48px);text-align:center;margin:0 0 clamp(24px,4vw,44px)}
.z-entry{max-width:820px;margin-inline:auto}
.z-entry--wide{max-width:none}
.alignwide{max-width:var(--z-width);margin-inline:auto}.alignfull{width:100%}

/* Botones de marca */
.z-btn,.woocommerce .z-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 28px;border:1px solid var(--z-black);background:var(--z-black);color:#fff;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s;border-radius:0}
.z-btn:hover{background:#fff;color:var(--z-black)}
.z-btn--ghost{background:transparent;color:var(--z-black)}
.z-btn--ghost:hover{background:var(--z-black);color:#fff}
.z-btn--light{background:#fff;color:var(--z-black);border-color:#fff}
.z-btn--light:hover{background:transparent;color:#fff}

/* Títulos de sección compartidos por los módulos */
.z-section{padding-block:clamp(44px,7vw,96px)}
.z-heading{text-align:center;margin:0 auto clamp(26px,4vw,48px);max-width:640px}
.z-heading__kicker{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--z-taupe-dark);margin-bottom:10px}
.z-heading__title{font-family:var(--z-display);font-weight:300;text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(28px,3.6vw,42px);margin:0}
.z-heading__line{display:block;width:44px;height:1px;background:var(--z-taupe);margin:18px auto 0}

/* Avisos de WooCommerce con el estilo de la tienda */
.woocommerce-notices-wrapper{max-width:100%}
.woocommerce-message,.woocommerce-info,.woocommerce-error{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--z-sand)!important;color:var(--z-ink)!important;border:0!important;border-left:3px solid #000!important;border-radius:0!important;box-shadow:none!important;padding:16px 18px!important;font-size:14px;line-height:1.5;list-style:none;margin:0 0 24px!important;width:auto}
.woocommerce-error{border-left-color:#9b2c2c!important;display:block}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none!important}
.woocommerce-message a.button,.woocommerce-info a.button,.woocommerce-message .button,.woocommerce-info .button{order:2;float:none!important;background:var(--z-black)!important;color:#fff!important;border:0!important;border-radius:0!important;padding:11px 20px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;margin:0!important}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button){color:var(--z-black)}

/* Formularios genéricos */
.woocommerce form .form-row label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--z-taupe-dark);margin-bottom:6px}
.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce-page form .form-row .input-text,.z-input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--z-line);border-radius:0;background:#fff;font-size:15px;transition:border-color .2s}
.woocommerce form .form-row .input-text:focus,.woocommerce form .form-row select:focus,.z-input:focus{border-color:var(--z-black);outline:none}
.woocommerce form .form-row textarea.input-text{min-height:110px}
.select2-container--default .select2-selection--single{height:48px;border:1px solid var(--z-line);border-radius:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:14px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--z-black);color:#fff;border:1px solid var(--z-black);border-radius:0;padding:14px 26px;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;transition:background .25s,color .25s}
.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover{background:#fff;color:var(--z-black)}
.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--z-black);color:#fff}
.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--z-taupe-dark);border-color:var(--z-taupe-dark);color:#fff}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.45}
.woocommerce span.onsale{background:var(--z-black);border-radius:0;min-height:0;min-width:0;line-height:1;padding:7px 10px;font-size:11px;font-weight:500;letter-spacing:.1em}

/* Precio */
.price del,.woocommerce .price del{color:var(--z-taupe);opacity:1;font-weight:400}
.price ins,.woocommerce .price ins{text-decoration:none;font-weight:500}

/* Carruseles: contenedor propio para que el texto oculto no ensanche la página */
.z-carousel,.z-track{position:relative;min-width:0;max-width:100%}

/* Texto de páginas informativas (Sobre nosotros, envíos, tallas, preguntas frecuentes…) */
.z-entry>h2,.z-prose h2{font-family:var(--z-display);font-weight:300;text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(24px,2.6vw,30px);margin:clamp(30px,4vw,44px) 0 14px}
.z-entry>p,.z-entry li,.z-prose p{color:var(--z-ink)}
.z-entry ul.wp-block-list{padding-left:1.1em;margin:0 0 18px}
.z-entry ul.wp-block-list li{margin-bottom:8px}
.z-entry ul.wp-block-list li::marker{color:var(--z-taupe)}
.z-prose{padding-block:clamp(44px,7vw,90px);max-width:760px}
.z-prose h2:first-child,.z-entry>h2:first-child{margin-top:0}
.wp-block-table{margin:0 0 24px;overflow-x:auto}
.wp-block-table table{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}
.wp-block-table th{background:var(--z-black);color:#fff;font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:12px 14px}
.wp-block-table td{padding:12px 14px;border-bottom:1px solid var(--z-line)}
.wp-block-table tbody tr:nth-child(even){background:var(--z-sand)}
.wp-block-details{border-bottom:1px solid var(--z-line);padding:0}
.wp-block-details:first-child{border-top:1px solid var(--z-line)}
.wp-block-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:15px;font-weight:500}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"";flex-shrink:0;width:10px;height:10px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .25s}
.wp-block-details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.wp-block-details p{margin:0 0 20px;color:var(--z-taupe-dark);max-width:62ch}

/* Migas de pan (tienda y ficha de producto) */
.z-crumbs{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--z-taupe-dark);margin:0 0 clamp(18px,3vw,30px)}
.z-crumbs a{text-decoration:none;color:var(--z-taupe-dark)}
.z-crumbs a:hover{color:var(--z-black)}
.z-crumbs span{color:var(--z-taupe-light)}

/* WooCommerce pinta el precio en verde oliva por defecto: siempre en el color de la marca. */
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price,.price,.price ins,.amount{color:var(--z-ink)}
.woocommerce .price del,.price del .amount{color:var(--z-taupe)}

/* ===== Trend Studio: estilo editorial minimalista (blanco y negro, sans, rejillas a sangre) ===== */
.z-section{padding-block:clamp(48px,7vw,104px)}
.z-heading{text-align:left;max-width:none;width:min(var(--z-width),100% - 2*var(--z-gutter));margin:0 auto clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:6px}
.z-heading__kicker{order:-1;font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--z-muted);margin:0}
.z-heading__title{font-weight:300;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(26px,3.4vw,48px);line-height:1}
.z-heading__line{display:none}
.z-page-title{text-align:left;font-size:clamp(28px,4vw,56px);line-height:1}
.z-btn,.woocommerce .z-btn,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit{min-height:44px;padding:0 26px;font-size:11px;font-weight:500;letter-spacing:.08em;border-radius:0}
.woocommerce button.button,.woocommerce a.button{padding:14px 26px}
.z-btn:hover,.woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover{background:#fff;color:#000;border-color:#000}
.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:#fff;color:#000;border-color:#000}
.z-btn--ghost{background:#fff;color:#000}
.z-btn--ghost:hover{background:#000;color:#fff}
.woocommerce span.onsale{background:#000}
.woocommerce form .form-row label{letter-spacing:.04em;font-size:11px}
.z-crumbs{letter-spacing:.06em}
/* Disponibilidad en la ficha: discreta, en gris, separada del botón */
.woocommerce div.product p.stock,.woocommerce p.stock{color:var(--z-muted)!important;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}
.woocommerce div.product p.stock.out-of-stock,.woocommerce p.stock.out-of-stock{color:#000!important}
::selection{background:#000;color:#fff}
.z-container .z-heading{width:auto}