/*
Theme Name: Incauca
Theme URI: http://underscores.me/
Author: Himalaya SEM
Author URI: https://himalayadigital.co/
Description: Tema desarrollado para Ingenio Incauca
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tema_incauca
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
:root{
    --azul-o:#0C26A3;
    --azul-c:#0073B8;
    --azul-m: #009EE2;
	--verde: #008B3D;
	--amarillo: #F3C438;
	--gris: #636363;
	--cBlanco: #FCFCFC;
    --blanco: #ffffff;
	--negro: #000000;
}
/* MozaicGEO - Thin */
@font-face {
    font-family: 'MozaicGEO';
    src: url('fonts/MozaicGEO-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

/* MozaicGEO - Light */
@font-face {
    font-family: 'MozaicGEO';
    src: url('fonts/MozaicGEO-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* MozaicGEO - Regular */
@font-face {
    font-family: 'MozaicGEO';
    src: url('fonts/MozaicGEO-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* MozaicGEO - Medium */
@font-face {
    font-family: 'MozaicGEO';
    src: url('fonts/MozaicGEO-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

/* MozaicGEO - Bold */
@font-face {
    font-family: 'MozaicGEO';
    src: url('fonts/MozaicGEO-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* MozaicGEO - Black (La más pesada) */
@font-face {
    font-family: 'MozaicGEO';
    src: url('fonts/MozaicGEO-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}
body {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 400;
}
header .container-fluid{
	background-color: var(--blanco);
	    box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.1);
}
.logo-btnMenu {
    display: flex;
    align-items: center;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	width: 30px !important;
	background-color: var(--azul-o) !important;
}
.hamburger-box{
	width: 30px !important;
}
/* Menú lateral oculto */
.menu-vertical {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: max-content;
    background: var(--blanco);
    box-shadow: 4px 0 10px rgba(0, 0, 0, 0.1);
    padding: 0 50px;
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
    z-index: 999;
    overflow-y: auto;
	padding-top: 5.7rem;
	padding-bottom: 3rem;
}
.menu-vertical.show {
    transform: translateX(0);
}
.menu-vertical .navbar-nav {
    padding: 0;
    list-style: none;
}
.menu-vertical .navbar-nav a {
    color: var(--azul-o);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    display: block;
    padding: 4px 8px;
}
.menu-vertical li.abierto>a::after {
    display: none !important;
}
.menu-vertical .navbar-nav a:hover {
	color: var(--verde);
	background-color: transparent;
}
.menu-vertical .lineT{
   
    border-top: 1px solid #F2F2F2;
}
.menu-vertical .lineD{
	border-bottom: 1px solid #F2F2F2;
}
.menu-vertical .dropdown-toggle::after{
	content: "\F282";
    font-family: bootstrap-icons !important;
	border: none;
    vertical-align: 0px;
    font-size: 15px;
    color: var(--azul-o);
	line-height: 1;
    margin-left: 15px;
}
/* Submenús */
.menu-vertical .menu-item-has-children > a, 
.menu-vertical .menu-item > a.nav-link{
	font-weight: 800;
    color: var(--verde);
    font-size: 20px;
    padding: 0 8px;
}
.hamburger.is-active:hover span span, 
.hamburger:hover span span, 
.hamburger:hover .hamburger-inner:after, 
.hamburger:hover .hamburger-inner::before {
    background-color: var(--verde) !important;
}
.menu-vertical .sub-menu {
    padding-left: 15px;
    display: none;
}

/* Activa el submenú al hacer clic */
.menu-vertical .menu-item-has-children.open > .sub-menu,
.menu-vertical li.abierto ul {
    display: block;
}
.menu-vertical li.abierto ul,
.menu-vertical ul.dropdown-menu{
	border: none;
	padding: 0;
    margin: 0;
}

/* Ocultar los submenús por defecto */
.menu-vertical .sub-menu {
    display: none;
    padding-left: 15px;
}

/* Mostrar el submenú cuando el padre tiene la clase "open" */
.menu-vertical .menu-item-has-children.open > .dropdown-menu {
    display: block;
}



/* Agregar icono de flecha */
/* .menu-vertical .menu-item-has-children > a::after {
    content: "▾"; 
    font-size: 14px;
    margin-left: 10px;
    transition: transform 0.3s ease;
} */

/* Rotar la flecha cuando está abierto */
.menu-vertical .menu-item-has-children.open > a::after {
    transform: rotate(180deg);
}
.logo-btnMenu, .div-lang{
	width: 25%;
	gap: 3rem;
}
.buscador{
	width: 50%;
	display: flex;
    justify-content: center;
}
.buscador .input-group{
	width: 90%;
}
.buscador input.form-control:focus{
	box-shadow: -5px 1px 8px -3px #0000001a;
	border-color: #0000001a;
	border-right-color: transparent;
}
.buscador:focus-within button{
	border-color: #0000001a;
    border-left-color: transparent;
	box-shadow: -5px 1px 8px -3px #0000001a;
}
.buscador .form-control{
	height: calc(2em + .75rem + 2px);
	border-color: #0000001a;	
	border-right-color: transparent;
	border-radius: 8px;
	background: var(--cBlanco);
	color: var(--gris);
	padding-left: 1.5rem;
	box-shadow: -4px 0px 12px -5px #0000006b;
}
.buscador .input-group-append button{
    border-color: #0000001a;
    border-left-color: transparent;
    font-size: 1.5rem;
    line-height: 0;
    padding-right: 1.5rem;
    color: var(--gris);
	border-radius: 8px;
}
.div-lang a{
	border: 1px solid var(--azul-o);
    width: 40px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 3px;
    color: var(--azul-o);
}
.lang-item {
    display: none;
}
.div-lang a.active, .div-lang a:hover{
	background-color: var(--azul-o);
	color: var(--blanco);
	text-decoration: none;
}
.btns-redes-fijo {
	position: fixed;
    z-index: 9999;
    right: 0;
    top: 25%;
    background-color: #ffffffc2;
    padding: 9px 15px 9px 25px;
    border-radius: 20px 0 0 20px;
}
.btns-redes-fijo ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.btns-redes-fijo a {
    color: var(--blanco);
    padding: 4px 0;
    display: block;
}

.btns-redes-fijo ul li a {
    display: inline-block;
    transition: transform 0.3s ease-in-out;
}

/* Estilo normal de los SVG */
.btns-redes-fijo ul li a img {
    width: 30px; /* Ajusta según necesidad */
    height: auto;
    transition: transform 0.3s ease-in-out;
}

/* Aplica un cambio de color SOLO al azul sin afectar el blanco */
.btns-redes-fijo ul li a:hover img {
    transform: scale(1.2);
	filter: invert(3%) sepia(100%) saturate(1662%) hue-rotate(185deg) brightness(130%) contrast(100%);
}
footer{
    font-family: 'MozaicGEO';
}
footer .azul-o{
    background-color: var(--azul-o);
}
footer .azul-o h4, footer .azul-o p{
    color: white;
}
ul#menu-enlaces-de-interes-4{
        gap: 1.5rem;
}
ul#menu-enlaces-de-interes-4 li a {
    color: white;
    font-size: 12px;
}
footer .logo-footer img{
    width: 200px;
    filter: brightness(0) invert(1);
}
footer .info-footer h5{
    color: white;
    font-size: 20px;
    font-weight: bold;
}
footer .info-footer li.font-weight-bold a{
    color: white;
    font-size: 20px;
}
footer .info-footer li a{
    color: white;
    font-size: 13px;
}
footer .info-footer .enlaces-footer li{
    margin-bottom: 1rem;
}
footer #menu-enlacesinteresespanol li{
    margin-bottom: 1.5rem;
    line-height: 1.1;
}
footer #ubica li{
    margin-bottom: 2rem;
    color: white;
    font-size: 13px;
}
.copyrights>a {
	font-size: 0.8em;
	color: white;
	display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.copyrights>a img{
    width: 7%;
}
.copyrights a:focus, .copyrights a:active {
    color: white;
}
.copyrights a:hover {
	color: white;
	text-decoration:none;
}
.copyrights {
	display: flex;
	justify-content: center;
}
.ico-red ul {
    display: flex;
    margin-bottom: 0;
    justify-content: flex-end;
    align-items: center;
}
.txt-red {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding-top: 4px;
}
.redes {
    display: flex;
    justify-content: flex-start;
    gap: 1.5rem;
}
.ico-red ul li a img {
    width: 25px;
    height: auto;
}
.ico-red ul li a{
    padding: 0px 5px;
}
.ico-red {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}
ul.list-unstyled.redes1 {
    border-bottom: 1px solid white;
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
}
.txt-red p {
    margin: 0;
    font-size: 1.2rem !important;
}
#menu-principal ul.dropdown-menu li.active a {
    color: var(--verde);
}