/*
Theme Name: ISODE
Theme URI: https://fundacionisode.org.ar
Author: Fundación ISODE
Author URI: https://fundacionisode.org.ar
Description: Tema institucional para la Fundación ISODE — Investigaciones Sociales para el Desarrollo. Investigación social aplicada y diseño de planes de gobierno y gestión para la Argentina. Tema custom, responsive y sin dependencia de plugins, con tipos de contenido propios (Líneas de investigación, Publicaciones, Proyectos, Equipo y Eventos).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isode
Tags: organizacion, institucional, investigacion, custom-logo, custom-menu, featured-images, translation-ready, two-columns, right-sidebar
*/

/* =========================================================================
   ISODE — Design tokens (custom properties)
   ========================================================================= */
:root {
  /* Brand palette — azul marino + celeste argentino + acento dorado */
  --navy:        #0B2545;
  --navy-700:    #102f57;
  --navy-600:    #16407a;
  --navy-500:    #1d4f93;
  --celeste:     #6CA8DC;
  --celeste-300: #9bc3e8;
  --celeste-200: #c4ddf2;
  --celeste-100: #e8f1fa;
  --gold:        #C9A227;
  --gold-600:    #a9871c;

  /* Neutrals */
  --ink:    #17222f;
  --muted:  #5e6d80;
  --line:   #e8edf3;
  --bg:     #ffffff;
  --bg-alt: #f5f8fc;
  --bg-navy:#0B2545;
  --white:  #ffffff;

  /* Typography */
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans:  "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Shape & depth — hairlines and diffuse, low-contrast shadows */
  --radius:    16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --shadow-sm: 0 1px 2px rgba(11,37,69,.05);
  --shadow:    0 18px 44px -22px rgba(11,37,69,.20);
  --shadow-lg: 0 32px 68px -30px rgba(11,37,69,.30);

  /* Layout */
  --container: 1200px;
  --container-narrow: 820px;
  --gap: clamp(1rem, 2.5vw, 2rem);
  --section-y: clamp(4.2rem, 8.5vw, 7.5rem);
  --header-h: 86px;
}

/* =========================================================================
   Base / reset
   ========================================================================= */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.65;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--navy-600); text-decoration: none; transition: color .18s ease; }
a:hover { color: var(--gold-600); }
ul, ol { padding-left: 1.2em; }
h1, h2, h3, h4 { font-family: var(--font-serif); line-height: 1.12; color: var(--navy); font-weight: 700; letter-spacing: -.018em; }
button { font: inherit; cursor: pointer; }
::selection { background: var(--celeste-200); color: var(--navy); }
:focus-visible { outline: 3px solid var(--celeste); outline-offset: 2px; border-radius: 4px; }
.skip-link {
  position: absolute; left: -999px; top: 0; z-index: 1000;
  background: var(--navy); color: #fff; padding: .8rem 1.2rem; border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; color:#fff; }

/* WordPress required classes */
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; word-wrap: normal !important;
}
.alignleft { float: left; margin: .4em 1.5em 1em 0; }
.alignright { float: right; margin: .4em 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: .85rem; color: var(--muted); padding: .5rem 0; }
.sticky, .gallery-caption, .bypostauthor { display: block; }