/*
 * Inversión Alternativa · inversionalternativa.cl
 * Capa de marca sobre el tema Funden. Se carga después de template.css.
 *
 * Paleta
 *   Azul marino  #0B2340  títulos, fondos oscuros, pie de página
 *   Verde inversión #157A6E  color principal: botones, enlaces, barras de avance
 *   Dorado       #C9A13B  acento: etiquetas, detalles, porcentaje financiado
 *   Texto        #4A5566
 *   Fondo suave  #F2F5F8
 * Tipografías
 *   Manrope (títulos) · Inter (texto)
 */

:root {
  --ia-navy: #0B2340;
  --ia-navy-2: #132F52;
  --ia-primary: #157A6E;
  --ia-primary-dark: #0F5F56;
  --ia-gold: #C9A13B;
  --ia-gold-text: #8C6A1C; /* dorado legible sobre fondos claros */
  --ia-text: #4A5566;
  --ia-soft: #F2F5F8;
  --ia-line: #E3E8EE;
}

body {
  font-family: var(--funden-font-sans-serif);
  color: var(--ia-text);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--funden-heading-font-family);
  letter-spacing: -0.01em;
}

/* Los textos manuscritos del tema de caridad pasan a un estilo sobrio. */
.gsc-heading .sub-title .shadow-text {
  font-family: var(--funden-heading-font-family);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 56px;
  opacity: 0.06;
}

.gsc-heading .sub-title {
  color: var(--ia-gold-text);
  letter-spacing: 0.14em;
  font-size: 13px;
}

.helping-text {
  font-family: var(--funden-heading-font-family);
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.01em;
}

/* Botones: menos redondos, sin mayúscula inicial forzada. */
.btn, .btn-theme, .btn-white, .btn-gray, .btn-black,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.las),
.wp-crowd-btn, .wp-crowd-btn-primary, .wpneo-save-btn {
  border-radius: 8px;
  text-transform: none;
  font-family: var(--funden-heading-font-family);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.btn:hover, .btn-theme:hover,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.las):hover {
  background: var(--ia-primary-dark);
}

/* Fichas de proyecto */
.campaign-block {
  border-radius: 12px;
  overflow: hidden;
}

.campaign-block .campaign-image img {
  transition: transform 0.5s ease;
}

.campaign-block:hover .campaign-image img {
  transform: scale(1.03);
}

.campaign-progress .progress {
  background: var(--ia-line);
  border-radius: 6px;
}

.campaign-progress .progress .progress-bar {
  background: var(--ia-primary);
  border-radius: 6px;
}

.campaign-progress .percentage,
.campaign-progress .progress-bar .percentage,
.campaign-progress .progress-bar span {
  background: var(--ia-gold);
  color: var(--ia-navy);
  font-weight: 700;
}

.label-raised, .label-goal, .campaign-raised-label {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #6B7686;
}

/* Cifras alineadas para montos y porcentajes. */
.campaign-progress, .campaign-raised, .funding-goal,
.wpneo-raised, .wpcf-raised, .meta-value, .info-value {
  font-variant-numeric: tabular-nums;
}

/* Pie de página y aviso de riesgo */
#wp-footer .copyright {
  background: #081A30;
  color: #A9B4C4;
  font-size: 13px;
  line-height: 1.6;
}

#wp-footer .copyright .copyright-content {
  padding: 18px 0;
}

/* Fondos suaves */
.bg-gray, .bg-theme-gray {
  background-color: var(--ia-soft) !important;
}

::selection {
  background: var(--ia-primary);
  color: #fff;
}

/* Logo de la marca (imagen al doble de resolución para pantallas retina). */
.logo .logo-theme img,
.logo-mobile img,
.logo-mm img {
  height: 44px;
  width: auto;
  max-width: 100%;
}

/* Logo en blanco sobre fondos oscuros (pie de página). */
.ia-logo-white img {
  filter: brightness(0) invert(1);
}

/* Campo de monto a invertir: ancho suficiente para montos en pesos. */
.wpneo_donate_amount_field {
  width: 150px !important;
  max-width: 100%;
}