/*
Theme Name: Instituto de Integridad
Theme URI: https://institutodeintegridad.org
Author: Instituto de Integridad
Description: Tema institucional editable para el Instituto de Integridad.
Version: 1.6.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: instituto-integridad
*/

:root {
  --ii-navy:#071d2b;
  --ii-navy-2:#0b2f42;
  --ii-teal:#12c8c2;
  --ii-teal-soft:#a9f0eb;
  --ii-paper:#f3f1ea;
  --ii-ink:#10232d;
  --ii-muted:#62717a;
  --ii-line:rgba(16,35,45,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ii-paper);color:var(--ii-ink);font-family:Montserrat,Arial,sans-serif}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--ii-teal);outline-offset:4px}
.wp-site-blocks{padding:0}
.ii-container{width:min(1400px,88vw);margin-inline:auto}
.ii-kicker{margin:0 0 28px;color:#397a7a;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.ii-kicker-light{color:var(--ii-teal-soft)}
.ii-button .wp-block-button__link{border-radius:0;background:var(--ii-teal);color:var(--ii-navy);padding:18px 24px;font-size:13px;font-weight:800}
.ii-header{position:sticky;z-index:20;top:0;padding:18px 6vw;border-bottom:1px solid var(--ii-line);background:rgba(243,241,234,.96);backdrop-filter:blur(14px)}
.ii-header{display:flex;align-items:center;justify-content:space-between;gap:28px}
.ii-header>a img{display:block;width:min(280px,32vw);height:auto}
.ii-header nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px);font-size:12px;font-weight:800}
.ii-cta{display:inline-block;margin-top:20px;padding:17px 24px;background:var(--ii-teal);color:var(--ii-navy);font-size:13px;font-weight:800}
.ii-header .wp-block-site-logo img{width:280px;height:auto}
.ii-header .wp-block-navigation{font-size:12px;font-weight:700}
.ii-hero{min-height:calc(100svh - 92px);padding:clamp(90px,10vw,150px) 6vw 0;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(3,18,28,.96),rgba(3,18,28,.55)),url("https://institutodeintegridad.org/wp-content/uploads/2026/08/capitolio-hero-poster.jpg") center/cover}
.ii-hero h1{max-width:1050px;margin:24px 0;font-size:clamp(54px,7vw,106px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase}
.ii-hero p{max-width:720px;color:#c8d3d7;font-size:clamp(17px,1.4vw,21px);line-height:1.65}
.ii-principles{margin-top:70px;padding:28px 0;border-top:1px solid rgba(255,255,255,.22);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.ii-section{padding:clamp(85px,9vw,145px) 6vw}
.ii-section h2{margin:0;font-size:clamp(42px,6vw,86px);line-height:.95;letter-spacing:-.06em;text-transform:uppercase}
.ii-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw}
.ii-intro p{color:var(--ii-muted);font-size:17px;line-height:1.7}
.ii-definition{margin:80px 0 0 auto;max-width:1050px;padding-top:38px;border-top:1px solid var(--ii-line);color:#164e5c;font-size:clamp(25px,3vw,45px);line-height:1.25}
.ii-photo{padding:0 6vw clamp(85px,9vw,145px)}
.ii-photo figure{margin:0}
.ii-photo img{width:100%;height:min(62vw,680px);object-fit:cover}
.ii-photo>p{max-width:780px;margin:0;padding:28px 34px;background:var(--ii-teal);font-size:clamp(20px,2.2vw,30px);line-height:1.2}
.ii-photo figcaption{max-width:780px;margin-top:-1px;padding:28px 34px;background:var(--ii-teal);font-size:clamp(20px,2.2vw,30px);line-height:1.2}
.ii-dark{background:var(--ii-navy-2);color:#fff}
.ii-dark>.ii-container{padding-block:clamp(80px,9vw,135px)}
.ii-work-grid,.ii-card-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(255,255,255,.2)}
.ii-work-grid>div{min-height:300px;padding:28px;border-right:1px solid rgba(255,255,255,.2)}
.ii-work-grid h3{margin-top:70px;font-size:30px}
.ii-work-grid p{color:#a8bac1;line-height:1.65}
.ii-themes{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}
.ii-theme-list details{border-top:1px solid var(--ii-line);padding:24px 0}
.ii-theme-list summary{cursor:pointer;font-size:clamp(23px,2.3vw,36px);font-weight:800}
.ii-theme-list p{color:var(--ii-muted);line-height:1.65}
.ii-cards{display:grid;grid-template-columns:repeat(2,1fr);margin-top:65px;border:1px solid var(--ii-line)}
.ii-cards>div{min-height:370px;padding:35px;border-right:1px solid var(--ii-line);border-bottom:1px solid var(--ii-line)}
.ii-cards h3{margin-top:55px;font-size:clamp(30px,4vw,55px);line-height:1;letter-spacing:-.05em}
.ii-cards p{color:var(--ii-muted);line-height:1.65}
.ii-cards>article{min-height:320px;padding:35px;border-right:1px solid var(--ii-line);border-bottom:1px solid var(--ii-line)}
.ii-cards>article h3{margin-top:48px;font-size:clamp(28px,3vw,48px);line-height:1;letter-spacing:-.045em}
.ii-list details{padding:28px 0;border-top:1px solid var(--ii-line)}
.ii-list summary{cursor:pointer;font-size:clamp(23px,2.5vw,38px);font-weight:800}
.ii-list details p{max-width:760px;color:var(--ii-muted);line-height:1.65}
.ii-accent{padding:clamp(80px,9vw,135px) 0;background:#e8e7e0}
.ii-accent h2{margin:0;font-size:clamp(58px,9vw,135px);line-height:.9;text-transform:uppercase}
.ii-accent p{max-width:900px;color:var(--ii-muted);font-size:18px;line-height:1.7}
.ii-text-link{display:inline-block;margin-top:24px;border-bottom:1px solid currentColor;padding-bottom:8px;color:var(--ii-teal-soft);font-weight:800}
.ii-voto{background:#e8e7e0}
.ii-voto .wp-block-columns{gap:9vw}
.ii-voto h2{font-size:clamp(58px,9vw,135px)}
.ii-voto p{color:var(--ii-muted);line-height:1.7}
.ii-tools{padding:70px 6vw;display:grid;grid-template-columns:1fr .8fr auto;gap:5vw;align-items:center}
.ii-tools h2{font-size:clamp(38px,5vw,70px)}
.ii-blog .wp-block-post-template{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}
.ii-blog .wp-block-post{border-top:1px solid var(--ii-line);padding-top:18px}
.ii-blog .wp-block-post-featured-image img{aspect-ratio:1.45;object-fit:cover;filter:grayscale(1)}
.ii-blog .wp-block-post-title{font-size:clamp(24px,2.4vw,38px);line-height:1.05}
.ii-newsletter{padding:55px 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:var(--ii-navy-2);color:#fff}
.ii-newsletter h2{font-size:clamp(34px,4vw,58px)}
.ii-form{padding:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15)}
.ii-form label{display:block;margin-bottom:18px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ii-form input,.ii-form select,.ii-form textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #8ba0a8;border-radius:0;background:transparent;color:inherit;font:inherit}
.ii-form button{border:0;border-radius:0;padding:16px 20px;background:var(--ii-teal);color:var(--ii-navy);font-weight:800;cursor:pointer}
.ii-consent{display:flex!important;gap:10px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important}
.ii-consent input{width:18px!important;margin-top:0}
.ii-notice{padding:14px 18px;background:#d6f5ef;color:#074f50;font-weight:700}
.ii-notice-error{background:#ffe2dc;color:#7a1c0f}
.ii-contact{display:grid;grid-template-columns:1fr .8fr;gap:9vw}
.ii-footer{padding:70px 6vw 28px;background:#020d13;color:#9badb4}
.ii-footer img{width:min(270px,70vw);height:auto;filter:brightness(0) invert(1)}
.ii-footer .wp-block-site-logo img{width:270px}
.ii-footer a{color:var(--ii-teal-soft)}
.ii-footer-bottom{margin-top:45px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);font-size:11px}
.ii-page-hero{padding:100px 6vw 70px;background:var(--ii-navy);color:#fff}
.ii-page-hero h1{font-size:clamp(52px,7vw,100px);line-height:.92;text-transform:uppercase}
.ii-content{width:min(840px,calc(100% - 44px));margin:70px auto 110px;font-family:Georgia,serif;font-size:19px;line-height:1.8}
.ii-content h2,.ii-content h3{font-family:Montserrat,Arial,sans-serif}
@media(max-width:900px){
  .ii-header{padding:15px 22px}.ii-header .wp-block-site-logo img{width:210px}
  .ii-header>a img{width:210px}.ii-header nav{display:none}
  .ii-header .wp-block-navigation{display:block!important;width:100%;min-width:0}
  .ii-header .wp-block-navigation__responsive-container-open,.ii-header .wp-block-navigation__responsive-container-close{display:none!important}
  .ii-header .wp-block-navigation__responsive-container{display:block!important;position:static!important;width:100%!important;height:auto!important;background:transparent!important}
  .ii-header .wp-block-navigation__responsive-container-content{display:block!important;padding:0!important}
  .ii-header .wp-block-navigation__container{display:flex!important;flex-flow:row nowrap!important;gap:20px!important;overflow-x:auto;padding:4px 0 7px;scrollbar-width:thin}
  .ii-header .wp-block-navigation-item{flex:0 0 auto}
  .ii-intro,.ii-themes,.ii-tools,.ii-newsletter,.ii-contact{grid-template-columns:1fr}
  .ii-work-grid,.ii-cards,.ii-blog .wp-block-post-template{grid-template-columns:1fr}
  .ii-work-grid>div,.ii-cards>div{min-height:auto;border-right:0}
  .ii-section,.ii-photo,.ii-tools,.ii-newsletter,.ii-footer{padding-left:22px;padding-right:22px}
  .ii-hero{padding-left:22px;padding-right:22px}
  .ii-hero h1{font-size:clamp(45px,13vw,72px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}