@charset "utf-8";

/*
  Fija la apariencia de los encabezados re-etiquetados en la pasada de SEO.

  El sitio no tenia ni un solo <h1> y tampoco <h2>: los unicos encabezados eran
  <h4> (usado a la vez para el slogan global, para los titulos de seccion y para
  los nombres del staff) y <h3> (nombres de servicio). Se corrigio la jerarquia
  cambiando las etiquetas, pero el diseño no puede moverse un pixel, y en
  main.css cada nivel tiene metricas distintas:

      h1  24px / 115% / titilliumwebregular
      h2  22px / 125% / titilliumwebregular
      h3  18px / 125% / mavenpromedium
      h4  18px / 25px / mavenpromedium

  ...ademas de reglas que dependen de la etiqueta y dejarian de aplicar al
  cambiarla (#main_navigation .slogan h4, #staff .iconbox h4,
  .section-brochure h3, .subtabset .accordions h3) y de h1/h2.textuppercase,
  que AGREGAN letter-spacing:2px donde h4.textuppercase no lo hacia.

  Este archivo restituye los valores computados anteriores para cada elemento
  re-etiquetado, y nada mas. Se carga ultimo, despues de responsive.css.
  El criterio de aceptacion es el harness de regresion visual: 0 pixeles.

  No editar main.css para esto, y no enlazar css/zys.css: es codigo muerto que
  contiene un reset global de h1..h6 a font:inherit y volaria la tipografia
  de todo el sitio.
*/

/* ---------------------------------------------------------------------------
   1. Slogan global "Consultores Tributarios" / "Tax Consultants"
      Home: pasa a <h1> (es el mejor encabezado disponible sin tocar el copy).
      Interiores: pasa a <div class="slogan-text"> para que el mismo texto no
      compita como encabezado en las 8 paginas.
      Antes: h4 + #main_navigation .slogan h4 { color:#196BAC }
   --------------------------------------------------------------------------- */
#main_navigation .slogan h1,
#main_navigation .slogan .slogan-text {
	color: #196BAC;
	margin: 0 0 20px;
	padding: 0;
	font-family: "mavenpromedium", Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased !important;
}

/* ---------------------------------------------------------------------------
   2. Titulo de seccion <h4 class="title style1 textuppercase">
      Home: pasa a h2. Interiores: pasa a h1.
      Antes: h4 (18px/25px) + h4.textuppercase (titillium + #196BAC), SIN
      letter-spacing. h1/h2.textuppercase si lo agregan, por eso se anula.
      El margin-bottom de 25px lo sigue aportando .title.style1 (por clase).
   --------------------------------------------------------------------------- */
h1.title.style1.textuppercase,
h2.title.style1.textuppercase {
	color: #196BAC;
	font-family: "titilliumwebregular", Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: normal;
}

/* ---------------------------------------------------------------------------
   3. "BROCHURE INSTITUCIONAL" / "BROCHURE" en las dos home: h3 -> h2
      Antes: h3 (18px/125%) + h3.textuppercase (titillium)
             + .section-brochure h3 { color:#FFF }
   --------------------------------------------------------------------------- */
.section-brochure h2.textuppercase {
	color: #FFF;
	font-family: "titilliumwebregular", Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 125%;
	letter-spacing: normal;
}

/* ---------------------------------------------------------------------------
   4. Nombres del staff directivo en las dos paginas de contacto: h4 -> h2
      Antes: h4 (18px, mavenpromedium)
             + #staff .iconbox h4 { color:#196BAC; margin-bottom:0; line-height:1 }
   --------------------------------------------------------------------------- */
#staff .iconbox h2 {
	color: #196BAC;
	margin: 0 0 0;
	padding: 0;
	font-family: "mavenpromedium", Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: normal;
}

/* ---------------------------------------------------------------------------
   5. Nombres de grupo en las paginas de servicios: h3 -> h2
      ("Recuperos Impositivos", "Recupero de Saldos Aduaneros",
       "Transferencias", "Beneficios Promocionales")
      Ahora los 15 h3 de servicio cuelgan de un h2 real.
      Antes: h3 (18px/125%, mavenpromedium, #16254C, margin 0 0 20px)
   --------------------------------------------------------------------------- */
.subtabset .accordions h2 {
	color: #16254C;
	margin: 0 0 20px;
	padding: 0;
	font-family: "mavenpromedium", Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 125%;
	letter-spacing: normal;
}

/* ---------------------------------------------------------------------------
   Equivalentes responsive. responsive.css baja el slogan a 14px y agranda los
   nombres de grupo a 22px por debajo de 800px, con selectores atados a la
   etiqueta vieja. Sin estas dos reglas la deriva aparece solo en movil.
   --------------------------------------------------------------------------- */
@media screen and (max-width: 800px) {
	#main_navigation .slogan h1,
	#main_navigation .slogan .slogan-text {
		font-size: 14px;
	}
	.subtabset .accordions h2 {
		padding: 5px 0px;
		max-width: 80%;
		font-size: 22px;
		line-height: 1.1;
	}
}