/* ═══════════════════════════════════════════════════════════════
   AZ · PIEL PREMIUM GLOBAL · v1.0 · 12-jul-2026
   Viste WooCommerce (bloques + clásico), login/Mi cuenta y Sensei
   con el sistema de marca: forest #1F3A2C · crema · oro #C9A961 ·
   Cochin/EB Garamond (títulos) + Plus Jakarta Sans (interfaz).
   Reversión: borrar este archivo y az-premium-skin.php de mu-plugins.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --azf:#1F3A2C; --azf2:#16261d; --azc:#F5F1E8; --azcard:#FDFCFA;
  --azg:#C9A961; --azgd:#AD8F45; --azink:#3D3B36; --azmut:#8b867c;
  --azserif:'Cochin','EB Garamond',Georgia,serif;
  --azsans:'Plus Jakarta Sans',system-ui,sans-serif;
}

/* ── Títulos de página / archivo ─────────────────────────────── */
h1.wp-block-post-title,
.wp-block-query-title{
  font-family:var(--azserif)!important;
  color:var(--azf)!important;
  font-weight:500!important;
}

/* ── Catálogo (colección de productos · bloques) ─────────────── */
.wp-block-woocommerce-product-template li.product{
  background:var(--azcard);
  border:1px solid rgba(31,58,44,.10);
  border-radius:18px;
  padding:14px 14px 18px;
  box-shadow:0 10px 30px rgba(31,58,44,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.wp-block-woocommerce-product-template li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(31,58,44,.13);
}
.wp-block-woocommerce-product-image img{border-radius:12px}
li.product .wp-block-post-title,
li.product .wp-block-post-title a{
  font-family:var(--azserif)!important;
  color:var(--azf)!important;
  font-size:19px!important;
  line-height:1.28!important;
  text-decoration:none!important;
}
.wc-block-components-product-price,
.woocommerce-Price-amount{
  font-family:var(--azserif)!important;
  color:var(--azf)!important;
  font-weight:600;
}
.wc-block-product-results-count,
.woocommerce-result-count{color:var(--azmut)!important;font-family:var(--azsans);font-size:13px}

/* ── Botones (bloques + clásico + Sensei) ────────────────────── */
.wc-block-components-button,
.wp-block-button__link,
.wp-block-woocommerce-product-button .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button,
button.single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce-form button[type=submit],
a.checkout-button,
.sensei-course-theme__button, .sensei-button,
button.sensei-stop-double-submission,
.wp-element-button{
  background:var(--azg)!important;
  color:#20241B!important;
  border:none!important;
  border-radius:999px!important;
  font-family:var(--azsans)!important;
  font-weight:700!important;
  padding:12px 26px!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:filter .15s ease, transform .15s ease;
}
.wc-block-components-button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
button.single_add_to_cart_button:hover,
.woocommerce-form button[type=submit]:hover,
.wp-element-button:hover{
  filter:brightness(1.07);
  transform:translateY(-1px);
  background:var(--azg)!important;
  color:#20241B!important;
}
/* variante contorno (botones secundarios de bloques) */
.wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent!important;
  border:1px solid rgba(31,58,44,.4)!important;
  color:var(--azf)!important;
}

/* ── Selects e inputs (orden, formularios, login) ────────────── */
.wc-block-components-select select,
select.orderby,
.woocommerce-Input,
.wc-block-components-text-input input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
  border:1px solid rgba(31,58,44,.25)!important;
  border-radius:12px!important;
  padding:10px 14px!important;
  font-family:var(--azsans)!important;
  background:#fff!important;
  color:var(--azink)!important;
}
.woocommerce-Input:focus,
.woocommerce form .form-row input.input-text:focus,
.wc-block-components-text-input input:focus{
  border-color:var(--azg)!important;
  box-shadow:0 0 0 3px rgba(201,169,97,.18)!important;
  outline:none!important;
}

/* ── Login / registro / Mi cuenta ────────────────────────────── */
form.woocommerce-form-login,
form.woocommerce-form-register,
form.woocommerce-ResetPassword{
  background:var(--azcard);
  border:1px solid rgba(31,58,44,.12);
  border-radius:20px;
  padding:34px 32px!important;
  box-shadow:0 14px 44px rgba(31,58,44,.08);
  max-width:480px;
}
.woocommerce-account .woocommerce h2{
  font-family:var(--azserif)!important;
  color:var(--azf)!important;
}
nav.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
nav.woocommerce-MyAccount-navigation li a{
  display:block;padding:11px 16px;border-radius:12px;
  color:var(--azf)!important;text-decoration:none!important;
  font-family:var(--azsans);font-weight:600;font-size:14.5px;
  border:1px solid transparent;transition:background .15s;
}
nav.woocommerce-MyAccount-navigation li.is-active a,
nav.woocommerce-MyAccount-navigation li a:hover{
  background:rgba(201,169,97,.14);
  border-color:rgba(201,169,97,.4);
}
.woocommerce-MyAccount-content{
  background:var(--azcard);
  border:1px solid rgba(31,58,44,.10);
  border-radius:18px;
  padding:26px 28px;
}

/* ── Ficha de producto (clásica) ─────────────────────────────── */
.single-product .product_title{
  font-family:var(--azserif)!important;
  color:var(--azf)!important;
  font-weight:500!important;
}
.woocommerce div.product p.price{
  font-family:var(--azserif)!important;
  color:var(--azf)!important;
  font-size:26px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent!important;border:none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family:var(--azsans)!important;color:var(--azmut)!important;font-weight:600;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--azf)!important;
  border-bottom:2px solid var(--azg)!important;
}
.woocommerce div.product .woocommerce-tabs .panel h2,
.related.products > h2, .upsells.products > h2{
  font-family:var(--azserif)!important;color:var(--azf)!important;
}

/* ── Migas y paginación ──────────────────────────────────────── */
.wc-block-breadcrumbs, .woocommerce-breadcrumb{
  font-family:var(--azsans);font-size:12.5px;color:var(--azmut)!important;
}
.wc-block-breadcrumbs a, .woocommerce-breadcrumb a{color:var(--azf)!important;text-decoration:none}
.wp-block-query-pagination a,
.wp-block-query-pagination-numbers .page-numbers{
  font-family:var(--azsans);color:var(--azf)!important;text-decoration:none;
  padding:7px 13px;border-radius:999px;border:1px solid rgba(31,58,44,.18);
}
.wp-block-query-pagination-numbers .page-numbers.current{
  background:var(--azg);color:#20241B!important;border-color:var(--azg);
}

/* ── Avisos ──────────────────────────────────────────────────── */
.woocommerce-message, .woocommerce-info,
.wc-block-components-notice-banner.is-success,
.wc-block-components-notice-banner.is-info{
  background:#F2EEE3!important;
  border-color:var(--azg)!important;
  color:var(--azink)!important;
  border-radius:12px!important;
}
.woocommerce-message::before, .woocommerce-info::before{color:var(--azg)!important}

/* ── Sensei (aula del alumno) · toque ligero ─────────────────── */
.sensei-course-theme__header{background:var(--azc)}
.sensei-course-list .wp-block-post-title a{font-family:var(--azserif)!important;color:var(--azf)!important}
.sensei-progress-bar__progress{background:var(--azg)!important}

/* ── v1.1 · refuerzo de especificidad: ganar a las reglas teal del CSS maestro ── */
html body button.single_add_to_cart_button,
html body .woocommerce a.button,
html body .woocommerce button.button,
html body .wc-block-components-button,
html body .wp-element-button,
html body a.checkout-button,
html body .woocommerce-form button[type=submit]{
  background:#C9A961!important;
  color:#20241B!important;
  border:none!important;
  border-radius:999px!important;
  font-weight:700!important;
}
html body button.single_add_to_cart_button:hover,
html body .woocommerce a.button:hover,
html body .woocommerce button.button:hover{
  background:#C9A961!important;
  color:#20241B!important;
  filter:brightness(1.07);
}

/* ── v1.2 · CTAs comercio: especificidad nuclear sobre el maestro (var(--forest)) ── */
html body .single-product .single_add_to_cart_button.button,
html body .woocommerce .button.alt,
html body .woocommerce a.button.checkout-button,
html body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html body .woocommerce .button.wp-element-button,
html body .woocommerce-form .button.woocommerce-form-login__submit{
  background:#C9A961!important;
  color:#20241B!important;
  border:none!important;
  border-radius:999px!important;
  font-weight:700!important;
}
html body .single-product .single_add_to_cart_button.button:hover,
html body .woocommerce .button.alt:hover{
  background:#C9A961!important;color:#20241B!important;filter:brightness(1.07);
}

/* ── v1.3 · portada del catálogo (/cursos/ y categorías) ── */
.azp6{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:clamp(46px,7vh,72px) 24px;background:linear-gradient(135deg,#16261d,#1F3A2C 55%,#24422f);text-align:center;margin-bottom:26px}
.azp6-k{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;letter-spacing:.22em;color:#D9C08A!important;font-weight:700}
.azp6-t{font-family:'Cochin','EB Garamond',Georgia,serif;font-size:clamp(30px,4.2vw,44px);color:#FBF8F1!important;line-height:1.14;margin:12px 0 8px;font-weight:500}
.azp6-t em{color:#E3C98F!important;font-style:italic}
.azp6-p{color:rgba(251,248,241,.85)!important;font-size:15.5px;margin:0 auto;max-width:640px}
.azp6-esp{display:flex;justify-content:center;gap:clamp(14px,2.5vw,30px);flex-wrap:wrap;margin-top:18px}
.azp6-esp span{font-family:'Cochin','EB Garamond',Georgia,serif;font-size:16px;color:#EDE5D2!important}
.azp6-esp i{color:#C9A961;font-style:normal;font-size:11px}
/* toolbar de resultados peinada */
.wc-block-product-results-count{margin:4px 0 18px!important}
.wc-block-catalog-sorting select,.wp-block-woocommerce-catalog-sorting select{border:1px solid rgba(31,58,44,.25)!important;border-radius:999px!important;padding:9px 18px!important;font-family:'Plus Jakarta Sans',sans-serif!important;background:#FDFCFA!important;color:#1F3A2C!important;font-size:13.5px}
.wc-block-breadcrumbs{margin-top:14px!important}

/* ── v1.4 · HEADER OSCURO global (como la maqueta aprobada) ── */
.iz-header{background:#14231a!important;border-bottom:1px solid rgba(201,169,97,.25)!important;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.iz-logo-text{color:#F5F1E8!important;font-family:'Cochin','EB Garamond',Georgia,serif!important;font-size:21px}
.iz-logo-text .iz-gold{color:#C9A961!important}
.iz-header-nav .iz-nav-item>a{color:rgba(245,241,232,.88)!important;font-weight:600}
.iz-header-nav .iz-nav-item>a:hover{color:#E3C98F!important}
.iz-chevron{border-color:rgba(245,241,232,.7)!important}
a.iz-account-btn{background:transparent!important;border:1px solid rgba(245,241,232,.4)!important;color:#F5F1E8!important;border-radius:999px!important}
a.iz-account-btn:hover{border-color:#C9A961!important;color:#E3C98F!important}
a.iz-cta-btn{background:#C9A961!important;color:#20241B!important;border:none!important;border-radius:999px!important;font-weight:700!important}
a.iz-cta-btn:hover{filter:brightness(1.08)}
.iz-cart-btn{background:rgba(245,241,232,.1)!important;color:#F5F1E8!important}
.iz-cart-btn svg{stroke:#F5F1E8!important}
.iz-cart-count{background:#C9A961!important;color:#20241B!important}
.iz-dropdown{border-top:2px solid #C9A961!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important;border-radius:0 0 14px 14px}
/* móvil */
.iz-mobile-header{background:#14231a!important}
.iz-hamburger span{background:#F5F1E8!important}
/* el banner de la app pasa abajo: separación del contenido */
#az-app-banner{border-bottom:none!important;border-top:2px solid #C9A961!important;margin-top:48px}

/* ── v1.5 · catálogo a 4 columnas en escritorio ── */
@media(min-width:1100px){
  ul.wc-block-product-template,
  .wp-block-woocommerce-product-template{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .wp-block-woocommerce-product-template li.product{width:auto!important;margin:0!important}
}
@media(min-width:700px) and (max-width:1099px){
  ul.wc-block-product-template,
  .wp-block-woocommerce-product-template{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
}

/* ── v1.6 · rejilla del catálogo: 4 columnas en escritorio (selector real del bloque) ── */
@media(min-width:1100px){
  ul.wc-block-product-template__responsive.columns-3{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
  }
}

/* ── v1.7 · HOME: hero a sangre hasta arriba + header transparente (se solidifica al hacer scroll) ── */
@media(min-width:900px){
  /* el wrap es display:contents (no genera caja): el que ocupa sitio es el propio header */
  html body.home .iz-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:120!important;background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
  html body.home.admin-bar .iz-header{top:32px!important}
  html body.home .iz-header.az-solid{background:#14231a!important;border-bottom-color:rgba(201,169,97,.25)!important;box-shadow:0 6px 24px rgba(0,0,0,.25)!important}
  body.home .azh6{padding-top:110px!important}
  body.home .elementor-element-280d7201>.e-con-inner{padding-top:0!important}
}