/* =====================================================================
   Tema · estilos. Solo usa variables de marca/marca.css: aquí no se
   escribe ningún color ni ninguna letra.
   Prefijo de clases: aw-

   Lenguaje geométrico: el símbolo está hecho de cortes a 0°, 45° y 90°. Aquí se
   usan como recurso estático: esquinas cortadas a 45° (con su «pliegue» de color),
   una ceja a 45° en las bandas oscuras y bloques de color con los colores de la marca.
   Nada de esto se anima. 0.14: lo que se mueve solo es la Q de la portada al
   cargar (y las piezas de cada página, una vez); lo demás se mueve solo cuando
   la persona hace algo (elegir, avanzar, abrir). Nada entra al bajar.
   ===================================================================== */

/* ---------- Escala tipográfica (0.14) ----------
   Sigue la escala clásica de The Elements of Typographic Style (Bringhurst, §8.1):
   6 7 8 9 10 11 12 14 16 18 21 24 36 48 60 72, llevada del cuerpo 12 al cuerpo de
   este sitio, 17 px (× 17/12). Cada paso del sitio es un paso de esa escala:
     11 → 15 px   --t-chico, --t-etiqueta (notas, rótulos, fuentes; nunca menos en el celular)
     12 → 17 px   --t-texto (texto corrido, Lato 400, interlínea 1,6)
     14 → 20 px   --t-bajada (entradas de página y de sección)
     16 → 23 px   --t-h3 (títulos de tarjeta, preguntas, subtítulos; Titillium 600)
     21 → 30 px   --t-h2-sec … 24 → 34 px: las secciones dentro del contenido (ficha, páginas de servicio, frases de
                  Nosotros y Contacto). Es el escalón intermedio entre --t-h3 y --t-h2 (0.14, revisión en frío).
     21 → 30 px   --t-h2 en el celular … 30–36 → 45 px en pantalla ancha (títulos de sección de página)
     24 → 34 px   --t-h1 en el celular (≈ 40) … 42 → 60 px en pantalla ancha
     36 → 52 px   --t-h1-portada en el celular … 72 → 94 px (la portada, pieza tipográfica)
   Los clamp() de los títulos llevan la mayor parte en rem (0.14): con el zoom del navegador al 200 % la parte en vw se achica
   a la mitad y la de rem no, así los títulos crecen ×1,5 a ×1,8 en vez de ×1,3. --t-numero (los numerales de los cinco pasos)
   es el único tamaño fuera de la escala. Toda secuencia numerada (temario, momentos, pasos, qué pasa después) usa el mismo
   número: «01» en Titillium 700, del color de los títulos, sin recuadro.
   Medida: el texto corrido no pasa de 75 caracteres por línea (--medida, en ch;
   Bringhurst §2.1.2: de 45 a 75, 66 ideal; el «ch» es el ancho del cero, más
   ancho que la letra media de Lato: 52ch dan unos 73 caracteres). Pesos: Titillium 700 en títulos y
   600 en lo que acompaña; Lato 700 solo para lo que se tiene que encontrar
   (rótulos de campo, términos), nunca para decorar. Sin mayúsculas espaciadas:
   los rótulos van en escritura normal (la única excepción es la línea de
   documento controlado del pie, que imita un registro). Las familias, los
   colores y la letra salen de marca/marca.css. */
:root{
  --t-h1:clamp(2.125rem,2rem + 2vw,4rem);
  --t-h1-int:var(--t-h1);
  --t-h1-portada:clamp(3rem,2.25rem + 4vw,6.375rem);
  --t-h2:clamp(1.875rem,1.75rem + 1.2vw,3.1875rem);
  --t-h2-sec:clamp(1.875rem,1.75rem + .4vw,2.125rem);
  --t-h3:1.4375rem;
  --t-bajada:1.25rem;
  --t-texto:1.0625rem;
  --t-chico:.9375rem;
  --t-etiqueta:.9375rem;
  --medida:52ch;        /* 52 veces el ancho del «0» ≈ 73 caracteres reales de Lato (medido en qa/pruebas/c40) */
  --medida-bajada:46ch; /* la entrada, más grande: ≈ 64 caracteres */
  --t-numero:clamp(2.5rem,1.9rem + 2.2vw,3.6rem);
  --toque:44px;
  --sep-seccion:clamp(56px,9vw,104px);

  /* Cortes a 45° */
  --corte:20px;
  --corte-g:clamp(28px,4.5vw,56px);
  --recorte:polygon(0 0,calc(100% - var(--corte)) 0,100% var(--corte),100% 100%,0 100%);
  --recorte-int:polygon(0 0,calc(100% - var(--corte) + .6px) 0,100% calc(var(--corte) - .6px),100% 100%,0 100%);
  --recorte-g:polygon(0 0,calc(100% - var(--corte-g)) 0,100% var(--corte-g),100% 100%,0 100%);
  --c-tarjeta:var(--fondo-suave);
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--c-fondo);color:var(--c-texto);font:400 var(--t-texto)/1.6 var(--letra-texto);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--c-enlace)}
h1,h2,h3,h4,p,ol,ul,figure,dl,dd,blockquote{margin:0}
ol,ul{padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:var(--foco-ancho,2px) solid var(--c-foco);outline-offset:var(--foco-separacion,3px)}
.aw-oscuro :focus-visible{outline-color:var(--c-foco-oscuro)}
.aw-principal:focus{outline:none}

.aw-saltar{position:absolute;left:12px;top:-100px;z-index:50;background:var(--c-boton);color:var(--c-boton-texto);padding:12px 16px;border-radius:var(--radio);font-weight:700}
.aw-saltar:focus{top:12px}
.aw-solo-lector{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.aw-envoltura{width:100%;max-width:var(--ancho);margin-inline:auto;padding-inline:var(--margen)}
.aw-seccion{padding-block:var(--sep-seccion)}
.aw-filete{border-top:1px solid var(--linea)}

/* Color de familia: las clases aw-fam-1 a aw-fam-4 fijan --fam (sin familia, un gris neutro). */
.aw-fam-0{--fam:var(--gris)}
.aw-fam-1{--fam:var(--fam-1,var(--rojo))}
.aw-fam-2{--fam:var(--fam-2,var(--verde))}
.aw-fam-3{--fam:var(--fam-3,var(--amarillo))}
.aw-fam-4{--fam:var(--fam-4,var(--azul))}

/* ---------- Tipografía ---------- */
.aw-h1,.aw-h2,.aw-h3{font-family:var(--letra-titulos);color:var(--c-titulo);font-weight:var(--peso-titulos);letter-spacing:-.005em;text-wrap:balance}
.aw-h1{font-size:var(--t-h1);line-height:1.06;letter-spacing:-.01em}
.aw-h1--int{font-size:var(--t-h1-int);line-height:1.04}
.aw-h1--portada{font-size:var(--t-h1-portada);line-height:.98;letter-spacing:-.02em}
.aw-h2{font-size:var(--t-h2);line-height:1.12}
.aw-h3{font-size:var(--t-h3);line-height:1.3}
.aw-bajada{font-size:var(--t-bajada);line-height:1.5;color:var(--c-texto-suave);max-width:var(--medida-bajada)}
.aw-texto-suave{color:var(--c-texto-suave);font-size:var(--t-chico)}
.aw-antetitulo{display:block;font:600 var(--t-bajada)/1.3 var(--letra-titulos);color:var(--c-texto-suave)}
.aw-oscuro .aw-antetitulo{color:var(--c-banda-suave)}
.aw-etiqueta{display:block;font:700 var(--t-etiqueta)/1.3 var(--letra-texto);color:var(--c-etiqueta)}

/* ---------- Botones y enlaces de apoyo ---------- */
.aw-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--toque);padding:.7rem 1.4rem;border-radius:var(--radio);border:2px solid transparent;font:700 var(--t-texto)/1.2 var(--letra-titulos);letter-spacing:.01em;text-decoration:none;text-align:center;transition:transform .15s ease,opacity .15s ease}
.aw-btn:hover{opacity:.9}
.aw-btn:active{transform:translateY(1px)}
.aw-btn--principal{background:var(--c-boton);color:var(--c-boton-texto)}
.aw-btn--cotizar{background:var(--c-cotizar);color:var(--c-cotizar-texto)}
.aw-btn--ancho{width:100%}
.aw-apoyo{display:inline-flex;align-items:center;gap:8px;min-height:var(--toque);font:700 var(--t-texto)/1.2 var(--letra-titulos);color:var(--c-enlace);text-decoration:none}
.aw-apoyo:hover{text-decoration:underline;text-underline-offset:4px}
.aw-flecha{flex:none;transition:transform .15s ease}
.aw-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px}

/* ---------- Cinta de los cuatro colores (adorno) ---------- */
.aw-cinta{display:flex;gap:4px;height:6px}
.aw-cinta i{flex:1;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.aw-cinta i:nth-child(1){background:var(--fam-1,var(--rojo))}
.aw-cinta i:nth-child(2){background:var(--fam-2,var(--verde))}
.aw-cinta i:nth-child(3){background:var(--fam-3,var(--amarillo))}
.aw-cinta i:nth-child(4){background:var(--fam-4,var(--azul))}
.aw-cinta--titulo{width:132px;margin-top:22px}
.aw-cinta--pie{height:8px;gap:0}
.aw-cinta--pie i{clip-path:none}

/* ---------- Cabeza ---------- */
.aw-cabeza{position:sticky;top:0;z-index:20;background:var(--c-fondo);border-bottom:1px solid var(--linea)}
.aw-cabeza__fila{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;min-height:76px;padding-block:10px}
.aw-cabeza__marca{display:flex;align-items:center;min-height:var(--toque);flex:none}
.aw-cabeza__marca .aw-logo{width:168px;height:auto}
.aw-menu-casilla{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.aw-cabeza__cotizar{display:inline-flex;align-items:center;min-height:var(--toque);font:700 var(--t-texto)/1.2 var(--letra-titulos);color:var(--c-cotizar);text-decoration:none;white-space:nowrap}
.aw-cabeza__cotizar:hover{text-decoration:underline;text-underline-offset:4px}
.aw-cabeza__boton-menu{display:none;margin-left:auto;align-items:center;gap:10px;min-height:var(--toque);min-width:var(--toque);padding:0 8px;cursor:pointer;font:700 var(--t-chico)/1 var(--letra-titulos);color:var(--c-titulo);-webkit-tap-highlight-color:transparent}
.aw-cabeza__barras{position:relative;width:22px;height:16px}
.aw-cabeza__barras i{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.aw-cabeza__barras i:nth-child(1){top:0}
.aw-cabeza__barras i:nth-child(2){top:7px}
.aw-cabeza__barras i:nth-child(3){top:14px}
.aw-menu-casilla:focus-visible ~ .aw-cabeza__fila .aw-cabeza__boton-menu{outline:var(--foco-ancho,2px) solid var(--c-foco);outline-offset:var(--foco-separacion,3px)}
.aw-menu{display:flex;align-items:center;gap:4px 26px;flex-wrap:wrap;margin-left:auto}
.aw-menu__enlace{display:inline-flex;align-items:center;min-height:var(--toque);font:600 var(--t-texto)/1 var(--letra-titulos);color:var(--c-texto);text-decoration:none;border-bottom:2px solid transparent}
.aw-menu__enlace:hover{color:var(--c-enlace);border-bottom-color:var(--c-acento)}
.aw-menu__enlace[aria-current]{color:var(--c-enlace);border-bottom-color:var(--c-acento)}
.aw-menu__cotizar{display:none}

@media (max-width:959px){
  .aw-cabeza__boton-menu{display:inline-flex}
  .aw-cabeza__cotizar{display:none}
  .aw-menu{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding-bottom:16px}
  .aw-menu__enlace{border-bottom:1px solid var(--linea);padding-block:10px}
  .aw-menu__cotizar{display:inline-flex;margin-top:16px}
  .aw-menu-casilla:checked ~ .aw-cabeza__fila .aw-menu{display:flex;animation:aw-entra .22s ease both}
  .aw-menu-casilla:checked ~ .aw-cabeza__fila .aw-cabeza__barras i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .aw-menu-casilla:checked ~ .aw-cabeza__fila .aw-cabeza__barras i:nth-child(2){opacity:0}
  .aw-menu-casilla:checked ~ .aw-cabeza__fila .aw-cabeza__barras i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media (min-width:960px){
  .aw-menu-casilla{display:none}
  .aw-cabeza__fila{flex-wrap:nowrap}
}
@keyframes aw-entra{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- Secciones con ritmo: blanca → suave → oscura ---------- */
.aw-sec{position:relative;padding-block:var(--sep-seccion)}
.aw-sec--blanca{background:var(--c-fondo);--c-tarjeta:var(--fondo-suave)}
.aw-sec--suave{background:var(--fondo-suave);--c-tarjeta:var(--c-fondo)}
.aw-sec--oscura{background:var(--c-banda);color:var(--c-banda-texto)}
/* La ceja: el borde de arriba sube en un corte a 45° (el chaflán del logo). La sección anterior asoma por detrás. 0.10: como
   máximo uno por página (lo decide aw_tema_corte()) y el lado alterna de una página a la otra. */
.aw-corte{margin-top:calc(var(--corte-g) * -1);padding-top:calc(var(--sep-seccion) + var(--corte-g))}
.aw-corte--der{clip-path:polygon(0 var(--corte-g),58% var(--corte-g),calc(58% + var(--corte-g)) 0,100% 0,100% 100%,0 100%)}
.aw-corte--izq{clip-path:polygon(0 0,calc(42% - var(--corte-g)) 0,42% var(--corte-g),100% var(--corte-g),100% 100%,0 100%)}
.aw-seccion__cabeza{max-width:40rem;margin-bottom:clamp(28px,4vw,48px)}
.aw-seccion__cabeza .aw-h2{margin-top:14px}
.aw-sec--oscura .aw-h2{color:var(--c-banda-texto)}

/* Hojas con esquina cortada: el borde y el relleno son dos capas con el mismo corte (así el borde sigue la diagonal).
   El pliegue de color (.…__esquina) llena el triángulo del corte. */
.aw-tarjeta,.aw-servicio,.aw-fam,.aw-caja-cotizar,.aw-testimonio,.aw-contenido-editor .aw-normas li,.aw-contenido-editor .aw-valor-tarjeta,.aw-contenido-editor .aw-area{position:relative;isolation:isolate}
.aw-tarjeta::before,.aw-servicio::before,.aw-fam::before,.aw-caja-cotizar::before,.aw-testimonio::before,.aw-contenido-editor .aw-normas li::before,.aw-contenido-editor .aw-valor-tarjeta::before,.aw-contenido-editor .aw-area::before{content:'';position:absolute;inset:0;z-index:-2;background:var(--linea);clip-path:var(--recorte)}
.aw-tarjeta::after,.aw-servicio::after,.aw-fam::after,.aw-caja-cotizar::after,.aw-testimonio::after,.aw-contenido-editor .aw-normas li::after,.aw-contenido-editor .aw-valor-tarjeta::after,.aw-contenido-editor .aw-area::after{content:'';position:absolute;inset:1px;z-index:-1;background:linear-gradient(to top right,var(--fam,transparent) 50%,transparent 50%) top right / var(--corte) var(--corte) no-repeat,var(--c-tarjeta);clip-path:var(--recorte-int)}
.aw-tarjeta__esquina,.aw-servicio__esquina{display:none}

/* ---------- Portada (Inicio) ---------- */
.aw-portada{padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(8px,2vw,24px)}
.aw-portada__in{display:grid;gap:clamp(40px,6vw,72px);align-items:center}
.aw-portada__texto .aw-h1{margin-top:20px}
.aw-portada__texto .aw-bajada{margin-top:20px}
@media (min-width:900px){.aw-portada__in{grid-template-columns:1.1fr .9fr}}

/* Panel de la pieza: fondo suave con la esquina cortada y su pliegue */
.aw-figura{position:relative;width:100%;max-width:min(460px,60vw);margin-inline:auto;padding:clamp(20px,5vw,48px);background:var(--fondo-suave);clip-path:var(--recorte-g);--plegue:var(--fam-3,var(--amarillo))}
.aw-figura::after{content:'';position:absolute;top:0;right:0;width:var(--corte-g);height:var(--corte-g);background:var(--plegue);clip-path:polygon(0 0,0 100%,100% 100%)}
.aw-figura--portada{--plegue:var(--fam-3,var(--amarillo))}
@media (min-width:900px){.aw-figura--portada{margin-inline:auto 0}}
.aw-figura--encajan{--plegue:var(--fam-4,var(--azul))}
.aw-figura--acompanan{--plegue:var(--fam-2,var(--verde))}
.aw-figura--sostienen{--plegue:var(--fam-1,var(--rojo))}
.aw-figura--se_encuentran{--plegue:var(--fam-3,var(--amarillo))}
.aw-pieza{width:100%;height:auto;overflow:visible}
.aw-cifra{position:absolute;left:0;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px 10px 14px;background:var(--c-fondo);border-left:6px solid var(--fam-1,var(--rojo));font:700 var(--t-etiqueta)/1 var(--letra-texto);color:var(--c-texto-suave)}
.aw-cifra strong{font:var(--peso-titulos) var(--t-h3)/1.1 var(--letra-titulos);letter-spacing:0;color:var(--c-titulo)}

/* Las piezas: cada página tiene su composición. 0.14: quietas; solo la Q de la portada (y la de la 404) se arma al cargar. */
.aw-pieza__parte{transform-box:fill-box;transform-origin:center}
/* Inicio · ensamblan: llegan de las cuatro esquinas */
.aw-pieza--ensamblan .aw-pieza__parte{animation:aw-arma .9s cubic-bezier(.2,.7,.2,1) both}
.aw-pieza--ensamblan .aw-pieza__parte--1{--dx:-14%;--dy:-14%;animation-delay:.05s}
.aw-pieza--ensamblan .aw-pieza__parte--2{--dx:14%;--dy:-14%;animation-delay:.15s}
.aw-pieza--ensamblan .aw-pieza__parte--3{--dx:-14%;--dy:14%;animation-delay:.25s}
.aw-pieza--ensamblan .aw-pieza__parte--4{--dx:14%;--dy:14%;animation-delay:.35s}
@keyframes aw-arma{from{opacity:0;transform:translate(var(--dx,0),var(--dy,0))}to{opacity:1;transform:none}}
/* Auditoría · encajan: las formas llegan desfasadas y se asientan dentro de su contorno (lo que se pide y lo que se ve coinciden) */
.aw-pieza__contorno{fill:none;stroke:var(--c-titulo);stroke-width:2.5;stroke-linejoin:miter}
.aw-pieza__contorno *{fill:none !important;stroke:var(--c-titulo)}
/* Consultoría · acompañan: dos pares que se cruzan y quedan lado a lado, al mismo tiempo */
/* Nosotros · sostienen: cada pieza se apoya en las otras, una tras otra */
/* Contacto · se encuentran: las dos mitades se acercan */

.aw-valores{display:flex;flex-wrap:wrap;gap:10px 34px;margin-top:clamp(36px,5vw,64px);padding-block:22px;border-top:1px solid var(--linea)}
.aw-valores li{font:700 var(--t-etiqueta)/1.2 var(--letra-texto);color:var(--c-texto-suave)}

/* ---------- Servicios (Inicio) ---------- */
.aw-servicios{display:grid;gap:20px}
@media (min-width:760px){.aw-servicios{grid-template-columns:repeat(3,minmax(0,1fr))}}
.aw-servicio{display:flex;flex-direction:column;gap:10px;padding:30px 28px 26px;min-height:240px;color:var(--c-texto);text-decoration:none}
.aw-servicio__num{display:block;font:var(--peso-titulos) var(--t-h3)/1 var(--letra-titulos);color:var(--c-titulo)}
.aw-servicio__titulo{font:var(--peso-titulos) var(--t-h2)/1.1 var(--letra-titulos);color:var(--c-titulo);padding-bottom:4px}
.aw-servicio p{color:var(--c-texto-suave)}
.aw-servicio .aw-flecha{margin-top:auto;color:var(--c-enlace)}

/* ---------- Pasos (Inicio): banda oscura con numerales grandes ---------- */
.aw-pasos{display:grid;gap:8px 28px}
@media (min-width:1000px){.aw-pasos{grid-template-columns:repeat(5,minmax(0,1fr))}}
.aw-paso{--paso:var(--fam-1,var(--rojo));display:grid;grid-template-columns:auto 1fr;gap:4px 20px;align-items:start;padding:18px 0 20px;border-top:5px solid var(--paso)}
.aw-paso--2{--paso:var(--fam-3,var(--amarillo))}
.aw-paso--3{--paso:var(--fam-2,var(--verde))}
.aw-paso--4{--paso:var(--c-banda-texto)}
.aw-paso--5{--paso:var(--fam-1,var(--rojo))}
.aw-paso__num{font:var(--peso-titulos) var(--t-numero)/1 var(--letra-titulos);color:var(--c-banda-suave);min-width:1.7em}
.aw-paso__texto{color:var(--c-banda-suave)}
.aw-paso__texto strong{display:block;margin-bottom:4px;font:var(--peso-titulos) var(--t-h3)/1.25 var(--letra-titulos);color:var(--c-banda-texto)}
@media (min-width:1000px){.aw-paso{grid-template-columns:1fr;gap:10px}}

/* ---------- Tarjetas de la oferta ---------- */
.aw-rejilla{display:grid;gap:20px}
@media (min-width:640px){.aw-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.aw-rejilla{grid-template-columns:repeat(3,minmax(0,1fr))}}
.aw-tarjeta{display:flex;flex-direction:column;gap:12px;height:100%;min-height:var(--toque);padding:22px 22px 20px 32px;color:var(--c-titulo);text-decoration:none;transition:transform .15s ease}
.aw-tarjeta__riel{position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--fam)}
.aw-tarjeta__titulo{font:var(--peso-titulos) var(--t-h3)/1.3 var(--letra-titulos);color:var(--c-titulo)}
.aw-tarjeta__datos{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;order:-1;padding-right:var(--corte)}
.aw-tarjeta__horas{display:inline-flex;align-items:baseline;gap:6px;color:var(--c-texto-suave);font:700 var(--t-chico)/1 var(--letra-texto)}
.aw-tarjeta__horas b{font:var(--peso-titulos) var(--t-h3)/1 var(--letra-titulos);color:var(--c-titulo)}
.aw-tarjeta .aw-flecha{margin-top:auto;color:var(--c-enlace)}
.aw-lista__item{display:block}
.aw-lista__item[hidden]{display:none}
.aw-mas{margin-top:28px}

/* ---------- Migas ---------- */
.aw-migas{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-block:14px;font-size:var(--t-chico);color:var(--c-texto-suave)}
.aw-migas a{display:inline-flex;align-items:center;min-height:var(--toque);color:var(--c-texto-suave)}
.aw-migas a:hover{color:var(--c-enlace)}
.aw-migas [aria-current]{color:var(--c-texto)}

/* ---------- Cabeza de las páginas internas ---------- */
.aw-cabeza-pag{padding-block:clamp(36px,6vw,76px) clamp(36px,5vw,64px)}
.aw-cabeza-pag__in{display:grid;gap:clamp(28px,5vw,64px);align-items:center}
@media (min-width:960px){.aw-cabeza-pag__in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.aw-cabeza-pag__in--sola{grid-template-columns:minmax(0,1fr)}}
.aw-cabeza-pag__texto .aw-bajada{margin-top:24px;max-width:var(--medida-bajada)}
.aw-cabeza-pag__texto .aw-bajada + .aw-bajada{margin-top:12px}
@media (min-width:960px){.aw-cabeza-pag .aw-figura{margin-inline:auto 0}}
.aw-cabeza-pag--blog,.aw-cabeza-pag--privacidad{padding-bottom:clamp(8px,2vw,24px)}
/* Si lo que sigue es el formulario, la cabeza se compacta para que se asome en la primera pantalla */
.aw-cabeza-pag:has(+ .aw-sec--form){padding-bottom:clamp(12px,2.5vw,28px)}
.aw-cabeza-pag:has(+ .aw-sec--form) .aw-figura{max-width:min(340px,60vw)}
.aw-cabeza-pag + .aw-sec--form{padding-top:clamp(28px,4vw,48px)}
.aw-pagina-cabeza{padding-block:8px clamp(28px,4vw,44px);max-width:46rem}
.aw-pagina-cabeza .aw-bajada{margin-top:16px}
.aw-pagina-cabeza .aw-bajada + .aw-bajada{margin-top:10px}

/* ---------- Formación: el filtro por familia (0.12: la Q con la pieza de su familia, ver al final) ---------- */
.aw-familias__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:34rem}
@media (min-width:960px){.aw-familias__lista{margin-inline:auto 0}}
.aw-fam{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:4px 12px;min-height:84px;padding:12px 16px 12px 12px;color:var(--c-texto);text-decoration:none;--c-tarjeta:var(--c-fondo)}
.aw-fam__pieza svg{width:44px;height:44px}
.aw-fam__nombre{font:600 var(--t-chico)/1.25 var(--letra-titulos);color:var(--c-texto)}
.aw-fam__cuenta{font:var(--peso-titulos) var(--t-h3)/1 var(--letra-titulos);color:var(--c-titulo)}
.aw-fam[aria-current]::before{background:var(--fam)}
.aw-fam[aria-current]::after{inset:3px;background:var(--fondo-suave)}
.aw-fam[aria-current] .aw-fam__nombre{font-weight:700;color:var(--c-titulo)}
.aw-familias__todas{grid-column:1/-1}
.aw-fam--todas{min-height:var(--toque)}
.aw-fam--todas{--fam:var(--c-titulo)}
@keyframes aw-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}

@media (max-width:559px){
  .aw-fam{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"p n" "p c";gap:2px 10px;min-height:76px;padding-right:12px}
  .aw-fam__pieza{grid-area:p}
  .aw-fam__nombre{grid-area:n;overflow-wrap:normal}
  .aw-fam__cuenta{grid-area:c;font-size:var(--t-bajada)}
  .aw-fam__pieza svg{width:36px;height:36px}
  .aw-fam--todas{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:none;min-height:60px}
  .aw-fam--todas .aw-fam__pieza,.aw-fam--todas .aw-fam__nombre,.aw-fam--todas .aw-fam__cuenta{grid-area:auto}
}
.aw-oferta{padding-block:clamp(32px,5vw,56px) var(--sep-seccion)}
.aw-filtro{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(20px,3vw,32px)}
.aw-filtro__opcion{display:inline-flex;align-items:center;gap:10px;min-height:var(--toque);padding:0 18px;border:1px solid var(--linea);border-radius:999px;background:var(--c-fondo);color:var(--c-texto);font:600 var(--t-texto)/1 var(--letra-titulos);text-decoration:none}
.aw-filtro__opcion[aria-current]{background:var(--c-titulo);border-color:var(--c-titulo);color:var(--c-boton-texto)}
.aw-filtro__cuenta{font:700 var(--t-etiqueta)/1 var(--letra-texto)}
.aw-lista{padding-bottom:0}
.aw-grupo{padding-block:clamp(24px,3.5vw,40px)}
.aw-grupo[hidden]{display:none}
.aw-grupo__cab{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-bottom:22px;padding-bottom:14px;border-bottom:4px solid var(--fam)}
.aw-grupo__pieza svg{width:38px;height:38px}
.aw-grupo__titulo{flex:1 1 15rem;font-size:calc(var(--t-h2) * .9)}
.aw-grupo__cuenta{font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}
@media (max-width:559px){.aw-grupo__cuenta{flex-basis:100%}}

/* ---------- Ficha ---------- */
.aw-ficha{display:grid;gap:28px;padding-block:8px var(--sep-seccion)}
@media (min-width:1000px){
  .aw-ficha{grid-template-columns:minmax(0,1fr) 370px;grid-template-areas:"cabeza lateral" "datos lateral" "resumen lateral" "temario lateral" "rel lateral";grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(40px,5vw,72px)}
  .aw-ficha__cabeza{grid-area:cabeza}
  .aw-datos{grid-area:datos}
  .aw-ficha__resumen{grid-area:resumen}
  .aw-ficha__temario{grid-area:temario}
  .aw-ficha__rel{grid-area:rel}
  .aw-ficha__lateral{grid-area:lateral;align-self:start;position:sticky;top:24px}
}
.aw-ficha__titulo{max-width:18em}
/* En celular el formulario queda abajo: un enlace arriba lleva a él. Con la caja a un lado (pantalla ancha) no hace falta. */
.aw-ficha__ir{margin-top:6px}
.aw-ficha__ir .aw-flecha{transform:rotate(90deg)}
@media (min-width:1000px){.aw-ficha__ir{display:none}}
.aw-ficha__resumen{font-size:var(--t-bajada);line-height:1.5;color:var(--c-texto);max-width:var(--medida-bajada)}
/* Datos arriba como banda: duración (grande), tipo y familia */
.aw-datos{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:14px 24px;padding:24px 26px 20px;background:var(--fondo-suave);border-top:6px solid var(--fam)}
.aw-datos::after{content:'';position:absolute;top:-6px;right:0;width:var(--corte);height:calc(var(--corte) + 6px);background:var(--c-fondo);clip-path:polygon(0 0,100% 0,100% 100%)}
.aw-datos__item{display:flex;flex-direction:column;gap:6px}
@media (max-width:559px){.aw-datos{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 20px 16px}.aw-datos__item--familia{grid-column:1/-1}}
.aw-datos__rotulo{font:400 var(--t-chico)/1.3 var(--letra-texto);color:var(--c-texto-suave)}
.aw-datos__valor{font:var(--peso-titulos) var(--t-bajada)/1.2 var(--letra-titulos);color:var(--c-titulo);text-decoration:none}
.aw-datos__valor b{font:inherit}
a.aw-datos__valor{display:inline-flex;align-items:center;min-height:var(--toque);width:fit-content}
a.aw-datos__valor:hover{text-decoration:underline;text-underline-offset:4px}
.aw-datos__item--horas .aw-datos__valor{display:flex;align-items:baseline;gap:8px;font-size:var(--t-chico)}
.aw-ficha__temario .aw-h2{margin-bottom:18px}
.aw-temario{counter-reset:aw-tema;border-top:5px solid var(--fam)}
.aw-temario li{counter-increment:aw-tema;display:grid;grid-template-columns:3.4rem 1fr;gap:12px;align-items:baseline;padding-block:15px;border-bottom:1px solid var(--linea);font-size:var(--t-texto)}
.aw-temario li::before{content:counter(aw-tema,decimal-leading-zero);font:var(--peso-titulos) var(--t-h3)/1 var(--letra-titulos);color:var(--c-titulo)}
.aw-ficha__rel{padding-top:clamp(24px,3vw,40px);border-top:1px solid var(--linea)}
.aw-ficha__rel .aw-h2{margin:12px 0 24px}
.aw-rejilla--rel{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.aw-caja-cotizar{padding:30px 26px 28px;background:none;--c-tarjeta:var(--fondo-suave)}
.aw-caja-cotizar::before{background:var(--c-cotizar)}
.aw-caja-cotizar::after{inset:1px;background:var(--c-tarjeta);clip-path:polygon(0 0,calc(100% - var(--corte) + 6px) 0,100% calc(var(--corte) - 6px),100% 100%,0 100%)}
.aw-caja-cotizar .aw-h3{margin-bottom:8px}
.aw-caja-cotizar .aw-btn{margin-top:20px}
.aw-caja-cotizar__nota{margin-top:14px;text-align:center}

/* ---------- Nota del blog ---------- */
.aw-nota-blog__in{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;padding-block:20px;border-block:1px solid var(--linea)}

/* ---------- Banda de cierre ---------- */
.aw-banda{position:relative;background:var(--c-banda);color:var(--c-banda-texto);padding-block:var(--sep-seccion);text-align:center}
.aw-banda.aw-corte{padding-top:calc(var(--sep-seccion) + var(--corte-g))}
.aw-banda__in{display:flex;flex-direction:column;align-items:center}
.aw-banda .aw-h2{color:var(--c-banda-texto);max-width:16em;margin-top:14px}
.aw-banda .aw-btn{margin-top:30px}

/* ---------- Error 404 ---------- */
.aw-error{display:grid;gap:40px;align-items:center;padding-block:clamp(48px,8vw,104px)}
.aw-error .aw-h1{margin-top:16px}
.aw-error .aw-bajada{margin-top:16px}
.aw-pieza--error{max-width:260px;opacity:.9}
@media (min-width:900px){.aw-error{grid-template-columns:1.2fr .8fr}}

/* ---------- Páginas y entradas (editor de bloques) ---------- */
.aw-texto-largo{padding-bottom:var(--sep-seccion)}
.aw-contenido-editor > * + *{margin-top:1.1em}
.aw-contenido-editor > p,.aw-contenido-editor > h2,.aw-contenido-editor > h3,.aw-contenido-editor > ul:not(.aw-normas),.aw-contenido-editor > ol,.aw-contenido-editor > blockquote{max-width:var(--medida)}
.aw-contenido-editor p,.aw-contenido-editor li{max-width:var(--medida)}
.aw-contenido-editor h2{font:var(--peso-titulos) var(--t-h2)/1.15 var(--letra-titulos);color:var(--c-titulo);margin-top:1.6em}
.aw-contenido-editor > h2:first-child{margin-top:0}
.aw-contenido-editor h3{font:var(--peso-titulos) var(--t-h3)/1.3 var(--letra-titulos);color:var(--c-titulo);margin-top:1.4em}
.aw-contenido-editor ul{list-style:disc;padding-left:1.3em}
.aw-contenido-editor ol{list-style:decimal;padding-left:1.3em}
.aw-contenido-editor a{color:var(--c-enlace)}
.aw-contenido-editor p.aw-bajada{max-width:var(--medida-bajada)}
.aw-sec--blanca .aw-contenido-editor > :first-child,.aw-sec--suave .aw-contenido-editor > :first-child{margin-top:0}
.aw-entradas{display:grid;gap:28px}
.aw-entrada-resumen{display:block;padding-block:22px;border-top:1px solid var(--linea)}
.aw-entrada-resumen .aw-h3{margin-top:6px}
.aw-entrada-resumen__enlace{display:inline-flex;align-items:center;min-height:var(--toque);color:var(--c-titulo);text-decoration:none}
.aw-entrada-resumen__enlace:hover{text-decoration:underline;text-underline-offset:4px}
.aw-entrada-resumen .aw-texto-suave{margin-top:2px;max-width:var(--medida)}
.aw-pagina-cabeza .aw-etiqueta{margin-bottom:10px}
.navigation.pagination{margin-top:28px}
.nav-links{display:flex;flex-wrap:wrap;gap:8px}
.nav-links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:var(--toque);min-height:var(--toque);padding:0 12px;border:1px solid var(--linea);border-radius:var(--radio);color:var(--c-titulo);text-decoration:none;font-weight:700}
.nav-links .page-numbers.current{background:var(--c-titulo);border-color:var(--c-titulo);color:var(--c-boton-texto)}
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Auditoría: la frase de entrada y, a su lado, las normas como piezas que encajan */
.aw-sec--normas .aw-contenido-editor{display:grid;gap:clamp(20px,3vw,32px) clamp(32px,5vw,72px);align-items:start}
.aw-sec--normas .aw-contenido-editor > *{margin-top:0}
.aw-sec--normas .aw-contenido-editor > p:not(.aw-acciones){font:var(--peso-titulos) var(--t-h2)/1.2 var(--letra-titulos);color:var(--c-titulo);max-width:20em}
@media (min-width:960px){
  .aw-sec--normas .aw-contenido-editor{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .aw-sec--normas .aw-contenido-editor > *{grid-column:1}
  .aw-sec--normas .aw-contenido-editor > ul.aw-normas{grid-column:2;grid-row:1 / span 5}
}
.aw-contenido-editor ul.aw-normas{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
.aw-contenido-editor .aw-normas li{display:flex;align-items:flex-end;min-height:140px;margin:0;padding:20px 22px;font:var(--peso-titulos) calc(var(--t-h3) * 1.25)/1.2 var(--letra-titulos);color:var(--c-titulo);text-wrap:balance;--c-tarjeta:var(--c-fondo);--fam:var(--fam-1,var(--rojo))}
.aw-contenido-editor .aw-normas li:nth-child(4n+2){--fam:var(--fam-2,var(--verde))}
.aw-contenido-editor .aw-normas li:nth-child(4n+3){--fam:var(--fam-3,var(--amarillo))}
.aw-contenido-editor .aw-normas li:nth-child(4n){--fam:var(--fam-4,var(--azul))}
.aw-normas li:last-child:nth-child(odd){grid-column:1/-1}

/* Consultoría: dos áreas, cada una con su color */
.aw-sec--areas .aw-contenido-editor > *{max-width:none}
.aw-areas{display:grid;gap:24px}
@media (min-width:860px){.aw-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
.aw-contenido-editor .aw-area{padding:32px 30px 24px;margin:0;--c-tarjeta:var(--c-fondo);--fam:var(--fam-4,var(--azul))}
.aw-contenido-editor .aw-area:nth-child(2){--fam:var(--fam-2,var(--verde))}
.aw-contenido-editor .aw-area > h2{margin:0;padding-bottom:12px;border-bottom:1px solid var(--linea);font-size:var(--t-h2)}
.aw-contenido-editor .aw-area ul{list-style:none;padding:0;margin:6px 0 0;max-width:none}
.aw-area li{display:flex;gap:14px;align-items:baseline;padding-block:12px;border-bottom:1px solid var(--linea)}
.aw-area li:last-child{border-bottom:0}
.aw-area li::before{content:'';flex:none;width:9px;height:9px;background:var(--fam);transform:rotate(45deg) translateY(-1px)}

/* Nosotros: los tres valores */
.aw-sec--valores .aw-contenido-editor > *{max-width:none}
.aw-valor-tarjetas{display:grid;gap:20px;counter-reset:aw-valor}
@media (min-width:860px){.aw-valor-tarjetas{grid-template-columns:repeat(3,minmax(0,1fr))}}
.aw-contenido-editor .aw-valor-tarjeta{counter-increment:aw-valor;margin:0;padding:34px 28px 28px;--c-tarjeta:var(--c-fondo);--fam:var(--fam-1,var(--rojo))}
.aw-contenido-editor .aw-valor-tarjeta:nth-child(2){--fam:var(--fam-2,var(--verde))}
.aw-contenido-editor .aw-valor-tarjeta:nth-child(3){--fam:var(--fam-4,var(--azul))}
.aw-valor-tarjeta::before{background:var(--linea)}
.aw-contenido-editor .aw-valor-tarjeta > h2::before{content:counter(aw-valor,decimal-leading-zero);display:block;margin-bottom:16px;padding-bottom:14px;border-bottom:5px solid var(--fam);font:var(--peso-titulos) var(--t-h3)/1 var(--letra-titulos);color:var(--c-titulo)}
.aw-contenido-editor .aw-valor-tarjeta h2{margin-top:0;font-size:var(--t-h2)}
.aw-contenido-editor .aw-valor-tarjeta p{margin-top:10px;color:var(--c-texto-suave)}
.aw-contenido-editor .aw-pendiente{margin-top:36px;max-width:46rem}

/* Contacto: la frase y el correo a un lado; el formulario, al otro */
.aw-sec--form .aw-contenido-editor{display:grid;gap:20px clamp(32px,5vw,72px);align-items:start}
.aw-sec--form .aw-contenido-editor > *{margin-top:0;max-width:none}
.aw-sec--form .aw-contenido-editor > p:first-child{font:var(--peso-titulos) var(--t-h2)/1.15 var(--letra-titulos);color:var(--c-titulo);max-width:14em}
@media (min-width:960px){
  .aw-sec--form .aw-contenido-editor{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
  .aw-sec--form .aw-contenido-editor > *{grid-column:1}
  .aw-sec--form .aw-contenido-editor > .aw-caja-cotizar{grid-column:2;grid-row:1 / span 4}
}
.aw-contenido-editor .aw-caja-cotizar{margin-block:0;max-width:none}

/* Prueba social: testimonios, logos y foto (solo se dibujan si hay material autorizado) */
.aw-prueba{display:grid;gap:24px}
.aw-testimonios{display:grid;gap:20px}
@media (min-width:820px){.aw-testimonios{grid-template-columns:repeat(2,minmax(0,1fr))}}
.aw-testimonio{display:flex;flex-direction:column;gap:16px;padding:30px 28px 26px;--c-tarjeta:var(--c-fondo)}
.aw-testimonio blockquote p{font:var(--peso-titulos-suave) var(--t-bajada)/1.4 var(--letra-titulos);color:var(--c-titulo)}
.aw-testimonio figcaption{display:flex;flex-direction:column;font-size:var(--t-chico);color:var(--c-texto-suave)}
.aw-testimonio figcaption strong{color:var(--c-texto)}
.aw-logos{display:flex;flex-wrap:wrap;align-items:center;gap:24px 44px}
.aw-logos img{max-height:56px;width:auto}
.aw-foto img{width:100%;max-height:540px;object-fit:cover;clip-path:var(--recorte-g)}
.aw-foto figcaption{padding-top:12px;max-width:var(--medida);font-size:var(--t-chico);color:var(--c-texto-suave)}

/* ---------- Pendiente del cliente (solo con sesión) ---------- */
.aw-pendiente{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border:2px dashed var(--c-acento);background:var(--c-fondo);color:var(--c-texto);font-size:var(--t-chico)}
.aw-pendiente__marca{font:700 var(--t-etiqueta)/1.2 var(--letra-texto);color:var(--c-etiqueta)}
.aw-pendiente__titulo{font-weight:700}

/* ---------- Pie ---------- */
.aw-pie{background:var(--c-pie);color:var(--c-banda-texto)}
.aw-pie a{color:var(--c-banda-texto);text-decoration:none}
.aw-pie a:hover{text-decoration:underline;text-underline-offset:4px}
.aw-pie__arriba{display:grid;gap:36px;padding-block:56px}
@media (min-width:760px){.aw-pie__arriba{grid-template-columns:1.5fr repeat(3,1fr)}}
.aw-pie__logo{display:inline-flex;min-height:var(--toque)}
.aw-pie .aw-logo{width:170px;height:auto}
.aw-logo--negativo #logotipo path,.aw-logo--negativo #logotipo [fill]{fill:var(--c-logo-sobre-oscuro)}
.aw-pie__marca p{margin-top:16px;max-width:26em;color:var(--c-banda-suave);font-size:var(--t-chico)}
.aw-pie__titulo{font:600 var(--t-texto)/1.3 var(--letra-titulos);color:var(--c-banda-suave);margin-bottom:6px}
.aw-pie__col a{display:flex;align-items:center;min-height:var(--toque);font-size:var(--t-chico)}
.aw-pie__abajo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 20px;padding-block:22px;border-top:1px solid var(--c-banda-suave);font-size:var(--t-etiqueta);color:var(--c-banda-suave)}
.aw-pie__abajo a{display:inline-flex;align-items:center;min-height:var(--toque);color:var(--c-banda-suave)}

/* ---------- Formulario de cotización ---------- */
.aw-form{display:block}
.aw-form__titulo{margin-bottom:8px}
.aw-form__campos{display:grid;gap:16px;margin-top:18px}
@media (min-width:640px){.aw-contenido-editor .aw-form__campos{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-contenido-editor .aw-campo--ancho{grid-column:1/-1}}
.aw-campo label{display:block;margin-bottom:6px;font:700 var(--t-chico)/1.3 var(--letra-texto);color:var(--c-texto)}
.aw-campo input,.aw-campo select,.aw-campo textarea{display:block;width:100%;min-height:var(--toque);padding:.65rem .8rem;border:1px solid var(--c-texto-suave);border-radius:var(--radio);background:var(--c-fondo);color:var(--c-texto);font:400 var(--t-texto)/1.4 var(--letra-texto)}
.aw-campo textarea{min-height:7.5rem;resize:vertical}
.aw-campo input:focus-visible,.aw-campo select:focus-visible,.aw-campo textarea:focus-visible{outline:var(--foco-ancho,2px) solid var(--c-foco);outline-offset:var(--foco-separacion,3px)}
.aw-campo--error input,.aw-campo--error select,.aw-campo--error textarea{border-color:var(--c-acento);border-width:2px}
.aw-campo__error{margin-top:6px;font:700 var(--t-chico)/1.4 var(--letra-texto);color:var(--c-etiqueta)}
.aw-form__aviso{margin-top:16px;padding:14px 16px;border-left:4px solid var(--c-acento);background:var(--c-fondo);color:var(--c-texto);font-size:var(--t-chico)}
.aw-form__aviso p{font-weight:700;color:var(--c-etiqueta)}
.aw-form__aviso ul{margin-top:6px;padding-left:1.1em;list-style:disc}
.aw-form__aviso a{color:var(--c-texto)}
.aw-form__trampa{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.aw-form__nota{margin-top:14px}
.aw-form .aw-btn{margin-top:14px}
.aw-form--ok{padding:4px 0}
.aw-form--ok:focus{outline:none}
.aw-form__ok-titulo{font:var(--peso-titulos) var(--t-h3)/1.3 var(--letra-titulos);color:var(--c-titulo)}
.aw-form--ok p + p{margin-top:8px}
.aw-form--ok .aw-btn,.aw-form--ok .aw-pendiente{margin-top:18px}

/* ---------- Efectos al pasar el ratón: solo donde hay ratón (en el teléfono no se disparan al bajar) ---------- */
@media (hover:hover) and (pointer:fine){
  .aw-apoyo:hover .aw-flecha,.aw-tarjeta:hover .aw-flecha,.aw-servicio:hover .aw-flecha{transform:translateX(3px)}
  .aw-tarjeta:hover,.aw-servicio:hover,.aw-fam:hover{transform:translateY(-2px)}
  .aw-tarjeta:hover::before,.aw-servicio:hover::before,.aw-fam:hover::before{background:var(--fam,var(--c-titulo))}
  .aw-servicio:hover .aw-servicio__titulo{text-decoration:none}
  .aw-filtro__opcion:hover{border-color:var(--c-titulo)}
}

/* ---------- Reducir movimiento: todo quieto, en su estado final ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

/* =====================================================================
   0.5 · Fotos (temporales, marca/fotos/) y ritmo con más imagen
   ===================================================================== */
.aw-foto-img{display:block;width:100%;height:100%;object-fit:cover}

/* Portada a pantalla completa: foto de fondo, velo oscuro a la izquierda, texto en blanco */
.aw-portada--foto{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(calc(100svh - 76px),860px);padding-block:clamp(56px,10vw,120px);background:var(--c-banda);color:var(--c-banda-texto);overflow:hidden}
.aw-portada--foto .aw-portada__foto{position:absolute;inset:0;z-index:-2}
.aw-portada--foto::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(var(--c-banda-rgb) / .94) 0%,rgb(var(--c-banda-rgb) / .86) 42%,rgb(var(--c-banda-rgb) / .35) 100%)}
@media (max-width:899px){.aw-portada--foto::before{background:linear-gradient(180deg,rgb(var(--c-banda-rgb) / .15) 0%,rgb(var(--c-banda-rgb) / .6) 40%,rgb(var(--c-banda-rgb) / .93) 62%)}.aw-portada--foto{align-items:flex-end}}
.aw-portada--foto .aw-portada__in{display:block}
.aw-portada--foto .aw-portada__texto{max-width:36rem}
.aw-portada--foto .aw-h1{color:var(--c-banda-texto)}
.aw-portada--foto .aw-bajada{color:var(--c-banda-texto)}
.aw-cinta--portada{position:absolute;left:0;right:0;bottom:0;height:8px;gap:0}
.aw-cinta--portada i{clip-path:none}

/* Franja de cifras */
.aw-cifras{background:var(--fondo-suave);border-bottom:1px solid var(--linea)}
.aw-cifras__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
@media (min-width:900px){.aw-cifras__lista{grid-template-columns:repeat(4,minmax(0,1fr))}}
.aw-cifras__item{display:flex;flex-direction:column;gap:4px;padding:clamp(20px,3vw,32px) 12px;border-left:4px solid var(--fam-1,var(--rojo))}
.aw-cifras__item:nth-child(2){border-color:var(--fam-2,var(--verde))}
.aw-cifras__item:nth-child(3){border-color:var(--fam-3,var(--amarillo))}
.aw-cifras__item:nth-child(4){border-color:var(--fam-4,var(--azul))}
.aw-cifras__num{font:var(--peso-titulos) var(--t-h3)/1 var(--letra-titulos);color:var(--c-titulo)}
.aw-cifras__item--falta .aw-cifras__num{font-size:var(--t-chico);color:var(--c-etiqueta);font-family:var(--letra-texto);letter-spacing:.04em}
.aw-cifras__rotulo{font-size:var(--t-chico);color:var(--c-texto-suave)}

/* Servicios con foto */
.aw-servicio{padding-top:0;overflow:hidden}
.aw-servicio__foto{height:180px;margin:0 -28px 6px;width:calc(100% + 56px);clip-path:polygon(0 0,calc(100% - var(--corte)) 0,100% var(--corte),100% 100%,0 100%)}

/* Cabeza de página con foto (dos columnas; en celular, primero el título y la entrada, y después la foto: 0.12) */
.aw-figura-foto{position:relative;margin:0;width:100%;aspect-ratio:4/3;overflow:hidden;clip-path:var(--recorte-g);background:var(--fondo-suave)}
.aw-figura-foto::after{content:'';position:absolute;top:0;right:0;width:var(--corte-g);height:var(--corte-g);background:var(--fam-3,var(--amarillo));clip-path:polygon(0 0,0 100%,100% 100%)}
.aw-cabeza-pag__lado{display:grid;gap:16px}
.aw-cabeza-pag__lado .aw-figura-foto{aspect-ratio:16/7}
@media (max-width:959px){
  .aw-cabeza-pag--con-foto .aw-cabeza-pag__in{padding-inline:0}
  .aw-cabeza-pag--con-foto .aw-cabeza-pag__in > .aw-figura-foto,.aw-cabeza-pag--con-foto .aw-cabeza-pag__lado .aw-figura-foto{aspect-ratio:16/9;clip-path:none}
  .aw-cabeza-pag--con-foto .aw-cabeza-pag__texto,.aw-cabeza-pag--con-foto .aw-familias{padding-inline:var(--margen)}
}

/* Familias de Formación con foto de cabecera */
.aw-grupo__figura{margin:0 0 -4px;height:clamp(140px,18vw,220px);overflow:hidden;clip-path:var(--recorte-g);border-bottom:6px solid var(--fam)}

/* Ficha: foto de su familia arriba */
.aw-ficha__figura{margin:0 0 20px;height:clamp(120px,16vw,200px);overflow:hidden;clip-path:var(--recorte-g);border-bottom:6px solid var(--fam)}

/* Ejemplos visibles (solo en modo vista previa) */
.aw-ejemplo{position:relative}
.aw-ejemplo__marca{display:inline-block;margin-bottom:8px;padding:2px 8px;background:var(--c-fondo);border:1px dashed var(--c-acento);font:700 var(--t-etiqueta)/1.4 var(--letra-texto);color:var(--c-etiqueta)}
.aw-logos--ejemplo{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.aw-logos--ejemplo li{display:flex;align-items:center;justify-content:center;min-height:72px;border:1px dashed var(--linea);background:var(--c-fondo);font-size:var(--t-chico);color:var(--c-texto-suave)}

/* Contacto: qué pasa después de enviar */
.aw-despues{padding-top:20px;border-top:1px solid var(--linea)}
.aw-despues .aw-h3{margin:0 0 12px}
.aw-contenido-editor .aw-despues__pasos{list-style:none;padding:0;counter-reset:aw-d;display:grid;gap:12px;margin:0}
.aw-despues__pasos li{counter-increment:aw-d;display:grid;grid-template-columns:2.2rem 1fr;gap:10px;align-items:baseline}
.aw-despues__pasos li::before{content:counter(aw-d,decimal-leading-zero);font:var(--peso-titulos) var(--t-bajada)/1 var(--letra-titulos);color:var(--c-titulo)}

/* =====================================================================
   0.6 · Una ronda de diseño: más ancho, títulos más grandes, foto nítida,
   sin esquinas dobladas (el corte a 45° queda solo en fotos y bandas oscuras)
   ===================================================================== */

/* Tarjetas: rectángulos limpios, sin esquina doblada */
.aw-tarjeta::before,.aw-servicio::before,.aw-fam::before,.aw-caja-cotizar::before,.aw-testimonio::before,.aw-contenido-editor .aw-normas li::before,.aw-contenido-editor .aw-valor-tarjeta::before,.aw-contenido-editor .aw-area::before{clip-path:none}
.aw-tarjeta::after,.aw-servicio::after,.aw-fam::after,.aw-testimonio::after,.aw-contenido-editor .aw-normas li::after,.aw-contenido-editor .aw-valor-tarjeta::after,.aw-contenido-editor .aw-area::after{clip-path:none;background:var(--c-tarjeta)}
.aw-caja-cotizar::after{clip-path:none}
.aw-fam[aria-current]::after{background:var(--fondo-suave)}
.aw-datos::after,.aw-figura::after,.aw-figura-foto::after{display:none}
.aw-figura{clip-path:none}
.aw-tarjeta__datos{padding-right:0}

/* Portada: la foto se ve nítida; un degradado oscurece solo la mitad izquierda, bajo el texto */
.aw-portada--foto{min-height:min(calc(100svh - 76px),900px)}
.aw-portada--foto::before{background:linear-gradient(90deg,rgb(var(--c-banda-rgb) / .95) 0%,rgb(var(--c-banda-rgb) / .88) 30%,rgb(var(--c-banda-rgb) / .55) 46%,rgb(var(--c-banda-rgb) / 0) 62%)}
.aw-portada--foto .aw-portada__texto{max-width:44rem}
.aw-portada--foto .aw-bajada{font-size:calc(var(--t-bajada) * 1.1);max-width:30em}
/* La Q del símbolo, grande y recortada en la esquina de abajo a la derecha */
.aw-portada__q{position:absolute;z-index:0;right:max(-9vw,-150px);bottom:max(-13vw,-210px);width:clamp(260px,34vw,560px);height:auto;pointer-events:none}
@media (max-width:899px){
  .aw-portada--foto{min-height:calc(100svh - 76px)}
  .aw-portada--foto::before{background:linear-gradient(180deg,rgb(var(--c-banda-rgb) / 0) 0%,rgb(var(--c-banda-rgb) / 0) 26%,rgb(var(--c-banda-rgb) / .75) 46%,rgb(var(--c-banda-rgb) / .95) 64%)}
  .aw-portada__q{top:-70px;bottom:auto;right:-80px;width:220px}
}
.aw-portada--foto .aw-portada__in{position:relative;z-index:1}

/* Cabezas con foto (Auditoría, Consultoría, Nosotros, Contacto): foto a media pantalla hasta el borde derecho, con corte a 45° */
@media (min-width:960px){
  .aw-cabeza-pag--con-foto:not(:has(.aw-cabeza-pag__lado)){position:relative;display:flex;align-items:center;min-height:clamp(440px,38vw,580px);padding-block:clamp(48px,6vw,88px)}
  .aw-cabeza-pag--con-foto:not(:has(.aw-cabeza-pag__lado)) .aw-cabeza-pag__in{grid-template-columns:minmax(0,1fr)}
  .aw-cabeza-pag--con-foto:not(:has(.aw-cabeza-pag__lado)) .aw-cabeza-pag__texto{max-width:calc(50% - 32px)}
  .aw-cabeza-pag--con-foto .aw-cabeza-pag__in > .aw-figura-foto{position:absolute;top:0;right:0;bottom:0;width:50vw;aspect-ratio:auto;clip-path:polygon(clamp(90px,10vw,170px) 0,100% 0,100% 100%,0 100%,0 clamp(90px,10vw,170px))}
}
@media (max-width:959px){
  .aw-cabeza-pag--con-foto .aw-cabeza-pag__in > .aw-figura-foto{clip-path:polygon(0 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%)}
}
.aw-cabeza-pag:has(+ .aw-sec--form).aw-cabeza-pag--con-foto{padding-bottom:clamp(36px,5vw,64px)}
@media (min-width:960px){.aw-cabeza-pag:has(+ .aw-sec--form).aw-cabeza-pag--con-foto{min-height:clamp(380px,30vw,460px)}}

/* Servicios en Inicio: mosaico asimétrico. Auditoría alta a la izquierda; Formación y Consultoría apiladas a la derecha.
   La foto ocupa todo el alto de la tarjeta; el texto va encima, sobre un degradado oscuro. */
.aw-servicios--mosaico .aw-servicio{padding:0;min-height:0;gap:8px;background:var(--fondo-suave)}
.aw-servicios--mosaico .aw-servicio::before,.aw-servicios--mosaico .aw-servicio::after{display:none}
.aw-servicios--mosaico .aw-servicio__num{order:1;padding:24px 22px 0;font-size:var(--t-h3)}
.aw-servicios--mosaico .aw-servicio__titulo{order:2;padding-inline:22px}
.aw-servicios--mosaico .aw-servicio__titulo{background-position:22px bottom}
.aw-servicios--mosaico .aw-servicio__foto{order:3;margin:8px 0 6px;width:100%;height:220px;clip-path:none}
.aw-servicios--mosaico .aw-servicio p{order:4;padding-inline:22px}
.aw-servicios--mosaico .aw-servicio .aw-flecha{order:5;margin:4px 22px 22px}
@media (min-width:760px){
  .aw-servicios--mosaico{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(300px,auto));gap:20px}
  .aw-servicios--mosaico .aw-servicio:first-child{grid-row:1 / span 2}
  .aw-servicios--mosaico .aw-servicio{position:relative;isolation:isolate;justify-content:flex-end;padding:28px 30px 26px;gap:10px;background:var(--c-banda);color:var(--c-banda-texto);overflow:hidden}
  .aw-servicios--mosaico .aw-servicio__foto{position:absolute;inset:0;z-index:-2;margin:0;height:100%}
  .aw-servicios--mosaico .aw-servicio::after{display:block;content:'';position:absolute;inset:0;z-index:-1;clip-path:none;background:linear-gradient(0deg,rgb(var(--c-banda-rgb) / .95) 0%,rgb(var(--c-banda-rgb) / .82) 38%,rgb(var(--c-banda-rgb) / .15) 75%,rgb(var(--c-banda-rgb) / 0) 100%)}
  .aw-servicios--mosaico .aw-servicio__num,.aw-servicios--mosaico .aw-servicio__titulo,.aw-servicios--mosaico .aw-servicio p,.aw-servicios--mosaico .aw-servicio .aw-flecha{order:0;padding:0;margin:0}
  .aw-servicios--mosaico .aw-servicio__titulo{padding-bottom:14px;background-position:left bottom;color:var(--c-banda-texto)}
  .aw-servicios--mosaico .aw-servicio__num{color:var(--c-banda-suave)}
  .aw-servicios--mosaico .aw-servicio p{color:var(--c-banda-texto);max-width:30em}
  .aw-servicios--mosaico .aw-servicio .aw-flecha{color:var(--c-banda-texto);margin-top:4px}
  .aw-servicios--mosaico .aw-servicio:first-child .aw-servicio__titulo{font-size:calc(var(--t-h2) * 1.25)}
}
@media (hover:hover) and (pointer:fine){.aw-servicios--mosaico .aw-servicio:hover{transform:none}}

/* Formación: banners de familia más bajos */
.aw-grupo__figura{height:clamp(84px,9vw,124px)}
.aw-ficha__figura{height:clamp(96px,11vw,150px)}
/* 0.12 · La foto de la familia va debajo del título y su línea (antes iba arriba). */
.aw-ficha__cabeza .aw-ficha__figura{margin:clamp(20px,3vw,28px) 0 20px}
.aw-contenido-editor .aw-despues .aw-h3{font-size:calc(var(--t-h3) * 1.15);margin-top:0}
.aw-servicios--mosaico .aw-servicio:not(:first-child)::after{background:linear-gradient(0deg,rgb(var(--c-banda-rgb) / .95) 0%,rgb(var(--c-banda-rgb) / .85) 50%,rgb(var(--c-banda-rgb) / .45) 100%)}

/* =====================================================================
   0.7 · Lo que se veía a plantilla, fuera; un solo momento animado (la Q
   de la portada) y la línea de «Cinco pasos»; el cotizador en pasos
   ===================================================================== */

/* Sin etiquetas sobre los títulos: el título va solo */
.aw-seccion__cabeza .aw-h2{margin-top:0}
.aw-seccion__cabeza--fila{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 32px;max-width:none}

/* Un solo momento animado: fuera las entradas de las familias y los saltitos al pasar el ratón */
.aw-familias__lista .aw-fam__pieza svg{animation:none}
@media (hover:hover) and (pointer:fine){
  .aw-tarjeta:hover,.aw-servicio:hover,.aw-fam:hover{transform:none}
  .aw-servicios--mosaico .aw-servicio:hover .aw-servicio__foto{transform:none}
  .aw-tarjeta:hover .aw-tarjeta__titulo,.aw-servicio:hover .aw-servicio__titulo{text-decoration:underline;text-underline-offset:4px}
}

/* Portada: las normas como piezas propias, y la Q que se arma al cargar */
.aw-portada--foto .aw-portada__texto .aw-h1{margin-top:0}
.aw-sellos{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(28px,4vw,44px)}
.aw-sellos__item{font:600 var(--t-texto)/1.4 var(--letra-titulos);color:var(--c-banda-suave)}
.aw-sellos__item + .aw-sellos__item::before{content:'\00a0·\00a0' / ''}
.aw-portada__q{position:absolute;z-index:0;right:max(-7vw,-120px);bottom:max(-9vw,-150px);width:clamp(240px,34vw,540px);pointer-events:none}
.aw-portada__q .aw-pieza{display:block;width:100%;height:auto}
@media (max-width:899px){.aw-portada__q{top:-56px;bottom:auto;right:-64px;width:200px}}

/* Cinco pasos: la línea de proceso. Con JavaScript se arma una vez al llegar (la Q, ver «A2» más abajo); sin él (o con «reducir movimiento») ya está. */
.aw-paso{position:relative;border-top-color:transparent}

/* Cursos destacados: el primero manda; los otros, al lado */
.aw-destacados{display:grid;gap:20px}
@media (min-width:900px){.aw-destacados{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.aw-destacados__resto{display:grid;gap:20px;align-content:start}
.aw-destacados__resto .aw-tarjeta{min-height:0}
.aw-destacado{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:16px;min-height:340px;padding:clamp(28px,4vw,44px);background:var(--c-banda);color:var(--c-banda-texto);text-decoration:none;border-left:8px solid var(--fam)}
.aw-destacado__datos{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px}
.aw-destacado__horas{display:inline-flex;align-items:baseline;gap:8px;font:700 var(--t-chico)/1 var(--letra-texto);color:var(--c-banda-suave)}
.aw-destacado__horas b{font:var(--peso-titulos) var(--t-h3)/1 var(--letra-titulos);color:var(--c-banda-texto)}
.aw-destacado__titulo{max-width:16em;font:var(--peso-titulos) var(--t-h2)/1.1 var(--letra-titulos);color:var(--c-banda-texto)}
.aw-destacado__resumen{max-width:34em;color:var(--c-banda-suave)}
.aw-destacado__pieza{position:absolute;z-index:-1;right:-28px;bottom:-28px;width:180px;opacity:.9}
.aw-destacado__pieza svg{width:100%;height:auto}
@media (hover:hover) and (pointer:fine){.aw-destacado:hover .aw-destacado__titulo{text-decoration:underline;text-underline-offset:5px}}

/* Normas y regulaciones que dominamos */
.aw-dominamos{display:grid;gap:clamp(28px,4vw,56px);align-items:center}
@media (min-width:960px){.aw-dominamos{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.aw-dominamos__texto .aw-bajada{margin-top:18px}
.aw-dominamos__texto .aw-acciones{margin-top:20px}
.aw-dominamos__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.aw-dominamos__item{display:flex;align-items:center;gap:16px;min-height:96px;padding:18px 20px;background:var(--c-fondo)}
.aw-dominamos__item:last-child:nth-child(odd){grid-column:1/-1}
.aw-dominamos__pieza{flex:none;width:40px}
.aw-dominamos__pieza svg{width:40px;height:40px}
.aw-dominamos__nombre{font:var(--peso-titulos) var(--t-bajada)/1.15 var(--letra-titulos);color:var(--c-titulo)}
@media (max-width:420px){.aw-dominamos__lista{grid-template-columns:1fr}.aw-dominamos__item:last-child:nth-child(odd){grid-column:auto}}

/* Del blog, en Inicio */
.aw-nota-blog{padding-block:clamp(40px,6vw,72px)}
.aw-nota{display:grid;background:var(--fondo-suave);color:var(--c-texto);text-decoration:none;overflow:hidden}
@media (min-width:760px){.aw-nota{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
.aw-nota__foto{height:100%;min-height:220px;max-height:340px;clip-path:polygon(0 0,100% 0,100% calc(100% - 48px),calc(100% - 48px) 100%,0 100%)}
.aw-nota__cuerpo{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,4vw,44px)}
.aw-nota__titulo{font:var(--peso-titulos) var(--t-h2)/1.12 var(--letra-titulos);color:var(--c-titulo)}
.aw-nota__resumen{color:var(--c-texto-suave)}
.aw-nota__leer{margin-top:4px;font:700 var(--t-texto)/1.2 var(--letra-titulos);color:var(--c-enlace);text-decoration:underline;text-underline-offset:4px}
.aw-nota:hover .aw-nota__titulo{text-decoration:underline;text-underline-offset:5px}

/* Blog: lista y entrada */
.aw-entrada-resumen--con-foto{display:grid;gap:20px 32px;align-items:center}
@media (min-width:760px){.aw-entrada-resumen--con-foto{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.aw-entrada-resumen__figura{display:block;aspect-ratio:16/10;overflow:hidden}
.aw-entrada-resumen__cuerpo .aw-h3{font-size:var(--t-h2);line-height:1.15;margin-top:8px}
.aw-entrada-resumen__cuerpo .aw-texto-suave{margin-top:10px;font-size:var(--t-texto)}
.aw-entrada__cabeza{padding-bottom:clamp(28px,4vw,48px)}
.aw-entrada__titulos{max-width:48rem;padding-block:8px clamp(24px,3vw,36px)}
.aw-entrada__titulos .aw-h1{margin-top:12px}
.aw-entrada__titulos .aw-bajada{margin-top:18px}
.aw-entrada__figura{margin:0 auto;max-width:calc(var(--ancho) - 2 * var(--margen));height:clamp(220px,34vw,460px);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 64px),calc(100% - 64px) 100%,0 100%)}
@media (max-width:759px){.aw-entrada__figura{max-width:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%)}}
.aw-entrada__texto{max-width:var(--medida);font-size:var(--t-texto)}
.aw-entrada__texto > .aw-entrada__entrada{font:400 var(--t-bajada)/1.5 var(--letra-texto);color:var(--c-texto)}
.aw-entrada__texto h2{font-size:var(--t-h2-sec);max-width:var(--medida);margin-top:1.8em}
.aw-entrada__texto > .aw-entrada__nota{margin-top:2.2em;padding:20px 24px;background:var(--fondo-suave)}

/* Botón secundario (Atrás del cotizador) */
.aw-btn--secundario{background:var(--c-fondo);color:var(--c-titulo);border-color:var(--c-titulo)}

/* ---------- Cotizador en pasos ---------- */
.aw-cot{display:block}
.aw-cot fieldset{border:0;margin:0;padding:0;min-width:0}
.aw-cot__titulo{display:block;margin-bottom:18px;font:var(--peso-titulos) calc(var(--t-h2) * .78)/1.15 var(--letra-titulos);color:var(--c-titulo)}
.aw-cot__titulo:focus{outline:none}
.aw-cot__paso + .aw-cot__paso{margin-top:clamp(32px,4vw,48px)}
.aw-cot__opcional{font-weight:400;color:var(--c-texto-suave)}
.aw-cot__ayuda{margin:-2px 0 10px}

/* Avance */
.aw-cot__avance{margin-bottom:clamp(24px,3vw,36px)}
.aw-cot__avance-texto{font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}
.aw-cot__avance-pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.aw-cot__avance-pasos li{display:flex;align-items:center;gap:8px;font:600 var(--t-chico)/1.2 var(--letra-titulos);color:var(--c-texto-suave)}
.aw-cot__avance-num{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:2px solid var(--linea);font:700 .875rem/1 var(--letra-titulos);color:var(--c-texto-suave);background:var(--c-fondo)}
.aw-cot__avance-pasos li.is-actual{color:var(--c-titulo)}
.aw-cot__avance-pasos li.is-actual .aw-cot__avance-num{border-color:var(--c-titulo);background:var(--c-titulo);color:var(--c-boton-texto)}
.aw-cot__avance-pasos li.is-hecho .aw-cot__avance-num{border-color:var(--c-titulo);color:var(--c-titulo)}
@media (max-width:559px){.aw-cot__avance-nombre{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.aw-cot__avance-pasos li.is-actual .aw-cot__avance-nombre{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.aw-cot__avance-pasos{grid-template-columns:auto auto auto auto;justify-content:start;gap:10px}}
.aw-cot__barra{display:block;height:4px;margin-top:14px;background:var(--linea);overflow:hidden}
.aw-cot__barra i{display:block;height:100%;background:var(--c-cotizar);transform:scaleX(.25);transform-origin:left center;transition:transform .35s ease}

/* Con JavaScript: un paso a la vez; el que entra, entra */
.aw-cot--js .aw-cot__paso{display:none}
.aw-cot--js .aw-cot__paso.is-actual{display:block}
.aw-cot--js .aw-cot__paso--entra{animation:aw-cot-entra .32s cubic-bezier(.2,.7,.2,1) both}
.aw-cot--js .aw-cot__paso + .aw-cot__paso{margin-top:0}
.aw-cot--js .aw-cot__sin-js{display:none}
.aw-cot--js .aw-cot__detalle > legend{display:none}
@keyframes aw-cot-entra{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

/* Paso 1: tarjetas grandes con foto */
.aw-cot__lineas{display:grid;gap:14px}
@media (min-width:640px){.aw-cot__lineas{grid-template-columns:repeat(3,minmax(0,1fr))}}
.aw-cot__linea{position:relative;display:flex;flex-direction:column;cursor:pointer;background:var(--c-fondo);border:2px solid var(--linea);overflow:hidden}
.aw-cot__linea input{position:absolute;opacity:0;width:1px;height:1px}
.aw-cot__linea-imagen{display:block;height:130px;overflow:hidden;background:var(--fondo-suave)}
.aw-cot__linea-imagen .aw-foto-img{height:100%}
.aw-cot__linea-cuerpo{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px}
.aw-cot__linea-titulo{font:var(--peso-titulos) var(--t-h3)/1.15 var(--letra-titulos);color:var(--c-titulo)}
.aw-cot__linea-texto{font-size:var(--t-chico);color:var(--c-texto-suave);line-height:1.45}
.aw-cot__linea:hover{border-color:var(--c-titulo)}
.aw-cot__linea:has(input:checked){border-color:var(--c-cotizar);box-shadow:inset 0 -6px 0 var(--c-cotizar)}
.aw-cot__linea:has(input:focus-visible){outline:var(--foco-ancho,2px) solid var(--c-foco);outline-offset:var(--foco-separacion,3px)}
@media (max-width:639px){.aw-cot__linea{flex-direction:row;align-items:stretch}.aw-cot__linea-imagen{width:38%;height:auto;min-height:104px;flex:none}}

/* Paso 2 */
.aw-cot__detalle + .aw-cot__detalle{margin-top:28px}
.aw-cot__detalle-titulo{display:block;width:100%;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--linea);font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-cot .aw-form__campos{margin-top:0}
.aw-cot__campo--oferta,.aw-cot__campo--opciones,.aw-cot__campo--opcion{grid-column:1/-1}
.aw-cot fieldset.aw-campo > legend{display:block;margin-bottom:8px;font:700 var(--t-chico)/1.3 var(--letra-texto);color:var(--c-texto)}
.aw-cot__opciones{display:flex;flex-wrap:wrap;gap:8px}
.aw-cot__opcion{position:relative;display:inline-flex;cursor:pointer}
.aw-cot__opcion input{position:absolute;opacity:0;width:1px;height:1px}
.aw-cot__opcion span{display:inline-flex;align-items:center;min-height:var(--toque);padding:8px 16px;border:1px solid var(--c-texto-suave);background:var(--c-fondo);font:600 var(--t-chico)/1.2 var(--letra-titulos);color:var(--c-texto)}
.aw-cot__opcion input:checked + span{background:var(--c-titulo);border-color:var(--c-titulo);color:var(--c-boton-texto)}
.aw-cot__opcion input:focus-visible + span{outline:var(--foco-ancho,2px) solid var(--c-foco);outline-offset:var(--foco-separacion,3px)}
.aw-cot__filtro{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.aw-cot__filtro[hidden]{display:none}
.aw-cot__chip{display:inline-flex;align-items:center;min-height:var(--toque);padding:6px 14px;border:1px solid var(--linea);border-left:5px solid var(--fam,var(--c-titulo));background:var(--c-fondo);font:600 var(--t-chico)/1.1 var(--letra-titulos);color:var(--c-texto);cursor:pointer}
.aw-cot__chip[aria-pressed="true"]{background:var(--c-titulo);border-color:var(--c-titulo);color:var(--c-boton-texto)}
.aw-cot__fichas{display:grid;gap:6px;max-height:420px;overflow:auto;padding:2px;border:1px solid var(--linea);background:var(--fondo-suave)}
@media (min-width:760px){.aw-cot__fichas{grid-template-columns:repeat(2,minmax(0,1fr))}}
.aw-cot__fichas li[hidden]{display:none}
.aw-cot__ficha{position:relative;display:flex;flex-direction:column;gap:2px;min-height:var(--toque);padding:10px 12px 10px 44px;background:var(--c-fondo);border-left:5px solid var(--fam,var(--linea));cursor:pointer}
.aw-cot__ficha input{position:absolute;left:14px;top:13px;width:20px;height:20px;margin:0;accent-color:var(--c-titulo)}
.aw-cot__ficha-titulo{font:600 var(--t-chico)/1.3 var(--letra-titulos);color:var(--c-titulo)}
.aw-cot__ficha-rotulo{font-size:var(--t-etiqueta);color:var(--c-texto-suave)}
.aw-cot__ficha:has(input:checked){box-shadow:inset 0 0 0 2px var(--c-titulo)}
.aw-cot input[type=month]{max-width:16rem}

/* Paso 4: resumen */
.aw-cot__bloques{display:grid;gap:14px}
.aw-cot__bloque{padding:16px 0;border-top:1px solid var(--linea);animation:aw-cot-entra .35s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .08s) both}
.aw-cot__bloque-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.aw-cot__bloque-cab h4{font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-cot__cambiar{min-height:var(--toque);padding:0 6px;border:0;background:none;font:700 var(--t-chico)/1 var(--letra-titulos);color:var(--c-enlace);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.aw-cot__bloque dl{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:6px 16px;font-size:var(--t-chico)}
.aw-cot__bloque dt{color:var(--c-texto-suave)}
.aw-cot__bloque dd{margin:0;color:var(--c-texto);white-space:pre-wrap}
.aw-cot__bloque dd.aw-cot__bloque-linea{grid-column:1/-1;font:var(--peso-titulos) var(--t-bajada)/1.2 var(--letra-titulos);color:var(--c-titulo)}
@media (max-width:559px){.aw-cot__bloque dl{grid-template-columns:1fr}.aw-cot__bloque dt{margin-top:6px}}

/* Navegación */
.aw-cot__nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.aw-cot__nav .aw-btn{margin-top:0}
.aw-cot__siguiente,.aw-cot__enviar{margin-left:auto}
.aw-cot__nav [hidden]{display:none}
.aw-cot:not(.aw-cot--js) .aw-cot__enviar{width:100%}
.aw-form--ok .aw-form__ok-sub{margin-top:16px;font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-form__ok-pasos{counter-reset:aw-ok;display:grid;gap:10px;margin-top:10px}
.aw-form__ok-pasos li{counter-increment:aw-ok;display:grid;grid-template-columns:2.2rem 1fr;align-items:baseline}
.aw-form__ok-pasos li::before{content:counter(aw-ok,decimal-leading-zero);font:var(--peso-titulos) var(--t-bajada)/1 var(--letra-titulos);color:var(--c-titulo)}

/* Contacto: el cotizador ocupa más; la frase, el correo y «qué pasa después», a un lado */
@media (min-width:960px){.aw-sec--form .aw-contenido-editor{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}}
.aw-sec--form .aw-caja-cotizar{padding:clamp(22px,3vw,36px)}
.aw-destacado__pieza{right:-18px;top:-18px;bottom:auto;width:120px;opacity:1}
.aw-destacado__titulo,.aw-destacado__datos{padding-right:90px}
.aw-destacados__resto{grid-auto-rows:1fr}
.aw-destacados__resto .aw-tarjeta{height:100%;justify-content:center}
/* El cotizador vive dentro del contenido del editor: sin viñetas ni márgenes de lista, y casillas con su tamaño */
.aw-contenido-editor .aw-cot ul,.aw-contenido-editor .aw-cot ol,.aw-contenido-editor .aw-form--ok ol{list-style:none;padding-left:0;margin-top:0;max-width:none}
.aw-cot .aw-cot__ficha,.aw-cot .aw-cot__linea{display:flex;margin-bottom:0;font:inherit;color:inherit}
.aw-cot .aw-cot__ficha{flex-direction:column}
.aw-cot .aw-cot__opcion{display:inline-flex;margin-bottom:0;font:inherit}
.aw-cot .aw-cot__ficha input{display:block;width:20px;height:20px;min-height:0;padding:0}
.aw-cot .aw-cot__opcion input,.aw-cot .aw-cot__linea input{width:1px;height:1px;min-height:0;padding:0;border:0}
/* La entrada se lee en una columna centrada (sin un hueco a la derecha) */
.aw-entrada__titulos,.aw-entrada__texto,.aw-entrada__volver{margin-inline:auto;max-width:46rem}
.aw-entrada__texto > *{margin-inline:auto}
.aw-nota__titulo{margin:0}
.aw-nota__cuerpo p{margin:0}
@media (max-width:559px){.aw-seccion__cabeza--fila{flex-direction:column;align-items:flex-start}}
@media (max-width:559px){.aw-seccion__cabeza--fila{align-items:stretch}.aw-seccion__cabeza--fila .aw-apoyo{align-self:flex-start}}

/* =====================================================================
   0.8 · Plan del sitio v1: «del requisito a la evidencia». La oferta por
   situación, herramientas que se usan (autoevaluación, buscador, ficha
   descargable), el método como traza y el lenguaje de documento controlado
   (códigos del catálogo, cláusulas). Nada nuevo se mueve solo: lo único que
   responde es lo que la persona elige.
   ===================================================================== */

/* Código del catálogo, como referencia de expediente */
.aw-codigo{display:inline;font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave);white-space:nowrap}
.aw-codigo--oscuro{color:var(--c-banda-suave)}

/* ---------- ¿En qué situación está? ---------- */
.aw-sits{display:grid;gap:10px}
.aw-sits__tab{display:flex;align-items:center;gap:16px;min-height:64px;padding:14px 18px;background:var(--fondo-suave);color:var(--c-titulo);text-decoration:none}
.aw-sits__pieza{flex:none;width:30px}
.aw-sits__pieza svg{width:30px;height:30px}
.aw-sits__pieza path{fill:var(--fam)}
.aw-sits__frase{font:var(--peso-titulos) var(--t-bajada)/1.2 var(--letra-titulos)}
.aw-sits__tab:hover .aw-sits__frase{text-decoration:underline;text-underline-offset:4px}
.aw-sits__panel{padding:clamp(22px,3vw,36px);background:var(--c-fondo);border:1px solid var(--linea)}
.aw-sits__resumen{font-size:var(--t-bajada);line-height:1.5;color:var(--c-texto);max-width:var(--medida-bajada)}
.aw-sits__sub{margin-top:24px;font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-sits__hace{display:grid;gap:8px;margin-top:10px}
.aw-sits__hace li{display:flex;gap:14px;align-items:baseline}
.aw-sits__hace li::before{content:'';flex:none;width:9px;height:9px;background:var(--fam);transform:rotate(45deg) translateY(-1px)}
.aw-sits__hace--grande{gap:14px;margin-top:20px;font-size:var(--t-texto)}
.aw-sits__cursos{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.aw-sits__cursos a{display:inline-flex;align-items:center;gap:10px;min-height:var(--toque);padding:6px 14px;background:var(--fondo-suave);border-left:4px solid var(--fam);font:600 var(--t-chico)/1.25 var(--letra-titulos);color:var(--c-titulo);text-decoration:none}
.aw-sits__cursos a:hover{text-decoration:underline;text-underline-offset:3px}
.aw-sits__cursos .aw-codigo{border-width:1.5px;padding:1px 5px;font-size:.75rem}
.aw-sits__acciones{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:28px}
.aw-sits__mas{display:inline-flex;align-items:center;min-height:var(--toque);font:700 var(--t-texto)/1.2 var(--letra-titulos);color:var(--c-enlace)}
/* Con JavaScript: una situación a la vez */
.aw-sits--js .aw-sits__panel[hidden]{display:none}
.aw-sits--js .aw-sits__tab{background:var(--c-fondo);border:1px solid var(--linea)}
.aw-sits--js .aw-sits__tab[aria-current]{background:var(--c-banda);border-color:var(--c-banda);color:var(--c-banda-texto)}

@keyframes aw-sit-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (min-width:960px){
  .aw-sits--js{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(28px,4vw,56px);row-gap:10px;align-items:start}
  .aw-sits--js .aw-sits__tab{grid-column:1}
  .aw-sits--js .aw-sits__panel{grid-column:2;grid-row:1 / span 6;min-height:100%}
}
@media (max-width:959px){.aw-sits--js .aw-sits__panel{margin-top:-4px;border-top-width:0}}

/* Situaciones en el contenido del editor (Consultoría: «Cuándo nos llaman») */
.aw-contenido-editor ul.aw-sit-lista{list-style:none;padding:0;display:grid;gap:12px;max-width:none}
@media (min-width:760px){.aw-contenido-editor ul.aw-sit-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.aw-sit-lista__item{margin:0}
.aw-sit-lista__item a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 0;border-top:1px solid var(--linea);color:var(--c-texto);text-decoration:none}
.aw-sit-lista__titulo{font:var(--peso-titulos) var(--t-h3)/1.25 var(--letra-titulos);color:var(--c-titulo)}
.aw-sit-lista__texto{font-size:var(--t-chico);color:var(--c-texto-suave)}
.aw-sit-lista__item a:hover .aw-sit-lista__titulo{text-decoration:underline;text-underline-offset:4px}
.aw-sec--cuando .aw-contenido-editor > *{max-width:none}

/* ---------- El contexto del sector (Inicio): evidencia citada (0.14) ----------
   Cada dato es una frase: la cifra (en la letra de los títulos, del tamaño de la entrada, no un número gigante), lo que
   significa y su fuente enlazada, en una sola línea visual. El número real está escrito desde el principio (no cuenta). Entre
   un dato y otro, un filete fino: es una lista de citas, no tres tarjetas. */
.aw-sector{padding-block:clamp(40px,5vw,72px)}
.aw-sector__titulo{font:var(--peso-titulos) var(--t-h2)/1.15 var(--letra-titulos);color:var(--c-titulo)}
.aw-sector__lista{margin-top:clamp(16px,2vw,28px);border-top:1px solid var(--linea)}
.aw-sector__item{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 32px;align-items:baseline;padding-block:14px 12px;border-bottom:1px solid var(--linea)}
@media (min-width:860px){.aw-sector__item{grid-template-columns:minmax(0,1fr) auto}}
.aw-sector__dato{max-width:var(--medida);text-wrap:balance;font-size:var(--t-bajada);line-height:1.45;color:var(--c-texto)}
.aw-sector__num{font:var(--peso-titulos) 1em/1 var(--letra-titulos);color:var(--c-titulo);font-variant-numeric:lining-nums;white-space:nowrap}
.aw-sector__fuente{font-size:var(--t-chico);color:var(--c-texto-suave)}
.aw-sector__fuente a{display:inline-flex;align-items:center;min-height:var(--toque);color:var(--c-texto-suave)}

/* ---------- Autoevaluación en Inicio ---------- */
.aw-ae-teaser{display:grid;gap:clamp(28px,4vw,56px);align-items:center}
@media (min-width:960px){.aw-ae-teaser{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.aw-ae-teaser .aw-bajada{margin-top:18px}
.aw-ae-teaser .aw-acciones{margin-top:24px}
.aw-ae-teaser__bloques{display:grid;gap:8px}
.aw-ae-teaser__bloques{gap:0}
.aw-ae-teaser__bloques li{display:flex;align-items:baseline;gap:14px;min-height:48px;padding:12px 0;border-bottom:1px solid var(--linea);font:600 1.0625rem/1.3 var(--letra-titulos);color:var(--c-titulo)}
.aw-ae-teaser__bloques li:first-child{border-top:1px solid var(--linea)}
.aw-ae-teaser__ref{flex:none;min-width:7.5rem;font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}

/* ---------- La traza: cada momento con lo que entrega ---------- */
.aw-contenido-editor ol.aw-traza,.aw-traza{list-style:none;padding:0;counter-reset:aw-traza;max-width:none}
.aw-traza > li{counter-increment:aw-traza;position:relative;margin:0}
.aw-traza strong{display:block;margin-bottom:6px;font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-traza em{display:block;margin-top:10px;font-style:normal;font-weight:700;font-size:var(--t-chico);color:var(--c-texto)}
/* Horizontal (Auditoría, Consultoría): los números sobre una línea */
.aw-sec--traza .aw-contenido-editor > *{max-width:none}
.aw-sec--traza .aw-contenido-editor > p{max-width:var(--medida-bajada);font-size:var(--t-bajada);color:var(--c-texto-suave)}
.aw-sec--traza ol.aw-traza{display:grid;gap:28px;margin-top:clamp(24px,3vw,40px)}
.aw-sec--traza ol.aw-traza > li{padding-left:64px}
.aw-sec--traza ol.aw-traza > li::before{content:counter(aw-traza);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--c-banda);color:var(--c-banda-texto);font:var(--peso-titulos) var(--t-bajada)/1 var(--letra-titulos)}
.aw-sec--traza ol.aw-traza > li::after{content:'';position:absolute;left:21px;top:44px;bottom:-28px;width:2px;background:var(--c-titulo)}
.aw-sec--traza ol.aw-traza > li:last-child::after{display:none}
@media (min-width:960px){
  .aw-sec--traza ol.aw-traza{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}
  .aw-sec--traza ol.aw-traza > li{padding:64px 0 0}
  .aw-sec--traza ol.aw-traza > li::after{left:44px;right:-28px;top:21px;bottom:auto;width:auto;height:2px}
}
.aw-sec--traza ol.aw-traza > li:nth-child(4n+1)::before{background:var(--fam-1,var(--rojo))}
.aw-sec--traza ol.aw-traza > li:nth-child(4n+2)::before{background:var(--fam-4,var(--azul))}
.aw-sec--traza ol.aw-traza > li:nth-child(4n+3)::before{background:var(--fam-2,var(--verde));color:var(--c-banda)}
.aw-sec--traza ol.aw-traza > li:nth-child(4n)::before{background:var(--c-banda)}
/* Vertical (lo que recibe en una situación; el temario de un curso): un riel con sus marcas */
.aw-traza--vertical{position:relative;display:grid;gap:0;margin-top:20px}
.aw-traza--vertical > li{padding:0 0 22px 48px}
.aw-traza--vertical > li::before{content:counter(aw-traza);position:absolute;left:0;top:-2px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--fam,var(--c-titulo));color:var(--c-banda-texto);font:var(--peso-titulos) 1rem/1 var(--letra-titulos)}
.aw-fam-2 .aw-traza--vertical > li::before,.aw-fam-3 .aw-traza--vertical > li::before{color:var(--c-banda)}
.aw-traza--vertical > li::after{content:'';position:absolute;left:15px;top:30px;bottom:0;width:2px;background:var(--linea);transform-origin:top center}
.aw-traza--vertical > li:last-child::after{display:none}
.aw-traza__texto{display:block;font-size:var(--t-texto);line-height:1.45;color:var(--c-texto)}

/* ---------- Auditoría ---------- */
.aw-sec--tipos .aw-contenido-editor > *{max-width:none}
.aw-tipos{display:grid;gap:20px}
@media (min-width:860px){.aw-tipos{grid-template-columns:repeat(3,minmax(0,1fr))}.aw-tipos > h2{grid-column:1/-1}}
.aw-contenido-editor .aw-tipos > h2{margin:0 0 8px}
.aw-contenido-editor .aw-tipo{margin:0;padding:20px 0 0;border-top:1px solid var(--linea)}
.aw-contenido-editor .aw-tipo h3{margin:0;font-size:calc(var(--t-h3) * 1.2)}
.aw-contenido-editor .aw-tipo p{margin-top:10px;color:var(--c-texto-suave)}
.aw-sec--dos .aw-contenido-editor > *{max-width:none}
.aw-dos{display:grid;gap:20px}
@media (min-width:860px){.aw-dos{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-dos > h2{grid-column:1/-1}}
.aw-contenido-editor .aw-dos > h2{margin:0 0 8px}
.aw-contenido-editor .aw-dos__col{margin:0;padding:28px 28px 26px;border:1px solid var(--linea)}
.aw-contenido-editor .aw-dos__col:last-child{background:var(--c-banda);border-color:var(--c-banda);color:var(--c-banda-texto)}
.aw-contenido-editor .aw-dos__col h3{margin:0}
.aw-contenido-editor .aw-dos__col:last-child h3{color:var(--c-banda-texto)}
.aw-contenido-editor .aw-dos__col p{margin-top:10px;font-size:var(--t-texto)}
.aw-contenido-editor .aw-dos__col:first-child p{color:var(--c-texto-suave)}
/* Preguntas frecuentes: se abren al tocarlas (sin JavaScript, con details) */
.aw-sec--faq .aw-contenido-editor > *{max-width:var(--medida)}
.aw-faq .wp-block-details{margin:0;border-bottom:1px solid var(--linea)}
.aw-faq .wp-block-details:first-of-type{border-top:1px solid var(--linea);margin-top:18px}
.aw-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font:var(--peso-titulos) var(--t-bajada)/1.3 var(--letra-titulos);color:var(--c-titulo)}
.aw-faq summary::-webkit-details-marker{display:none}
.aw-faq summary::after{content:'';flex:none;width:14px;height:14px;border-right:3px solid var(--c-acento);border-bottom:3px solid var(--c-acento);transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s ease}
.aw-faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.aw-faq summary:hover{text-decoration:underline;text-underline-offset:4px}
.aw-faq .wp-block-details > p{margin:0 0 18px;max-width:var(--medida);color:var(--c-texto)}

/* ---------- Nosotros ---------- */
.aw-sec--posicion .aw-contenido-editor > *{max-width:none}
.aw-posicion{display:grid;gap:18px clamp(32px,5vw,72px);align-items:start}
@media (min-width:960px){.aw-posicion{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.aw-contenido-editor .aw-posicion > p{margin:0}
.aw-contenido-editor p.aw-posicion__frase{font:var(--peso-titulos) var(--t-h2)/1.15 var(--letra-titulos);color:var(--c-titulo)}
.aw-contenido-editor .aw-posicion > p:not(.aw-posicion__frase){font-size:var(--t-texto);color:var(--c-texto-suave)}
.aw-contenido-editor ul.aw-con-equipo__lista{list-style:none;padding:0;display:grid;gap:20px;margin-top:24px;max-width:none}
@media (min-width:860px){.aw-contenido-editor ul.aw-con-equipo__lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
.aw-con-equipo__lista li{margin:0;padding-top:16px;border-top:1px solid var(--linea);color:var(--c-texto-suave)}
.aw-con-equipo__lista strong{display:block;margin-bottom:6px;font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-contenido-editor .aw-valor-tarjeta h2{font-size:calc(var(--t-h2) * 1.15)}
.aw-contenido-editor .aw-valor-tarjeta p{font-size:var(--t-texto)}
.aw-linkedin a{display:inline-flex;align-items:center;min-height:var(--toque);font:700 var(--t-texto)/1.2 var(--letra-titulos)}

/* ---------- Contacto ---------- */
.aw-contenido-editor p.aw-donde{color:var(--c-texto-suave)}
.aw-contacto-datos{display:grid;gap:10px}
.aw-contacto-datos dt{font-weight:700;color:var(--c-texto)}
.aw-contacto-datos dd{margin:0}
@media (min-width:960px){.aw-sec--form .aw-contenido-editor > .aw-caja-cotizar{grid-row:1 / span 9}}

/* ---------- Recursos: autoevaluación ---------- */
.aw-sec--autoeval .aw-contenido-editor > *{max-width:none}
.aw-contenido-editor .aw-autoeval > h2{max-width:20em}
.aw-contenido-editor p.aw-autoeval__intro{max-width:40em;margin-top:14px;font-size:var(--t-bajada);color:var(--c-texto-suave)}
.aw-ae{max-width:52rem;margin-top:clamp(24px,3vw,40px);padding:clamp(20px,3vw,36px);background:var(--c-fondo);border:1px solid var(--linea)}
.aw-ae fieldset{border:0;margin:0;padding:0;min-width:0}
.aw-ae__bloque + .aw-ae__bloque{margin-top:28px}
.aw-contenido-editor .aw-ae__bloque-titulo{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--linea);font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-ae__ref{font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}
.aw-ae__pregunta{padding:14px 0;border-bottom:1px solid var(--linea)}
.aw-ae__pregunta legend{display:block;margin-bottom:12px;font:600 var(--t-texto)/1.4 var(--letra-texto);color:var(--c-texto)}
.aw-ae__num{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;margin-right:6px;background:var(--fondo-suave);font:700 .9375rem/1 var(--letra-titulos);color:var(--c-titulo)}
.aw-ae__pregunta .aw-ae__ref{margin-left:4px}
.aw-ae__opciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:30rem}
.aw-ae__opcion{position:relative;display:flex;cursor:pointer;margin:0}
.aw-ae__opcion input{position:absolute;opacity:0;width:1px;height:1px}
.aw-ae__opcion span{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:8px 12px;border:1px solid var(--c-texto-suave);background:var(--c-fondo);font:700 1rem/1.2 var(--letra-titulos);color:var(--c-texto)}
.aw-ae__opcion input:checked + span{background:var(--c-titulo);border-color:var(--c-titulo);color:var(--c-boton-texto)}
.aw-ae__opcion input:focus-visible + span{outline:var(--foco-ancho,2px) solid var(--c-foco);outline-offset:var(--foco-separacion,3px)}
.aw-ae__pregunta.aw-campo--error legend{color:var(--c-etiqueta)}
.aw-ae__nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.aw-ae__nav [hidden]{display:none}
.aw-ae__nav .aw-btn:last-child{margin-left:auto}
.aw-ae__nav .aw-btn:disabled{opacity:.45;cursor:not-allowed}
.aw-ae__avance{margin-bottom:18px}
.aw-ae__avance[hidden]{display:none}
.aw-ae__avance-texto{font:700 var(--t-chico)/1.3 var(--letra-texto);color:var(--c-texto-suave)}
.aw-ae__barra{display:block;height:4px;margin-top:10px;background:var(--linea);overflow:hidden}
.aw-ae__barra i{display:block;height:100%;background:var(--c-titulo);transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}
/* Con JavaScript: una pregunta por pantalla */
.aw-ae--js .aw-ae__bloque{display:none}
.aw-ae--js .aw-ae__bloque.is-actual{display:block}
.aw-ae--js .aw-ae__pregunta{display:none;border-bottom:0;padding-top:4px}
.aw-ae--js .aw-ae__pregunta.is-actual{display:block;animation:aw-sit-entra .25s cubic-bezier(.2,.7,.2,1) both}
.aw-ae--js .aw-ae__pregunta legend{font-size:var(--t-bajada);line-height:1.35;font-family:var(--letra-titulos);font-weight:600;color:var(--c-titulo)}
.aw-ae--js .aw-ae__bloque-titulo{font-size:var(--t-texto)}
/* Resultado */
.aw-ae-res{max-width:52rem;margin-top:clamp(24px,3vw,40px);padding:clamp(22px,3vw,40px);background:var(--c-fondo);border:1px solid var(--linea)}
.aw-ae-res:focus{outline:none}
.aw-contenido-editor .aw-ae-res__titulo{margin:0;font-size:calc(var(--t-h2) * .85)}
.aw-ae-res__barras{display:grid;gap:14px;margin-top:22px}
.aw-contenido-editor .aw-ae-res__barras{list-style:none;padding:0}
.aw-ae-res__fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;margin:0}
.aw-ae-res__nombre{font:600 1.0625rem/1.25 var(--letra-titulos);color:var(--c-titulo)}
.aw-ae-res__barra{grid-column:1/-1;display:block;height:14px;background:var(--fondo-suave)}
/* 0.8.2: sin porcentajes. Cada bloque dice su estado; la barra toma el color del estado y un largo fijo por estado. */
.aw-ae-res__fila--n0{--estado:var(--rojo);--largo:34%}
.aw-ae-res__fila--n1{--estado:var(--amarillo);--largo:67%}
.aw-ae-res__fila--n2{--estado:var(--verde);--largo:100%}
.aw-ae-res__barra i{display:block;height:100%;width:var(--largo);background:var(--estado)}
.aw-ae-res__estado{grid-column:2;grid-row:1;display:inline-flex;align-items:center;gap:8px;font:var(--peso-titulos) var(--t-chico)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-ae-res__estado::before{content:'';width:12px;height:12px;background:var(--estado);transform:rotate(45deg)}
.aw-contenido-editor .aw-ae-res__sub{margin-top:28px;font-size:var(--t-h3)}
.aw-contenido-editor ol.aw-ae-res__debiles{list-style:none;padding:0;display:grid;gap:10px;margin-top:12px}
.aw-ae-res__debiles li{margin:0;padding:14px 16px;background:var(--fondo-suave)}
.aw-ae-res__debiles strong{display:block;font:var(--peso-titulos) 1.0625rem/1.3 var(--letra-titulos);color:var(--c-titulo)}
.aw-ae-res .aw-acciones{margin-top:24px}
.aw-ae-res > .aw-texto-suave{margin-top:12px}

/* ---------- Recursos: línea de tiempo regulatoria ---------- */
.aw-sec--tiempo .aw-contenido-editor > *{max-width:none}
.aw-linea-tiempo{position:relative;display:grid;gap:0}
.aw-contenido-editor .aw-linea-tiempo > h2{margin-bottom:28px}
.aw-contenido-editor .aw-hito{position:relative;margin:0;padding:0 0 36px 44px;max-width:48rem}
.aw-hito::before{content:'';position:absolute;left:0;top:6px;width:22px;height:22px;background:var(--c-fondo);border:4px solid var(--c-titulo)}
.aw-hito::after{content:'';position:absolute;left:10px;top:32px;bottom:0;width:2px;background:var(--linea)}
.aw-hito:last-child::after{display:none}
.aw-hito--hecho::before{background:var(--c-titulo)}
.aw-hito--ciclo::before{border-color:var(--fam-2,var(--verde))}
.aw-contenido-editor .aw-hito > *{margin-top:8px}
.aw-contenido-editor p.aw-hito__fecha{margin-top:0;font:var(--peso-titulos) var(--t-h3)/1.1 var(--letra-titulos);color:var(--c-titulo)}
.aw-contenido-editor .aw-hito h3{margin-top:6px;font-size:var(--t-h3)}
.aw-contenido-editor p.aw-hito__ahora{padding:12px 14px;background:var(--fondo-suave)}
.aw-contenido-editor p.aw-hito__fuente{font-size:var(--t-chico);color:var(--c-texto-suave)}
.aw-contenido-editor p.aw-hito__fuente a{display:inline-flex;align-items:center;min-height:var(--toque)}

/* ---------- Página de una situación ---------- */
.aw-migas--cabeza{padding-block:0 12px}
.aw-cabeza-pag--situacion .aw-h1--int{font-size:clamp(2.2rem,1.3rem + 3.4vw,4.4rem)}
.aw-cabeza-pag--situacion .aw-cinta--titulo{display:none}
.aw-cabeza-pag--situacion .aw-h1{padding-bottom:18px;border-bottom:8px solid var(--fam)}
.aw-sit-cuerpo__in{display:grid;gap:clamp(36px,5vw,72px)}
@media (min-width:960px){.aw-sit-cuerpo__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.aw-sit-form__in{display:grid;gap:20px clamp(32px,5vw,72px);align-items:start}
@media (min-width:960px){.aw-sit-form__in{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}}
.aw-sit-form__frase{font:var(--peso-titulos) var(--t-h2)/1.15 var(--letra-titulos);color:var(--c-titulo);max-width:14em;text-wrap:balance}
.aw-sit-form__texto .aw-texto-suave{margin-top:14px}
.aw-sit-otras{padding-block:clamp(40px,5vw,64px)}
.aw-sit-otras__lista{display:grid;gap:10px;margin-top:16px}
@media (min-width:760px){.aw-sit-otras__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.aw-sit-otras__lista a{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 16px;background:var(--c-fondo);font:600 1.0625rem/1.25 var(--letra-titulos);color:var(--c-titulo);text-decoration:none}
.aw-sit-otras__lista a:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- Ficha de un curso ---------- */
@media (min-width:1000px){
  .aw-ficha{grid-template-areas:"cabeza lateral" "datos lateral" "sits lateral" "objetivo lateral" "temario lateral" "modalidades lateral" "rel lateral";grid-template-rows:auto auto auto auto auto auto 1fr}
  .aw-ficha__sits{grid-area:sits}
  .aw-ficha__objetivo{grid-area:objetivo}
  .aw-ficha__modalidades{grid-area:modalidades}
}
dl.aw-datos{margin:0}
.aw-datos dd{margin:0}
.aw-datos__item--codigo .aw-datos__valor{display:inline-flex;width:fit-content}
.aw-ficha__sits{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.aw-ficha__sits-titulo{font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}
.aw-ficha__sits-lista{display:flex;flex-wrap:wrap;gap:8px}
.aw-ficha__sits-lista a{display:inline-flex;align-items:center;min-height:var(--toque);padding:6px 14px;background:var(--fondo-suave);font:600 var(--t-chico)/1.25 var(--letra-titulos);color:var(--c-titulo);text-decoration:none}
.aw-ficha__sits-lista a:hover{text-decoration:underline;text-underline-offset:3px}
.aw-ficha__sub{margin-bottom:8px;color:var(--c-titulo)}
/* El temario como recorrido: números en un riel */
.aw-temario.aw-traza{border-top:0;margin-top:6px}
.aw-temario.aw-traza > li{display:block;padding:4px 0 20px 52px;border-bottom:0;font-size:var(--t-texto);line-height:1.45}
.aw-temario.aw-traza > li::before{content:counter(aw-traza,decimal-leading-zero);top:0;width:36px;height:36px;font-size:.9375rem;background:var(--fam,var(--c-titulo))}
.aw-temario.aw-traza > li::after{left:17px;top:36px}
.aw-modalidades{display:grid;gap:8px}
.aw-modalidades li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.aw-modalidades strong{font-family:var(--letra-titulos);color:var(--c-titulo)}
.aw-nota-constancia{margin-top:14px;padding:12px 14px;background:var(--fondo-suave);font-size:var(--t-chico);color:var(--c-texto)}
.aw-descargar{display:flex;align-items:center;gap:14px;min-height:var(--toque);margin-top:16px;padding:10px 4px;color:var(--c-titulo);text-decoration:none;font:700 var(--t-texto)/1.25 var(--letra-titulos)}
.aw-descargar > span:last-child{display:flex;flex-direction:column}
.aw-descargar__nota{font:400 var(--t-chico)/1.3 var(--letra-texto);color:var(--c-texto-suave)}
.aw-descargar__icono{position:relative;flex:none;width:30px;height:36px;border:2px solid var(--c-titulo);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.aw-descargar__icono::before{content:'';position:absolute;left:6px;right:6px;top:12px;height:2px;background:var(--c-titulo);box-shadow:0 6px 0 var(--c-titulo),0 12px 0 var(--c-titulo)}
.aw-descargar:hover > span:last-child{text-decoration:underline;text-underline-offset:4px}

/* ---------- Formación: buscador y cómo se imparten ---------- */
.aw-buscador{display:grid;gap:12px;margin-bottom:clamp(20px,3vw,32px);padding:16px clamp(16px,2vw,24px);background:var(--c-fondo);border:1px solid var(--linea)}
.aw-buscador .aw-filtro{margin:0;align-items:center}
.aw-filtro__rotulo{min-width:5.5rem;font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}
.aw-filtro--sit{flex-wrap:nowrap;min-width:0}
.aw-filtro__desliza{display:flex;flex-wrap:wrap;gap:10px;min-width:0}
.aw-filtro__opcion--sit{border-left:5px solid var(--fam)}
@media (max-width:759px){
  .aw-filtro--sit{flex-direction:column;align-items:flex-start;gap:8px}
  .aw-filtro__desliza{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .aw-filtro__desliza .aw-filtro__opcion{flex:none}
}
.aw-imparten__in{display:grid;gap:clamp(24px,4vw,56px);align-items:start}
@media (min-width:960px){.aw-imparten__in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.aw-imparten__texto .aw-nota-constancia{margin-top:20px;font-size:var(--t-texto)}
.aw-modalidades--grande{gap:12px}
.aw-modalidades--grande li{flex-wrap:nowrap;align-items:center;gap:16px;padding:18px 20px;background:var(--fondo-suave);font-size:1.0625rem}
.aw-modalidades__pieza{flex:none;width:34px}
.aw-modalidades__pieza svg{width:34px;height:34px}
.aw-modalidades__pieza path{fill:var(--fam)}
.aw-modalidades--grande strong{display:block;font-size:var(--t-h3)}
.aw-tarjeta__datos{align-items:center;gap:8px 12px}
.aw-tarjeta__tipo{font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}
.aw-tarjeta__horas{margin-left:auto}
.aw-tarjeta__horas b{font-size:var(--t-h3)}

/* ---------- Barra fija «Cotizar» (celular) ---------- */
.aw-barra-cotizar{display:none}
@media (max-width:759px){
  .aw-barra-cotizar{position:sticky;bottom:0;z-index:15;display:block;padding:10px var(--margen) calc(10px + env(safe-area-inset-bottom));background:var(--c-fondo);border-top:1px solid var(--linea);transition:transform .2s ease,opacity .2s ease}
  .aw-barra-cotizar__enlace{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 16px;background:var(--c-cotizar);color:var(--c-cotizar-texto);font:700 var(--t-texto)/1.2 var(--letra-titulos);text-decoration:none;border-radius:var(--radio)}
  .aw-barra-cotizar--oculta{transform:translateY(110%);opacity:0;pointer-events:none}
}

/* ---------- Blog: compartir, relacionados y suscripción ---------- */
.aw-entrada__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:22px;font-size:var(--t-chico);color:var(--c-texto-suave)}
.aw-compartir{display:inline-flex;align-items:center;gap:10px;min-height:var(--toque);padding:6px 14px 6px 6px;border:1px solid var(--c-titulo);color:var(--c-titulo);font:700 var(--t-chico)/1.2 var(--letra-titulos);text-decoration:none}
.aw-compartir__in{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--c-titulo);color:var(--c-boton-texto);font:700 .95rem/1 var(--letra-texto)}
.aw-compartir:hover{text-decoration:underline;text-underline-offset:3px}
.aw-entrada__rel{max-width:46rem;margin:clamp(32px,4vw,48px) auto 0;padding-top:24px;border-top:1px solid var(--linea)}
.aw-entrada__rel-lista{display:grid;gap:10px;margin-top:14px}
@media (min-width:640px){.aw-entrada__rel-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.aw-entrada__rel-lista a{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px;background:var(--fondo-suave);border-left:6px solid var(--fam);color:var(--c-titulo);text-decoration:none}
.aw-entrada__rel-tipo{font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}
.aw-entrada__rel-titulo{font:var(--peso-titulos) var(--t-bajada)/1.25 var(--letra-titulos)}
.aw-entrada__rel-lista a:hover .aw-entrada__rel-titulo{text-decoration:underline;text-underline-offset:4px}
.aw-entrada__pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;max-width:46rem;margin:28px auto 0}
.aw-entrada__volver-enlace{display:inline-flex;align-items:center;min-height:var(--toque);font:700 var(--t-texto)/1.2 var(--letra-titulos);color:var(--c-enlace)}
.aw-sec--suscripcion{padding-block:clamp(40px,6vw,72px)}
.aw-sus{display:grid;gap:16px clamp(28px,4vw,56px);align-items:end}
@media (min-width:960px){.aw-sus{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.aw-sus__titulo,.aw-sus__intro{grid-column:1}.aw-sus__campos,.aw-sus__enviar,.aw-sus__nota{grid-column:2}.aw-sus__titulo{align-self:end}.aw-sus__campos{grid-row:1 / span 2}}
.aw-sus__titulo{font:var(--peso-titulos) calc(var(--t-h2) * .85)/1.15 var(--letra-titulos);color:var(--c-titulo)}
.aw-sus__intro{color:var(--c-texto-suave)}
.aw-sus__campos{display:grid;gap:12px}
@media (min-width:640px){.aw-sus__campos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.aw-sus .aw-btn{width:fit-content}
.aw-sus__nota{font-size:var(--t-chico);color:var(--c-texto-suave)}
.aw-sus--ok{display:block;padding:24px;background:var(--c-fondo)}
.aw-sus--ok:focus{outline:none}
.aw-sus__ok{margin-top:8px}

/* ---------- Cotizador: situación en el paso 1, la lista de cursos sin cortes ---------- */
.aw-cot__situaciones{margin-top:24px;padding-top:18px;border-top:1px solid var(--linea)}
.aw-cot__sub{display:block;margin-bottom:10px;font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-cot__sit-lista{display:grid;gap:8px}
@media (min-width:760px){.aw-cot__sit-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.aw-cot__sit{position:relative;display:flex;cursor:pointer;margin:0}
.aw-cot__sit input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}
.aw-cot__sit span{display:flex;align-items:center;width:100%;min-height:var(--toque);padding:8px 14px;border:1px solid var(--linea);background:var(--c-fondo);font:600 var(--t-chico)/1.3 var(--letra-titulos);color:var(--c-texto)}
.aw-cot__sit--ninguna span{border-left-color:var(--linea);color:var(--c-texto-suave)}
.aw-cot__sit input:checked + span{background:var(--c-titulo);border-color:var(--c-titulo);color:var(--c-boton-texto)}
.aw-cot__sit input:focus-visible + span{outline:var(--foco-ancho,2px) solid var(--c-foco);outline-offset:var(--foco-separacion,3px)}
.aw-cot__fichas{max-height:none;overflow:visible}

/* ---------- Inicio en el celular: portada más corta (titular, una línea y el botón en la primera pantalla) ---------- */
@media (max-width:899px){
  .aw-portada--foto{min-height:min(calc(100svh - 76px),640px);padding-block:clamp(120px,32vw,200px) 40px}
  .aw-portada--foto .aw-bajada{font-size:var(--t-texto);margin-top:12px}
  .aw-portada--foto .aw-acciones{margin-top:20px}
  .aw-sellos{margin-top:22px}
}
/* Nada de texto menor a 15 px en el celular */
@media (max-width:559px){.aw-codigo,.aw-sits__cursos .aw-codigo{font-size:.9375rem}}
@media (max-width:559px){:root{--t-etiqueta:.9375rem}}
/* Recursos en pantalla ancha: el título a la izquierda, la herramienta a la derecha (sin huecos) */
@media (min-width:1080px){
  .aw-autoeval{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);column-gap:clamp(36px,5vw,72px);align-items:start}
  .aw-contenido-editor .aw-autoeval > *{grid-column:1;margin-top:0}
  .aw-contenido-editor .aw-autoeval > p.aw-autoeval__intro{margin-top:16px}
  .aw-contenido-editor .aw-autoeval > .aw-ae,.aw-contenido-editor .aw-autoeval > .aw-ae-res{grid-column:2;grid-row:1 / span 6;margin-top:0;max-width:none}
  .aw-contenido-editor .aw-autoeval > .aw-ae-res + .aw-ae{grid-row:auto;margin-top:24px}
  .aw-linea-tiempo{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);column-gap:clamp(36px,5vw,72px)}
  .aw-contenido-editor .aw-linea-tiempo > h2{grid-column:1;grid-row:1 / span 4;align-self:start;position:sticky;top:24px}
  .aw-contenido-editor .aw-linea-tiempo > .aw-hito{grid-column:2}
}
@media (min-width:1080px){
  .aw-sec--faq .aw-contenido-editor > *{max-width:none}
  .aw-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);column-gap:clamp(36px,5vw,72px);align-items:start}
  .aw-contenido-editor .aw-faq > h2{grid-column:1;grid-row:1 / span 6;margin-top:0}
  .aw-contenido-editor .aw-faq > .wp-block-details{grid-column:2;margin-top:0}
}
.aw-sec--traza .aw-contenido-editor > p{margin-top:12px}
.aw-rejilla--rel .aw-tarjeta__horas{margin-left:0}
/* Nosotros: los valores sin numerales (no son una secuencia) ni rayita encima (0.14), con más peso en el nombre */
.aw-contenido-editor .aw-valor-tarjeta > h2::before{content:none}
.aw-sec--equipo .aw-contenido-editor > *{max-width:none}
@media (min-width:960px){.aw-contenido-editor .aw-posicion > p.aw-linkedin{grid-column:2}}
.aw-contenido-editor .aw-cuando > h2{margin-bottom:20px}
.aw-sec--areas .aw-contenido-editor .aw-area{--c-tarjeta:var(--fondo-suave)}
.aw-buscador__titulo{font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
@media (max-width:759px){.aw-ficha__sits-titulo{flex-basis:100%}}
.aw-sec--tipos{padding-bottom:clamp(48px,6vw,80px)}
.aw-sec--tipos + .aw-sec{padding-top:clamp(48px,6vw,80px)}
.aw-contenido-editor > .wp-block-group > h2:first-child{margin-top:0}
/* Situación en el cotizador: el círculo de la opción se ve (como las casillas de los cursos) */
.aw-cot .aw-cot__sit input{position:absolute;left:14px;top:50%;width:18px;height:18px;min-height:0;margin:-9px 0 0;padding:0;opacity:1;accent-color:var(--c-titulo)}
.aw-cot__sit span{padding-left:44px}
.aw-cot__sit input:checked + span{background:var(--fondo-suave);border-color:var(--c-titulo);color:var(--c-titulo);box-shadow:inset 0 0 0 1px var(--c-titulo)}
/* Botones dentro del contenido del editor: el color de enlace no les gana */
.aw-contenido-editor a.aw-btn{text-decoration:none}
.aw-contenido-editor a.aw-btn--cotizar{color:var(--c-cotizar-texto)}
.aw-contenido-editor a.aw-btn--principal{color:var(--c-boton-texto)}
.aw-ae__respuestas{max-width:52rem;margin-top:16px}
.aw-ae__respuestas > summary{display:inline-flex;align-items:center;min-height:var(--toque);cursor:pointer;font:700 var(--t-texto)/1.2 var(--letra-titulos);color:var(--c-enlace);text-decoration:underline;text-underline-offset:4px}
@media (min-width:1080px){.aw-contenido-editor .aw-autoeval > .aw-ae__respuestas{grid-column:2;margin-top:16px;max-width:none}}

/* ------------------------------------------------------------------ 0.8.2 · Inicio más corto en el celular */
@media (max-width:699px){
  .home .aw-sec--pasos .aw-paso{padding:12px 0 12px;gap:2px 14px;align-items:center}
  .home .aw-sec--pasos .aw-paso__num{font-size:var(--t-h3);min-width:1.6em}
  .home .aw-sec--pasos .aw-paso__texto strong{margin:0;font-size:1.0625rem}
  .home .aw-sec--pasos .aw-paso__desc{display:none}
  .home .aw-destacados__resto{display:none}
  .home .aw-destacado{min-height:0}
  .aw-dominamos__lista{display:flex;flex-wrap:wrap;gap:8px}
  .aw-dominamos__item,.aw-dominamos__item:last-child:nth-child(odd){min-height:var(--toque);padding:6px 12px 6px 8px;gap:8px;font-size:.9375rem}
  .aw-dominamos__pieza,.aw-dominamos__pieza svg{width:22px;height:22px}
}
@media (max-width:699px){
  /* Servicios: foto chica al lado del título, sobre tarjeta blanca (la sección ahora es suave). */
  .home .aw-servicios--mosaico{gap:12px}
  .home .aw-servicios--mosaico .aw-servicio{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:start;padding:0 12px 0 0;background:var(--c-fondo)}
  .home .aw-servicios--mosaico .aw-servicio__foto{grid-column:1;grid-row:1 / span 2;width:84px;height:100%;min-height:118px;margin:0}
  .home .aw-servicios--mosaico .aw-servicio__titulo{grid-column:2;padding:14px 0 10px;font-size:var(--t-bajada);background-position:left bottom;background-size:48px 3px}
  .home .aw-servicios--mosaico .aw-servicio p{grid-column:2;padding:0 0 14px;font-size:1rem;line-height:1.45}
  /* Autoevaluación: el llamado y el botón; los bloques se ven al hacerla. */
  .home .aw-ae-teaser__bloques{display:none}
}

/* =====================================================================
   0.9 · Movimiento y color (variante «B · Ensamble»). Solo transform, opacity y clip-path. Con «reducir movimiento» todo
   queda quieto (la regla general de arriba y el JavaScript, que no prepara nada). Nada en bucle salvo la foto de portada.
   ===================================================================== */

/* 1 a 3 (la foto que respiraba, la entrada de bloques con un velo y las cifras que contaban): fuera en la 0.14. */

/* 4. Cinco pasos: cada uno con su color, su barra superior y la pieza del símbolo sobre el número (en blanco) */
.aw-pasos{background:none}
.aw-paso{--paso:var(--fam-1,var(--rojo))}
.aw-paso--2{--paso:var(--fam-2,var(--verde))}
.aw-paso--3{--paso:var(--fam-3,var(--amarillo))}
.aw-paso--4{--paso:var(--azul-sobre-oscuro)}
.aw-paso--5{--paso:var(--fam-1,var(--rojo))}
.aw-paso__marca{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.aw-paso__pieza,.aw-paso__pieza svg{display:block;width:34px;height:34px}
.aw-paso__num{color:var(--c-banda-texto)}
@media (max-width:699px){
  .home .aw-sec--pasos .aw-paso__marca{gap:4px}
  .home .aw-sec--pasos .aw-paso__pieza,.home .aw-sec--pasos .aw-paso__pieza svg{width:22px;height:22px}
}

/* Momentos de Auditoría y Consultoría: la traza que los une lleva el color de cada momento (la Q que se arma, quieta: 0.14). */
.aw-sec--traza ol.aw-traza > li{--momento:var(--fam-1,var(--rojo));min-height:96px}
.aw-sec--traza ol.aw-traza > li.aw-momento--2{--momento:var(--fam-2,var(--verde))}
.aw-sec--traza ol.aw-traza > li.aw-momento--3{--momento:var(--fam-3,var(--amarillo))}
.aw-sec--traza ol.aw-traza > li.aw-momento--4{--momento:var(--fam-4,var(--azul))}
.aw-sec--traza ol.aw-traza > li:nth-child(n)::before{top:46px;width:44px;height:auto;justify-content:center;background:none;color:var(--c-titulo);font-size:var(--t-bajada)}
.aw-traza__pieza{position:absolute;left:4px;top:0;width:36px;height:36px}
.aw-traza__pieza svg{display:block;width:36px;height:36px}
.aw-sec--traza ol.aw-traza > li::after{left:21px;top:80px;bottom:-28px;width:3px;background:var(--momento);transform-origin:top center}
.aw-sec--traza .aw-traza em{border-left-color:var(--momento)}
@media (min-width:960px){
  .aw-sec--traza ol.aw-traza > li{padding:118px 0 0;min-height:0}
  .aw-traza__pieza{left:0;top:24px}
  .aw-sec--traza ol.aw-traza > li:nth-child(n)::before{top:72px;left:0;width:auto;justify-content:flex-start}
  .aw-sec--traza ol.aw-traza > li::after,.aw-sec--traza ol.aw-traza > li:last-child::after{display:block;left:0;right:-28px;top:0;bottom:auto;width:auto;height:5px;transform-origin:left center}
  .aw-sec--traza ol.aw-traza > li:last-child::after{right:0}
}

/* 5. Tarjetas con foto: la foto se acerca y entra la pieza de color desde la esquina de arriba a la derecha. En táctil, quietas. */
.aw-tarjeta-q:not(.aw-tarjeta-q--fija){position:absolute;top:0;right:0;z-index:1;width:76px;pointer-events:none;opacity:0;transform:translate(70%,-70%)}
.aw-tarjeta-q svg{display:block;width:100%;height:auto}
.aw-servicio{position:relative}
@media (hover:hover) and (pointer:fine){
  .aw-tarjeta-q{transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
  .aw-tarjeta-q--fija{transform:translate(24%,-24%)}
  a:hover > .aw-tarjeta-q,a:focus-visible > .aw-tarjeta-q{opacity:1;transform:none}
}
@media not all and (hover:hover) and (pointer:fine){.aw-tarjeta-q:not(.aw-tarjeta-q--fija){display:none}}
@media (max-width:759px){.aw-tarjeta-q:not(.aw-tarjeta-q--fija){display:none}}

/* 6. Situaciones en Inicio: el panel sale y el nuevo entra, con 16 px y fundido de 0,3 s */
/* 0.14: solo al elegir (el JavaScript pone aw-sits__panel--entra en la que se abre): al cargar, la situación ya está. */
.aw-sits--js .aw-sits__panel--entra{animation:aw-sit-cambia .3s cubic-bezier(.2,.7,.2,1) both}
.aw-sits--js .aw-sits__panel.aw-sits__panel--sale{z-index:0;pointer-events:none;animation:aw-sit-sale .3s ease both}
.aw-sits--js .aw-sits__panel:not(.aw-sits__panel--sale){position:relative;z-index:1}
@keyframes aw-sit-cambia{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes aw-sit-sale{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px)}}

/* 7. Quién audita (solo con un perfil autorizado) */
.aw-equipo{display:grid;gap:clamp(24px,3vw,40px)}
.aw-perfil{display:grid;gap:20px 36px;align-items:start}
@media (min-width:760px){.aw-perfil{grid-template-columns:minmax(0,260px) minmax(0,1fr)}.aw-perfil--corto{grid-template-columns:minmax(0,150px) minmax(0,1fr)}}
.aw-perfil__foto{margin:0;max-width:320px}
.aw-perfil__foto img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);background:var(--fondo-suave)}
.aw-perfil--corto .aw-perfil__foto{max-width:150px}
.aw-perfil__nombre{font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-perfil__cargo{margin-top:4px;color:var(--c-texto-suave)}
.aw-perfil__credenciales{display:grid;gap:8px;margin-top:16px;padding:0;list-style:none}
.aw-perfil__credenciales li{display:flex;gap:12px;align-items:baseline}
.aw-perfil__credenciales li::before{content:'';flex:none;width:9px;height:9px;background:var(--fam-1,var(--rojo));transform:rotate(45deg) translateY(-1px)}
.aw-perfil__credenciales li:nth-child(4n+2)::before{background:var(--fam-2,var(--verde))}
.aw-perfil__credenciales li:nth-child(4n+3)::before{background:var(--fam-3,var(--amarillo))}
.aw-perfil__credenciales li:nth-child(4n)::before{background:var(--fam-4,var(--azul))}
.aw-perfil__trayectoria{margin-top:18px;max-width:var(--medida)}

/* =====================================================================
   0.10 · «Vida y oficio»: el logo como lenguaje (regla de color, la Q que se arma en los pasos, las situaciones que se
   ensamblan, un solo corte a 45° por página, el subrayado que se dibuja) y detalles de oficio (selección, foco, barra de
   lectura, pie como documento controlado, la 404 como hallazgo, impresión). Solo transform y opacity; con «reducir
   movimiento», las piezas ya armadas.
   ===================================================================== */

/* Detalles finos: selección en el amarillo de la marca, translúcido (el foco turquesa de 2 px está arriba, en :focus-visible) */
::selection{background:var(--c-seleccion)}

/* A1 · Regla de color, una sola. El color identifica a las familias de cursos (tarjetas, fichas, Formación, el curso destacado)
   y a las piezas cuando el símbolo se arma (la cinta, la Q, los pasos, los momentos). Lo demás va en un solo color. */
.aw-dominamos .aw-dominamos__item,.aw-ae-teaser .aw-ae-teaser__bloques li,.aw-modalidades .aw-fam-1,.aw-modalidades .aw-fam-2,.aw-modalidades .aw-fam-4,
.aw-ae .aw-ae__bloque,.aw-ae-res .aw-ae-res__debiles li,.aw-servicios .aw-servicio{--fam:var(--c-detalle)}
.aw-contenido-editor .aw-normas li,.aw-contenido-editor .aw-normas li:nth-child(n),.aw-contenido-editor .aw-area,.aw-contenido-editor .aw-area:nth-child(2),
.aw-contenido-editor .aw-valor-tarjeta,.aw-contenido-editor .aw-valor-tarjeta:nth-child(n){--fam:var(--c-detalle)}
.aw-contenido-editor .aw-tipo,.aw-contenido-editor .aw-tipo:nth-of-type(n){border-top-color:var(--c-detalle)}
.aw-con-equipo__lista li,.aw-con-equipo__lista li:nth-child(n){border-color:var(--c-detalle)}
.aw-entrada__texto h2,.aw-entrada__texto h2:nth-of-type(n){border-color:var(--c-detalle)}
.aw-perfil__credenciales li::before,.aw-perfil__credenciales li:nth-child(n)::before{background:var(--c-detalle)}
.aw-nota-constancia,.aw-contenido-editor p.aw-donde{border-left-color:var(--c-detalle)}
/* Sobre fondo oscuro, el mismo azul en su tono para oscuro */
.aw-sellos .aw-sellos__item{--fam:var(--c-detalle-oscuro)}
@media (min-width:760px){.aw-servicios--mosaico .aw-servicio{--fam:var(--c-detalle-oscuro)}}

/* A1 · Situaciones: todas en azul (ícono y barra). La elegida ensambla su ícono: las piezas entran a su lugar (0,3 s) y toman
   los cuatro colores. Las demás quedan con las piezas un poco abiertas, en azul. */
.aw-ens{overflow:visible}
.aw-ens__parte,.aw-ens__hueco{transform-box:view-box}
.aw-ens__parte--1{--ex:-34px;--ey:-34px}
.aw-ens__parte--2{--ex:34px;--ey:-34px}
.aw-ens__parte--3{--ex:-34px;--ey:34px}
.aw-ens__parte--4{--ex:34px;--ey:34px}
.aw-ens__color{fill:var(--gris-pieza)}
.aw-ens__parte--1 .aw-ens__color{fill:var(--fam-1,var(--rojo))}
.aw-ens__parte--2 .aw-ens__color{fill:var(--fam-2,var(--verde))}
.aw-ens__parte--3 .aw-ens__color{fill:var(--fam-3,var(--amarillo))}
.aw-ens__parte--4 .aw-ens__color{fill:var(--fam-4,var(--azul))}
.aw-sits__pieza{width:36px}
.aw-sits__pieza svg{width:36px;height:36px}
.aw-ens--sit .aw-ens__base{fill:var(--c-situacion)}
.aw-ens--sit .aw-ens__color{opacity:0;transition:opacity .3s ease}
.aw-ens--sit .aw-ens__parte{transform:translate(calc(var(--ex) * .55),calc(var(--ey) * .55));transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.aw-sits__tab[aria-current] .aw-ens--sit .aw-ens__parte{transform:none}
.aw-sits__tab[aria-current] .aw-ens--sit .aw-ens__color{opacity:1}
.aw-sits--js .aw-sits__tab[aria-current]{border-left-color:var(--c-detalle-oscuro)}
.aw-sits--js .aw-sits__tab[aria-current] .aw-ens__parte--4 .aw-ens__color{fill:var(--azul-sobre-oscuro)}
/* Con «reducir movimiento», las piezas ya armadas (sin abrirse); la elegida solo cambia a sus cuatro colores. */
@media (prefers-reduced-motion:reduce){.aw-ens--sit .aw-ens__parte{transform:none}}

/* A2 · Cinco pasos: el logo se arma. Del 01 al 04 cada paso pone su pieza en su lugar (las otras, como hueco); el 05 muestra
   la Q completa a cuatro colores y su barra lleva los cuatro en tramos. Pasa una vez, cuando la sección entra en pantalla. */
.aw-paso::before{content:none}
.aw-paso--4{--paso:var(--azul-sobre-oscuro)}
.aw-paso__barra{position:absolute;left:0;right:0;top:-5px;display:flex;height:5px;transform-origin:0 50%}
.aw-paso__barra i{flex:1;background:var(--paso)}
.aw-paso--q .aw-paso__barra i:nth-child(1){background:var(--fam-1,var(--rojo))}
.aw-paso--q .aw-paso__barra i:nth-child(2){background:var(--fam-2,var(--verde))}
.aw-paso--q .aw-paso__barra i:nth-child(3){background:var(--fam-3,var(--amarillo))}
.aw-paso--q .aw-paso__barra i:nth-child(4){background:var(--azul-sobre-oscuro)}
.aw-paso__pieza,.aw-paso__pieza svg{width:56px;height:56px}
.aw-ens--paso .aw-ens__base{display:none}
.aw-ens--paso .aw-ens__forma{fill:var(--pieza-hueco-oscuro)}
.aw-sec--pasos .aw-ens__parte--4 .aw-ens__color{fill:var(--azul-sobre-oscuro)}
.aw-dibuja .aw-paso__marca{opacity:1}
.aw-dibuja .aw-paso__barra{transform:scaleX(0)}
.aw-dibuja--ya .aw-paso__barra{transform:none;transition:transform .35s cubic-bezier(.4,0,.6,1) calc(var(--i) * .35s)}
.aw-dibuja .aw-ens--paso .aw-ens__parte{opacity:0;transform:translate(var(--ex),var(--ey))}
.aw-dibuja--ya .aw-ens--paso .aw-ens__parte{opacity:1;transform:none;transition:transform .55s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .35s + .15s),opacity .3s ease calc(var(--i) * .35s + .15s)}
.aw-dibuja--ya .aw-paso--q .aw-ens__parte--2{transition-delay:calc(var(--i) * .35s + .27s)}
.aw-dibuja--ya .aw-paso--q .aw-ens__parte--3{transition-delay:calc(var(--i) * .35s + .39s)}
.aw-dibuja--ya .aw-paso--q .aw-ens__parte--4{transition-delay:calc(var(--i) * .35s + .51s)}
.aw-dibuja--ya .aw-paso__marca{transition:none}
@media (max-width:699px){.home .aw-sec--pasos .aw-paso__pieza,.home .aw-sec--pasos .aw-paso__pieza svg{width:30px;height:30px}}
/* Momentos de Auditoría y Consultoría (sobre fondo claro): el cuarto, en el azul de la marca */
.aw-sec--traza ol.aw-traza > li.aw-momento--4{--momento:var(--fam-4,var(--azul))}


/* A5 · Barra de lectura (la dibuja la base): los cuatro colores del símbolo */
:root{--aw-lectura-1:var(--fam-1,var(--rojo));--aw-lectura-2:var(--fam-2,var(--verde));--aw-lectura-3:var(--fam-3,var(--amarillo));--aw-lectura-4:var(--fam-4,var(--azul))}

/* B7 · Pie: el sitio como documento controlado, y la firma */
.aw-pie__control{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px;padding-bottom:12px;border-top:1px solid var(--c-banda-linea)}
.aw-pie__documento{padding-block:12px;font:400 .8125rem/1.5 var(--letra-mono);letter-spacing:.01em;color:var(--c-banda-suave)}
.aw-pie a.aw-pie__firma{display:inline-flex;align-items:center;min-height:var(--toque);font-size:var(--t-etiqueta);color:var(--c-banda-suave)}
@media (max-width:559px){.aw-pie__documento{font-size:.9375rem}}

/* C10 · Teléfonos en Contacto */
.aw-contacto-datos dd a{display:inline-flex;align-items:center;min-height:var(--toque)}

/* B8 · La 404 como hallazgo: una tarjeta sobria, con los campos de un informe */
.aw-error .aw-h1{max-width:14em}
.aw-hallazgo{margin-top:clamp(24px,3vw,36px);max-width:42rem;background:var(--c-fondo);border:1px solid var(--linea)}
.aw-hallazgo__cabeza{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;padding:12px 22px;border-bottom:1px solid var(--linea);background:var(--fondo-suave)}
.aw-hallazgo__rotulo{font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}
.aw-hallazgo__codigo{font:400 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-texto-suave)}
.aw-hallazgo__campos{margin:0}
.aw-hallazgo__campo{display:grid;grid-template-columns:minmax(0,10.5rem) minmax(0,1fr);gap:6px 20px;padding:18px 22px;border-bottom:1px solid var(--linea)}
.aw-hallazgo__campo:last-child{border-bottom:0}
.aw-hallazgo dt{font:var(--peso-titulos) 1.0625rem/1.35 var(--letra-titulos);color:var(--c-titulo)}
.aw-hallazgo dd{margin:0;color:var(--c-texto)}
.aw-hallazgo__url{font:400 var(--t-chico)/1.5 var(--letra-texto);color:var(--c-texto);overflow-wrap:anywhere;word-break:break-word}
.aw-hallazgo__salidas{display:flex;flex-wrap:wrap;gap:0 28px;margin:-10px 0}
.aw-hallazgo__salidas a{display:inline-flex;align-items:center;min-height:var(--toque);font:700 var(--t-texto)/1.2 var(--letra-titulos);color:var(--c-enlace);text-decoration:underline;text-underline-offset:4px}
@media (max-width:559px){.aw-hallazgo__campo{grid-template-columns:1fr;padding:16px 18px}.aw-hallazgo__cabeza{padding:12px 18px}}
@media (max-width:899px){.aw-pieza--error{max-width:140px;margin-inline:auto 0}}

/* C13 · Galería «Nuestros cursos, en la práctica» (solo con 3 fotos o más) */
.aw-galeria{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));margin:0;padding:0;list-style:none}
.aw-galeria__item figure{margin:0}
.aw-galeria__item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--c-fondo)}
.aw-galeria__item figcaption{padding-top:10px;font-size:var(--t-chico);color:var(--c-texto-suave)}

/* C11 · Nosotros: el equipo */
.aw-sec--personas .aw-contenido-editor > *{max-width:none}
.aw-contenido-editor ul.aw-personas__lista{list-style:none;padding:0;display:grid;gap:16px;margin-top:22px;max-width:none}
@media (min-width:760px){.aw-contenido-editor ul.aw-personas__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.aw-personas__lista li{display:flex;flex-direction:column;gap:4px;margin:0;padding:18px 0 0;border-top:1px solid var(--linea);color:var(--c-texto-suave)}
.aw-personas__lista strong{font:var(--peso-titulos) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}

/* B9 · Impresión: el logo arriba, sin menú, sin botones ni formularios (la base ya los quita), sin fotos de adorno y en tinta
   sobre blanco; al pie, el control del documento y la dirección de la página. Una ficha de curso entra en una o dos hojas. */
@media print{
  :root{--sep-seccion:5mm;--t-h1:22pt;--t-h1-int:22pt;--t-h1-portada:24pt;--t-h2:15pt;--t-h3:12pt;--t-bajada:11pt;--t-texto:10.5pt;--t-numero:16pt}
  body{background:none;color:var(--c-texto)}
  .aw-cabeza{border-bottom:.6pt solid var(--linea)}
  .aw-envoltura{max-width:none;padding-inline:0}
  .aw-cabeza__fila{min-height:0;padding-block:0 3mm}
  .aw-cabeza__marca .aw-logo{width:44mm}
  .aw-menu,.aw-cabeza__boton-menu,.aw-cabeza__cotizar,.aw-menu-casilla,.aw-banda,.aw-barra-cotizar,.aw-portada__q,.aw-cinta,.aw-ficha__lateral,.aw-ficha__rel,.aw-ficha__ir,
  .aw-migas,.aw-sec--suscripcion,.aw-compartir,.aw-entrada__pie,.aw-tarjeta-q,.aw-sits__acciones,.aw-acciones,.aw-descargar,.aw-sec--galeria,.aw-pie__marca,.aw-pie__col:not(:last-child),
  .aw-portada__foto,.aw-figura-foto,.aw-ficha__figura,.aw-grupo__figura,.aw-servicio__foto,.aw-nota__foto,.aw-figura,.aw-pieza--error,.aw-sec--prueba{display:none!important}
  .aw-portada--foto::before,.aw-servicios--mosaico .aw-servicio::after{display:none!important}
  .aw-sec,.aw-oferta,.aw-cabeza-pag,.aw-portada,.aw-ficha,.aw-error,.aw-sector,.aw-nota-blog{min-height:0!important;margin:0!important;padding-block:4mm!important;clip-path:none!important}
  .aw-sec,.aw-oferta,.aw-portada,.aw-oscuro,.aw-sec--oscura,.aw-destacado,.aw-servicio,.aw-dos__col,.aw-sits__tab,.aw-sits__panel{background:none!important;color:var(--c-texto)!important}
  .aw-oscuro .aw-h1,.aw-oscuro .aw-h2,.aw-oscuro .aw-bajada,.aw-oscuro p,.aw-oscuro strong,.aw-oscuro a,.aw-destacado *,.aw-servicio *,.aw-sits__tab *{color:var(--c-titulo)!important}
  .aw-sits--js .aw-sits__panel[hidden]{display:block!important}
  .aw-dibuja *,.aw-dibuja *::before,.aw-dibuja *::after{opacity:1!important;transform:none!important}
  .aw-sellos__item{background:none;border:.6pt solid var(--linea);color:var(--c-titulo)}
  .aw-ficha{display:block}
  .aw-ficha > * + *{margin-top:4mm}
  .aw-ficha__titulo{font-size:22pt;max-width:none}
  .aw-datos{padding:3mm 4mm;border-top-width:3pt}
  .aw-datos__valor b{font-size:16pt}
  .aw-temario.aw-traza > li{padding:0 0 2mm 30pt;font-size:10.5pt;line-height:1.35}
  .aw-temario.aw-traza > li::before{width:20pt;height:20pt;font-size:8.5pt}
  .aw-temario.aw-traza > li::after{left:9.5pt;top:20pt}
  .aw-ficha__sits-lista a,.aw-modalidades--grande li{min-height:0;padding:1mm 3mm;background:none}
  .aw-pie{background:none;color:var(--c-texto);border-top:.6pt solid var(--linea);break-inside:avoid}
  .aw-pie a,.aw-pie__abajo,.aw-pie__abajo a,.aw-pie__titulo,.aw-pie__documento,.aw-pie a.aw-pie__firma{color:var(--c-texto)!important;min-height:0}
  .aw-pie__arriba{display:block;padding-block:2mm}
  .aw-pie__col:last-child{display:flex;flex-wrap:wrap;gap:0 6mm}
  .aw-pie__col a{display:inline;min-height:0}
  .aw-pie__abajo,.aw-pie__control{padding-block:1.5mm;border-color:var(--linea)}
  .aw-pie__documento{padding-block:0;font-size:8.5pt}
  .aw-impresion-url{font-family:var(--letra-texto)}
}

/* =====================================================================
   0.10 · Correcciones de la revisión en frío (ver qa/REPORTE_v0.10.md, «Revisión en frío»)
   ===================================================================== */

/* El corte a 45° queda solo para la sección (uno por página): las fotos van rectas */
.aw-figura-foto,.aw-grupo__figura,.aw-ficha__figura,.aw-nota__foto,.aw-entrada__figura,.aw-foto img,.aw-perfil__foto img,.aw-servicio__foto{clip-path:none}
@media (min-width:960px){.aw-cabeza-pag--con-foto .aw-cabeza-pag__in > .aw-figura-foto{clip-path:none}}
@media (max-width:959px){.aw-cabeza-pag--con-foto .aw-cabeza-pag__in > .aw-figura-foto{clip-path:none}}
@media (max-width:759px){.aw-entrada__figura{clip-path:none}}

/* Portada: el texto no pasa la zona oscura (entre 900 y 1280 px salía sobre la parte clara de la foto) */
@media (min-width:900px){
  .aw-portada--foto .aw-portada__texto{max-width:min(44rem,46vw)}
  .aw-portada--foto::before{background:linear-gradient(90deg,rgb(var(--c-banda-rgb) / .95) 0,rgb(var(--c-banda-rgb) / .9) calc(var(--margen) + min(44rem,46vw)),rgb(var(--c-banda-rgb) / 0) calc(var(--margen) + min(44rem,46vw) + 20vw))}
}

/* Barra fija «Cotizar»: escondida, también fuera del teclado; visible, no tapa lo que tiene el foco */
@media (max-width:759px){
  .aw-barra-cotizar{visibility:visible;transition:transform .2s ease,opacity .2s ease,visibility 0s linear 0s}
  .aw-barra-cotizar--oculta{visibility:hidden;transition:transform .2s ease,opacity .2s ease,visibility 0s linear .2s}
  html{scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}

/* Contacto en el celular: primero dónde y cómo contactar (correo y teléfonos), después el cotizador. 0.12: ese es ya el
   orden del contenido (antes se cambiaba con «order» y el Tab no seguía lo que se ve). */
.aw-sec--form .aw-contenido-editor > p a[href^="mailto:"],.aw-sec--form .aw-contenido-editor > p a[href^="https://www.linkedin"]{display:inline-flex;align-items:center;min-height:var(--toque)}
.aw-sec--form .aw-contenido-editor > h2:first-child{margin-top:0;font:var(--peso-titulos) var(--t-h2)/1.15 var(--letra-titulos);color:var(--c-titulo);max-width:14em}

/* Auditoría a 320 px: las normas en una columna antes de cortar «13485:2016» */
@media (max-width:359px){.aw-contenido-editor ul.aw-normas{grid-template-columns:1fr}.aw-normas li:last-child:nth-child(odd){grid-column:auto}}

/* El carril de filtros del celular deja lugar al contorno del foco */
@media (max-width:759px){.aw-filtro__desliza{padding:6px 6px 12px;margin:-6px -6px 0;scroll-padding-inline:16px}}

/* Los filtros, con el radio de la marca (sin píldoras) */
.aw-filtro__opcion{border-radius:var(--radio)}

/* Momentos: «Recibe» y «Queda» en el color de los detalles (la barra y la pieza siguen siendo el símbolo que se arma) */
.aw-sec--traza .aw-traza em{border-left-color:var(--c-detalle)}

/* Colores que quedaban por posición o por estado */
.aw-cot__bloque,.aw-cot__bloque:nth-child(n){border-left-color:var(--c-detalle)}
.aw-hito--ciclo::before{border-color:var(--c-titulo);border-style:dashed}
.aw-sus--ok{border-left-color:var(--c-detalle)}

/* La Q de la 404, con sus colores enteros */
.aw-pieza--error{opacity:1}

/* El botón del menú (con JavaScript): un botón de verdad, con su estado */
button.aw-cabeza__boton-menu{border:0;background:none;font:700 var(--t-chico)/1 var(--letra-titulos);color:var(--c-titulo)}
@media (min-width:960px){button.aw-cabeza__boton-menu{display:none}}

/* Al imprimir: sin enlaces que no sirven en papel */
@media print{.aw-pie__privacidad,.aw-pie__firma{display:none!important}}

/* =====================================================================
   0.12 · Coherencia: una pieza nunca va sola
   ===================================================================== */
/* El ícono de una familia de cursos: la Q completa en el tono apagado (--gris-pieza), con la pieza de su familia en color.
   Es el mismo componente que las situaciones y los cinco pasos (aw_tema_simbolo_ensambla). «Todos» lleva la Q a cuatro
   colores. La familia la da la clase aw-fam-N de quien lo contiene (la pieza N es la del color --fam-N). */
.aw-ens--fam .aw-ens__base{fill:var(--gris-pieza)}
.aw-ens--fam .aw-ens__color{opacity:0}
.aw-fam-1 .aw-ens--fam .aw-ens__parte--1 .aw-ens__color,.aw-fam-2 .aw-ens--fam .aw-ens__parte--2 .aw-ens__color,
.aw-fam-3 .aw-ens--fam .aw-ens__parte--3 .aw-ens__color,.aw-fam-4 .aw-ens--fam .aw-ens__parte--4 .aw-ens__color,
.aw-ens--todas .aw-ens__color{opacity:1}
/* En el filtro, la pieza de la familia espera un poco afuera y, al elegir el filtro, se ensambla (como la situación elegida):
   la misma animación, solo con transform. Sin JavaScript, la elegida ya viene armada. */
.aw-fam .aw-ens--fam .aw-ens__parte{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
a.aw-fam.aw-fam-1:not([aria-current]) .aw-ens--fam .aw-ens__parte--1,a.aw-fam.aw-fam-2:not([aria-current]) .aw-ens--fam .aw-ens__parte--2,
a.aw-fam.aw-fam-3:not([aria-current]) .aw-ens--fam .aw-ens__parte--3,a.aw-fam.aw-fam-4:not([aria-current]) .aw-ens--fam .aw-ens__parte--4,
a.aw-fam--todas:not([aria-current]) .aw-ens--fam .aw-ens__parte{transform:translate(calc(var(--ex) * .55),calc(var(--ey) * .55))}
.aw-familias__lista .aw-fam__pieza svg{animation:none}
@media (prefers-reduced-motion:reduce){.aw-fam .aw-ens--fam .aw-ens__parte{transform:none!important;transition:none}}
/* Las otras Q del sitio, con el mismo componente:
   - aw-ens--marca: la Q entera en un solo color (el azul de los detalles, o el de oscuro donde --fam lo dice), para lo que no
     es una familia: los servicios de Inicio y las normas.
   - aw-ens--momento: los momentos de Auditoría y Consultoría, como los cinco pasos: cada momento pone su pieza (en su color)
     y las otras tres quedan como hueco.
   - En el curso destacado (tarjeta oscura), la Q apagada va en el tono del hueco sobre oscuro. */
.aw-ens--marca .aw-ens__base{fill:var(--fam,var(--c-detalle))}
.aw-ens--marca .aw-ens__color{opacity:0}
.aw-ens--momento .aw-ens__base{display:none}
.aw-ens--momento .aw-ens__forma{fill:var(--gris-pieza)}
.aw-oscuro .aw-ens--fam .aw-ens__base{fill:var(--pieza-hueco-oscuro)}
.aw-oscuro.aw-fam-4 .aw-ens--fam .aw-ens__parte--4 .aw-ens__color{fill:var(--azul-sobre-oscuro)}
/* Al pasar el puntero por un servicio, la Q entra desde la esquina y sus piezas se arman (solo transform). */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .aw-tarjeta-q:not(.aw-tarjeta-q--fija) .aw-ens__parte{transform:translate(calc(var(--ex) * .55),calc(var(--ey) * .55));transition:transform .5s cubic-bezier(.2,.7,.2,1) .1s}
  a:hover > .aw-tarjeta-q .aw-ens__parte,a:focus-visible > .aw-tarjeta-q .aw-ens__parte{transform:none}
}

/* 0.12 · El color solo identifica familias de cursos. El rojo queda para el botón de cotizar (y los errores de formulario,
   con su propio token); todo lo demás que lo usaba como acento va en el azul de los detalles. */
.aw-campo--error input,.aw-campo--error select,.aw-campo--error textarea{border-color:var(--c-error,var(--c-acento))}
.aw-campo__error,.aw-form__aviso p,.aw-ae__pregunta.aw-campo--error legend{color:var(--c-error,var(--c-etiqueta))}
.aw-form__aviso{border-left-color:var(--c-error,var(--c-acento))}
.aw-pendiente{border-color:var(--c-error,var(--c-acento))}
.aw-pendiente__marca{color:var(--c-error,var(--c-etiqueta))}
/* El cotizador: el avance y la línea elegida, en azul, como las demás opciones elegidas; la caja, con el filete azul. */
.aw-cot__barra i{background:var(--c-detalle)}
.aw-cot__linea:has(input:checked){border-color:var(--c-detalle);box-shadow:inset 0 -6px 0 var(--c-detalle)}
.aw-caja-cotizar::before{background:var(--linea)}
/* El resultado de la autoevaluación: el estado lo dicen el texto y el largo de la barra, en un solo color (antes, un semáforo
   con rojo, amarillo y turquesa, que son colores de familias). */
.aw-ae-res__fila--n0,.aw-ae-res__fila--n1,.aw-ae-res__fila--n2{--estado:var(--c-detalle)}
.aw-ae-res__fila--n1 .aw-ae-res__estado::before{background:none;box-shadow:inset 0 0 0 2px var(--estado)}
.aw-ae-res__fila--n0 .aw-ae-res__estado::before{background:none;box-shadow:inset 0 0 0 2px var(--estado);transform:rotate(45deg) scale(.7)}

/* =====================================================================
   0.12 · Coherencia: lo que encontró la revisión de todas las páginas
   ===================================================================== */
/* Regla 3 · Inicio en el celular: primero el título, la entrada y el botón, sobre el oscuro de la marca; la foto, después
   (antes, la foto y la Q recortada ocupaban la primera mitad de la pantalla y el título empezaba abajo). En pantalla ancha, la
   Q de la portada queda entera dentro de la foto: recortada por el borde se leía como piezas sueltas (regla 1). */
@media (max-width:899px){
  .aw-portada--foto{flex-direction:column;align-items:stretch;min-height:0;padding-block:clamp(32px,8vw,48px) 0}
  .aw-portada--foto::before{display:none}
  .aw-portada--foto .aw-portada__in{order:1;width:100%}
  .aw-portada--foto .aw-portada__foto{position:relative;inset:auto;z-index:0;order:2;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin-top:32px;animation:none}
  .aw-portada__q{display:none}
}
@media (min-width:900px){
  .aw-portada__q{right:clamp(32px,5vw,96px);bottom:clamp(40px,6vw,96px);width:clamp(180px,20vw,320px)}
}
/* Regla 1 · El curso destacado: su Q, entera dentro de la tarjeta (antes, una pieza sola cortada por el borde). */
.aw-destacado__pieza,.aw-destacado__pieza.aw-tarjeta-q--fija{top:clamp(16px,2vw,24px);right:clamp(16px,2vw,24px);bottom:auto;width:clamp(56px,6vw,76px);opacity:1;transform:none;z-index:0}
/* Regla 4 · La etiqueta del tipo, igual que en todas las tarjetas de curso (sin el recuadro en mayúsculas). */
.aw-destacado__tipo{padding:0;border:0;font:700 var(--t-chico)/1.2 var(--letra-texto);color:var(--c-banda-suave)}
/* Regla 4 · Las tarjetas relacionadas de la ficha: las horas a la derecha, como en Formación. */
.aw-rejilla--rel .aw-tarjeta__horas{margin-left:auto}
/* Regla 4 · Las situaciones: el título con la misma línea de colores que las demás páginas (antes, una barra azul propia). */
.aw-cabeza-pag--situacion .aw-cinta--titulo{display:flex}
.aw-cabeza-pag--situacion .aw-h1{padding-bottom:0;border-bottom:0}
/* Regla 4 · Las normas de Auditoría, con el mismo componente que las de Inicio (etiqueta con su Q y la barra de abajo). */
.aw-contenido-editor ul.aw-normas--etiquetas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}
.aw-contenido-editor ul.aw-normas--etiquetas li,.aw-contenido-editor ul.aw-normas--etiquetas li:nth-child(n){display:flex;align-items:center;gap:16px;min-height:96px;margin:0;padding:18px 20px;background:var(--c-fondo);border:0;font:var(--peso-titulos) var(--t-bajada)/1.15 var(--letra-titulos);color:var(--c-titulo)}
.aw-contenido-editor ul.aw-normas--etiquetas li::before,.aw-contenido-editor ul.aw-normas--etiquetas li::after{display:none}
.aw-contenido-editor ul.aw-normas--etiquetas li:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:420px){.aw-contenido-editor ul.aw-normas--etiquetas{grid-template-columns:1fr}.aw-contenido-editor ul.aw-normas--etiquetas li:last-child:nth-child(odd){grid-column:auto}}
.aw-normas__nombre{min-width:0;overflow-wrap:anywhere}
/* Regla 4 · Los momentos numerados como los cinco pasos: 01, 02… */
.aw-sec--traza ol.aw-traza > li::before{content:counter(aw-traza,decimal-leading-zero)}
/* Regla 4 · El título de la sección de datos del sector, como todo H2. */
.aw-sector__titulo{font:var(--peso-titulos) var(--t-h2)/1.15 var(--letra-titulos);color:var(--c-titulo)}
/* Regla 4 · Los pasos del cotizador, con su título del mismo tamaño en los cuatro (el editor le ganaba a dos de ellos). */
.aw-contenido-editor .aw-cot__titulo,.aw-cot .aw-cot__titulo{margin:0 0 18px;font:var(--peso-titulos) calc(var(--t-h2) * .78)/1.15 var(--letra-titulos);color:var(--c-titulo)}
/* Regla 1 · El filtro por familia del cotizador, con la misma Q que el de Formación (sin la barra de color al costado); la
   elegida, con fondo claro y borde azul, para que su pieza se vea. */
.aw-cot__chip{gap:8px;border-left-width:1px;border-left-color:var(--linea)}
.aw-cot__chip-pieza,.aw-cot__chip-pieza svg{display:block;flex:none;width:24px;height:24px}
.aw-cot__chip[aria-pressed="true"]{background:var(--fondo-suave);border-color:var(--c-titulo);box-shadow:inset 0 0 0 1px var(--c-titulo);color:var(--c-titulo)}
.aw-cot__chip .aw-ens__parte{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.aw-cot__chip.aw-fam-1[aria-pressed="false"] .aw-ens__parte--1,.aw-cot__chip.aw-fam-2[aria-pressed="false"] .aw-ens__parte--2,
.aw-cot__chip.aw-fam-3[aria-pressed="false"] .aw-ens__parte--3,.aw-cot__chip.aw-fam-4[aria-pressed="false"] .aw-ens__parte--4,
.aw-cot__chip--todos[aria-pressed="false"] .aw-ens__parte{transform:translate(calc(var(--ex) * .55),calc(var(--ey) * .55))}
@media (prefers-reduced-motion:reduce){.aw-cot__chip .aw-ens__parte{transform:none!important;transition:none}}
/* Regla 5 · El cotizador: la lista de cursos con tarjetas del mismo alto en cada fila, aire entre los grupos y, después de
   enviar, una sola lista de «qué pasa» (la de la confirmación). */
.aw-cot__fichas > li{display:flex}
.aw-cot__fichas > li > .aw-cot__ficha{flex:1}
.aw-cot__situaciones{margin-top:32px}
.aw-cot .aw-form__aviso{margin-bottom:24px}
.aw-form--ok .aw-form__ok-sub{margin-bottom:12px}
main:has(.aw-form--ok) .aw-despues{display:none}
/* Regla 5 · Formación en el celular: las opciones de situación se acomodan en varias líneas (antes se deslizaban de lado y la
   primera quedaba cortada en el borde), con los rótulos «Tipo» y «Situación» arriba de sus opciones. */
@media (max-width:759px){
  .aw-filtro{align-items:flex-start}
  .aw-filtro__rotulo{flex:0 0 100%;min-width:0}
  /* La fila de situación va en columna en el celular: ahí el rótulo no puede tomar el 100 % (sería del alto). */
  .aw-filtro--sit .aw-filtro__rotulo{flex:none;align-self:flex-start}
  .aw-filtro__desliza{flex-wrap:wrap;overflow:visible;width:100%;padding:0;margin:0}
}
/* Regla 5 · Una opción de filtro sin cursos se ve apagada y no lleva a una lista vacía. */
.aw-sin-cursos{border-style:dashed;color:var(--c-texto-suave);pointer-events:none}
.aw-sin-cursos .aw-fam__nombre,.aw-sin-cursos .aw-fam__cuenta,.aw-sin-cursos .aw-filtro__cuenta{color:var(--c-texto-suave)}
.aw-fam.aw-sin-cursos::before{background:var(--linea)}
/* Regla 5 · Las familias de una misma fila, del mismo alto. */
.aw-familias__lista > li{display:flex}
.aw-familias__lista > li > .aw-fam{flex:1}
/* Regla 4 · Las opciones de situación del buscador, como las de tipo (sin la barra de color al costado). */
.aw-filtro__opcion--sit{border-left:1px solid var(--linea)}
/* Criterio 4 · «Cómo se imparten» en el celular: el título arriba y la descripción debajo, a todo el ancho (antes, el título
   quedaba en una columna de 125 px). */
@media (max-width:559px){
  .aw-modalidades--grande li{flex-wrap:wrap;gap:4px}
  .aw-modalidades--grande li strong{flex:0 0 100%}
}
/* Regla 5 · Las migas en el celular: sin repetir el título de la página, que viene enseguida en grande (el lector de
   pantalla la sigue leyendo). */
@media (max-width:559px){
  .aw-migas [aria-current]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .aw-migas span[aria-hidden="true"]:has(+ [aria-current]){display:none}
}
/* Regla 4 · «Responde a» siempre en su propia línea, tenga el curso una situación o tres. */
.aw-ficha__sits-titulo{flex:0 0 100%}
/* Regla 5 · Consultoría: cada área con su propio alto (antes, la corta se estiraba y dejaba un hueco). */
.aw-areas{align-items:start}
/* Regla 4 · La frase de la sección del cotizador de una situación, del tamaño de un H2 de sección en pantalla ancha. */
@media (min-width:960px){.aw-sit-form__frase{font-size:calc(var(--t-h2) * .78)}}
/* Regla 5 · El botón «Siguiente» de la autoevaluación, apagado pero legible (antes, blanco sobre gris claro, 2,2:1). */
.aw-ae__nav .aw-btn:disabled{opacity:1;background:var(--fondo-suave);border:1px solid var(--linea);color:var(--c-texto-suave)}
/* Regla 5 · La línea de control del pie no se corta a mitad de una parte. */
.aw-pie__parte{white-space:nowrap}
/* Regla 5 · La barra fija «Cotizar» del celular no ocupa lugar en su punto de descanso: al esconderse (cuando el botón de la
   banda ya está a la vista) no deja un hueco, y no queda debajo de la esquina en diagonal de la banda. */
@media (max-width:759px){.aw-barra-cotizar{margin-top:calc(-69px - env(safe-area-inset-bottom))}}
/* Regla 3 · La búsqueda y los archivos con la misma cabeza que las demás páginas. */
.aw-cabeza-pag--lista{padding-bottom:clamp(8px,2vw,24px)}
.aw-lista-general{padding-bottom:clamp(48px,6vw,88px)}
/* Regla 5 · El blog sin bajada: la cabeza no deja un hueco antes de la primera nota. */
.aw-cabeza-pag--blog{padding-bottom:0}
/* Regla 5 · Las normas de Auditoría: la lista ocupa las filas del título y del enlace (antes, 5 filas: con la lista más baja,
   las 3 vacías dejaban un hueco antes de las preguntas). */
@media (min-width:960px){.aw-sec--normas .aw-contenido-editor > ul.aw-normas--etiquetas{grid-row:1 / span 2}}

/* ---------- 0.12 · Lo que encontró la revisión en frío (marca) ---------- */
/* El curso destacado: su Q al comienzo de la fila, el tipo y las horas a la derecha, como en todas las tarjetas. */
.aw-destacado__datos{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;width:100%}
/* Ya no hay pieza en la esquina: el título y los datos usan todo el ancho (antes, 90 px de aire a la derecha para ella). */
.aw-destacado__titulo,.aw-destacado__datos{padding-right:0}
.aw-destacado__pieza,.aw-destacado__pieza svg{position:static;display:block;flex:none;width:36px;height:36px;opacity:1;transform:none}
.aw-destacado__horas{margin-left:auto}
/* Los números del temario, en letra grande (19 px): sobre el turquesa, el oscuro llega a 3,6:1 y un número chico pedía 4,5:1. */
.aw-temario.aw-traza > li::before{font-size:var(--t-bajada)}
/* Las normas de Auditoría en el celular, como las de Inicio (etiquetas compactas). */
@media (max-width:699px){
  .aw-contenido-editor ul.aw-normas--etiquetas{display:flex;flex-wrap:wrap;gap:8px}
  .aw-contenido-editor ul.aw-normas--etiquetas li,.aw-contenido-editor ul.aw-normas--etiquetas li:nth-child(n),.aw-contenido-editor ul.aw-normas--etiquetas li:last-child:nth-child(odd){min-height:var(--toque);padding:6px 12px 6px 8px;gap:8px;font-size:.9375rem}
  .aw-contenido-editor ul.aw-normas--etiquetas .aw-dominamos__pieza,.aw-contenido-editor ul.aw-normas--etiquetas .aw-dominamos__pieza svg{width:22px;height:22px}
}
/* La fecha de cada nota en el blog, como en la nota y en Inicio (sin mayúsculas espaciadas). */
.aw-entrada-resumen .aw-etiqueta{font:400 var(--t-chico)/1.4 var(--letra-texto);color:var(--c-texto-suave)}
/* El cotizador: «¿En qué situación está?» con su aire y su filete (la regla de los fieldset del cotizador se los quitaba). */
.aw-cot fieldset.aw-cot__situaciones{margin-top:28px;padding-top:18px;border-top:1px solid var(--linea)}

/* ---------- 0.12 · Lo que encontró la revisión en frío (gerente en el celular) ---------- */
/* Inicio en el celular: los tres cursos destacados (el criterio 3 pide los tres en Inicio; la 0.8.2 dejaba uno solo). */
@media (max-width:699px){.home .aw-destacados__resto{display:grid;gap:12px}}
/* Formación en el celular: la foto de la cabeza, más baja, para que los cursos lleguen antes. */
@media (max-width:959px){.aw-cabeza-pag--oferta .aw-cabeza-pag__lado .aw-figura-foto{aspect-ratio:16/7}}
/* El cotizador y la lista de cursos: al llegar a ellos, un poco de aire arriba (el «Paso N de 4» quedaba cortado en el borde). */
form#cotizar,.aw-lista{scroll-margin-top:20px}

/* ---------- 0.12 · Lo que encontró la revisión en frío (accesibilidad) ---------- */
/* La lista de cursos recibe el foco al traerla a la vista (no es un control: sin anillo). */
.aw-lista:focus{outline:none}
/* La familia elegida: además de su color, un filete azul por dentro (el amarillo solo no llegaba a 3:1 contra el blanco). */
.aw-fam[aria-current]::after{box-shadow:inset 0 0 0 2px var(--c-titulo)}
/* La barra «Cotizar» del celular, al final de su recorrido, no monta sobre la última caja de la sección anterior. */
@media (max-width:759px){*:has(+ .aw-barra-cotizar){padding-bottom:calc(85px + env(safe-area-inset-bottom))}}
/* 320 px con el texto espaciado: las palabras largas de las líneas del cotizador se parten en vez de cortarse, y las
   opciones del filtro se ajustan al ancho (antes salían de la pantalla). */
.aw-cot__linea-titulo,.aw-cot__linea-texto{overflow-wrap:anywhere}
@media (max-width:759px){.aw-filtro__desliza .aw-filtro__opcion{flex:0 1 auto;max-width:100%;line-height:1.2;padding-block:6px}}
/* La búsqueda: el título de cada resultado con 44 px para tocar, sin mover el texto; sin resultados, las salidas. */
.aw-entrada-resumen h2 a{display:inline-block;padding-block:6px;margin-block:-6px}
.aw-sin-resultados{padding-block:8px 24px}
/* Texto seleccionado sobre las bandas oscuras: un azul claro que se distingue de la banda. */
.aw-oscuro ::selection,.aw-sec--oscura ::selection,.aw-pie ::selection{background:rgba(74,137,168,.45)}
/* La foto de la portada ya no se mueve (0.14: el único momento al cargar es la Q que se ensambla). */

/* ---------- 0.13 · El indicador de pasos del cotizador arma la Q ----------
   Cuatro pasos, cuatro piezas: la de cada paso completado se pone en su lugar y toma su color; en «Resumen», la Q completa;
   la confirmación la muestra armada. Solo transform y opacity; con «reducir movimiento», las piezas aparecen sin moverse. */
.aw-cot__avance:has(.aw-cot__avance-figura){display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;align-items:center}
.aw-cot__avance-figura{grid-row:1 / span 3;display:block;width:52px;height:52px}
.aw-cot__avance-figura .aw-ens,.aw-form__ok-figura .aw-ens{display:block;width:100%;height:100%}
.aw-cot__avance:has(.aw-cot__avance-figura) > :not(.aw-cot__avance-figura){grid-column:2}
.aw-ens--avance .aw-ens__base{fill:var(--gris-pieza)}
.aw-ens--avance .aw-ens__color{opacity:0;transition:opacity .3s ease}
.aw-ens--avance .aw-ens__parte{transform:translate(calc(var(--ex) * .4),calc(var(--ey) * .4));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.aw-cot__avance[data-hechos="1"] .aw-ens__parte--1,
.aw-cot__avance[data-hechos="2"] :is(.aw-ens__parte--1,.aw-ens__parte--2),
.aw-cot__avance[data-hechos="3"] :is(.aw-ens__parte--1,.aw-ens__parte--2,.aw-ens__parte--3),
.aw-cot__avance[data-hechos="4"] .aw-ens__parte,
.aw-ens--completa .aw-ens__parte{transform:none}
.aw-cot__avance[data-hechos="1"] .aw-ens__parte--1 .aw-ens__color,
.aw-cot__avance[data-hechos="2"] :is(.aw-ens__parte--1,.aw-ens__parte--2) .aw-ens__color,
.aw-cot__avance[data-hechos="3"] :is(.aw-ens__parte--1,.aw-ens__parte--2,.aw-ens__parte--3) .aw-ens__color,
.aw-cot__avance[data-hechos="4"] .aw-ens__color,
.aw-ens--completa .aw-ens__color{opacity:1}
.aw-form__ok-figura{width:72px;height:72px;margin-bottom:16px}
@media (prefers-reduced-motion:reduce){.aw-ens--avance .aw-ens__parte{transform:none;transition:none}.aw-ens--avance .aw-ens__color{transition:none}}
@media (max-width:559px){.aw-cot__avance:has(.aw-cot__avance-figura){grid-template-columns:44px minmax(0,1fr);column-gap:12px}.aw-cot__avance-figura{width:44px;height:44px}}

/* 0.13 · Campo «mes» sin selector del navegador (Firefox y Safari de escritorio): mes y año en dos listas, una al lado de la otra. */
.aw-cot__mes{display:flex;flex-wrap:wrap;gap:8px}
.aw-cot__mes select{flex:1 1 140px;min-width:0}

/* 0.13 · Antetítulo sobre el título de una página (Formación): en gris y sin la raya roja (el rojo es solo para cotizar y errores). */
.aw-antetitulo--cabeza{margin:0 0 10px}

/* 0.13.1 · Encabezado fijo arriba: sin JavaScript queda siempre a la vista; con JavaScript se esconde al bajar y vuelve al
   subir (la base: inc/cabeza.php y assets/cabeza.js, que dejan el estado en html[data-aw-cabeza] y la altura en
   --aw-cabeza-alto). Lo que va pegado arriba al bajar (el lateral de la ficha, el título de la línea de tiempo) queda debajo
   del encabezado. */
@media (min-width:960px){
  .aw-ficha__lateral,.aw-contenido-editor .aw-linea-tiempo > h2{top:calc(var(--aw-cabeza-alto,0px) + 24px)}
}
/* El menú abierto del celular cabe en la pantalla aunque sea baja (el teléfono acostado): se desplaza por dentro. */
@media (max-width:959px){
  .aw-cabeza:has(.aw-menu-casilla:checked){max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
}
/* Con la barra «Cotizar» de abajo, nunca los dos a la vez sobre el contenido: mientras el encabezado vuelve a la vista a mitad
   de la página, la barra baja; cuando el encabezado se va, ella vuelve (si no hay otro botón de cotizar a la vista). */
@media (max-width:759px){
  html[data-aw-cabeza-estado="visible"] .aw-barra-cotizar{transform:translateY(110%);opacity:0;pointer-events:none;visibility:hidden;transition:transform .2s ease,opacity .2s ease,visibility 0s linear .2s}
}
/* ===== 0.14 B · personas y LinkedIn ===== */
/* «Seguir en LinkedIn»: enlace normal con ícono propio en línea (sin scripts ni iframes). El texto visible manda. */
.aw-seguir{display:inline-flex;align-items:center;gap:10px;min-height:var(--toque);color:var(--c-titulo);font-weight:700;text-decoration:none}
.aw-seguir:hover,.aw-seguir:focus-visible{text-decoration:underline;text-underline-offset:3px}
.aw-seguir__icono{flex:none;width:22px;height:22px}
.aw-pie__col a.aw-seguir{gap:10px;font-weight:400}
.aw-linkedin a.aw-seguir{gap:10px}
/* Firma de la nota: texto; enlace solo cuando la página de la persona está encendida. */
.aw-entrada__autor a{display:inline-flex;align-items:center;min-height:var(--toque);color:var(--c-titulo);text-decoration:underline;text-underline-offset:3px}
/* Nosotros: con las páginas encendidas, cada nombre del equipo enlaza a la suya. */
.aw-personas__lista strong a{color:inherit;text-decoration:underline;text-underline-offset:4px}
/* Página de una persona. */
.aw-persona__bio{max-width:65ch;margin:0 0 28px;font-size:var(--t-texto);line-height:1.6}
.aw-persona .aw-h3{margin:28px 0 10px}
.aw-persona__lista,.aw-persona__notas{max-width:65ch;margin:0 0 8px;padding-left:1.2em}
.aw-persona__lista li,.aw-persona__notas li{margin:6px 0}
.aw-persona__notas a{display:inline-flex;align-items:center;min-height:var(--toque)}
.aw-persona__enlaces{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:36px 0 0}

/* ===== 0.14 C · Menos plantilla =====================================
   Cada detalle dice algo del contenido; la marca se gasta en un solo lugar, la Q. Lo que queda de color: la familia de un
   curso (tarjeta, ficha, filtro), la Q que se arma (portada, cinco pasos, momentos, situación elegida, cotizador) y los
   errores. La escala y la medida están arriba, en «Escala tipográfica». */

/* El título de la portada como pieza tipográfica: «Confianza,» en su propia línea, en el peso que acompaña y el tono suave;
   «traducida en evidencia.» en el peso pleno. Interlínea cerrada (0,98) y un poco de aire negativo entre letras, como pide
   un cuerpo de 100 px; el corte de línea lo dan el texto («en evidencia» va unido) y text-wrap:balance. */
.aw-portada__arranque{display:block;font-weight:var(--peso-titulos-suave);color:inherit}
.aw-portada--foto .aw-h1--portada + .aw-bajada{margin-top:clamp(20px,2.5vw,32px)}

/* La línea de cuatro colores ya no subraya los títulos (se repetía en cada página y no decía nada): queda una sola, al pie. */
.aw-cinta--titulo,.aw-cinta--portada{display:none}

/* Las normas de la portada, como texto: «ISO 13485 · MDSAP · QMSR» (no sellos: el sitio no certifica). */
.aw-sellos{margin-top:clamp(24px,3vw,36px)}

/* Los servicios de Inicio: el título sin rayita debajo. */
.aw-servicios--mosaico .aw-servicio__titulo{padding-bottom:4px}
@media (max-width:699px){.home .aw-servicios--mosaico .aw-servicio__titulo{padding-bottom:6px}}

/* La entrada del blog: los subtítulos sin barra de color encima (el tamaño y el aire bastan). */
.aw-entrada__texto h2,.aw-entrada__texto h2:nth-of-type(n){border:0;padding-top:0}

/* Código del curso (ficha, situaciones, cotizador): en la letra del texto, sin recuadro de expediente. */
.aw-datos__item--codigo .aw-datos__valor{font:var(--peso-titulos) var(--t-bajada)/1.2 var(--letra-titulos)}
.aw-sits__cursos .aw-codigo{border:0;padding:0;font-size:var(--t-chico)}

/* Medida: el texto corrido que no vive en el contenido del editor, a 75 caracteres como mucho. */
.aw-destacado__resumen,.aw-servicios--mosaico .aw-servicio p,.aw-nota__resumen,.aw-perfil__trayectoria,.aw-sits__hace li,
.aw-traza__texto,.aw-sit-lista__texto,.aw-tipo p,.aw-dos__col p,.aw-hito > *{max-width:var(--medida)}

/* ===== 0.14 A · fichas a fondo y servicios ===== */
/* Ficha a fondo: el lateral ocupa toda la columna derecha; las secciones van una debajo de otra en la izquierda, con su
   separación como margen (así las filas vacías del lateral no suman espacio). Texto corrido, sin tarjetas. */
@media (min-width:1000px){
  .aw-ficha.aw-ficha--fondo{grid-template-areas:none;grid-template-rows:none;row-gap:0}
  .aw-ficha--fondo > *{grid-area:auto / 1}
  .aw-ficha--fondo > * + *{margin-top:28px}
  .aw-ficha--fondo > .aw-ficha__lateral{grid-column:2;grid-row:1 / span 30;margin-top:0}
}
.aw-fondo p,.aw-fondo__lista li,.aw-fondo__respuesta,.aw-temario__explica,.aw-fondo__bloque dd{max-width:var(--medida)}
.aw-fondo__lista{margin:0;padding-left:1.25em}
.aw-fondo__lista li{margin-bottom:6px;line-height:1.5}
.aw-fondo--contexto .aw-h2,.aw-fondo--preguntas .aw-h2{margin-bottom:14px}
.aw-fondo--contexto p{margin:0 0 14px;line-height:1.6}
.aw-fondo__fuentes-titulo{margin:22px 0 8px;font:700 var(--t-texto)/1.3 var(--letra-texto);color:var(--c-titulo)}
.aw-fondo__fuentes{margin:0;padding-left:1.25em;font-size:var(--t-chico);line-height:1.5}
.aw-fondo__fuentes li{margin-bottom:6px}
.aw-fondo__fuentes a{padding-block:6px}
.aw-fondo__pregunta{margin:22px 0 6px;font:var(--peso-titulos) var(--t-texto)/1.35 var(--letra-titulos);color:var(--c-titulo)}
.aw-fondo__respuesta{margin:0;line-height:1.6}
.aw-fondo--servicios{max-width:var(--medida);line-height:1.6}
.aw-fondo__bloques{margin:0}
.aw-fondo__bloque{margin-bottom:12px}
.aw-fondo__bloque dt{font-weight:700;color:var(--c-titulo)}
.aw-fondo__bloque dd{margin:0}
/* Temario explicado: el título del tema y, debajo, su línea. */
.aw-temario__tema{display:block}
.aw-temario__explica{display:block;margin-top:4px;font-size:1rem;line-height:1.5;color:var(--c-texto)}
/* Páginas de servicio (hijas de Auditoría): texto corrido a su medida y preguntas a la vista. */
.aw-servicio-texto > p,.aw-servicio-texto li,.aw-preguntas p,.aw-servicio-enlaces li,.aw-servicio-enlaces p{max-width:var(--medida)}
.aw-servicio-texto h3{margin:22px 0 6px}
.aw-preguntas h3{margin:24px 0 6px;font-size:var(--t-texto);line-height:1.35}
.aw-preguntas p{margin:0;line-height:1.6}
.aw-servicio-enlaces li{margin-bottom:6px}
.aw-servicio-enlaces a,.aw-tipo__enlace a,.aw-fondo--servicios a{padding-block:10px}
.aw-tipo__enlace{margin-top:4px;font-weight:700}

/* 0.14 · Al imprimir una ficha a fondo (la hoja para Compras) van para quién es, qué podrá hacer y el temario con sus títulos;
   la explicación de cada tema, el contexto regulatorio, las preguntas y los enlaces a servicios quedan en la página, para que la
   hoja siga en una o dos carillas. */
@media print{.aw-fondo--contexto,.aw-fondo--preguntas,.aw-fondo--servicios,.aw-temario__explica{display:none!important}}

/* =====================================================================
   0.14 · Revisión en frío (diseño y accesibilidad)
   Cada detalle dice algo del contenido; la marca se gasta en la Q. La Q queda en tres lugares (la portada que se ensambla,
   los cinco pasos y el avance del cotizador) y en la 404. La familia de un curso la dice su color, una sola vez.
   ===================================================================== */

/* 1 · La Q como adorno, fuera (el marcado ya no la escribe; esto cubre contenido viejo en caché) */
.aw-sits__pieza,.aw-dominamos__pieza,.aw-destacado__pieza,.aw-fam__pieza,.aw-grupo__pieza,.aw-traza__pieza,.aw-tarjeta-q,.aw-cot__chip-pieza,.aw-modalidades__pieza{display:none}
/* El filtro por familia de Formación: el nombre y la cuenta, con la barra de su color a la izquierda */
.aw-fam{grid-template-columns:minmax(0,1fr) auto;padding-left:22px}
.aw-fam::after,.aw-fam[aria-current]::after{background:linear-gradient(var(--fam),var(--fam)) left top / 5px 100% no-repeat,var(--c-tarjeta)}
.aw-fam[aria-current]::after{background:linear-gradient(var(--fam),var(--fam)) left top / 5px 100% no-repeat,var(--fondo-suave)}
.aw-fam.aw-sin-cursos::after{background:var(--c-tarjeta)}
@media (max-width:559px){
  .aw-fam{grid-template-columns:minmax(0,1fr);grid-template-areas:"n" "c";padding-left:18px}
  .aw-fam--todas{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:none}
}
/* El filtro por familia del cotizador: la familia, en el borde de la opción (antes, una Q en miniatura) */
.aw-cot__chip{border-left:5px solid var(--fam,var(--linea))}
.aw-cot__chip[aria-pressed="true"]{border-left-color:var(--fam,var(--c-titulo))}
.aw-cot__chip--todos{border-left-width:1px}

/* 2 · Páginas de un servicio: una sola superficie blanca; cada parte, separada de la anterior por un filete, con el título a
   la izquierda y el texto a la derecha en pantalla ancha (como las preguntas de /auditoria/). */
.aw-sec--servicio{padding-block:clamp(32px,4vw,56px)}
.aw-sec--servicio + .aw-sec--servicio{padding-top:0}
.aw-sec--servicio + .aw-sec--servicio .aw-contenido-editor > .wp-block-group{padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--linea)}
.aw-sec--servicio .aw-contenido-editor > .wp-block-group{max-width:none}
.aw-servicio-texto > * + *,.aw-preguntas > * + *,.aw-servicio-enlaces > * + *{margin-top:1.1em}
.aw-servicio-texto > h2 + *,.aw-preguntas > h2 + *,.aw-servicio-enlaces > h2 + *{margin-top:.6em}
.aw-sec--servicio .aw-contenido-editor h2{margin:0;font:var(--peso-titulos) var(--t-h2-sec)/1.15 var(--letra-titulos);color:var(--c-titulo);max-width:20em}
.aw-sec--servicio .aw-contenido-editor h3{font-weight:var(--peso-titulos-suave)}
.aw-preguntas > h3{margin-top:1.6em}
.aw-preguntas > h3 + p{margin-top:.35em}
@media (min-width:960px){
  .aw-sec--servicio .aw-contenido-editor > .wp-block-group{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);column-gap:clamp(36px,5vw,72px);align-items:start}
  .aw-sec--servicio .aw-contenido-editor > .wp-block-group > *{grid-column:2}
  .aw-sec--servicio .aw-contenido-editor > .wp-block-group > h2{grid-column:1;grid-row:1 / span 40}
  .aw-sec--servicio .aw-contenido-editor > .wp-block-group > h2 + *{margin-top:0}
}
/* Listas con el estilo de la ficha: sin sangría vacía, una raya discreta como viñeta. */
.aw-contenido-editor .aw-servicio-texto ul,.aw-contenido-editor .aw-servicio-enlaces ul,.aw-contenido-editor .aw-preguntas ul,
.aw-fondo__lista,.aw-fondo__fuentes,.aw-sits__hace,.aw-perfil__credenciales,.aw-persona__lista{list-style:none;padding-left:0}
.aw-servicio-texto ul > li,.aw-servicio-enlaces ul > li,.aw-preguntas ul > li,.aw-fondo__lista > li,.aw-fondo__fuentes > li,.aw-sits__hace > li,
.aw-perfil__credenciales > li,.aw-persona__lista > li{position:relative;display:block;padding-left:1.15em}
.aw-servicio-texto ul > li + li,.aw-servicio-enlaces ul > li + li,.aw-preguntas ul > li + li{margin-top:.4em}
.aw-servicio-texto ul > li::before,.aw-servicio-enlaces ul > li::before,.aw-preguntas ul > li::before,.aw-fondo__lista > li::before,.aw-fondo__fuentes > li::before,
.aw-sits__hace > li::before,.aw-perfil__credenciales > li::before,.aw-perfil__credenciales > li:nth-child(n)::before,.aw-persona__lista > li::before{content:'–' / '';position:absolute;left:0;top:0;width:auto;height:auto;background:none;transform:none;color:var(--c-texto-suave)}

/* 3 y 14 · Ficha a fondo: un solo estilo para los títulos de sección (el escalón intermedio) */
.aw-ficha .aw-ficha__sub,.aw-ficha__temario > .aw-h2,.aw-ficha .aw-fondo > .aw-h2,.aw-ficha__rel > .aw-h2{margin:0 0 14px;font:var(--peso-titulos) var(--t-h2-sec)/1.15 var(--letra-titulos);color:var(--c-titulo)}
.aw-ficha__rel > .aw-h2{margin-bottom:22px}
@media (min-width:1000px){.aw-ficha--fondo > * + *{margin-top:clamp(32px,3.5vw,44px)}}
.aw-fondo__fuentes-titulo{font-weight:700}
/* Una sola barra de color: el borde de los datos. La foto de la familia, sin filete debajo. */
.aw-ficha__figura{border-bottom:0}
/* Toda secuencia numerada con el mismo número: «01» en Titillium 700, del color de los títulos, sin recuadro ni riel. */
.aw-temario.aw-traza > li,.aw-traza.aw-traza--vertical > li{padding:0 0 18px 3rem;font-size:var(--t-texto);line-height:1.45}
.aw-temario.aw-traza > li::before,.aw-traza.aw-traza--vertical > li::before{content:counter(aw-traza,decimal-leading-zero);position:absolute;left:0;top:0;display:block;width:auto;height:auto;background:none;color:var(--c-titulo);font:var(--peso-titulos) var(--t-bajada)/1.2 var(--letra-titulos)}
.aw-temario.aw-traza > li::after,.aw-traza.aw-traza--vertical > li::after{display:none}
.aw-temario__tema{font:700 var(--t-texto)/1.45 var(--letra-texto);color:var(--c-texto)}
.aw-temario__explica{margin-top:2px;font-size:var(--t-chico);line-height:1.5;color:var(--c-texto-suave)}
.aw-contenido-editor ol[class="wp-block-list"]{list-style:none;padding-left:0;counter-reset:aw-ol}
.aw-contenido-editor ol[class="wp-block-list"] > li{counter-increment:aw-ol;position:relative;padding-left:3rem}
.aw-contenido-editor ol[class="wp-block-list"] > li + li{margin-top:.4em}
.aw-contenido-editor ol[class="wp-block-list"] > li::before{content:counter(aw-ol,decimal-leading-zero);position:absolute;left:0;top:0;font:var(--peso-titulos) var(--t-bajada)/1.35 var(--letra-titulos);color:var(--c-titulo)}
.aw-despues__pasos li::before,.aw-form__ok-pasos li::before{font:var(--peso-titulos) var(--t-bajada)/1.2 var(--letra-titulos)}
.aw-despues__pasos li,.aw-form__ok-pasos li{grid-template-columns:3rem 1fr}
.aw-ae__num{min-width:0;height:auto;margin-right:8px;background:none;font:var(--peso-titulos) 1em/1 var(--letra-titulos)}
/* Los momentos de Auditoría y Consultoría: el número sobre un filete en --linea (sin la barra de color ni la Q). */
.aw-sec--traza ol.aw-traza > li,.aw-sec--traza ol.aw-traza > li:nth-child(n){min-height:0;padding:16px 0 0;border-top:1px solid var(--linea)}
.aw-sec--traza ol.aw-traza > li:nth-child(n)::before{content:counter(aw-traza,decimal-leading-zero);position:static;display:block;width:auto;height:auto;margin:0 0 10px;background:none;color:var(--c-titulo);font:var(--peso-titulos) var(--t-bajada)/1 var(--letra-titulos)}
.aw-sec--traza ol.aw-traza > li::after,.aw-sec--traza ol.aw-traza > li:last-child::after{display:none}

/* 4 · Las horas: dato visible y en negrita, dentro de la escala (no más grandes que el título del curso) */
.aw-tarjeta__horas b,.aw-destacado__horas b{font-size:var(--t-h3);line-height:1}
.aw-datos__item--horas .aw-datos__valor{gap:.3em;font-size:var(--t-bajada)}
.aw-datos__item--horas .aw-datos__valor b{font:inherit}

/* 6 · La familia una sola vez: en Formación, la barra de la tarjeta (y el filtro). Sin filete de color bajo la foto ni bajo el título. */
.aw-grupo__figura{border-bottom:0;margin-bottom:16px}
.aw-grupo__cab{padding-bottom:0;border-bottom:0}

/* 8 · Frases enteras: el escalón intermedio, no un título gigante */
.aw-contenido-editor p.aw-posicion__frase,.aw-sec--form .aw-contenido-editor > p:first-child,.aw-sec--form .aw-contenido-editor > h2:first-child,.aw-sit-form__frase{font-size:var(--t-h2-sec);line-height:1.2}
@media (min-width:960px){.aw-sit-form__frase{font-size:var(--t-h2-sec)}}
.aw-sec--pasos .aw-seccion__cabeza{max-width:none}

/* 9 · Normas (Inicio y Auditoría): una lista con filete entre líneas, sin recuadros */
.aw-dominamos__lista,.aw-contenido-editor ul.aw-normas--etiquetas{display:block;border-top:1px solid var(--linea)}
.aw-dominamos__item,.aw-dominamos__item:last-child:nth-child(odd),
.aw-contenido-editor ul.aw-normas--etiquetas li,.aw-contenido-editor ul.aw-normas--etiquetas li:nth-child(n),.aw-contenido-editor ul.aw-normas--etiquetas li:last-child:nth-child(odd){display:block;min-height:0;margin:0;padding:12px 0;background:none;border:0;border-bottom:1px solid var(--linea);font:var(--peso-titulos-suave) var(--t-bajada)/1.3 var(--letra-titulos);color:var(--c-titulo);max-width:none}
.aw-dominamos__nombre{font:inherit}
/* Valores de Nosotros: filete, nombre en h3 y texto, como «Cómo trabajamos con su equipo» */
.aw-contenido-editor .aw-valor-tarjeta::before,.aw-contenido-editor .aw-valor-tarjeta::after{display:none}
.aw-contenido-editor .aw-valor-tarjeta{padding:16px 0 0;border-top:1px solid var(--c-detalle)}
.aw-contenido-editor .aw-valor-tarjeta h2{margin:0 0 6px;font:var(--peso-titulos-suave) var(--t-h3)/1.2 var(--letra-titulos);color:var(--c-titulo)}
.aw-contenido-editor .aw-valor-tarjeta p{margin-top:0;font-size:var(--t-texto);color:var(--c-texto-suave)}
/* Consultoría: las dos áreas sin recuadro ni rombo; solo filetes */
.aw-contenido-editor .aw-area::before,.aw-contenido-editor .aw-area::after{display:none}
.aw-contenido-editor .aw-area{padding:0}
.aw-contenido-editor .aw-area > h2{font:var(--peso-titulos) var(--t-h2-sec)/1.15 var(--letra-titulos)}
.aw-area li{display:block}
.aw-area li::before{content:none}
.aw-area li:last-child{border-bottom:1px solid var(--linea)}

/* 10 · Nota del blog: un solo margen izquierdo para el título, la entrada y el cuerpo; «Para seguir», enlaces con su rótulo */
.aw-entrada__texto > *{margin-inline:0}
.aw-entrada__rel-lista a{padding:14px 0 12px;background:none;border-left:0;border-top:1px solid var(--linea)}

/* 11 · LinkedIn: en el pie, su lugar en la columna; en Nosotros, junto al párrafo; en Contacto, el mismo formato de rótulo */
@media (min-width:760px){.aw-pie__arriba{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.3fr)}}
.aw-pie__col a.aw-seguir{align-items:center}
@media (min-width:960px){
  .aw-posicion{grid-template-rows:auto 1fr}
  .aw-contenido-editor .aw-posicion > p.aw-posicion__frase{grid-row:1 / span 2}
  .aw-contenido-editor .aw-posicion > p.aw-linkedin{grid-column:2;align-self:start}
}
.aw-contenido-editor .aw-posicion > p.aw-linkedin{font-size:var(--t-texto)}
.aw-linkedin a{font-size:1em}
.aw-contacto-datos > div{display:flex;flex-wrap:wrap;align-items:center;gap:0 .3em}
.aw-contacto-datos dt{font-weight:400;color:inherit}
.aw-contacto-datos dt::after{content:':'}
.aw-sec--form .aw-contenido-editor .aw-seguir{font-weight:400;color:var(--c-enlace);text-decoration:underline;text-underline-offset:3px}

/* 13 · Portada: «Confianza,» del mismo color (el contraste es de peso, 600 contra 700) y la bajada sin palabra sola */
.aw-portada--foto .aw-bajada{text-wrap:pretty;max-width:32em}

/* 14 · El avance del cotizador: «Paso 1 de 4», la barra y la Q (sin casillas numeradas) */
.aw-cot__avance-num{display:none}
.aw-cot__avance-pasos{display:flex;flex-wrap:wrap;gap:4px 20px}
.aw-cot__avance-pasos li.is-actual{font-weight:700}
@media (max-width:559px){.aw-cot__avance-pasos{display:flex}}
/* La frase de lo que llega marcado */
.aw-cot__marcado{margin:0 0 18px;padding-left:12px;border-left:3px solid var(--c-detalle);font-size:var(--t-chico);color:var(--c-texto)}

/* 15 · Pesos: h3, títulos de tarjeta y preguntas en Titillium 600; 700 para h1, h2 y botones */
h3.aw-h3,.aw-contenido-editor h3,.aw-tarjeta__titulo,.aw-servicio__titulo,.aw-destacado__titulo,.aw-entrada-resumen__cuerpo .aw-h3,.aw-faq summary,.aw-fondo__pregunta,.aw-preguntas h3,
.aw-sit-lista__titulo,.aw-traza strong,.aw-paso__texto strong,.aw-sits__frase,.aw-sits__sub,.aw-cot__sub,.aw-cot__detalle-titulo,.aw-cot__bloque-cab h4,.aw-cot__linea-titulo,
.aw-form__ok-titulo,.aw-form--ok .aw-form__ok-sub,.aw-perfil__nombre,.aw-personas__lista strong,.aw-con-equipo__lista strong,.aw-entrada__rel-titulo,.aw-hallazgo dt,.aw-ae-res__nombre,.aw-ae-res__debiles strong{font-weight:var(--peso-titulos-suave)}

/* 16 · Opciones del cotizador: solo texto (sin foto) y sin la línea suelta junto a «¿En qué situación está? (opcional)» */
.aw-cot__linea-imagen{display:none}
.aw-cot fieldset.aw-cot__situaciones{padding-top:0;border-top:0}
@media (max-width:639px){.aw-cot__linea{flex-direction:column}}

/* Situaciones: el título de la página en la escala (antes, un clamp propio) */
.aw-cabeza-pag--situacion .aw-h1--int{font-size:var(--t-h1)}

/* Accesibilidad · texto al 200 % en el celular: los hijos de las rejillas se pueden achicar y las palabras largas se parten */
.aw-ficha > *,.aw-ficha__cabeza > *,.aw-posicion > *{min-width:0}
.aw-h1,.aw-contenido-editor p.aw-posicion__frase{overflow-wrap:break-word;hyphens:manual}
/* La última parte de una página de servicio deja su aire antes de la banda de cierre (que sube en diagonal). */
@media (min-width:760px){.aw-sec--servicio:has(+ .aw-barra-cotizar),.aw-sec--servicio:has(+ .aw-banda),.aw-sec--servicio:has(+ .aw-sec--quien){padding-bottom:var(--sep-seccion)}}
@media (max-width:759px){.aw-sec--servicio:has(+ .aw-banda),.aw-sec--servicio:has(+ .aw-sec--quien){padding-bottom:var(--sep-seccion)}.aw-sec--servicio:has(+ .aw-barra-cotizar){padding-bottom:calc(85px + env(safe-area-inset-bottom))}} /* con la barra «Cotizar» del celular manda su propio aire (85 px) */
/* «Cómo se imparte»: el nombre de la modalidad en una sola línea en pantalla ancha. */
@media (min-width:560px){.aw-modalidades--grande li strong{flex:none;white-space:nowrap}}
/* Auditoría · normas: la bajada de la sección (la frase del sitio actual) va como entrada, no con letra de título. */
.aw-sec--normas .aw-contenido-editor > p.aw-bajada{font:400 var(--t-bajada)/1.5 var(--letra-texto);color:var(--c-texto-suave);max-width:var(--medida-bajada)}
/* Texto al 200 % en Formación: las tarjetas se achican con la rejilla y las palabras largas del título se parten. */
.aw-rejilla > *,.aw-grupo,.aw-lista{min-width:0}
.aw-tarjeta__titulo,.aw-grupo__titulo{overflow-wrap:break-word;hyphens:manual}
/* Una parte de servicio después de otra sección blanca (Consultoría: los enlaces del final, después de las áreas) va
   separada por el mismo filete. */
.aw-sec--blanca:not(.aw-sec--servicio) + .aw-sec--servicio{padding-top:0}
.aw-sec--blanca:not(.aw-sec--servicio) + .aw-sec--servicio .aw-contenido-editor > .wp-block-group{padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--linea)}
/* 0.14 · Cada cifra del sector en una sola línea visual en pantalla ancha: la frase más larga que entra en la medida máxima de
   75 caracteres (56ch de Lato) no se parte; la de la QMSR, más larga, va en dos líneas parejas sin separar «ISO 13485:2016». */
@media (min-width:1100px){.aw-sector__dato{max-width:56ch}}
/* ---- 0.14 · Revisión en frío final (diseño y accesibilidad) ------------------------------------------------------------ */
/* Los títulos no se parten con guion; las palabras largas sí pasan de línea (texto al 200 %). */
h1,h2,h3,.aw-tarjeta__titulo,.aw-posicion__frase,.aw-h1{hyphens:manual}
/* Medida de 75 caracteres: «Cómo se imparte» de la ficha, sus fuentes, lo que recibe en una situación y las normas de Auditoría. */
.aw-ficha__modalidades .aw-modalidades,.aw-ficha__modalidades .aw-nota-constancia,.aw-fondo__fuentes,.aw-sit-cuerpo__recibe{max-width:var(--medida)}
.aw-contenido-editor ul.aw-normas--etiquetas .aw-normas__nombre{display:block;max-width:var(--medida)}
/* Ficha: el enlace de la familia, a la altura de los otros valores (conserva sus 44 px de toque) y con un subrayado fino. */
.aw-datos__item--familia a.aw-datos__valor{display:flex;margin-block:calc((1.2em - var(--toque)) / 2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.aw-datos__item--familia a.aw-datos__valor:hover{text-decoration-thickness:2px}
/* Nota del blog: las migas, alineadas con el artículo. */
.aw-entrada__cabeza .aw-migas{margin-inline:auto;max-width:46rem}
/* Texto al 200 % (Conozca el MDSAP a 390 px): la traza en una sola columna que se puede achicar. */
ol.aw-traza{grid-template-columns:minmax(0,1fr)}
/* Fuentes oficiales de la ficha: 44 px de toque. */
.aw-fondo__fuentes a{display:inline-flex;align-items:center;min-height:var(--toque)}
/* Las migas de las páginas de servicio, por encima del título (no quedan tapadas por él). */
.aw-migas--cabeza{position:relative;z-index:1}
/* Columna lateral de la ficha: la nota del correo alineada a la izquierda y la línea de la ficha para imprimir, pareja. */
.aw-caja-cotizar__nota{text-align:left}
.aw-descargar > span:last-child{text-wrap:balance}

/* ===== 0.15 A · La marca vuelve donde dice algo ======================================================================
   La Q, con la pieza de su familia en color, va donde identifica algo: la portada, las situaciones, los cinco pasos, los
   filtros de Formación y el cotizador. Donde solo decora, no va. */

/* 1 · La portada en el celular y la tableta (hasta 899 px): la Q vuelve, más chica que en escritorio, sobre la esquina
   inferior derecha de la foto (la foto va debajo del texto, así que no tapa el título, la bajada ni el botón). En posición
   absoluta: no mueve nada al cargar. Se ensambla al cargar como en escritorio (aw-arma); con «reducir movimiento», ya armada. */
@media (max-width:899px){
  .aw-portada__q{display:block;top:auto;left:auto;right:var(--aw-margen,24px);bottom:var(--aw-margen,24px);width:clamp(96px,28vw,200px);z-index:1}
}

/* 2 · Situaciones (Inicio, /situaciones/ y la cabeza de cada una): la Q apagada con la pieza de la situación en color (las
   otras tres, como hueco, igual que los cinco pasos); la que no tiene pieza lleva la Q completa a cuatro colores. Todas
   armadas, con JavaScript o sin él; al elegir una, su pieza entra desde afuera (0,3 s, solo transform). Al cargar, nada se
   mueve. */
.aw-sits__pieza.aw-sits__pieza--q{display:block;flex:none;width:36px;height:36px}
.aw-sits__pieza--q svg{display:block;width:100%;height:100%}
.aw-ens--sit .aw-ens__base{display:none}
.aw-ens--sit .aw-ens__forma{fill:var(--gris-pieza)}
.aw-ens--sit .aw-ens__color{opacity:1;transition:none}
.aw-ens--sit .aw-ens__parte{transform:none;transition:none}
/* 0.15 (revisión en frío): en reposo, todas armadas; con la pieza corrida 2 o 3 px, la Q parecía rota. La que se elige trae su
   pieza desde afuera (aw-q-entra, en el bloque de la revisión en frío, al final). */
/* La elegida, sobre el oscuro: el hueco en su tono para oscuro y el azul en el suyo (como en los cinco pasos). */
.aw-sits--js .aw-sits__tab[aria-current] .aw-ens--sit .aw-ens__forma{fill:var(--pieza-hueco-oscuro)}
.aw-sits--js .aw-sits__tab[aria-current] .aw-ens--sit .aw-ens__parte--4 .aw-ens__color{fill:var(--azul-sobre-oscuro)}
/* Con «reducir movimiento», todas armadas y quietas: la elegida la dice el fondo de su pestaña. */
/* En la página de la situación, la misma Q a la izquierda del título, armada y quieta. */
.aw-cabeza-pag__titular{display:flex;align-items:flex-start;gap:clamp(12px,1.6vw,20px)}
.aw-cabeza-pag__titular .aw-h1{min-width:0;margin-top:0}
.aw-cabeza-pag__simbolo{flex:none;width:clamp(40px,4.2vw,60px);margin-top:4px}
.aw-cabeza-pag__simbolo svg{display:block;width:100%;height:auto}

/* 3 · Filtros de Formación: vuelve la Q de la 0.12 (apagada, con la pieza de la familia en color; «Todos», completa) y se va
   la barra de color de la 0.14 (la Q ya dice la familia). Al elegir un filtro, su pieza se ensambla (reglas de la 0.12). */
.aw-familias .aw-fam__pieza{display:block}
.aw-familias .aw-fam__pieza svg{display:block}
.aw-fam{grid-template-columns:44px minmax(0,1fr) auto;padding-left:12px}
.aw-fam::after,.aw-fam.aw-sin-cursos::after{background:var(--c-tarjeta)}
.aw-fam[aria-current]::after{background:var(--fondo-suave)}
@media (max-width:559px){
  /* En el celular, la Q y la cuenta arriba y el nombre abajo, a todo el ancho: con el texto al 200 % el nombre no se sale. */
  .aw-fam{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"p c" "n n";align-content:center;gap:6px 10px;padding-left:12px}
  .aw-fam:not(.aw-fam--todas) .aw-fam__cuenta{align-self:center}
  .aw-fam--todas{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:none}
}

/* 4 · No vuelven la línea de cuatro colores bajo el título ni la de la portada (siguen fuera desde la 0.14 C). */
/* fin 0.15 A */

/* ===== 0.15 B · Situaciones sin cotizador incrustado; textos y ficha en el celular ===== */
/* 0.15: el cierre de una situación (título, una línea y el botón a Contacto) reemplaza al cotizador incrustado; las reglas
   .aw-sit-form* de más arriba ya no tienen a quién aplicarse. El título, del cuerpo de los títulos de sección. */
.aw-sit-cierre .aw-h2{max-width:20em;text-wrap:balance} /* 0.15 (revisión en frío): del cuerpo de los demás títulos de sección */
.aw-sit-cierre__texto{margin-top:12px;max-width:var(--medida);color:var(--c-texto)}
.aw-sit-cierre__accion{margin-top:24px}
/* 0.15: en el celular, la ficha ya tiene la barra fija «Solicitar cotización de este curso»; el enlace de apoyo bajo el
   título sobra. Mismo corte que la barra (max-width:759px), para que nunca falten los dos (desde 1000 px ya lo esconde la
   regla de la columna lateral). */
@media (max-width:759px){.aw-ficha__ir{display:none}}
/* fin 0.15 B */

/* ===== 0.15 C · Espacio (estándar de Artinweb: 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96) ===== */
/* 0.15: cuatro medidas de espacio, como variables, y las pocas reglas que las aplican. Solo en pantalla: la hoja impresa
   conserva las suyas (--sep-seccion de 5 mm y la envoltura sin margen, en el bloque de impresión).
   · --aw-margen: margen exterior. Lo pone la marca (--margen, en marca.css), pero el tema garantiza 24 px como mínimo aunque
     una marca ponga menos (la marca de prueba del criterio 16 trae 16 px y queda en 24). Lo usan la envoltura, la cabeza de
     página con foto (en el celular su texto va fuera de la envoltura) y la barra fija «Solicitar cotización»; la cabeza, el
     menú abierto, el pie, las migas, las tablas y el cotizador de Contacto van dentro de la envoltura. Las fotos a sangre
     siguen a sangre.
   · --sep-seccion: el relleno de arriba y de abajo de cada sección; entre dos secciones suman 88 px en el celular, unos
     120 a 1024 px y 128 en escritorio (antes 112 y 208).
   · --aw-titulo-contenido: del título de una sección (con su entrada) al contenido: 48 px en el celular, 64 en escritorio.
     Siempre menos que el aire de arriba del título (el de la sección). Los títulos de un grupo dentro de una sección (las
     partes de la ficha, de un servicio, de privacidad, de una nota) siguen pegados a su texto: grupos apretados por dentro y
     separados entre sí.
   · --aw-caja: relleno de una caja de color: 24 px en el celular, 32 desde unos 1000 px. */
@media screen{
  :root{
    --aw-margen:max(24px,var(--margen,24px));
    --sep-seccion:clamp(44px,1.5rem + 3.5vw,64px);
    --aw-titulo-contenido:clamp(48px,1.5rem + 2.8vw,64px);
    --aw-caja:clamp(24px,1rem + 1.6vw,32px);
  }

  /* Entre secciones: las secciones cortas (el contexto del sector, la nota del blog, otras situaciones, la suscripción) tenían
     su propio relleno (40 a 72 px) y quedaban con menos aire que su contenido; ahora, el de todas. La cabeza de una página sin
     foto, cuando la sigue una sección de otro fondo (Privacidad), deja el mismo aire antes del borde del fondo (antes, 8 px). */
  .aw-sector,.aw-nota-blog,.aw-sit-otras,.aw-sec--suscripcion{padding-block:var(--sep-seccion)}
  .aw-cabeza-pag:not(.aw-cabeza-pag--con-foto):has(+ :is(.aw-sec--suave,.aw-sec--oscura)){padding-bottom:var(--sep-seccion)}

  /* Margen exterior */
  .aw-envoltura{padding-inline:var(--aw-margen)}
  @media (max-width:959px){.aw-cabeza-pag--con-foto .aw-cabeza-pag__texto,.aw-cabeza-pag--con-foto .aw-familias{padding-inline:var(--aw-margen)}}
  @media (max-width:759px){.aw-barra-cotizar{padding-inline:var(--aw-margen)}}
  /* Con el margen nuevo, los servicios de Inicio en el celular (foto chica al lado del título) dejaban el título en 234 px a
     390 px de ancho (criterio 4: 240 como mínimo). La foto pasa de 84 a 72 px: el título queda en 242. */
  @media (max-width:699px){
    .home .aw-servicios--mosaico .aw-servicio{grid-template-columns:72px minmax(0,1fr);padding-right:16px}
    .home .aw-servicios--mosaico .aw-servicio__foto{width:72px}
  }

  /* Del título de la sección al contenido */
  .aw-seccion__cabeza{margin-bottom:var(--aw-titulo-contenido)}
  /* En las secciones escritas en el editor: el título del primer grupo (cuando el grupo tiene un solo h2), o el h2 con su
     entrada (.aw-bajada) al comienzo de la sección; la entrada va con el título. Las partes de un servicio, no (son grupos). */
  .aw-sec:not(.aw-sec--servicio) .aw-contenido-editor > .wp-block-group:first-child:not(:has(> h2 ~ h2)) > h2:first-child:not(:has(+ p)),
  .aw-sec:not(.aw-sec--servicio) .aw-contenido-editor > .wp-block-group:first-child:not(:has(> h2 ~ h2)) > h2:first-child + p,
  .aw-sec .aw-contenido-editor > h2:first-child + p.aw-bajada{margin-bottom:var(--aw-titulo-contenido)}
  /* Los grupos en rejilla (tipos de auditoría, quién certifica) ya separan sus filas 20 px: el título descuenta ese espacio. */
  .aw-sec:not(.aw-sec--servicio) .aw-contenido-editor > .wp-block-group:is(.aw-tipos,.aw-dos):first-child > h2:first-child{margin-bottom:calc(var(--aw-titulo-contenido) - 20px)}
  .aw-sec--normas .aw-contenido-editor > h2:first-child + p.aw-bajada{margin-bottom:calc(var(--aw-titulo-contenido) - clamp(20px,3vw,32px))}
  /* Contacto (y toda sección con formulario) en una columna: los datos y el título arriba, el cotizador como contenido. */
  @media (max-width:959px){.aw-sec--form .aw-contenido-editor > .aw-caja-cotizar{margin-top:calc(var(--aw-titulo-contenido) - 20px)}}
  /* En las plantillas: el texto y su contenido van en una rejilla (una columna en el celular) o con la lista debajo. */
  .aw-dominamos,.aw-ae-teaser,.aw-imparten__in{row-gap:var(--aw-titulo-contenido)}
  .aw-sector__lista{margin-top:var(--aw-titulo-contenido)}
  @media (max-width:959px){.aw-sus__intro{margin-bottom:calc(var(--aw-titulo-contenido) - 16px)}}
  /* La banda de cierre: el botón es la acción de su título (va en grupo con él), en la escala. */
  .aw-banda .aw-btn{margin-top:32px}

  /* Relleno de las cajas de color */
  .aw-destacado,.aw-ae,.aw-sec--form .aw-caja-cotizar,.aw-contenido-editor .aw-dos__col{padding:var(--aw-caja)}
  .aw-caja-cotizar{padding:var(--aw-caja)}
  .aw-datos{padding:var(--aw-caja)}
  .aw-tarjeta{padding:var(--aw-caja) var(--aw-caja) var(--aw-caja) max(32px,var(--aw-caja))}
}
/* fin 0.15 C */

/* ===== 0.15 · Revisión en frío (celular y escritorio) ===== */
/* 0.15: lo que midieron los dos revisores en frío (celular a 390/360 y escritorio a 1440/1024). Cada regla dice qué arregla. */

/* 1 · El corte en diagonal de las bandas oscuras (.aw-corte) sube sobre la sección anterior tanto como su chaflán
   (margin-top: -corte-g) y se comía su relleno de abajo: el contenido quedaba a 8 px del corte a 1440 y a 14 a 1024. La
   sección anterior suma el chaflán a su relleno, así el corte queda al aire de siempre (--sep-seccion). En el celular, si la
   barra «Cotizar» va entre las dos, manda el aire de la barra cuando es mayor. */
@media screen{
  .aw-sec:has(+ .aw-corte),.aw-sec:has(+ .aw-barra-cotizar + .aw-corte){padding-bottom:calc(var(--sep-seccion) + var(--corte-g))}
}
@media screen and (max-width:759px){
  .aw-sec:has(+ .aw-barra-cotizar + .aw-corte){padding-bottom:max(calc(var(--sep-seccion) + var(--corte-g)),calc(85px + env(safe-area-inset-bottom)))}
}

/* 2 · La pieza roja sobre el oscuro (la situación elegida y el paso 1 de los cinco pasos): el rojo para oscuro de la marca
   (3,6:1 sobre --oscuro; el rojo tal cual daba 2,1:1). Si una marca no lo trae, el rojo de la familia. */
.aw-sits--js .aw-sits__tab[aria-current] .aw-ens--sit .aw-ens__parte--1 .aw-ens__color,
.aw-sec--pasos .aw-ens__parte--1 .aw-ens__color{fill:var(--rojo-sobre-oscuro,var(--fam-1,var(--rojo)))}
.aw-sec--pasos .aw-paso--1{--paso:var(--rojo-sobre-oscuro,var(--fam-1,var(--rojo)))}
.aw-sec--pasos .aw-paso--q .aw-paso__barra i:nth-child(1){background:var(--rojo-sobre-oscuro,var(--fam-1,var(--rojo)))}

/* 3 · La Q en reposo, armada: en las pestañas de situación y en los filtros de familia de Formación las no elegidas ya no
   tienen la pieza corrida (parecía rota). Solo la que se elige trae su pieza desde afuera: el JavaScript le pone aw-q-entra
   al elegirla (nunca al cargar, aunque la página llegue con ?familia=…). Solo transform; con «reducir movimiento», nada. */
.aw-familias a.aw-fam:not([aria-current]) .aw-ens--fam .aw-ens__parte,.aw-familias a.aw-fam[aria-current] .aw-ens--fam .aw-ens__parte{transform:none;transition:none}
@keyframes aw-q-entra{from{transform:translate(calc(var(--ex) * 1.2),calc(var(--ey) * 1.2))}to{transform:none}}
.aw-sits__tab.aw-q-entra .aw-ens--sit .aw-ens__parte,
.aw-fam-1.aw-q-entra .aw-ens--fam .aw-ens__parte--1,.aw-fam-2.aw-q-entra .aw-ens--fam .aw-ens__parte--2,
.aw-fam-3.aw-q-entra .aw-ens--fam .aw-ens__parte--3,.aw-fam-4.aw-q-entra .aw-ens--fam .aw-ens__parte--4,
.aw-fam--todas.aw-q-entra .aw-ens--fam .aw-ens__parte{animation:aw-q-entra .3s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){.aw-q-entra .aw-ens__parte{animation:none!important}}

/* 4 · La cabeza de una situación. En el celular (hasta 599 px) la Q va arriba del título: el título usa todo el ancho y queda
   en el mismo borde que las migas, la bajada y el botón (antes empezaba a 76 px y ocupaba 4 líneas). Desde 600 px la Q
   sigue a la izquierda del título y la bajada y el botón se alinean con el texto del título: un solo borde de lectura. */
.aw-cabeza-pag__texto:has(> .aw-cabeza-pag__titular){--aw-q-cab:clamp(40px,4.2vw,60px);--aw-q-sep:clamp(12px,1.6vw,20px)}
@media (max-width:599px){
  .aw-cabeza-pag__titular{flex-direction:column;gap:16px}
  .aw-cabeza-pag__simbolo{width:40px;margin-top:0}
}
@media (min-width:600px){
  .aw-cabeza-pag__titular{gap:var(--aw-q-sep)}
  .aw-cabeza-pag__simbolo{width:var(--aw-q-cab)}
  .aw-cabeza-pag__titular ~ :is(.aw-bajada,.aw-acciones){margin-left:calc(var(--aw-q-cab) + var(--aw-q-sep))}
}

/* 5 · Del título al contenido, 40 px como mínimo en el cuerpo de una situación y en «Cómo se imparte» (antes, 20). */
.aw-sit-cuerpo .aw-h2 + *,.aw-imparten .aw-h2 + *{margin-top:40px}

/* 6 · Contacto: de la cabeza con foto al formulario, el aire de sección de las demás cabezas con foto (antes, 48 y 28). */
@media screen{.aw-cabeza-pag + .aw-sec--form{padding-top:var(--sep-seccion)}}

/* 7 · El filtro de familia elegido: el marco en el azul de los títulos, uno solo (la Q ya dice la familia; antes, el color de
   la familia por fuera y una línea azul por dentro). */
.aw-fam[aria-current]::before{background:var(--c-titulo)}
.aw-fam[aria-current]::after{box-shadow:none}

/* 8 · La escala de espacio (8 · 12 · 16 · 24 · 32 · 48 · 64) en las situaciones, el buscador y la ficha a fondo. */
.aw-sits__panel,.aw-buscador{padding:var(--aw-caja)}
.aw-sits__tab{padding:16px}
.aw-sits,.aw-sits--js{row-gap:12px}
@media (max-width:959px){.aw-sits--js .aw-sits__panel{margin-top:-6px}} /* la abierta sigue pegada a su pestaña, como antes */
@media (min-width:960px){.aw-sits--js{column-gap:48px}}
.aw-sit-cuerpo__in{gap:clamp(48px,5vw,64px)}
.aw-sit-cursos .aw-rejilla{gap:24px}
.aw-ficha .aw-ficha__sub,.aw-ficha__temario > .aw-h2,.aw-ficha .aw-fondo > .aw-h2,.aw-fondo--contexto .aw-h2,.aw-fondo--preguntas .aw-h2{margin-bottom:16px}

/* 10 · De 960 a 1199 px las pestañas de situación con dos líneas eran más altas que las de una (78 y 66): todas del mismo
   alto, el de la de dos líneas con el relleno nuevo de 16 px. */
@media (min-width:960px) and (max-width:1199px){.aw-sits__tab{min-height:82px}}

/* 11 · La Q de la portada en escritorio, en el margen del contenido (a 1440 px llegaba a 1368, 48 px más allá de 1320). */
@media (min-width:900px){.aw-portada__q{right:max(var(--aw-margen,24px),calc((100% - var(--ancho)) / 2 + var(--aw-margen,24px)))}}

/* 14 · El botón «Solicitar cotización para esta situación» en el celular, a todo el ancho (el texto es largo y quedaba en dos
   líneas cortadas a destiempo): en la cabeza de la situación, en su cierre y en el panel de la situación de Inicio. */
@media (max-width:599px){
  .aw-cabeza-pag--situacion .aw-acciones .aw-btn,.aw-sit-cierre .aw-btn,.aw-sits__acciones .aw-btn--cotizar{display:flex;width:100%;justify-content:center;text-align:center;text-wrap:balance}
}

/* 15 · Inicio a 360 px: con la foto de 72 px el título de los servicios quedaba en 212 px (criterio 4: 240 como mínimo). Por
   debajo de 380 px, la foto de 56 px y 8 px a cada lado del texto: el título queda en 240. */
@media screen and (max-width:379px){
  .home .aw-servicios--mosaico .aw-servicio{grid-template-columns:56px minmax(0,1fr);column-gap:8px;padding-right:8px}
  .home .aw-servicios--mosaico .aw-servicio__foto{width:56px}
}

/* 16 · Sin palabras sueltas al final de los títulos. */
.aw-tarjeta__titulo,.aw-destacado__titulo,h2.wp-block-heading,h3.wp-block-heading,.aw-sector__titulo,.aw-sus__titulo{text-wrap:balance}
.aw-fondo__pregunta{text-wrap:pretty}

/* 19 · Contacto por debajo de 400 px: el texto de las opciones del cotizador, con 16 px de relleno (antes 18 a los lados). */
@media (max-width:399px){.aw-cot__linea-cuerpo{padding:16px}}

/* 20 · Zonas táctiles de 44 px de ancho en el «Inicio» de las migas (36) y de la 404 (40), sin mover el texto. */
.aw-migas a,.aw-hallazgo__salidas a{padding-inline:4px;margin-inline:-4px}

/* 21 · La Q de la situación (24 px, su pieza en color) en «Otras situaciones» y en «Responde a» de la ficha: el mismo
   componente que en la lista de situaciones. */
.aw-sit-q{flex:none;display:block;width:24px;height:24px}
.aw-sit-q svg{display:block;width:100%;height:100%}
.aw-ficha__sits-lista a{gap:8px}
@media print{.aw-sit-q{display:none}}
/* fin 0.15 · Revisión en frío */

/* 0.16 · Perfil de LinkedIn de cada persona en Nosotros (enlace normal, sin scripts de LinkedIn) */
.aw-personas__lista .aw-personas__perfil{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;min-height:var(--toque);color:var(--c-enlace);font-size:var(--t-chico);text-decoration:none}
.aw-personas__perfil:hover,.aw-personas__perfil:focus-visible{text-decoration:underline;text-underline-offset:3px}
/* 0.16 · Los bloques «Del curso» (quién imparte, evaluación, certificado, idioma, fechas) también van en la ficha impresa, que
   le sirve a Compras: en tres columnas y apretados, para que la ficha siga entrando en una o dos hojas carta (c32 B9). */
@media print{
  .aw-fondo--bloques{margin-block:8px 0!important;padding:0!important}
  .aw-fondo--bloques .aw-ficha__sub{margin:0 0 4px!important}
  .aw-fondo__bloques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 20px;font-size:10pt;line-height:1.3}
  .aw-fondo__bloque{margin:0}
  .aw-nota-constancia{display:none!important} /* lo dice el bloque «Qué recibe cada participante» */
  .aw-ficha__sits{display:none!important} /* «Responde a»: enlaces a las situaciones, que en papel no se siguen */
}

/* 0.16 · Revisión en frío (celular y escritorio) */
/* Inicio en el celular: la foto de cada servicio arriba, a todo lo ancho (2:1). La tira de 56–72 px dejaba ver solo una
   cuarta parte de la foto y el sujeto no se entendía. Así el título queda en 310 px a 390 y 280 a 360. */
@media (max-width:699px){
  .home .aw-servicios--mosaico .aw-servicio{grid-template-columns:minmax(0,1fr);column-gap:0;padding:0}
  .home .aw-servicios--mosaico .aw-servicio__foto{order:-1;grid-column:1;grid-row:auto;width:100%;height:auto;aspect-ratio:2 / 1;min-height:0;margin:0}
  .home .aw-servicios--mosaico .aw-servicio__titulo,.home .aw-servicios--mosaico .aw-servicio p{grid-column:1;padding-inline:16px}
}
/* Botones de cotizar en el celular: en una línea cuando cabe (a 17 px partían «… de auditoría MDSAP» en dos y la barra fija
   crecía a 78 px). */
@media (max-width:599px){
  .aw-btn,.aw-barra-cotizar__enlace{font-size:1rem;padding-inline:16px;text-wrap:balance}
  .aw-ficha__titulo.aw-h1--int{font-size:2rem;line-height:1.1}
  .aw-contenido-editor p.aw-posicion__frase{font-size:1.5rem;line-height:1.2}
}
/* Nosotros: cada persona a lo ancho de su columna, con su LinkedIn subrayado como los demás enlaces de texto; la nota de César
   separada de la lista, para que no parezca de la última persona. */
.aw-contenido-editor ul.aw-personas__lista li{max-width:none}
.aw-personas__lista .aw-personas__perfil{text-decoration:underline;text-underline-offset:4px}
.aw-contenido-editor .aw-personas__lista + p{margin-top:24px;padding-top:24px;border-top:1px solid var(--linea)}
/* Ficha, «Del curso»: cada rótulo con su dato y aire entre uno y otro; el rótulo, con la letra de los otros rótulos. */
@media screen{
  .aw-fondo__bloques{display:grid;row-gap:20px}
  .aw-fondo__bloque{margin:0}
  .aw-fondo__bloque dt{font:600 1.0625rem/1.4 var(--letra-titulos)}
  .aw-fondo__bloque dd{margin-top:4px}
}
@media screen and (min-width:760px){.aw-fondo__bloques{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}
/* Ficha, «Fuentes oficiales»: el guion a la altura de la primera línea del enlace (iba 11 px más arriba). */
.aw-fondo__fuentes > li{display:flex;align-items:baseline;gap:.4em;padding-left:0}
.aw-fondo__fuentes > li::before{position:static}
/* Subpáginas de Auditoría: entre secciones, lo mismo que el resto del sitio en escritorio (83 px a 1024). */
@media (min-width:760px){.aw-sec--servicio{padding-block:clamp(60px,4.5vw,64px)}}
/* Cotizador: «(opcional)» con la letra del texto (Titillium 400 no se sirve y se dibujaba en 600). */
.aw-cot__opcional{font-family:var(--letra-texto)}
/* Recursos, línea de tiempo: la fecha más chica que el título del hito, y el título pegado a su texto. */
.aw-contenido-editor p.aw-hito__fecha{font-size:1.0625rem}
.aw-contenido-editor .aw-hito > h3 + p{margin-top:12px}
/* Otras situaciones: sin una palabra sola en la última línea. */
.aw-sit-otras__lista a{text-wrap:balance}
/* fin 0.16 */

/* ---------- 0.17 · Revisión en frío ---------- */
/* La foto de Auditoría (marca/fotos/auditoria.jpg, 4:3): en las cajas más anchas (la tarjeta de Inicio en el celular) se
   recorta desde arriba, para no cortar cabezas; en las más angostas (1024 px), corrida a la izquierda, para que entren la
   persona que revisa la carpeta y quien inspecciona la pipeta. */
.aw-foto-img[src$="/fotos/auditoria.jpg"]{object-position:30% 0}
/* Nosotros: la credencial de cada persona en su propia línea, más chica que el cargo, sin una palabra sola al final; la frase de
   abajo, sin la raya que no llegaba al ancho de la lista. */
.aw-personas__cred{font-size:var(--t-chico);text-wrap:balance}
.aw-contenido-editor .aw-personas__lista + p{margin-top:32px;padding-top:0;border-top:0}
/* Ficha, «Del curso»: sin una palabra sola en la última línea de cada bloque (p. ej., «Global.»). */
.aw-fondo__bloque dd{text-wrap:pretty}
/* Blog: sin la suscripción, la última entrada no suma su relleno de abajo al espacio antes del pie. */
.aw-entradas > .aw-entrada-resumen:last-child{padding-bottom:0}
/* fin 0.17 */