/* ═══════════════════════════════════════════════════════════════
   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){
  /* v2.0 · A PRUEBA DE FALLOS: el header es SIEMPRE sólido y compacto por defecto;
     .az-top (la pone el JS solo arriba del todo) lo agranda — y en la home además lo hace transparente.
     Si el JS no corre, el header queda sólido y legible en todas partes. */
  .iz-header{transition:padding .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
  html body .iz-header{padding-top:7px!important;padding-bottom:7px!important}
  html body .iz-header.az-top{padding-top:17px!important;padding-bottom:17px!important}
  .iz-header .iz-header-logo img{transition:height .25s ease}
  html body .iz-header:not(.az-top) .iz-header-logo img{height:24px!important;width:auto!important}
  html body .iz-header:not(.az-top) .iz-logo-text{font-size:17px!important}
  /* home: hero a sangre + header fijo; transparente SOLO con .az-top */
  html body.home .iz-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:120!important}
  html body.home.admin-bar .iz-header{top:32px!important}
  html body.home .iz-header.az-top{background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important}
  body.home .azh6{padding-top:110px!important}
  body.home .elementor-element-280d7201>.e-con-inner{padding-top:0!important}
}

/* ── v2.1 · MÓVIL: hamburguesa visible + menú que abre de verdad ──
   Tres snippets se pelean por .iz-mobile-menu (uno lo desliza con translateX(-100%),
   otro lo muestra por display, otro pinta con var() que no resuelve).
   Norma única: sin slide (display on/off), fondo verde, todo crema. */
@media(max-width:900px){
  html body .iz-hamburger span{background:#F5EFDF!important}
  html body .iz-mobile-menu{background:#14231a!important;transform:none!important}
  html body .iz-mobile-menu:not(.open){display:none!important}
  html body .iz-mobile-menu.open{display:flex!important;opacity:1!important;visibility:visible!important;transform:none!important}
  html body .iz-mobile-menu a{color:#F5EFDF!important}
  html body .iz-mobile-menu .iz-mobile-back,html body .iz-mobile-menu button{color:#F5EFDF!important}
}

/* ── v2.2 · header a la MITAD al hacer scroll (petición Javier) ── */
@media(min-width:900px){
  html body .iz-header{padding-top:4px!important;padding-bottom:4px!important}
  html body .iz-header.az-top{padding-top:17px!important;padding-bottom:17px!important}
  .iz-header .iz-header-logo img,.iz-header .iz-logo-text,.iz-header-nav .iz-nav-item>a,.iz-nav-actions a{transition:font-size .22s ease,height .22s ease,padding .22s ease}
  html body .iz-header:not(.az-top) .iz-header-logo img{height:20px!important;width:auto!important}
  html body .iz-header:not(.az-top) .iz-logo-text{font-size:15px!important}
  html body .iz-header:not(.az-top) .iz-header-nav .iz-nav-item>a{font-size:14px!important}
  html body .iz-header:not(.az-top) .iz-nav-actions a{padding-top:6px!important;padding-bottom:6px!important;font-size:13.5px!important}
}

/* ── v2.2 · hero del catálogo más contenido ── */
.azp6{padding:clamp(26px,4.5vh,42px) 24px!important;margin-bottom:22px!important}
.azp6-t{font-size:clamp(24px,3vw,34px)!important;margin:10px 0 6px!important}
.azp6-p{font-size:14.5px!important}
.azp6-esp{margin-top:12px!important}

/* ── v2.2 · título de tarjeta con más presencia (raya dorada, eco de las portadas) ── */
li.wc-block-product h2.wp-block-post-title{margin-top:8px!important;margin-bottom:4px!important}
li.wc-block-product h2.wp-block-post-title a{font-size:21px!important;font-weight:600!important;color:#1F3A2C!important;line-height:1.28!important}
li.wc-block-product h2.wp-block-post-title::after{content:"";display:block;width:44px;height:3px;background:#C9A961;margin:10px auto 0;border-radius:2px}

/* ── v2.2 · MÓVIL: banner de la app FLOTANTE abajo (que el alumno se entere) ── */
@media(max-width:900px){
  html body #az-app-banner{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99900!important;margin:0!important;border-top:2px solid #C9A961!important;box-shadow:0 -12px 32px rgba(0,0,0,.28)!important}
  html body #az-app-banner .azb-sub{display:none!important}
  body:has(#az-app-banner) {padding-bottom:100px!important}
  html body #az-wa-premium{bottom:112px!important}
}

/* ── v2.3 · banner app móvil más compacto + WhatsApp solo se sube si hay banner ── */
@media(max-width:900px){
  html body #az-app-banner{padding:10px 14px!important}
  html body #az-app-banner .azb-inner{gap:10px!important}
  html body #az-app-banner .azb-title{font-size:15px!important}
  html body #az-app-banner .azb-kicker{font-size:10px!important;letter-spacing:.14em!important}
  html body #az-app-banner .azb-cta{padding:8px 14px!important;font-size:13px!important;white-space:nowrap}
  html body #az-wa-premium{bottom:18px!important}
  body:has(#az-app-banner) #az-wa-premium{bottom:118px!important}
}

/* ── v2.4 · BANNER APP (propiedad del mu-plugin; snippet 613 jubilado) ── */
#az-app-banner{background:linear-gradient(100deg,#1F3A2C 0%,#25462F 60%,#2B4E35 100%);color:#F5F1E8;font-family:'Plus Jakarta Sans',system-ui,sans-serif;border-bottom:2px solid #C9A961}
#az-app-banner .azb-inner{max-width:1180px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;gap:16px}
#az-app-banner .azb-badge{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:rgba(201,169,97,.12);border:1px solid rgba(201,169,97,.45);display:flex;align-items:center;justify-content:center}
#az-app-banner .azb-text{flex:1 1 auto;display:flex;flex-direction:column;gap:1px;min-width:0}
#az-app-banner .azb-kicker{font-size:11px;letter-spacing:3px;font-weight:700;color:#C9A961}
#az-app-banner .azb-title{font-family:'EB Garamond',Georgia,serif;font-size:19px;font-weight:600;color:#F5F1E8;line-height:1.15}
#az-app-banner .azb-sub{font-size:13px;color:rgba(245,241,232,.82);line-height:1.35}
#az-app-banner .azb-cta{flex:0 0 auto;background:#C9A961;color:#1F3A2C!important;font-weight:700;font-size:14px;text-decoration:none;padding:10px 20px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 14px rgba(201,169,97,.28)}
#az-app-banner .azb-cta:hover{background:#d8b975}
#az-app-banner .azb-close{flex:0 0 auto;background:none;border:none;color:rgba(245,241,232,.7);font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
#az-app-banner[hidden]{display:none!important}

/* escritorio: barra de NOVEDAD arriba del todo; el header baja mientras está visible */
@media(min-width:900px){
  body.azb-on #az-app-banner{position:absolute;top:0;left:0;right:0;z-index:130}
  #az-app-banner .azb-inner{padding:7px 18px}
  #az-app-banner .azb-sub{display:none}
  #az-app-banner .azb-badge{width:28px;height:28px;border-radius:8px}
  #az-app-banner .azb-text{flex-direction:row;align-items:baseline;gap:12px}
  #az-app-banner .azb-title{font-size:16px}
  #az-app-banner .azb-cta{padding:6px 16px;font-size:13px}
  body.azb-on .iz-header{margin-top:46px!important}
  body.home.azb-on .iz-header{margin-top:0!important}
  body.home.azb-on .iz-header.az-top{top:46px!important}
}

/* móvil: fuera la franja fantasma (header de escritorio asomando) + pila de flotantes ordenada */
@media(max-width:899px){
  /* la barra movil ES .iz-header: estilo explicito (verde, compacta, sin margen = sin franja) */
  html body header.iz-header{padding:10px 14px!important;background:#14231a!important;border-bottom:1px solid rgba(201,169,97,.25)!important;box-shadow:none!important;margin:0!important;min-height:0!important}
  html body #az-wa-premium{bottom:24px!important;right:20px!important}
  body.azb-on #az-wa-premium{bottom:124px!important}
  html body .iz-cart-floating{bottom:96px!important;right:18px!important}
  body.azb-on .iz-cart-floating{bottom:196px!important}
  body.azb-on{padding-bottom:104px!important}
}

/* ── v2.5 · el banner-barra pega arriba del todo (fuera el margin-top heredado de la v1) ── */
@media(min-width:900px){
  body.azb-on #az-app-banner{margin-top:0!important;border-top:none!important;top:0!important}
  body.azb-on .iz-header{margin-top:51px!important}
  body.home.azb-on .iz-header{margin-top:0!important}
  body.home.azb-on .iz-header.az-top{top:51px!important}
}

/* ── v2.8 · fuera el hilillo crema entre header y hero (todas las anchuras) ── */
body.home .elementor-element-280d7201>.e-con-inner{padding-top:0!important}
body.home .elementor-element-280d7201{padding-top:0!important;margin-top:0!important}

/* ── v2.9 · LEGIBILIDAD MÓVIL: suelos de tamaño y tinta más firme ──
   (los tamaños vienen inline del maquetado → selectores de atributo) */
@media(max-width:899px){
  html body [style*="font-size: 14px"],html body [style*="font-size:14px"]{font-size:16px!important;line-height:1.6!important}
  html body [style*="font-size: 13.5px"],html body [style*="font-size:13.5px"]{font-size:15px!important;line-height:1.45!important}
  html body [style*="font-size: 13px"],html body [style*="font-size:13px"]{font-size:14.5px!important}
  html body [style*="font-size: 12.5px"],html body [style*="font-size:12.5px"]{font-size:14px!important}
  html body [style*="font-size: 19px"],html body [style*="font-size:19px"]{font-size:21px!important;line-height:1.3!important}
  html body [style*="7a766e"],html body [style*="7A766E"]{color:#514E48!important}
  html body .azk6-c,html body .azk6-c span{font-size:15px!important;line-height:1.4!important}
}

/* ── v3.0 · legibilidad móvil (los tamaños vienen de <style> por clase, no inline) ── */
@media(max-width:899px){
  html body .why-card p,html body .why-card div:not([class]),
  html body .met-step p,html body .met-step div:not([class]),
  html body .include-item,
  html body .course-card-body{font-size:16px!important;line-height:1.6!important;color:#514E48!important}
  html body .testi-rating-count{font-size:13.5px!important}
  html body .azh6-stat span:not([class]){font-size:14px!important}
}

/* ── v3.1 · legibilidad móvil: los dos que se resistían (reglas propias más específicas) ── */
@media(max-width:899px){
  html body div.include-item,html body .include-item span,html body .include-item p,
  html body div.course-card-body,html body .course-card-body p,html body .course-card-body span,html body .course-card-body div{font-size:16px!important;line-height:1.6!important;color:#514E48!important}
}

/* ── v3.2 · "App del alumno" como entrada de menú (escritorio dorado + móvil) ── */
.az-nav-app>a{color:#E3C98F!important;font-weight:700!important}
.az-nav-app>a:hover{color:#F1DCA8!important}
.az-mm-app{color:#E3C98F!important;font-weight:600}

/* ── v3.3 · "App del alumno" en dorado (especificidad ganadora) ── */
html body .iz-header-nav .iz-nav-item.az-nav-app>a{color:#E3C98F!important;font-weight:700!important}
html body .iz-header-nav .iz-nav-item.az-nav-app>a:hover{color:#F1DCA8!important}
html body .iz-mobile-menu a.az-mm-app{color:#E3C98F!important;font-weight:600!important}

/* ── v3.4 · logo del header = logo redondo de marca (el del favicon), en círculo ── */
.iz-header-logo img{border-radius:50%!important;background:#F1EDE7}

/* ── v3.5 · el logo redondo con presencia de moneda ── */
html body .iz-header .iz-header-logo img{height:34px!important;width:34px!important}
html body .iz-header:not(.az-top) .iz-header-logo img{height:26px!important;width:26px!important}
@media(max-width:899px){
  html body .iz-header .iz-header-logo img{height:34px!important;width:34px!important}
}

/* ── v3.6 · BANNER APP ABAJO también en escritorio (como areazentro.com), fuera del header ── */
@media(min-width:900px){
  body.azb-on #az-app-banner{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;z-index:99900!important;border-top:2px solid #C9A961!important;border-bottom:none!important;box-shadow:0 -12px 32px rgba(0,0,0,.28)!important;margin:0!important}
  body.azb-on .iz-header{margin-top:0!important}
  body.home.azb-on .iz-header.az-top{top:0!important}
  body.azb-on{padding-bottom:70px!important}
  html body.azb-on #az-wa-premium{bottom:86px!important}
}

/* ── v3.7 · header encogido = la MITAD (petición Javier) ── */
@media(min-width:900px){
  html body .iz-header{padding-top:2px!important;padding-bottom:2px!important}
  html body .iz-header:not(.az-top) .iz-header-logo img{height:22px!important;width:22px!important}
  html body .iz-header:not(.az-top) .iz-logo-text{font-size:13.5px!important}
  html body .iz-header:not(.az-top) .iz-header-nav .iz-nav-item>a{font-size:13px!important}
  html body .iz-header:not(.az-top) .iz-nav-actions a{padding-top:4px!important;padding-bottom:4px!important;font-size:12.5px!important}
}

/* ── v3.8 · compacto de verdad: la mitad (los botones-píldora eran el suelo) ── */
@media(min-width:900px){
  html body .iz-header:not(.az-top){padding-top:1px!important;padding-bottom:1px!important}
  html body .iz-header:not(.az-top) .iz-header-logo img{height:20px!important;width:20px!important}
  html body .iz-header:not(.az-top) .iz-logo-text{font-size:12.5px!important}
  html body .iz-header:not(.az-top) .iz-header-nav .iz-nav-item>a{font-size:12px!important;padding-top:4px!important;padding-bottom:4px!important}
  html body .iz-header:not(.az-top) .iz-nav-actions a{padding:3px 12px!important;font-size:11.5px!important;line-height:1.6!important}
  html body .iz-header:not(.az-top) .iz-login-btn::before{width:12px!important;height:12px!important}
}

/* ── v3.9 · MISMO ESTILO QUE AREAZENTRO.COM al hacer scroll: píldora flotante ──
   valores copiados del applyScrolled() del Centro: top 10, lados 16, radio 16,
   bg rgba(44,51,39,.97), padding 6, logo 28, menú scale(.85) */
@media(min-width:900px){
  html body .iz-header .iz-header-logo img{height:40px!important;width:40px!important}
  html body .iz-header:not(.az-top){
    position:fixed!important;top:10px!important;left:16px!important;right:16px!important;
    width:auto!important;z-index:120!important;
    padding-top:6px!important;padding-bottom:6px!important;min-height:0!important;
    border-radius:16px!important;border:none!important;
    background:rgba(44,51,39,.97)!important;
    box-shadow:0 4px 24px rgba(0,0,0,.22)!important;
  }
  html body .iz-header:not(.az-top) .iz-header-logo img{height:28px!important;width:28px!important}
  html body .iz-header:not(.az-top) .iz-header-nav{transform:scale(.85);transform-origin:center center}
  html body .iz-header:not(.az-top) .iz-header-nav .iz-nav-item>a{font-size:14px!important}
  html body .iz-header:not(.az-top) .iz-nav-actions a{padding:6px 16px!important;font-size:13px!important}
  html body.home.azb-on .iz-header:not(.az-top){top:10px!important}
}

/* ── v4.0 · píldora con letras legibles (fuera el scale, tipos explícitos) ── */
@media(min-width:900px){
  html body .iz-header:not(.az-top) .iz-header-nav{transform:none!important}
  html body .iz-header:not(.az-top) .iz-header-nav .iz-nav-item>a{font-size:15px!important;padding-top:6px!important;padding-bottom:6px!important}
  html body .iz-header:not(.az-top) .iz-nav-actions a{padding:7px 18px!important;font-size:14px!important;line-height:1.5!important}
  html body .iz-header:not(.az-top) .iz-logo-text{font-size:14.5px!important}
  html body .iz-header:not(.az-top) .iz-header-logo img{height:30px!important;width:30px!important}
  html body .iz-header:not(.az-top) .iz-login-btn::before{width:14px!important;height:14px!important}
}

/* ── v4.1 · FIX desborde horizontal móvil (/cursos/): banda azp6 full-bleed roto + ordering ── */
@media(max-width:899px){
  /* banda catálogo: full-bleed correcto sin que el padding sume ni se salga */
  html body .azp6{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;overflow-x:hidden!important}
  html body .azp6 *{max-width:100%!important}
  /* cabecera del catálogo: "Mostrando…" + selector de orden apilados, sin desbordar */
  html body .woocommerce-ordering,
  html body .wc-block-product-collection__ordering,
  html body .wp-block-woocommerce-catalog-sorting{width:100%!important;max-width:100%!important;float:none!important;margin:8px 0 0!important}
  html body .woocommerce-ordering select,
  html body .wc-block-components-product-sort-select,
  html body .wp-block-woocommerce-catalog-sorting select{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  html body .woocommerce-result-count{width:100%!important;float:none!important}
  /* red de seguridad: nada empuja el ancho de página */
  html body .elementor-59660,html body main{overflow-x:clip!important}
}

/* ================================================
   v4.2 (19-jul) · campo cupon del carrito: etiqueta flotante
   bien colocada (no se monta sobre lo escrito) + textos con peso
   ================================================ */
.wc-block-components-text-input{ position:relative !important; }
.wc-block-components-text-input label{ font-weight:500 !important; transition:transform .2s ease, color .2s ease !important; transform-origin:top left !important; }
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:focus ~ label,
.wc-block-components-text-input input:not(:placeholder-shown) ~ label{
  transform:translateY(2px) scale(.72) !important;
}
.wc-block-components-text-input input{ font-weight:600 !important; padding-top:20px !important; padding-bottom:6px !important; }
.wc-block-components-totals-coupon__button{ font-weight:600 !important; }
.wc-block-components-totals-wrapper, .wc-block-components-totals-item{ font-weight:500 !important; }
.wc-block-components-totals-item__value, .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{ font-weight:700 !important; }

/* ================================================
   v4.3 (19-jul) · login del checkout: tarjeta ordenada y campos ALINEADOS
   (la etiqueta a dos lineas descolgaba su campo respecto al otro)
   ================================================ */
.woocommerce-checkout form.woocommerce-form-login{
  max-width:760px !important; margin:0 0 28px !important; padding:28px 32px !important;
  background:#fff !important; border:1px solid rgba(20,35,26,.12) !important;
  border-radius:16px !important; box-shadow:0 6px 24px rgba(20,35,26,.06) !important;
}
.woocommerce-checkout form.woocommerce-form-login .form-row-first label,
.woocommerce-checkout form.woocommerce-form-login .form-row-last label{
  display:flex !important; align-items:flex-end !important; min-height:52px !important;
  font-weight:600 !important; margin-bottom:8px !important;
}
.woocommerce-checkout form.woocommerce-form-login input.input-text{ width:100% !important; }
.woocommerce-checkout form.woocommerce-form-login .googlesitekit-sign-in-with-google__frontend-output-button{ margin-bottom:18px !important; }
.woocommerce-checkout form.woocommerce-form-login .woocommerce-form-login__submit{ font-weight:600 !important; }
.woocommerce-checkout form.woocommerce-form-login .lost_password{ margin:10px 0 0 !important; }