/* IA para docentes de Primaria: el papel crema de la cubierta de fondo, su verde petróleo de acento y la terracota
   como segundo tono; titulares de palo seco gruesos como el título de la cubierta, antetítulos en versalitas
   espaciadas como «IA PRÁCTICA PARA DOCENTES». Sobrio: es un manual para profesionales. */

.aiw .titulo-seccion,
.aiw .titular {
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.04;
}
html[data-estilo="calido"] .aiw .titulo-seccion,
html[data-estilo="calido"] .aiw .titular {
  font-weight: 600;
  letter-spacing: -0.01em;
}
.aiw .entradilla {
  color: rgb(var(--aiw-suave));
}

/* antetítulo: versalitas espaciadas con una raya terracota corta */
.aiw .antetitulo {
  font-family: var(--aiw-fuente-titulos);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.8rem;
  font-weight: 700;
  color: rgb(var(--aiw-acentotexto));
}
.aiw .antetitulo::before {
  width: 1.6rem;
  height: 3px;
  background: rgb(var(--aiw-acento2));
}

/* botones: rectos y firmes, como un lomo */
.aiw .boton {
  font-family: var(--aiw-fuente-titulos);
  font-weight: 700;
  letter-spacing: 0.01em;
}
.aiw .boton--principal {
  box-shadow: 0 12px 26px -16px rgb(var(--aiw-acento) / 0.9);
}
.aiw .boton:focus-visible {
  outline: 2px solid rgb(var(--aiw-acento));
  outline-offset: 3px;
}

/* tarjetas: hoja de papel con el canto superior del color de la cubierta */
.aiw .servicios__item,
.aiw .ventajas__item {
  border: 1px solid rgb(var(--aiw-borde));
  border-top: 3px solid rgb(var(--aiw-acento));
  background: rgb(var(--aiw-superficie));
  box-shadow: 0 1px 0 rgb(var(--aiw-texto) / 0.04);
  transition:
    transform 0.4s var(--curva),
    box-shadow 0.4s var(--curva);
}
.aiw .servicios__item:hover,
.aiw .ventajas__item:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 36px -26px rgb(var(--aiw-texto) / 0.45);
}
.aiw .servicios__icono,
.aiw .ventajas__icono {
  background: rgb(var(--aiw-acento) / 0.1);
  color: rgb(var(--aiw-acentotexto));
}

/* preguntas: filo terracota en la abierta */
.aiw .faq__item {
  border-left: 3px solid transparent;
  padding-left: 0.9rem;
  transition: border-color 0.3s;
}
.aiw .faq__item[data-abierto] {
  border-left-color: rgb(var(--aiw-acento2));
}

/* bandas teñidas: crema de papel, no verde */
.aiw .seccion[data-tono="tinte"] {
  background-color: rgb(var(--aiw-fondo));
  background-image: linear-gradient(rgb(var(--aiw-acento2) / 0.06), rgb(var(--aiw-acento2) / 0.06));
}

/* páginas aparte */
.aiw .pagina-cab__titulo {
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.04;
}