/*
Theme Name:   Hello Armada
Theme URI:    https://www.armada.mil.uy/
Description:  Tema hijo de Hello Elementor para el sitio institucional de la Armada Nacional. Reemplaza al tema comercial egovt (deprecado). Tipografía y colores institucionales; el diseño de las páginas vive en Elementor.
Author:       Armada Nacional — SEGIT (Facundo Esquivel <fesquivel@armada.mil.uy>)
Template:     hello-elementor
Version:      1.1.1
Requires at least: 6.0
Requires PHP: 7.4
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  hello-armada
*/

/* Identidad institucional (valores tomados del sitio publicado con egovt, 2026-10-22) */
:root {
	--armada-texto: #004aab;
	--armada-titulos: #202b5d;
	--armada-acento: #d30c0c;
	--armada-fuente-texto: "Nunito Sans", sans-serif;
	--armada-fuente-titulos: "Cabin", sans-serif;
}

body {
	font-family: var(--armada-fuente-texto);
	font-weight: 400;
	font-size: 17px;
	line-height: 26px;
	letter-spacing: 0;
	color: var(--armada-texto);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--armada-fuente-titulos);
	color: var(--armada-titulos);
}

/* Columnas con barra lateral (egovt imprimía estas reglas en línea según la página; ancho configurado: 400 px) */
@media (min-width: 992px) {
	.wrap_site.layout_2r #sidebar { flex: 0 0 400px; max-width: 400px; padding-left: 40px; padding-right: 0; }
	.wrap_site.layout_2r #main-content { flex: 0 0 calc(100% - 400px); max-width: calc(100% - 400px); }
}
@media (max-width: 991px) {
	.wrap_site.layout_2r #sidebar, .wrap_site.layout_2r #main-content { flex: 0 0 100%; max-width: 100%; }
}
.wrap_site.layout_1c #main-content { flex: 0 0 100%; max-width: 100%; }

/* Ajustes propios del sitio que estaban en egovt-child/style.css (29-10-2025), trasladados el 2026-10-22 */
.blog-grid article.post-wrap .post-media { margin-bottom: 0; height: 190px; }
/* era .elementor-2623 …: se usa el id del elemento (se conserva al copiar la cabecera a otra plantilla) */
.elementor-element-d4ec236 .ova_nav .dropdown-menu { min-width: 16rem !important; }
p.gmandos { text-align: justify !important; color: #202b5d; letter-spacing: 0px; font-size: 16px; line-height: 1.5em; margin: 0.5rem 0; }
/* Elementor 4 ya no envuelve los widgets en .elementor-widget-container: se cubren ambos marcados */
.elementor-widget-container h4, .elementor-widget > h4 { margin-top: 0.5em !important; }

/* Texto sólo para lectores de pantalla (botones de compartir y paginación) */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

/* Elementor 4 trae una Font Awesome 5 parcheada que define .fa-x-twitter con "\e9ca" (sólo existe en su fuente FA5);
   con la clase fa-brands (FA6) ese código no existe y se ve un recuadro. Se fija el código de Font Awesome 6. */
.fa-brands.fa-x-twitter:before { content: "\e61b"; }