/*
Theme Name: OTIC SOFOFA THEME
Theme URI: https://www.oticsofofa.cl/
Author: LEXEL
Author URI: https://lexel.cl/
Description: Tema personalizado para OTIC SOFOFA
Version: 2.0
*/
@font-face {
  font-family: "Nunito";
  src: url("fonts/nunito/Nunito-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Nunito";
  src: url("fonts/nunito/Nunito-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Nunito";
  src: url("fonts/nunito/Nunito-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

body {
  background-color: #ffffff;
  font-family: "Montserrat", sans-serif;
}

.top-bar {
  color: white;
}

.header-enlaces {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #004799;
  /* Replace with the color you need */
}

.contenedor-menu-superior ul {
  margin-bottom: 0;
}

.contenedor-menu-superior li {
  list-style-type: none;
  /* Quita el marcador */
  margin-bottom: 0;
  padding: 11px 3px 11px 3px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  z-index: 99999;
}

.contenedor-menu-superior li a {
  text-decoration: none;
}

.active-superior {
  background-color: #00adef;
}

a.nav-link.link-menu-head {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.48px;
  text-align: center;
}

a.dropdown-toggle.menu-desplegable {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.48px;
  text-align: center;
  text-decoration: none;
  color: var(--bs-nav-link-hover-color);
}

#menu-menu-principal li a.nav-link,
#menu-menu-principal li a.dropdown-toggle {
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  display: block;
}

#menu-menu-principal li .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
}

#menu-menu-principal li .dropdown-menu a.nav-link {
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  display: block;
}

#menu-menu-principal li .dropdown-toggle::after {
  margin-left: 5px;
}

#menu-menu-principal li.active a.nav-link {
  font-weight: bold;
}

ul.dropdown-menu li a.nav-link {
  text-align: left;
}

.current-menu-item a.nav-link.link-menu-head {
  border-bottom: 2px solid #ffffff;
}

a.nav-link.link-menu-head {
  margin-top: 8px;
}

a.dropdown-toggle.menu-desplegable {
  margin-top: 8px;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.dropdown.active a.dropdown-toggle.menu-desplegable {
  border-bottom: 2px solid #ffffff;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-ancestor.current-menu-parent.menu-item-has-children.dropdown.active .current-menu-item {
  border-bottom: none;
}

ul.navbar-nav.ms-auto.clase-personalizada-principal li {
  padding: 10px 10px;
}

ul.dropdown-menu li.menu-item.menu-item-type-post_type.menu-item-object-page {
  padding: 0 !important;
}

#menu-menu-principal li.active a.nav-link {
  font-weight: 400;
}

a.btn.btn-primary.btn-capital-humano {
  background: #00adef;
  border-radius: 50px;
  font-size: 18px;
}

#menu-menu-principal li .dropdown-menu a.nav-link {
  color: #474756;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

/*
li.first-list-menu a.nav-link.link-menu-head {
  color: #184d9b !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
*/
.dropdown-menu li {
  width: auto;
  /* Permite que el ancho se ajuste automáticamente al contenido */
  white-space: nowrap;
  /* Evita que el texto se quiebre en varias líneas */
  padding: 5px 15px;
  /* Ajusta el padding según lo que necesites */
}

#menu-menu-principal li .dropdown-menu {
  padding: 16px 26px 16px 26px;
}

/*************Barra de Busqueda**********/
.search-bar {
  position: fixed;
  top: 74px;
  right: -100%;
  /* Comienza fuera de la pantalla */
  width: 100%;
  height: 60px;
  /* Ajusta según sea necesario */
  background-color: #266fe0;
  /* Color de fondo */
  z-index: 9999;
  display: flex;
  align-items: center;
  padding: 38px 20px;
  transition: right 0.5s ease;
}

.search-bar form {
  display: flex;
  width: 100%;
}

.search-bar input[type="text"] {
  flex-grow: 1;
  padding: 10px;
  border: none;
  outline: none;
  border-radius: 30px;
  background-color: #4c9aff;
  /* Color de la barra de búsqueda */
  color: #fff !important;
  font-size: 16px;
}

.search-bar input[type="text"]::placeholder {
  color: #ffffff !important;
  /* Cambia #ffffff por el color que desees */
  opacity: 1;
  /* Asegúrate de que el color tenga la opacidad deseada */
}

.search-bar .btn-search {
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;
  margin-left: -40px;
}

.search-bar .btn-close {
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;
  margin-left: 20px;
}

.search-bar.active {
  right: 0;
  /* Se desplaza a la vista */
}

nav.navbar.navbar-expand-lg.navbar-light.bg-transparente {
  background-color: white !important;
  z-index: 9;
}

button#search-btn {
  border: none;
}

/*****************footer***********************************/

footer {
  background-color: #034083;
  color: #fff;
  padding: 55px 77px 42px 77px;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

footer h5 {
  font-weight: bold;
  margin-bottom: 1rem;
}

footer .form-check-label a {
  color: #fff;
}

footer .btn-danger {
  background-color: #e33b3b;
  border: none;
}

footer .btn-info {
  background-color: #23c2f4;
  border: none;
}

footer i {
  font-size: 1.5rem;
}

.bg-footer-color {
  background-color: #184d9b;
}

p.texto-footer {
  font-size: 12px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
}

h5.titulo-footer {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
}

ul#menu-menu-footer-1 a {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

ul#menu-menu-footer-2 a {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-decoration: underline;
}

.seguir-rrss {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}

.copyright-otic {
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  text-align: center;
}

.btn-canal-denuncia {
  background-color: #00adef;
  font-size: 16px;
  font-weight: 500;
  line-height: 21.12px;
  text-align: center;
  border-radius: 50px;
  padding: 4px 14px 4px 14px;
}

.btn-canal-denuncia:hover {
  background-color: #00adef;
  text-decoration: none;
}

a.text-white.mx-2 {
  text-decoration: none !important;
}