/* ══════════════════════════════════════════════════════════════
   COLABELLA PET CLUB — Colores y tipografía de la marca
   ─────────────────────────────────────────────────────────────
   ESTE ES EL ÚNICO LUGAR DONDE SE CAMBIAN LOS COLORES.
   Antes cada página traía su propia copia: cambiar el coral
   obligaba a editar 17 archivos y siempre quedaba uno distinto.
   Ahora las páginas leen de aquí; si por lo que sea este archivo
   no cargara, cada página tiene su valor de respaldo y se sigue
   viendo bien (por eso se usa var(--cd-x, #COLOR)).
   ══════════════════════════════════════════════════════════════ */
:root{
  /* ── Colores principales ── */
  --cd-teal:      #1287A3;  /* turquesa principal */
  --cd-teal-d:    #0F4A5F;  /* petróleo (títulos) */
  --cd-navy:      #082F3C;  /* fondo oscuro */
  --cd-coral:     #FF6431;  /* naranja de acción (botones) */
  --cd-cyan:      #22BFD8;  /* acento claro */
  --cd-cyan-soft: #E3F4F7;  /* fondo suave */

  /* ── Texto ── */
  --cd-ink:  #132A32;   /* texto principal */
  --cd-ink2: #54696F;   /* texto secundario */
  --cd-ink3: #93A6AB;   /* texto tenue */

  /* ── Superficies ── */
  --cd-bg:   #F3F8F9;   /* fondo de página */
  --cd-line: #E4EEF0;   /* bordes y separadores */

  /* ── Estados ── */
  --cd-ok:    #1FA363;  /* éxito / activo */
  --cd-warn:  #E8A33D;  /* aviso */
  --cd-error: #C0322C;  /* error */

  /* ── Tipografía ── */
  --cd-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Formas ── */
  --cd-radius:    16px;
  --cd-radius-sm: 11px;
  --cd-radius-lg: 22px;
  --cd-shadow:    0 10px 30px rgba(19,42,50,.10);
}

/* Evita el salto de layout mientras cargan los iconos */
.ti{ display:inline-block; line-height:1; }

/* Las páginas del club nunca deben desbordar el ancho en móvil */
[id^="cd-"]{ max-width:100%; }
[id^="cd-"] img{ max-width:100%; height:auto; }