/* mezcla.css · Instituto Área Zentro · dirección 4 «Mezcla» · generado por escopa.py desde estilos.css de la maqueta.
   TODO va acotado bajo .azmz: fuera de un contenedor .azmz esta hoja no toca nada (ni body, ni html, ni h1-h3, ni enlaces).
   Lo enlazan: el contenido de la portada 63275, az-ficha-folio.php (fichas de la lista blanca) y az-catalogo-folio.php (/cursos/).
   Vuelta atrás: dejar de enlazarla (retirar esas piezas); la hoja sola es inerte. NO editar a mano: regenerar con escopa.py. */
@font-face{font-family:"Alexandria AZ";font-style:normal;font-weight:100 900;font-display:swap;src:url(alexandria-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Alexandria AZ";font-style:normal;font-weight:100 900;font-display:swap;src:url(alexandria-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
.azmz { --crema: #F5EFE7;
  --papel: #FAF5EC;
  --lino: #EBE2D3;
  --verde: #2A3124;
  --tinta: #37412F;
  --oro: #C49B57;
  --oro-hondo: #86672D;
  --oro-lino: #735724;
  --texto: #5B4A3A;
  --texto-oscuro: #D8D2C4;
  --filete: rgba(55, 65, 47, .22);
  --filete-claro: rgba(245, 239, 231, .2);
  --orla: linear-gradient(90deg, var(--oro) 0 2.5rem, var(--filete) 2.5rem 100%);
  --orla-clara: linear-gradient(90deg, var(--oro) 0 2.5rem, var(--filete-claro) 2.5rem 100%);

  --serif: "Newsreader AZ", Georgia, "Times New Roman", serif;
  --sans: "Alexandria AZ", system-ui, -apple-system, "Segoe UI", sans-serif;

  --t-micro: clamp(.6875rem, .66rem + .12vw, .75rem);
  --t-cuerpo: clamp(1rem, .97rem + .18vw, 1.0625rem);
  --t-lede: clamp(1.125rem, 1rem + .6vw, 1.4375rem);
  --t-h3: clamp(1.25rem, 1.1rem + .6vw, 1.625rem);
  --t-h2: clamp(1.875rem, 1.4rem + 2vw, 3.125rem);
  --t-h1: clamp(2.375rem, 1.6rem + 3.6vw, 4.75rem);

  --caja: 80rem;
  --canal: clamp(1rem, 5vw, 2.5rem);
  --aire: clamp(4.5rem, 3rem + 6vw, 7.5rem);
  --gap: clamp(1.25rem, 2.2vw, 2rem);
  --medida: 64ch; }
.azmz, .azmz *, .azmz *::before, .azmz *::after { box-sizing: border-box !important; }
.azmz { margin: 0 !important;
  background: var(--crema) !important;
  color: var(--texto) !important;
  font: 300 var(--t-cuerpo)/1.7 var(--sans) !important;
  overflow-x: clip !important;
  text-rendering: optimizeLegibility !important; }
.azmz img { max-width: 100% !important; display: block !important; height: auto !important; }
.azmz a { color: var(--oro-hondo) !important; text-underline-offset: .2em !important; text-decoration-thickness: 1px !important; }
.azmz a:hover { color: var(--tinta) !important; }
.azmz :focus-visible { outline: 2px solid var(--oro-hondo) !important; outline-offset: 3px !important; border-radius: 2px !important; }
.azmz .oscuro :focus-visible { outline-color: var(--oro) !important; }
.azmz h1, .azmz h2, .azmz h3, .azmz .serif { font-family: var(--serif) !important;
  font-weight: 400 !important;
  color: var(--verde) !important;
  font-size-adjust: cap-height .63 !important;
  letter-spacing: -.01em !important;
  text-wrap: balance !important;
  margin: 0 !important; }
.azmz h1 { font-size: var(--t-h1) !important; line-height: 1.04 !important; }
.azmz h2 { font-size: var(--t-h2) !important; line-height: 1.08 !important; }
.azmz h3 { font-size: var(--t-h3) !important; line-height: 1.2 !important; font-weight: 500 !important; }
.azmz h1 em, .azmz h2 em { font-style: italic !important; color: var(--oro-hondo) !important; }
.azmz p { margin: 0 0 1em !important; text-wrap: pretty !important; }
.azmz .lede { font-size: var(--t-lede) !important; line-height: 1.55 !important; max-width: 38ch !important; color: var(--texto) !important; }
.azmz .caja { width: min(100% - 2 * var(--canal), var(--caja)) !important; margin-inline: auto !important; }
.azmz .seccion { padding-block: var(--aire) !important; }
.azmz .seccion + .seccion { padding-top: 0 !important; }
.azmz .kicker { display: inline-block !important;
  font: 500 var(--t-micro)/1.4 var(--sans) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: var(--oro-lino) !important;
  margin-bottom: 1.25rem !important; }
.azmz .oscuro .kicker { color: var(--oro) !important; }
.azmz .filete { height: 1px !important;
  background: var(--orla) !important;
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) !important;
  transform-origin: left !important; }
.azmz .oscuro .filete { background: var(--orla-clara) !important; }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .azmz .filete { animation: azmz-dibuja linear both !important;
      animation-timeline: view() !important;
      animation-range: entry 10% cover 35% !important; }
    @keyframes azmz-dibuja { from { transform: scaleX(0); } to { transform: scaleX(1); } }
    .azmz .aparece { animation: azmz-aparece linear both !important;
      animation-timeline: view() !important;
      animation-range: entry 0% cover 25% !important; }
    @keyframes azmz-aparece { from { opacity: 0; translate: 0 1.25rem; } to { opacity: 1; translate: 0 0; } }
  }
}
.azmz .boton { display: inline-flex !important; align-items: center !important; gap: .6em !important;
  min-height: 3rem !important; padding: .8rem 1.5rem !important;
  font: 500 .9375rem/1.2 var(--sans) !important; letter-spacing: .02em !important;
  text-decoration: none !important;
  border: 1px solid var(--verde) !important;
  background: var(--verde) !important; color: var(--crema) !important;
  border-radius: 999px !important;
  transition: background-color .2s ease, color .2s ease !important; }
.azmz .boton:hover { background: var(--tinta) !important; color: var(--crema) !important; }
.azmz .boton--secundario { background: transparent !important; color: var(--verde) !important; }
.azmz .boton--secundario:hover { background: rgba(55, 65, 47, .07) !important; color: var(--verde) !important; }
.azmz .oscuro .boton { background: var(--crema) !important; color: var(--verde) !important; border-color: var(--crema) !important; }
.azmz .oscuro .boton--secundario { background: transparent !important; color: var(--crema) !important; }
.azmz .flecha::after { content: "→" !important; font-family: var(--serif) !important; }
.azmz .hero { padding-block: clamp(3rem, 2rem + 6vw, 7rem) clamp(3rem, 2rem + 4vw, 5rem) !important; }
.azmz .hero__rejilla { display: grid !important; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important; gap: clamp(2rem, 5vw, 5rem) !important; align-items: end !important; }
.azmz .hero h1 { max-width: 15ch !important; margin-bottom: 1.75rem !important; }
.azmz .hero__acciones { display: flex !important; flex-wrap: wrap !important; gap: .75rem !important; margin-top: 2rem !important; }
.azmz .hero__lado { border-left: 1px solid var(--filete) !important; padding-left: clamp(1.25rem, 3vw, 2.5rem) !important; }
.azmz .hero__foto { margin: 0 0 1.75rem !important; }
.azmz .hero__foto img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5 !important; object-fit: cover !important; outline: 1px solid var(--oro) !important; outline-offset: 10px !important; }
.azmz .hero__foto figcaption { margin-top: 1rem !important; font: 400 var(--t-micro)/1.5 var(--sans) !important; letter-spacing: .04em !important; color: var(--texto) !important; opacity: .8 !important; }
.azmz .hero__lado dl { margin: 0 !important; display: grid !important; gap: 1.25rem !important; }
.azmz .hero__lado dt { font: 500 var(--t-micro)/1.4 var(--sans) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--oro-lino) !important; }
.azmz .hero__lado dd { margin: .25rem 0 0 !important; font: 400 1.125rem/1.4 var(--serif) !important; color: var(--verde) !important; }
@media (max-width: 860px) {
  .azmz .hero__rejilla { grid-template-columns: 1fr !important; }
  .azmz .hero__lado { border-left: 0 !important; border-top: 1px solid var(--filete) !important; padding: 1.5rem 0 0 !important; }
  .azmz .hero__foto { max-width: 22rem !important; }
}
.azmz .banda { margin: 0 !important; }
.azmz .banda img { width: 100% !important; aspect-ratio: 1600 / 554 !important; object-fit: cover !important; }
.azmz .banda figcaption { width: min(100% - 2 * var(--canal), var(--caja)) !important; margin: .6rem auto 0 !important; font-size: var(--t-micro) !important; color: var(--texto) !important; letter-spacing: .02em !important; }
@media (max-width: 600px) {
  .azmz .banda img { aspect-ratio: 4 / 3 !important; }
}
.azmz .puertas { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--gap) !important; margin-top: clamp(2rem, 4vw, 3.5rem) !important; }
.azmz .puerta { position: relative !important;
  display: flex !important; flex-direction: column !important; gap: 1rem !important;
  padding: clamp(1.75rem, 3vw, 2.75rem) !important;
  background: var(--papel) !important;
  border: 1px solid var(--filete) !important;
  text-decoration: none !important; color: inherit !important;
  transition: border-color .2s ease, transform .2s ease !important; }
.azmz .puerta::before { content: "" !important; position: absolute !important; inset: -1px auto auto -1px !important; width: 2.5rem !important; height: 2px !important; background: var(--oro) !important; }
.azmz .puerta:hover { border-color: var(--oro) !important; }
.azmz .puerta h3 { font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.375rem) !important; font-weight: 400 !important; }
.azmz .puerta p { margin: 0 !important; max-width: 42ch !important; }
.azmz .puerta ul { margin: 0 !important; padding: 0 !important; list-style: none !important; border-top: 1px solid var(--filete) !important; }
.azmz .puerta li { padding: .6rem 0 !important; border-bottom: 1px solid var(--filete) !important; font-size: .9375rem !important; display: flex !important; justify-content: space-between !important; gap: 1rem !important; }
.azmz .puerta li span:last-child { white-space: nowrap !important; color: var(--verde) !important; font-weight: 400 !important; }
.azmz .puerta .ir { margin-top: auto !important; padding-top: .5rem !important; font: 500 .9375rem/1 var(--sans) !important; color: var(--verde) !important; }
.azmz .puerta .quien { font-size: var(--t-micro) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--oro-lino) !important; }
@media (max-width: 760px) {
  .azmz .puertas { grid-template-columns: 1fr !important; }
}
.azmz .escalera { list-style: none !important; margin: clamp(2rem, 4vw, 3.5rem) 0 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: end !important; gap: 0 !important; counter-reset: p !important; }
.azmz .peldano { counter-increment: p !important; position: relative !important; border-top: 1px solid var(--verde) !important; padding: 1.25rem 1.25rem 0 0 !important; }
.azmz .peldano:nth-child(1) { padding-top: 1.25rem !important; }
.azmz .peldano:nth-child(2) { margin-top: 0 !important; }
@media (min-width: 761px) {
  .azmz .peldano:nth-child(1) { margin-bottom: 0 !important; }
  .azmz .peldano:nth-child(2) { margin-bottom: 2.5rem !important; }
  .azmz .peldano:nth-child(3) { margin-bottom: 5rem !important; }
  .azmz .peldano:nth-child(4) { margin-bottom: 7.5rem !important; }
}
.azmz .peldano::before { content: "0" counter(p) !important; display: block !important; font: 400 .8125rem/1 var(--sans) !important; letter-spacing: .14em !important; color: var(--oro-lino) !important; margin-bottom: .75rem !important; }
.azmz .peldano h3 { font-size: clamp(1.25rem, 1.05rem + .7vw, 1.625rem) !important; margin-bottom: .5rem !important; }
.azmz .peldano h3 a { color: inherit !important; text-decoration: none !important; }
.azmz .peldano h3 a:hover { text-decoration: underline !important; text-decoration-color: var(--oro) !important; }
.azmz .peldano .precio { font: 400 1.5rem/1 var(--serif) !important; color: var(--oro-hondo) !important; margin: .25rem 0 .5rem !important; }
.azmz .peldano p { font-size: .9375rem !important; margin: 0 0 .5rem !important; max-width: 28ch !important; }
.azmz .escalera-nota { margin-top: 1.5rem !important; font-size: .875rem !important; }
@media (max-width: 760px) {
  .azmz .escalera { grid-template-columns: 1fr !important; gap: 0 !important; }
  .azmz .peldano { padding: 1.25rem 0 1.5rem 0 !important; border-top: 1px solid var(--filete) !important; }
  .azmz .peldano:first-child { border-top-color: var(--verde) !important; }
}
.azmz .metodo { background: var(--lino) !important; padding-block: var(--aire) !important; }
.azmz .metodo__intro { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: var(--gap) !important; align-items: end !important; margin-bottom: clamp(2rem, 5vw, 4rem) !important; }
@media (max-width: 760px) {
  .azmz .metodo__intro { grid-template-columns: 1fr !important; }
}
.azmz .letras { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; border-top: 1px solid var(--filete) !important; }
.azmz .letra { container-type: inline-size !important; border-bottom: 1px solid var(--filete) !important; padding: clamp(1rem, 2vw, 1.75rem) clamp(.5rem, 2vw, 2rem) clamp(1.25rem, 2vw, 2rem) 0 !important; min-width: 0 !important; }
.azmz .letra:nth-child(odd) { border-right: 1px solid var(--filete) !important; }
.azmz .letra:nth-child(even) { padding-left: clamp(1rem, 3vw, 2.5rem) !important; }
.azmz .letra b { display: block !important;
  font: 400 min(16rem, 38cqi)/.9 var(--serif) !important;
  color: var(--verde) !important;
  max-width: 100% !important;
  padding-inline: .04em !important; }
.azmz .letra:nth-child(2) b, .azmz .letra:nth-child(3) b { color: var(--oro-hondo) !important; }
.azmz .letra span { display: block !important; margin-top: .75rem !important; font: 400 clamp(1.125rem, .9rem + 1vw, 1.625rem)/1.2 var(--serif) !important; color: var(--verde) !important; }
.azmz .letra small { display: block !important; margin-top: .35rem !important; font-size: .9375rem !important; color: var(--texto) !important; max-width: 34ch !important; }
@media (max-width: 520px) {
  .azmz .letras { grid-template-columns: 1fr !important; }
  .azmz .letra:nth-child(odd) { border-right: 0 !important; }
  .azmz .letra:nth-child(even) { padding-left: 0 !important; }
  .azmz .letra { display: grid !important; grid-template-columns: 30cqi minmax(0, 1fr) !important; align-items: end !important; gap: 1rem !important; padding-right: 0 !important; }
  .azmz .letra b { font-size: min(9rem, 30cqi) !important; text-align: center !important; }
  .azmz .letra span { margin-top: 0 !important; }
}
.azmz .docentes { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--gap) !important; margin-top: clamp(2rem, 4vw, 3rem) !important; }
.azmz .docente { display: grid !important; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr) !important; gap: clamp(1rem, 2.5vw, 2rem) !important; align-items: start !important; border-top: 1px solid var(--verde) !important; padding-top: 1.5rem !important; }
.azmz .docente img { width: 100% !important; aspect-ratio: 4 / 5 !important; object-fit: cover !important; object-position: top !important; min-height: 0 !important; }
.azmz .docente h3 { margin-bottom: .25rem !important; }
.azmz .docente .rol { font-size: var(--t-micro) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--oro-lino) !important; margin-bottom: .75rem !important; }
.azmz .docente p { font-size: .9375rem !important; }
@media (max-width: 900px) {
  .azmz .docentes { grid-template-columns: 1fr !important; }
}
@media (max-width: 460px) {
  .azmz .docente { grid-template-columns: 1fr !important; }
  .azmz .docente img { max-width: 12rem !important; }
}
.azmz .cifras { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; margin: clamp(2rem, 4vw, 3rem) 0 0 !important; border-top: 1px solid var(--filete) !important; }
.azmz .cifras--dos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.azmz .cifra { padding: 1.5rem clamp(1rem, 2vw, 2rem) 1.5rem 0 !important; border-bottom: 1px solid var(--filete) !important; }
.azmz .cifra + .cifra { border-left: 1px solid var(--filete) !important; padding-left: clamp(1rem, 2vw, 2rem) !important; }
.azmz .cifra b { display: block !important; font: 400 clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem)/1 var(--serif) !important; color: var(--verde) !important; margin-bottom: .5rem !important; }
.azmz .cifra span { font-size: .9375rem !important; display: block !important; }
.azmz .cifra cite { display: block !important; margin-top: .5rem !important; font: 400 var(--t-micro)/1.4 var(--sans) !important; font-style: normal !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--oro-lino) !important; }
@media (max-width: 760px) {
  .azmz .cifras { grid-template-columns: 1fr !important; }
  .azmz .cifra + .cifra { border-left: 0 !important; padding-left: 0 !important; }
}
.azmz .oscuro { background: var(--verde) !important; color: var(--texto-oscuro) !important; }
.azmz .oscuro h2, .azmz .oscuro h3 { color: var(--crema) !important; }
.azmz .oscuro h2 em { color: var(--oro) !important; }
.azmz .oscuro a:not(.boton) { color: var(--oro) !important; }
.azmz .franja { padding-block: clamp(3.5rem, 2.5rem + 4vw, 6rem) !important; }
.azmz .franja__rejilla { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important; gap: clamp(2rem, 5vw, 5rem) !important; align-items: end !important; }
.azmz .franja ul { list-style: none !important; margin: 0 0 1.75rem !important; padding: 0 !important; border-top: 1px solid var(--filete-claro) !important; }
.azmz .franja li { padding: .75rem 0 !important; border-bottom: 1px solid var(--filete-claro) !important; display: flex !important; justify-content: space-between !important; gap: 1rem !important; font-size: .9375rem !important; }
.azmz .franja li span:last-child { color: var(--crema) !important; white-space: nowrap !important; }
@media (max-width: 860px) {
  .azmz .franja__rejilla { grid-template-columns: 1fr !important; }
}
.azmz .puente { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: var(--gap) !important; align-items: center !important; }
.azmz .puente img { width: 100% !important; aspect-ratio: 3 / 2 !important; object-fit: cover !important; }
@media (max-width: 760px) {
  .azmz .puente { grid-template-columns: 1fr !important; }
}
.azmz .descargo { margin-top: 2.5rem !important; padding-top: 1.5rem !important; border-top: 1px solid var(--filete) !important; max-width: 90ch !important; font-size: .8125rem !important; line-height: 1.6 !important; }
.azmz .cabeza { padding-block: clamp(2.5rem, 2rem + 4vw, 5rem) clamp(2rem, 3vw, 3rem) !important; }
.azmz .migas { font-size: .8125rem !important; margin-bottom: 1.5rem !important; }
.azmz .migas a { color: var(--texto) !important; }
.azmz .migas span[aria-hidden] { margin-inline: .4rem !important; color: var(--oro) !important; }
.azmz .salto { display: flex !important; flex-wrap: wrap !important; gap: .5rem !important; margin-top: 2rem !important; }
.azmz .salto a { text-decoration: none !important; font-size: .875rem !important; color: var(--verde) !important; border: 1px solid var(--filete) !important; padding: .6rem 1rem !important; border-radius: 999px !important; min-height: 2.75rem !important; display: inline-flex !important; align-items: center !important; background: var(--papel) !important; }
.azmz .salto a:hover { border-color: var(--oro) !important; }
.azmz .bloque-puerta { padding-block: clamp(3rem, 2rem + 4vw, 5.5rem) !important; border-top: 1px solid var(--verde) !important; }
.azmz .bloque-puerta > .caja > header { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: var(--gap) !important; align-items: end !important; margin-bottom: 2.5rem !important; }
@media (max-width: 760px) {
  .azmz .bloque-puerta > .caja > header { grid-template-columns: 1fr !important; }
}
.azmz .nivel { display: grid !important; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) !important; gap: var(--gap) !important; padding-block: 2rem !important; border-top: 1px solid var(--filete) !important; }
.azmz .nivel__cabeza h3 { font-size: clamp(1.375rem, 1.2rem + .7vw, 1.75rem) !important; font-weight: 400 !important; margin-bottom: .5rem !important; }
.azmz .nivel__cabeza p { font-size: .9375rem !important; margin: 0 !important; }
.azmz .nivel__cabeza .num { font: 400 var(--t-micro)/1 var(--sans) !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: var(--oro-lino) !important; display: block !important; margin-bottom: .75rem !important; }
@media (max-width: 860px) {
  .azmz .nivel { grid-template-columns: 1fr !important; }
}
.azmz .tarjetas { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17.5rem), 1fr)) !important; gap: 1rem !important; }
.azmz .tarjeta { position: relative !important; display: flex !important; flex-direction: column !important; background: var(--papel) !important; border: 1px solid var(--filete) !important; padding: 1.5rem 1.5rem 1.25rem !important; transition: border-color .2s ease !important; }
.azmz .tarjeta:hover, .azmz .tarjeta:focus-within { border-color: var(--oro) !important; }
.azmz .tarjeta h4 { margin: 0 0 1rem !important; font: 500 1.1875rem/1.25 var(--serif) !important; color: var(--verde) !important; font-size-adjust: cap-height .63 !important; text-wrap: balance !important; }
.azmz .tarjeta h4 a { color: inherit !important; text-decoration: none !important; }
.azmz .tarjeta h4 a::after { content: "" !important; position: absolute !important; inset: 0 !important; }
.azmz .tarjeta dl { margin: 0 0 1rem !important; display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; gap: .3rem .9rem !important; font-size: .8125rem !important; line-height: 1.45 !important; }
.azmz .tarjeta dt { color: var(--oro-lino) !important; letter-spacing: .06em !important; text-transform: uppercase !important; font-size: .6875rem !important; padding-top: .15em !important; }
.azmz .tarjeta dd { margin: 0 !important; }
.azmz .tarjeta .pie-tarjeta { margin-top: auto !important; padding-top: .9rem !important; border-top: 1px solid var(--filete) !important; display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: .5rem !important; flex-wrap: wrap !important; }
.azmz .tarjeta .precio { font: 400 1.5rem/1 var(--serif) !important; color: var(--verde) !important; }
.azmz .tarjeta .estado { font-size: .75rem !important; color: var(--oro-lino) !important; }
.azmz .tarjeta--destacada { background: var(--verde) !important; border-color: var(--verde) !important; color: var(--texto-oscuro) !important; }
.azmz .tarjeta--destacada h4, .azmz .tarjeta--destacada .precio { color: var(--crema) !important; }
.azmz .tarjeta--destacada dt { color: var(--oro) !important; }
.azmz .tarjeta--destacada .pie-tarjeta { border-top-color: var(--filete-claro) !important; }
.azmz .tarjeta--destacada .estado { color: var(--oro) !important; }
.azmz .ficha-cabeza { display: grid !important; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) !important; gap: clamp(2rem, 5vw, 5rem) !important; align-items: start !important; }
.azmz .ficha-cabeza h1 { font-size: clamp(2.25rem, 1.5rem + 3vw, 4.25rem) !important; max-width: 16ch !important; margin-bottom: 1.5rem !important; }
@media (max-width: 900px) {
  .azmz .ficha-cabeza { grid-template-columns: 1fr !important; }
}
.azmz .compra { position: sticky !important; top: 5.5rem !important;
  background: var(--papel) !important; border: 1px solid var(--filete) !important; padding: clamp(1.5rem, 2.5vw, 2rem) !important; }
.azmz .compra::before { content: "" !important; display: block !important; height: 2px !important; width: 2.5rem !important; background: var(--oro) !important; margin: calc(-1 * clamp(1.5rem, 2.5vw, 2rem)) 0 1.5rem calc(-1 * clamp(1.5rem, 2.5vw, 2rem) - 1px) !important; }
.azmz .compra .precio { font: 400 clamp(2.5rem, 2rem + 2vw, 3.5rem)/1 var(--serif) !important; color: var(--verde) !important; margin-bottom: .5rem !important; }
.azmz .compra .boton { width: 100% !important; justify-content: center !important; margin: 1.25rem 0 .75rem !important; }
.azmz .compra p { font-size: .8125rem !important; margin: 0 0 .5rem !important; }
@media (max-width: 900px) {
  .azmz .compra { position: static !important; }
}
.azmz .datos { list-style: none !important; margin: clamp(2rem, 4vw, 3rem) 0 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; border-top: 1px solid var(--verde) !important; border-bottom: 1px solid var(--filete) !important; }
.azmz .datos li { padding: 1.1rem 1rem 1.1rem 0 !important; min-width: 0 !important; }
.azmz .datos li + li { border-left: 1px solid var(--filete) !important; padding-left: 1rem !important; }
.azmz .datos b { display: block !important; font: 400 var(--t-micro)/1.4 var(--sans) !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: var(--oro-lino) !important; margin-bottom: .35rem !important; }
.azmz .datos span { font: 400 1.0625rem/1.35 var(--serif) !important; color: var(--verde) !important; display: block !important; }
@media (max-width: 900px) {
  .azmz .datos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .azmz .datos li { border-bottom: 1px solid var(--filete) !important; }
  .azmz .datos li + li { border-left: 0 !important; padding-left: 0 !important; }
  .azmz .datos li:nth-child(even) { border-left: 1px solid var(--filete) !important; padding-left: 1rem !important; }
}
.azmz .ficha-cuerpo { display: grid !important; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) !important; gap: var(--gap) clamp(2rem, 5vw, 5rem) !important; padding-block: clamp(2.5rem, 2rem + 3vw, 4.5rem) !important; border-top: 1px solid var(--filete) !important; }
.azmz .ficha-cuerpo > h2 { font-size: clamp(1.625rem, 1.3rem + 1.4vw, 2.375rem) !important; }
.azmz .ficha-cuerpo .texto { max-width: var(--medida) !important; }
@media (max-width: 860px) {
  .azmz .ficha-cuerpo { grid-template-columns: 1fr !important; }
}
.azmz .lista-raya { list-style: none !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--filete) !important; }
.azmz .lista-raya li { padding: .9rem 0 .9rem 1.75rem !important; border-bottom: 1px solid var(--filete) !important; position: relative !important; }
.azmz .lista-raya li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 1.65rem !important; width: 1rem !important; height: 1px !important; background: var(--oro) !important; }
.azmz .paraquien { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--gap) !important; }
.azmz .paraquien h3 { font-size: 1.25rem !important; margin-bottom: .75rem !important; }
@media (max-width: 640px) {
  .azmz .paraquien { grid-template-columns: 1fr !important; }
}
.azmz .temario { list-style: none !important; margin: 0 !important; padding: 0 !important; counter-reset: m !important; }
.azmz .temario > li { counter-increment: m !important; border-top: 1px solid var(--filete) !important; }
.azmz .temario > li:last-child { border-bottom: 1px solid var(--filete) !important; }
.azmz .temario details summary { cursor: pointer !important; list-style: none !important; display: grid !important; grid-template-columns: 3rem minmax(0, 1fr) auto !important; gap: 1rem !important; align-items: baseline !important; padding: 1.1rem 0 !important; min-height: 3rem !important; }
.azmz .temario details summary::-webkit-details-marker { display: none !important; }
.azmz .temario summary::before { content: "M" counter(m) !important; font: 400 .8125rem/1 var(--sans) !important; letter-spacing: .12em !important; color: var(--oro-lino) !important; }
.azmz .temario summary strong { font: 400 1.1875rem/1.3 var(--serif) !important; color: var(--verde) !important; }
.azmz .temario summary::after { content: "+" !important; font: 300 1.5rem/1 var(--serif) !important; color: var(--oro-hondo) !important; }
.azmz .temario details[open] summary::after { content: "–" !important; }
.azmz .temario details > div { padding: 0 0 1.25rem 4rem !important; font-size: .9375rem !important; }
@media (max-width: 520px) {
  .azmz .temario details > div { padding-left: 0 !important; }
  .azmz .temario details summary { grid-template-columns: 2.25rem minmax(0, 1fr) auto !important; }
}
.azmz .media-foto { margin: 0 !important; }
.azmz .media-foto img { width: 100% !important; aspect-ratio: 16 / 7 !important; object-fit: cover !important; }
.azmz .media-foto figcaption { font-size: var(--t-micro) !important; margin-top: .5rem !important; }
.azmz .pasos { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: var(--gap) !important; counter-reset: s !important; }
.azmz .pasos li { counter-increment: s !important; border-top: 1px solid var(--verde) !important; padding-top: 1rem !important; font-size: .9375rem !important; }
.azmz .pasos li::before { content: counter(s) !important; display: block !important; font: 400 2.25rem/1 var(--serif) !important; color: var(--oro-hondo) !important; margin-bottom: .5rem !important; }
@media (max-width: 760px) {
  .azmz .pasos { grid-template-columns: 1fr !important; }
}
.azmz .faq details { border-top: 1px solid var(--filete) !important; }
.azmz .faq details:last-child { border-bottom: 1px solid var(--filete) !important; }
.azmz .faq summary { cursor: pointer !important; list-style: none !important; padding: 1.1rem 2rem 1.1rem 0 !important; position: relative !important; font: 400 1.1875rem/1.35 var(--serif) !important; color: var(--verde) !important; min-height: 3rem !important; }
.azmz .faq summary::-webkit-details-marker { display: none !important; }
.azmz .faq summary::after { content: "+" !important; position: absolute !important; right: 0 !important; top: 1rem !important; font: 300 1.5rem/1 var(--serif) !important; color: var(--oro-hondo) !important; }
.azmz .faq details[open] summary::after { content: "–" !important; }
.azmz .faq details p { padding-bottom: 1rem !important; max-width: var(--medida) !important; font-size: .9375rem !important; }
.azmz .barra-compra { display: none !important; }
@media (max-width: 900px) {
  .azmz .barra-compra { display: flex !important; position: sticky !important; bottom: 0 !important; z-index: 4 !important;
    justify-content: space-between !important; align-items: center !important; gap: 1rem !important;
    padding: .75rem var(--canal) calc(.75rem + env(safe-area-inset-bottom)) !important;
    background: rgba(250, 245, 236, .97) !important; border-top: 1px solid var(--filete) !important; }
  .azmz .barra-compra .precio { font: 400 1.5rem/1 var(--serif) !important; color: var(--verde) !important; }
  .azmz .barra-compra .boton { min-height: 2.75rem !important; padding: .6rem 1.25rem !important; }
}
.azmz .elige { padding-block: clamp(2.5rem, 2rem + 3vw, 4.5rem) !important; border-top: 1px solid var(--verde) !important; }
.azmz .elige__rejilla { display: grid !important; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) !important; gap: clamp(1.5rem, 4vw, 4rem) !important; align-items: start !important; }
.azmz .elige fieldset { border: 0 !important; margin: 0 !important; padding: 0 !important; min-width: 0 !important; }
.azmz .elige legend { padding: 0 !important; margin-bottom: 1.25rem !important; }
.azmz .elige legend h2 { font-size: clamp(1.75rem, 1.35rem + 1.8vw, 2.75rem) !important; }
.azmz .opciones { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .75rem !important; }
.azmz .opcion { position: relative !important; display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; gap: .85rem !important; align-items: start !important;
  padding: 1rem 1.1rem !important; min-height: 3rem !important; cursor: pointer !important;
  background: var(--papel) !important; border: 1px solid var(--filete) !important;
  transition: border-color .2s ease, background-color .2s ease !important; }
.azmz .opcion:hover { border-color: var(--oro) !important; }
.azmz .opcion input { appearance: none !important; -webkit-appearance: none !important; margin: .3rem 0 0 !important; width: 1.125rem !important; height: 1.125rem !important; border: 1px solid var(--verde) !important; border-radius: 50% !important; background: var(--crema) !important; display: grid !important; place-items: center !important; }
.azmz .opcion input::before { content: "" !important; width: .5rem !important; height: .5rem !important; border-radius: 50% !important; background: var(--crema) !important; }
.azmz .opcion input:checked::before { background: var(--crema) !important; }
.azmz .opcion input:checked { background: var(--verde) !important; }
.azmz .opcion input:focus-visible { outline: none !important; }
.azmz .opcion:has(input:focus-visible) { outline: 2px solid var(--oro-hondo) !important; outline-offset: 3px !important; }
.azmz .opcion:has(input:checked) { background: var(--verde) !important; border-color: var(--verde) !important; }
.azmz .opcion:has(input:checked) b { color: var(--crema) !important; }
.azmz .opcion:has(input:checked) small { color: var(--texto-oscuro) !important; }
.azmz .opcion:has(input:checked) input { border-color: var(--oro) !important; background: var(--oro) !important; }
.azmz .opcion b { display: block !important; font: 500 1.0625rem/1.3 var(--serif) !important; color: var(--verde) !important; font-size-adjust: cap-height .63 !important; }
.azmz .opcion small { display: block !important; margin-top: .2rem !important; font-size: .875rem !important; line-height: 1.45 !important; color: var(--texto) !important; }
.azmz .opcion .grupo { display: block !important; font: 400 .625rem/1.3 var(--sans) !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: var(--oro-lino) !important; margin-bottom: .3rem !important; }
.azmz .opcion:has(input:checked) .grupo { color: var(--oro) !important; }
.azmz .respuestas { position: sticky !important; top: 5.5rem !important; background: var(--papel) !important; border: 1px solid var(--filete) !important; padding: clamp(1.25rem, 2.5vw, 2rem) !important; }
.azmz .respuestas::before { content: "" !important; display: block !important; height: 2px !important; width: 2.5rem !important; background: var(--oro) !important; margin: calc(-1 * clamp(1.25rem, 2.5vw, 2rem)) 0 1.25rem calc(-1 * clamp(1.25rem, 2.5vw, 2rem) - 1px) !important; }
.azmz .respuesta { display: none !important; }
.azmz .respuesta p { margin: 0 0 1rem !important; }
.azmz .respuesta .serif { font-size: 1.375rem !important; line-height: 1.3 !important; margin-bottom: .75rem !important; }
.azmz .respuesta ul { list-style: none !important; margin: 0 0 1.25rem !important; padding: 0 !important; border-top: 1px solid var(--filete) !important; }
.azmz .respuesta li { display: flex !important; justify-content: space-between !important; gap: 1rem !important; padding: .55rem 0 !important; border-bottom: 1px solid var(--filete) !important; font-size: .9375rem !important; }
.azmz .respuesta li span:last-child { white-space: nowrap !important; color: var(--verde) !important; }
.azmz .elige:not(:has(input:checked)) .respuesta--0 { display: block !important; }
.azmz .elige:has(#elige-empiezo:checked) .respuesta--empiezo, .azmz .elige:has(#elige-metodo:checked) .respuesta--metodo, .azmz .elige:has(#elige-herramienta:checked) .respuesta--herramienta, .azmz .elige:has(#elige-certificarme:checked) .respuesta--certificarme, .azmz .elige:has(#elige-practica:checked) .respuesta--practica, .azmz .elige:has(#elige-equipo:checked) .respuesta--equipo { display: block !important; }
@media (max-width: 960px) {
  .azmz .elige__rejilla { grid-template-columns: 1fr !important; }
  .azmz .respuestas { position: static !important; }
}
@media (max-width: 560px) {
  .azmz .opciones { grid-template-columns: 1fr !important; }
}
.azmz .entrada-elige { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) !important; gap: clamp(1.5rem, 4vw, 4rem) !important; align-items: start !important; }
.azmz .entrada-elige ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 var(--gap) !important; border-top: 1px solid var(--verde) !important; }
.azmz .entrada-elige li { border-bottom: 1px solid var(--filete) !important; }
.azmz .entrada-elige a { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: .25rem 1rem !important; align-items: baseline !important; padding: 1rem 0 !important; min-height: 3rem !important; text-decoration: none !important; color: inherit !important; }
.azmz .entrada-elige a b { font: 500 1.125rem/1.3 var(--serif) !important; color: var(--verde) !important; }
.azmz .entrada-elige a small { grid-column: 1 !important; font-size: .875rem !important; line-height: 1.45 !important; color: var(--texto) !important; }
.azmz .entrada-elige a::after { content: "→" !important; grid-column: 2 !important; grid-row: 1 !important; font-family: var(--serif) !important; color: var(--oro-hondo) !important; transition: translate .2s ease !important; }
.azmz .entrada-elige a:hover b { text-decoration: underline !important; text-decoration-color: var(--oro) !important; text-underline-offset: .2em !important; }
.azmz .entrada-elige a:hover::after { translate: .25rem 0 !important; }
@media (max-width: 860px) {
  .azmz .entrada-elige { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
  .azmz .entrada-elige ul { grid-template-columns: 1fr !important; }
}
.azmz .conv { margin: 0 0 1rem !important; display: grid !important; grid-template-columns: 4.75rem minmax(0, 1fr) !important; border: 1px dashed var(--oro-hondo) !important; background: var(--crema) !important; position: relative !important; z-index: 1 !important; }
.azmz .conv__fecha { display: grid !important; place-content: center !important; text-align: center !important; gap: .2rem !important; padding: .75rem .5rem !important; border-right: 1px dashed var(--oro-hondo) !important; }
.azmz .conv__fecha b { font: 400 1.75rem/1 var(--serif) !important; color: var(--oro-hondo) !important; letter-spacing: .04em !important; }
.azmz .conv__fecha span { font-size: .625rem !important; line-height: 1.25 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--oro-lino) !important; }
.azmz .conv__texto { padding: .75rem .9rem !important; font-size: .875rem !important; line-height: 1.45 !important; }
.azmz .conv__texto p { margin: 0 !important; }
.azmz .conv__texto b { display: block !important; font-weight: 500 !important; color: var(--verde) !important; }
.azmz .conv__estado { display: inline-block !important; margin-bottom: .4rem !important; font-size: .6875rem !important; letter-spacing: .06em !important; padding: .15rem .6rem !important; border: 1px dashed var(--oro-hondo) !important; color: var(--oro-lino) !important; border-radius: 999px !important; white-space: normal !important; max-width: 100% !important; }
.azmz .conv__estado--abierta { border-style: solid !important; border-color: var(--verde) !important; color: var(--verde) !important; }
.azmz .conv__cta { position: relative !important; z-index: 1 !important; font: 500 .875rem/1.2 var(--sans) !important; color: var(--verde) !important; text-decoration: underline !important; text-decoration-color: var(--oro) !important; text-underline-offset: .25em !important; padding: .5rem 0 !important; min-height: 2.75rem !important; display: inline-flex !important; align-items: center !important; }
.azmz .conv__cta::after { content: " →" !important; font-family: var(--serif) !important; white-space: pre !important; }
.azmz .tarjeta--conv .pie-tarjeta { align-items: center !important; }
.azmz .tarjeta--destacada .conv { background: rgba(245, 239, 231, .06) !important; border-color: var(--oro) !important; }
.azmz .tarjeta--destacada .conv__fecha { border-right-color: var(--oro) !important; }
.azmz .tarjeta--destacada .conv__fecha b, .azmz .tarjeta--destacada .conv__texto b { color: var(--crema) !important; }
.azmz .tarjeta--destacada .conv__fecha span, .azmz .tarjeta--destacada .conv__estado { color: var(--oro) !important; border-color: var(--oro) !important; }
.azmz .tarjeta--destacada .conv__cta { color: var(--crema) !important; }
.azmz .oscuro .conv { background: rgba(245, 239, 231, .06) !important; border-color: var(--oro) !important; }
.azmz .oscuro .conv__fecha { border-right-color: var(--oro) !important; }
.azmz .oscuro .conv__fecha b, .azmz .oscuro .conv__texto b { color: var(--crema) !important; }
.azmz .oscuro .conv__fecha span, .azmz .oscuro .conv__estado { color: var(--oro) !important; border-color: var(--oro) !important; }
.azmz .conv-linea { display: block !important; margin-top: .4rem !important; font-size: .8125rem !important; line-height: 1.45 !important; color: var(--oro-lino) !important; }
.azmz .conv-linea b { font-weight: 500 !important; color: var(--verde) !important; }
.azmz .oscuro .conv-linea { color: var(--oro) !important; }
.azmz .oscuro .conv-linea b { color: var(--crema) !important; }
.azmz .compra--conv .conv { margin: 1rem 0 1.25rem !important; grid-template-columns: 5.5rem minmax(0, 1fr) !important; }
.azmz .compra--conv .conv__fecha b { font-size: 2.125rem !important; }
.azmz .compra--conv .lista { display: grid !important; gap: .5rem !important; margin: 1rem 0 .5rem !important; }
.azmz .compra--conv label { font-size: .8125rem !important; color: var(--verde) !important; }
.azmz .compra--conv input[type="email"] { width: 100% !important; min-height: 3rem !important; padding: .7rem 1rem !important; font: 400 1rem/1.2 var(--sans) !important; color: var(--verde) !important; background: var(--crema) !important; border: 1px solid var(--filete) !important; border-radius: 2px !important; }
.azmz .compra--conv input[type="email"]:focus-visible { outline: 2px solid var(--oro-hondo) !important; outline-offset: 2px !important; border-color: var(--oro-hondo) !important; }
.azmz .compra--conv .lista .boton { margin: .25rem 0 0 !important; }
.azmz .compra .precio-etiqueta { font-size: .8125rem !important; margin: 1.25rem 0 .25rem !important; color: var(--oro-lino) !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
.azmz .despues { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 1rem !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
@media (max-width: 760px) {
  .azmz .despues { grid-template-columns: 1fr !important; }
}
.azmz .temario ol.lecciones { margin: 0 !important; padding: 0 0 0 1.1rem !important; display: grid !important; gap: .3rem !important; }
.azmz .temario ol.lecciones li { padding-left: .25rem !important; }
.azmz .temario ol.lecciones li::marker { color: var(--oro-hondo) !important; font-size: .8125rem !important; }
@media (prefers-reduced-motion: reduce) {
  .azmz, .azmz *, .azmz *::before, .azmz *::after { transition: none !important; animation: none !important; }
}

/* ───── Añadidos de la instalación (no estaban en la maqueta) ───── */
/* Portada: el contenido de la 63275 va a todo el ancho, como el de antes (reset del tema colgado de .aznb) */
body:has(.aznb.azmz) .wp-block-post-title { display: none !important; }
body:has(.aznb.azmz) main { max-width: none !important; padding: 0 !important; margin: 0 !important; }
body:has(.aznb.azmz) .entry-content { max-width: none !important; padding: 0 !important; margin: 0 !important; }
body:has(.aznb.azmz) .entry-content > * { margin-block: 0 !important; }
.azmz.aznb { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; margin-top: 0 !important; }
/* Fichas y catálogo: el contenedor ocupa el ancho; la caja interior manda */
.azmz.azmz-main { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: var(--crema) !important; }
.azmz .wp-block-group.alignwide, .azmz .alignwide { max-width: none !important; }
/* Tercer botón de la portada: «Empezar gratis», enlace con peso de botón pero sin caja */
.azmz .boton--terciario { background: transparent !important; border-color: transparent !important; color: var(--verde) !important; padding-inline: .5rem !important; text-decoration: underline !important; text-decoration-color: var(--oro) !important; text-underline-offset: .3em !important; }
.azmz .boton--terciario:hover { background: transparent !important; color: var(--tinta) !important; text-decoration-color: var(--verde) !important; }
/* Clases que sustituyen a los style="" de la maqueta (premium-skin reescala ciertos style= inline) */
.azmz .pack-incluye { margin: 0 0 .75rem !important; font-size: .8125rem !important; }
.azmz .tarjeta--destacada .pack-incluye { color: var(--texto-oscuro) !important; }
.azmz .intro-elige { margin-top: 1rem !important; max-width: 36ch !important; }
.azmz .texto-franja { margin-top: 1.25rem !important; max-width: 46ch !important; }
.azmz .texto-puente { margin-top: 1rem !important; max-width: 44ch !important; }
.azmz .lede--cabeza { margin-top: 1.25rem !important; }
.azmz .tras-lista { margin-top: 1.25rem !important; }
.azmz .cifra cite a { color: inherit !important; }
.azmz .ficha-cuerpo .docente { border-top: 0 !important; padding-top: 0 !important; }
.azmz .compra .kicker { margin-bottom: .75rem !important; }
.azmz .compra--conv .kicker { margin-bottom: .25rem !important; }
.azmz .compra--conv h2 { font-size: 1.5rem !important; line-height: 1.25 !important; }
.azmz .compra--conv .lista .boton { width: 100% !important; justify-content: center !important; }
.azmz .compra form.cart { margin: 0 !important; }
.azmz .compra button.boton { cursor: pointer !important; font: 500 .9375rem/1.2 var(--sans) !important; }
.azmz .texto--ancho { max-width: none !important; }
.azmz .media-foto.caja { width: min(100% - 2 * var(--canal), var(--caja)) !important; margin-inline: auto !important; }
/* Formulario de lista (FluentForm 8) dentro de la caja de la Certificación */
.azmz .compra--conv .fluentform { margin: .75rem 0 .5rem !important; }
.azmz .compra--conv .fluentform .ff-el-group { margin-bottom: .75rem !important; }
.azmz .compra--conv .fluentform label { font-size: .8125rem !important; color: var(--verde) !important; }
.azmz .compra--conv .fluentform input[type="email"], .azmz .compra--conv .fluentform input[type="text"] { width: 100% !important; min-height: 3rem !important; font: 400 1rem/1.2 var(--sans) !important; }
.azmz .compra--conv .fluentform .ff-btn-submit { width: 100% !important; min-height: 3rem !important; border-radius: 999px !important; background: var(--verde) !important; border-color: var(--verde) !important; color: var(--crema) !important; font: 500 .9375rem/1.2 var(--sans) !important; }
.azmz .lista-alt { font-size: .8125rem !important; }
/* Buscador del catálogo (C4) encima del selector */
.azmz .buscador { margin-top: 1.5rem !important; max-width: 36rem !important; }
.azmz .buscador form { display: flex !important; gap: .5rem !important; }
.azmz .buscador input[type="search"] { flex: 1 1 auto !important; min-width: 0 !important; min-height: 2.75rem !important; padding: .6rem 1rem !important; font: 400 1rem/1.2 var(--sans) !important; color: var(--verde) !important; background: var(--papel) !important; border: 1px solid var(--filete) !important; border-radius: 999px !important; }
.azmz .buscador input[type="search"]:focus-visible { outline: 2px solid var(--oro-hondo) !important; outline-offset: 2px !important; }
.azmz .buscador button { min-height: 2.75rem !important; padding: .6rem 1.25rem !important; border-radius: 999px !important; border: 1px solid var(--verde) !important; background: var(--verde) !important; color: var(--crema) !important; font: 500 .875rem/1 var(--sans) !important; cursor: pointer !important; }
/* Precio B2B del catálogo */
.azmz .precio-iva { font: 400 .8125rem/1 var(--sans) !important; }
/* FAQ de la portada y compromisos de la ficha */
.azmz .faq-portada { max-width: var(--medida) !important; margin-top: clamp(1.5rem, 3vw, 2.5rem) !important; }
.azmz .planos { list-style: none !important; margin: clamp(2rem, 4vw, 3rem) 0 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: var(--gap) !important; }
.azmz .planos li { border-top: 1px solid var(--verde) !important; padding-top: 1rem !important; font-size: .9375rem !important; }
.azmz .planos h3 { font-size: 1.25rem !important; margin-bottom: .5rem !important; }
.azmz .planos-pie { margin-top: 1.5rem !important; max-width: var(--medida) !important; }
.azmz .criterio { margin-top: clamp(2.5rem, 5vw, 4rem) !important; padding-top: clamp(2rem, 4vw, 3rem) !important; border-top: 1px solid var(--filete) !important; }
.azmz .criterio h3 { font-size: var(--t-h2) !important; line-height: 1.08 !important; font-weight: 400 !important; margin-bottom: 1.25rem !important; max-width: 22ch !important; }
.azmz .criterio h3 em { font-style: italic !important; color: var(--oro-hondo) !important; }
.azmz .criterio p { max-width: var(--medida) !important; }
@media (max-width: 900px) { .azmz .planos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 520px) { .azmz .planos { grid-template-columns: 1fr !important; } }
.azmz .compromisos { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 var(--gap) !important; }
.azmz .compromisos li { border-top: 1px solid var(--filete) !important; padding: 1rem 0 !important; font-size: .9375rem !important; }
.azmz .compromisos b { display: block !important; font: 500 1.0625rem/1.3 var(--serif) !important; color: var(--verde) !important; margin-bottom: .25rem !important; }
@media (max-width: 640px) { .azmz .compromisos { grid-template-columns: 1fr !important; } }
.azmz .descargo { margin-top: 0 !important; padding-top: 1.5rem !important; border-top: 1px solid var(--filete) !important; max-width: 90ch !important; font-size: .8125rem !important; line-height: 1.6 !important; }
.azmz .bloque-descargo { padding-block: 0 clamp(2.5rem, 4vw, 4rem) !important; }
/* Datos en cifras: tantas columnas como filas (sin huecos «por confirmar») */
@media (min-width: 901px) { .azmz .datos--4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .azmz .datos--6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } }
.azmz .azmz-avisos { padding-top: 1.5rem !important; }
/* La barra móvil propia de la ficha: por encima del WhatsApp flotante, sin taparlo */
@media (max-width: 900px) { .azmz .barra-compra { z-index: 50 !important; } .azmz .barra-compra form { margin: 0 !important; } }

/* ───── Defensa frente a los estilos globales del sitio (medido en vivo 3-oct) ─────
   global-styles-inline-css del Instituto fuerza con !important: h1-h6 (tamaño, peso 400, interlineado 1.2, color
   forest), p (17px / 1.75), a (color forest, sin subrayado) y body. Y un snippet viejo define .hero como rejilla de
   dos columnas de 1300px. Dentro de .azmz todo va con !important (ver importantiza()) y aquí se neutraliza lo heredado. */
.azmz p { font-size: inherit !important; line-height: inherit !important; color: inherit !important; }
.azmz li, .azmz dd, .azmz small, .azmz span, .azmz summary, .azmz label { color: inherit !important; }
.azmz a { text-decoration: underline !important; }
.azmz .hero { display: block !important; max-width: none !important; margin: 0 !important; gap: 0 !important; padding-inline: 0 !important; grid-template-columns: none !important; }

/* ───── Cierre de venta de la ficha (4-oct-2026) ─────
   Va tras las preguntas frecuentes y antes del descargo. Es lo último que ve quien llega en frío,
   así que se pinta en oscuro: destaca sin gritar y no compite con la caja de compra de arriba. */
.azmz .bloque-cierre { padding-block: clamp(2rem, 3.5vw, 3.25rem) !important; }
.azmz .cierre { background: var(--verde) !important; color: var(--crema) !important;
  border-radius: 3px !important; padding: clamp(1.75rem, 3.5vw, 3rem) !important;
  background-image: linear-gradient(180deg, rgba(196,155,87,.14) 0, rgba(196,155,87,0) 10rem) !important; }
.azmz .cierre h2 { font: 400 clamp(1.5rem, 2.6vw, 2.125rem)/1.2 var(--serif) !important;
  color: var(--crema) !important; margin: 0 0 .75rem !important; text-wrap: balance !important; }
.azmz .cierre .cierre__texto { font-size: 1.0625rem !important; line-height: 1.65 !important;
  color: rgba(245,239,231,.88) !important; max-width: 62ch !important; margin: 0 0 1.5rem !important; }
.azmz .cierre a { color: var(--oro) !important; }
.azmz .cierre__razones { list-style: none !important; margin: 0 0 1.75rem !important; padding: 0 !important;
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .85rem var(--gap) !important; }
.azmz .cierre__razones li { position: relative !important; padding-left: 1.6rem !important;
  font-size: .9375rem !important; line-height: 1.55 !important; color: rgba(245,239,231,.92) !important; }
.azmz .cierre__razones li::before { content: "" !important; position: absolute !important; left: 0 !important; top: .5em !important;
  width: .8rem !important; height: 1px !important; background: var(--oro) !important; }
.azmz .cierre__accion { display: flex !important; flex-wrap: wrap !important; align-items: center !important;
  gap: .9rem 1.5rem !important; padding-top: 1.5rem !important; border-top: 1px solid rgba(245,239,231,.22) !important; }
.azmz .cierre__accion .precio { font: 400 clamp(1.75rem, 3vw, 2.25rem)/1 var(--serif) !important;
  color: var(--crema) !important; margin: 0 !important; }
.azmz .cierre__accion form { margin: 0 !important; }
.azmz .cierre__accion .boton { background: var(--oro) !important; color: var(--verde) !important;
  border-color: var(--oro) !important; min-height: 3rem !important; padding: .75rem 1.75rem !important; }
.azmz .cierre__accion .boton:hover { background: var(--crema) !important; border-color: var(--crema) !important; }
.azmz .cierre__nota { font-size: .875rem !important; line-height: 1.55 !important;
  color: rgba(245,239,231,.72) !important; margin: .9rem 0 0 !important; max-width: 70ch !important; }
@media (max-width: 640px) {
  .azmz .cierre__razones { grid-template-columns: 1fr !important; }
  .azmz .cierre__accion .boton { width: 100% !important; justify-content: center !important; }
}
.azmz .cierre__precio-nota { font-size: .8125rem !important; color: rgba(245,239,231,.62) !important; margin: .6rem 0 0 !important; }
.azmz .cierre__vende { font-size: .75rem !important; line-height: 1.5 !important; color: rgba(245,239,231,.55) !important;
  margin: 1.5rem 0 0 !important; padding-top: 1rem !important; border-top: 1px solid rgba(245,239,231,.14) !important; }
.azmz .cierre__vende a { color: rgba(245,239,231,.8) !important; }