/*!
 * Theme Menu Css created by Shahid (Scientech)
 * Modified to use custom fonts COFC_TAM, COFC_TAB, COFT_TEAEB
 */

/* Declaración de fuentes personalizadas */

/* Fuente Medium - COFC_TAM */
@font-face {
    font-family: 'COFC_TAM'; /* Nombre de la fuente para Medium */
    src: url('../fonts/COFC_TAM.otf') format('opentype'); /* Ruta relativa a COFC_TAM.otf */
    font-weight: normal; /* Peso de fuente normal (Medium) */
    font-style: normal;
    font-display: swap;
}

/* Fuente Bold - COFC_TAB */
@font-face {
    font-family: 'COFC_TAB'; /* Nombre de la fuente para Bold */
    src: url('../fonts/COFC_TAB.otf') format('opentype'); /* Ruta relativa a COFC_TAB.otf */
    font-weight: bold; /* Peso de fuente negrita (Bold) */
    font-style: normal;
    font-display: swap;
}

/* Fuente Extrabold - COFT_TEAEB */
@font-face {
    font-family: 'COFT_TEAEB'; /* Nombre de la fuente para Extrabold */
    src: url('../fonts/COFT_TEAEB.otf') format('opentype'); /* Ruta relativa a COFT_TEAEB.otf */
    font-weight: 900; /* Peso de fuente extra negrita (Extrabold) */
    font-style: normal;
    font-display: swap;
}


/*Menu Section--------------------------------------------------------------------------*/

.navbar-inverse .navbar-toggle {
    border-color: none;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
 /*  background-color: #66d1b9; */
}
.navbar-inverse {
    border-color: none;
    border-style: none;
    border-width: 0px;
    padding: 5px 0;
    border-color: none;
}
.navbar-brand {
    font-family: 'COFC_TAB','Roboto'; /* Mantiene 'Roboto' para el brand, si quieres cambiarlo también, modifica esta línea */
    font-weight:400;
    font-size: 40px;
    /*height: auto;*/
    line-height: 40px;
    /*padding: 22.5px 15px 22.5px 0px;*/
    margin-right: 50px;
    margin-top: -5px;
}
.navbar-inverse .navbar-brand {
    color: #ffffff;
}
.navbar > .container .navbar-brand {
    margin-left: 0px;
}
.navbar-inverse {
    background-color: rgba(0, 0, 0, 0.6);
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    padding: 0;
}
.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
    min-height: 100px;
}
.navbar-wrapper {
    position: absolute;
    right: 0;
    left: 0;
    margin-top: 0px;
    z-index: 20;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    font-family: 'COFC_TAB', 'Roboto', sans-serif; /* Usa COFC_TAB (Bold) para activo */
    font-weight: bold; /* Asegura que use el peso bold */
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
    color: #FFFFFF;
    font-family: 'COFC_TAB', 'Roboto', sans-serif; /* Usa COFC_TAB (Bold) para menú abierto */
    font-weight: bold; /* Asegura que use el peso bold */
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    color: #FFFFFF;
    font-family: 'COFC_TAB', 'Roboto', sans-serif; /* Usa COFC_TAB (Bold) en hover/focus */
    font-weight: bold; /* Asegura que use el peso bold */
}
.navbar .navbar-nav > li {
    margin-right: 0px;
    padding: 0 0 0px 0px;
}
.navbar .navbar-nav > li > a {
    line-height: 20px;
    padding: 40px 19px;
    border-radius: 0px 0px 0px 0px;
    color: #ffffff;
    font-family: 'COFC_TAM', 'Roboto', sans-serif; /* Usa COFC_TAM (Medium) para menú principal */
    font-weight: normal; /* Asegura que use el peso normal */
	font-size:20px;
}
.nav {
    /* position: relative;
    top: 20px;*/
    margin-top: 0px;
}
.navbar-collapse {
    max-height: 100%;
}

/*Dropdown Menus & Submenus Css----------------------------------------------------------*/
.dropdown-menu {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0;
    min-width: 225px;
    border-radius: 0px;
    box-shadow: 0;
    border: 0 none;
    /* box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7); */
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    font-family: 'COFC_TAB', 'Roboto', sans-serif; /* Usa COFC_TAB (Bold) para dropdown activo */
    font-weight: bold; /* Asegura que use el peso bold */
}
.dropdown-menu > li > a {
    color: #ffffff;
    font-family: 'COFC_TAM', 'Roboto', sans-serif; /* Usa COFC_TAM (Medium) para dropdown items */
    font-weight: normal; /* Asegura que use el peso normal */
    font-size: 15px;
    line-height: 20px;
    padding: 15px 20px;
    transition: color 0.2s ease-in-out 0s;
}
.dropdown-menu > li > a:last-chlid {
    border-bottom: 0px;
    border-bottom: 0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    font-family: 'COFC_TAB', 'Roboto', sans-serif; /* Usa COFC_TAB (Bold) en dropdown hover/focus */
    font-weight: bold; /* Asegura que use el peso bold */
}
.dropdown-submenu{
    position:relative;
}
.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100% !important;
    margin-top:0px;
    margin-left:0px;
    -webkit-border-radius:0px 0px 0px 0px;
    -moz-border-radius:0px 0px 0px 0px;
    border-radius:0px 0px 0px 0px;
}
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}
.dropdown-submenu .pull-left{
    float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 15px 15px 15px 15px;
}
.navbar-right .dropdown-menu {
    left: 0;
    right: 0;
}

/*Apariencia del campo de busqueda*/
.search-form-header {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: transparent;
    padding: 5px;
}

.search-field-header {
    flex-grow: 1;
    padding: 8px 12px;
    border: 1px solid #ccc; /* Borde claro */
    background-color: white;
    font-size: 14px;
    outline: none;
    transition: border 0.3s ease-in-out;
	color:#797979;
}

.search-field-header::placeholder {
    color: #888;
}

.search-field-header:focus {
    border-color: #555; /* Se oscurece al enfocar */
}

.search-submit-header {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-submit-header i {
    font-size: 20px;
    color: #FFFFFF; /* Negro suave */
    transition: color 0.3s ease-in-out;
}

.search-submit-header:hover i {
    color: #000; /* Negro más intenso al pasar el ratón */
}