/*
Theme Name: Lety Zúñiga Child
Theme URI: https://letyzuniga.com
Template: bricks
Author: xaimenieto
Version: 1.0.2
Text Domain: letyzuniga-child
*/

/* Overrides de migración */

/* Raíz de fuente a 16px. El diseño original se hizo para 16px, pero Bricks
   fuerza la raíz a 62.5% (10px), lo que encogía todo el texto en rem al 62.5%
   (fee-meta, números de lista, créditos, pie quedaban a 7-9px). */
:root,
html {
  font-size: 100%;
}

/* H1 del intake de Contacto, mismo estilo que el h2 original tras promoverlo por SEO */
.intake__intro h1 {
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3.4vw, 2.6rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.1;
  color: var(--ink);
  margin: 0.6rem 0 1.2rem;
}
.intake__intro h1 em {
  font-style: italic;
  color: var(--accent);
}

/* ===== Contraste WCAG AA (auditoría) ===== */

/* Acento más oscuro, contraste 4.65 sobre #F8F8F8, conserva el tono cálido */
:root {
  --accent: #8e6852;
}

/* Placeholders de formulario con contraste suficiente */
input::placeholder,
textarea::placeholder {
  color: #6e6e6e;
  opacity: 1;
}

/* Eyebrow de páginas legales, de rgba(0,0,0,.5) a un gris que pasa AA */
.legal .eyebrow {
  color: #6b6b6b;
}

/* Pista del buscador, antes en gris faint, ahora legible */
.search-drawer__hint {
  color: #6b6b6b;
}

/* Texto del bar del footer, de #3a3a3a a un tono que pasa AA sobre el gris #8f8f8f */
.osk-footer__bar,
.osk-footer__bar span {
  color: #1a1a1a;
}

/* ===== Ancho de contenido uniforme en páginas interiores =====
   El contenedor original llega a 1480px, demasiado ancho y con anchos internos dispares.
   Se unifica a una columna consistente y centrada, sin tocar el formulario ni los fondos. */
body.has-fixed-content main > section:not(.intake-section) > .container {
  max-width: 1140px;
}

/* ===== Espaciado entre párrafos (el reset global *{margin:0} los dejó pegados) ===== */
.feature__prose p + p,
.approach__body p + p,
.bio__prose p + p {
  margin-top: 1em;
}

/* ===== Objetivos táctiles cómodos en móvil (auditoría) ===== */
@media (max-width: 640px) {
  .nav__link,
  .nav__cta,
  .nav__icon-pill,
  .osk-footer__pill,
  .osk-helpchat__pill {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .osk-footer__list li {
    margin-bottom: 2px;
  }
}