/* Mauriett 1.1.0: small visual refinements, shared with the native editor.
 * Foundation for the refinements in version 1.2.0.
 */
.mq-site {
  --shadow-alta: 0 18px 42px -24px rgba(39,31,56,.28);
  --shadow-suave: 0 12px 30px -22px rgba(39,31,56,.22);
  --r-xl: 1.75rem;
  --r-lg: 1.25rem;
  --mq-muted: #705f91;
}

/* Calmer surfaces, while preserving the original color identity. */
.mq-site .grano::after { opacity:.055; }
.mq-site .nav-inner {
  background:rgba(56,45,79,.97);
  box-shadow:0 6px 20px -15px rgba(39,31,56,.28);
}
.mq-site .nav-bar { gap:1.5rem; }
.mq-site .mq-menu .wp-block-navigation__container { gap:1.65rem; }
.mq-site :is(.dato-ancho,.metodo) { box-shadow:inset 0 0 0 1px rgba(56,45,79,.055); }
.mq-site .cinta { scrollbar-width:none; }
.mq-site .cinta::-webkit-scrollbar { display:none; }

/* Give titles, labels and body copy distinct, consistent roles. */
.mq-site .display { letter-spacing:-.018em; }
.mq-site .eyebrow {
  font-size:.75rem;
  font-weight:800;
  line-height:1.6;
  letter-spacing:.18em;
}
.mq-site :is(.quien,.intro-caminos,.social,.metodo,.manifiesto) .eyebrow { color:var(--mq-muted); }
.mq-site :is(.intro-caminos,.social,.metodo,.manifiesto) em { font-weight:400; }
.mq-site .intro-caminos .eyebrow {
  margin-top:0;
  max-width:none;
  font-size:.75rem;
  line-height:1.6;
  white-space:normal;
}
.mq-site .dato-cita > .eyebrow {
  margin-top:0;
  font-size:.75rem;
  line-height:1.6;
  letter-spacing:.18em;
}
.mq-site .dato-cita > .display { line-height:1.25; }
.mq-site .dato-ancho .num { font-weight:400; font-size:3.8rem; letter-spacing:-.04em; }
.mq-site .dato p { font-size:.875rem; line-height:1.5; font-weight:600; }

/* A more balanced opening and a stable portrait crop. */
.mq-site .hero { padding:3.5rem; }
.mq-site .hero h1 {
  margin-top:1.4rem;
  max-width:17.5ch;
  font-size:clamp(2.5rem,4.65vw,4.05rem);
  line-height:1.13;
  letter-spacing:-.023em;
}
.mq-site .hero .promesa {
  margin-top:2rem;
  max-width:37ch;
  font-size:1.35rem;
  line-height:1.45;
  letter-spacing:-.01em;
}
.mq-site .hero .acciones { margin-top:2rem; gap:.75rem; }
.mq-site .retrato { display:grid; padding:1.4rem; }
.mq-site .retrato .wp-block-image {
  position:relative;
  height:auto;
  min-height:0;
  align-self:stretch;
}
.mq-site .retrato img {
  position:absolute;
  inset:0;
  height:100%;
  min-height:0;
  max-height:none;
  object-position:50% 38%;
}
.mq-site .intro-caminos h2 { font-size:clamp(1.9rem,3.2vw,2.75rem); line-height:1.17; }
.mq-site .intro-caminos .der { padding-left:2.5rem; }
.mq-site .quien .mq-facts .fila { gap:.5rem 1.5rem; }

/* Consistent buttons and quieter supporting chips. */
.mq-site .wp-block-button__link {
  min-height:3.1rem;
  padding:.82rem 1.7rem;
  font-size:.9375rem;
  line-height:1.45;
  letter-spacing:.01em;
  transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;
}
.mq-site .btn-linea .wp-block-button__link {
  border-width:1px;
  border-color:rgba(251,247,240,.42);
  padding:calc(.82rem - 1px) calc(1.7rem - 1px);
}
.mq-site .mq-menu .wp-block-navigation-item:last-child > a {
  padding:.7rem 1.3rem;
  font-size:.875rem;
  letter-spacing:0;
}
.mq-site .camino .cuerpo { padding:2.35rem; }
.mq-site .camino h3 { font-size:1.75rem; line-height:1.2; letter-spacing:-.015em; }
.mq-site .camino .texto { line-height:1.75; }
.mq-site :is(.camino,.exp) .tags { gap:.5rem; }
.mq-site :is(.camino,.exp) .tags li { padding:.4rem .8rem; font-size:.8125rem; line-height:1.45; font-weight:600; }
.mq-site :is(.c-ciruela,.exp) .tags li { background:rgba(251,247,240,.10); }
.mq-site .c-lavanda .tags li { background:rgba(56,45,79,.06); }
.mq-site .camino .cta { padding-top:1.85rem; font-size:.9375rem; line-height:1.5; }
.mq-site .camino .cta > a { gap:.75rem; }
.mq-site .camino .cta > a::after { width:2.25rem; height:2.25rem; }
.mq-site .exp .frase { font-size:1.25rem; line-height:1.5; }

/* Aligned testimonials and method cards with readable numbers. */
.mq-site .social { box-shadow:none; }
.mq-site .social .mq-testimonial { padding:1.75rem; border-color:rgba(56,45,79,.07); }
.mq-site .social .mq-testimonial > .wp-block-quote { flex:1; }
.mq-site .social .nombre { color:var(--mq-muted); }
.mq-site .social .contexto { font-size:.8125rem; line-height:1.55; color:rgba(56,45,79,.76); }
.mq-site .pendiente { font-size:.6875rem; letter-spacing:.1em; padding:.2rem .65rem; }
.mq-site .metodo .mq-step { padding:1.9rem; }
.mq-site .metodo .mq-step .n {
  width:3rem;
  height:3rem;
  margin:0;
  font-size:1.55rem;
  line-height:1;
  font-weight:400;
  color:var(--durazno);
}
.mq-site .metodo .mq-step h3 { margin-top:1.4rem; line-height:1.3; }
.mq-site .metodo .mq-step > p:not(.n) { line-height:1.7; }
.mq-site .manifiesto::before { color:rgba(251,247,240,.4); }
.mq-site .news h2 { line-height:1.22; letter-spacing:-.012em; }
.mq-site .mq-news-note { color:rgba(56,45,79,.74); line-height:1.55; }
.mq-site .cierre p.sub { line-height:1.7; }
.mq-site .cierre .nota { letter-spacing:.03em; }
.mq-site .mq-footer .barra { padding:1.25rem 2rem; }

@media(max-width:1023px) {
  .mq-site .hero { padding:2.5rem; }
  .mq-site .hero h1 { font-size:clamp(2.35rem,6.3vw,3.5rem); max-width:19ch; }
  .mq-site .hero .promesa { max-width:40ch; }
  .mq-site .retrato { min-height:27rem; height:clamp(27rem,75vw,38rem); padding:1.25rem; }
  .mq-site .retrato img { height:100%; max-height:none; }
  .mq-site .intro-caminos .der { padding-left:0; }
  .mq-site .camino .cuerpo { padding:2.1rem; }
  .mq-site .dato-cita { min-height:16rem; }
}
@media(max-width:479px) {
  .mq-site .hero { padding:1.75rem; }
  .mq-site .hero h1 { font-size:clamp(2.05rem,8.7vw,2.55rem); letter-spacing:-.02em; }
  .mq-site .hero .promesa { margin-top:1.6rem; font-size:1.15rem; line-height:1.5; }
  .mq-site .hero .acciones { margin-top:1.6rem; }
  .mq-site .hero .acciones .wp-block-button { width:100%; }
  .mq-site .hero .acciones .wp-block-button__link { width:100%; }
  .mq-site .retrato { min-height:25rem; height:calc(100vw * 1.18); max-height:30rem; padding:1rem; }
  .mq-site .camino .cuerpo { padding:1.75rem; }
  .mq-site .camino h3 { font-size:1.6rem; }
  .mq-site .quien .mq-facts .fila { gap:.3rem .75rem; }
  .mq-site .quien .mq-term { min-width:8.2rem; font-size:1rem; }
  .mq-site .quien .mq-definition { font-size:1.15rem; }
  .mq-site .dato-cita { padding:2rem 1.65rem; }
  .mq-site .social .mq-testimonial, .mq-site .metodo .mq-step { padding:1.5rem; }
  .mq-site .mq-footer .barra { padding:1.3rem 1.4rem; }
}
@media(max-width:379px) {
  .mq-site .hero h1 { font-size:clamp(1.65rem,8.15vw,1.95rem); }
}