/* ==========================================================================
   Kadence ITI - assets/iti.css
   1) Paleta de marca  2) Barra superior  3) Header/menu  4) Home
   5) Footer           6) Contenido convertido (WPBakery -> HTML limpio)
   ========================================================================== */

/* 1) Paleta de marca ----------------------------------------------------- */
/* Sobrescribe la paleta global de Kadence. "html:root" gana a ":root". */
html:root{
  --global-palette1:#1874c1; /* acento principal (azul ITI) */
  --global-palette2:#0081c2; /* acento hover */
  --global-palette3:#18305e; /* titulos */
  --global-palette4:#2b3a55;
  --global-palette5:#4a5566;
  --global-palette6:#717f98;
  --global-palette7:#eef2f5;
  --global-palette8:#f7f9fb;
  --global-palette9:#ffffff;
  --iti-primary:#1874c1;
  --iti-dark:#18305e;
  --iti-darker:#12244a;
  --iti-topbar:#20315d;
  --iti-light:#f5f7fa;
  --iti-gap:24px;
}
body{overflow-x:clip}

/* 2) Barra superior (idioma) -------------------------------------------- */
.iti-topbar{background:var(--iti-topbar);padding:3px 0;font-size:14px}
.iti-topbar__inner{max-width:var(--global-content-width,1290px);margin:0 auto;padding:0 var(--global-content-edge-padding,1.5rem);text-align:right}
.iti-topbar a{color:#fff;text-decoration:none}
.iti-topbar a:hover{text-decoration:underline}

/* 3) Header y menu ------------------------------------------------------- */
.site-header .custom-logo,.site-branding img{max-height:62px;width:auto}
.header-navigation .header-menu-container>ul>li.menu-item>a{font-weight:600}

/* 4) Home: sin titulo de pagina ----------------------------------------- */
body.home .entry-hero,
body.home .entry-header{display:none}
.iti-hero{
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding:96px 24px;text-align:center;color:#fff;
  background:linear-gradient(135deg,var(--iti-dark) 0%,var(--iti-primary) 100%);
}
.iti-hero__inner{max-width:900px;margin:0 auto}
.iti-hero h1{color:#fff;margin:0 0 28px;text-transform:uppercase;letter-spacing:.04em}
.iti-hero .iti-btn{margin:6px 8px;background:#fff;color:var(--iti-dark) !important}
.iti-hero .iti-btn:hover{background:var(--iti-light)}
.iti-hero .iti-btn--ghost{background:transparent;color:#fff !important;border:2px solid #fff;padding:10px 24px}
.iti-hero .iti-btn--ghost:hover{background:rgba(255,255,255,.15)}

/* 5) Footer corporativo -------------------------------------------------- */
/* Se oculta el footer por defecto de Kadence; el de ITI se inserta por codigo. */
#colophon,footer.site-footer{display:none !important}
.iti-footer{background:var(--iti-dark);color:#fff;font-size:15px;line-height:1.6}
.iti-footer__inner{max-width:var(--global-content-width,1290px);margin:0 auto;padding:0 var(--global-content-edge-padding,1.5rem)}
.iti-footer__main{padding:48px 0 24px}
.iti-footer__main .iti-footer__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.iti-footer h3{color:#fff;font-size:1.05em;letter-spacing:.06em;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.25)}
.iti-footer h3.iti-footer__sub{margin-top:28px}
.iti-footer p{margin:0 0 12px;color:#fff}
.iti-footer a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.iti-footer a:hover{color:#cfe6fa}
.iti-footer__social{list-style:none;margin:0;padding:0}
.iti-footer__social li{margin:0 0 8px}
.iti-footer__cta{font-weight:700}
.iti-footer__copy{background:var(--iti-darker);padding:14px 0;font-size:14px}
@media (max-width:900px){
  .iti-footer__main .iti-footer__inner{grid-template-columns:1fr;gap:28px}
}

/* 6) Contenido convertido ------------------------------------------------ */
/* Filas y columnas */
.iti-row{display:flex;flex-wrap:wrap;margin:0 calc(var(--iti-gap) / -2) var(--iti-gap);}
.iti-col{flex:1 1 100%;max-width:100%;padding:0 calc(var(--iti-gap) / 2);box-sizing:border-box;min-width:0;}
.iti-row-full{margin-left:0;margin-right:0}
.iti-section{margin-bottom:var(--iti-gap)}
.iti-col.aligncenter,.iti-heading.aligncenter{text-align:center}
.iti-col.alignright{text-align:right}
@media (max-width:768px){
  .iti-col{flex:0 0 100% !important;max-width:100% !important;margin-bottom:12px}
}
/* --- Texto e imágenes --- */
.iti-text,.iti-box{margin-bottom:12px}
.iti-box{padding:20px;background:var(--iti-light);border-radius:4px}
.iti-image{margin-bottom:var(--iti-gap)}
.iti-image img,.iti-text img,.iti-gallery img{max-width:100%;height:auto;display:block}
.iti-align-center{text-align:center}
.iti-align-center img{margin:0 auto}
.iti-align-right img{margin-left:auto}
.iti-rounded img{border-radius:6px}
.iti-image a{display:inline-block}
.iti-image a img{transition:transform .2s,opacity .2s}
.iti-image a:hover img{transform:translateY(-2px);opacity:.92}
.iti-sep{border:0;border-top:1px solid #dde3ea;margin:var(--iti-gap) 0}
.iti-spacer{width:100%}
/* --- Títulos --- */
.iti-heading{margin-bottom:12px}
.iti-heading h2{color:var(--iti-dark);margin:0 0 6px;text-transform:uppercase;letter-spacing:.02em}
.iti-heading-sub{color:#5b6573;margin:0}
.iti-h{color:var(--iti-dark)}
/* --- Botones --- */
.iti-btn{display:inline-block;padding:12px 26px;background:var(--iti-primary);color:#fff !important;text-decoration:none;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;transition:background .2s}
.iti-btn:hover{background:var(--iti-dark)}
/* --- Acordeones / pestañas (sin JavaScript) --- */
.iti-tabs{margin-bottom:var(--iti-gap)}
.iti-acc{border:1px solid #dde3ea;border-radius:4px;margin-bottom:8px;background:#fff}
.iti-acc>summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:600;color:var(--iti-dark);position:relative;padding-right:44px}
.iti-acc>summary::-webkit-details-marker{display:none}
.iti-acc>summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:var(--iti-primary)}
.iti-acc[open]>summary::after{content:"\2212"}
.iti-acc[open]>summary{border-bottom:1px solid #dde3ea;background:var(--iti-light)}
.iti-acc-body{padding:16px 18px}
.iti-acc .iti-acc{margin:10px 0 0}
/* --- Tarjetas, equipo, contador, CTA --- */
.iti-team,.iti-card{margin:0 0 var(--iti-gap);text-align:center}
.iti-team img,.iti-card img{max-width:100%;height:auto;display:block;margin:0 auto 10px}
.iti-team figcaption strong,.iti-card figcaption strong{display:block;color:var(--iti-dark);font-size:1.05em}
.iti-team figcaption span{display:block;color:#5b6573}
.iti-counter{text-align:center;margin-bottom:var(--iti-gap)}
.iti-counter img{max-height:64px;margin:0 auto 8px;display:block}
.iti-counter strong{display:block;font-size:2.2em;color:var(--iti-primary);line-height:1.1}
.iti-counter span{display:block;text-transform:uppercase;color:#5b6573}
.iti-cta{padding:22px;background:var(--iti-light);border-left:4px solid var(--iti-primary);margin-bottom:var(--iti-gap)}
.iti-cta h2{margin:0 0 4px;color:var(--iti-dark)}
.iti-cta h4{margin:0 0 10px;color:#5b6573;font-weight:400}
/* --- Galerías y video --- */
.iti-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:var(--iti-gap)}
.iti-video{width:100%;max-width:100%;aspect-ratio:16/9;display:block;margin-bottom:var(--iti-gap)}
.iti-col iframe{max-width:100%}
.iti-btn--ghost{background:transparent}
.iti-col iframe{width:100%;border:0}