/* Paleta de colores personalizada */
:root {
  --color-1: #e4004f;
  --color-2: #f9e4e4;
  --color-3: #e89da3;
  --color-4: #f9e4e4;
  --color-5: rgba(255, 255, 255, 0);
  --color-6: #FFFFFF;
  --color-7: #ECF6FC;
  --color-fondo: #38414a;
  --color-black: #000;
}

body{
  font-family: "Raleway", sans-serif!important;
  background: #fff !important;
  font-size: 16px!important;
}

.page{min-height: calc(100% - 240px)!important;max-width:none!important;}

.page-background{background:#eeeeee75!important;}

.page-content {
  max-width: 1400px;
  margin: auto;
}

#custom-left-footer{
    display: block;
}

.site-footer-ipublic .site-footer-legal {
    font-size: 13px;
    font-weight: bolder;
    margin-top: -25px;
}

#left-footer{
    display: none;
}

.site-navbar-ipublic {
  background-color: var(--color-6) !important;
}

#select-nav-ipublic {
display: inline-block;
text-transform: uppercase !important;
border: none !important;
color: #ffffffa3 !important;
font-weight: 500 !important;
font-size: 14px;
text-align: right;
background: var(--color-1);
}

.img-rounded{
  display: none;
}

#inputSearch-ipublic-nav {
  max-width: 300px;
  background: #fff;
  display: inline-flex;
  border: 1px solid var(--color-1);
    border-top-color: var(--color-1);
    border-right-color: var(--color-1);
    border-bottom-color: var(--color-1);
    border-left-color: var(--color-1);
  border-top-color: var(--color-1);
  border-right-color: var(--color-1);
  border-bottom-color: var(--color-1);
  border-left-color: var(--color-1);
  border-top-color: var(--color-1);
  border-right-color: var(--color-1);
  border-bottom-color: var(--color-1);
  border-left-color: var(--color-1);
  box-shadow: none;
  border-radius: 5px;
  z-index: 3;
  padding: 16px;
  margin: 0 auto;
  width: 300px;
  font-size: 14px;
  color: #000;
}

#select-workformnlist-nav-ipublic {
  width: 160px;
  display: inline-block;
  text-transform: uppercase !important;
  border: none !important;
  color: #ffffffa3 !important;
  font-weight: 500 !important;
  font-size: 10px;
  letter-spacing: 0.6px;
  background: var(--color-1);
}


.checkbox-primary-ipublic input[type="checkbox"]:checked + label::before {
  background-color: var(--color-1) !important;
  border-color: var(--color-1) !important;
}

.checkbox-primary-ipublic{
  font-size:16px!important;
}

.span-daterange-ipublic {
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: var(--color-1) !important;
  color: #fff;
}

.ipublic-custom-slick{
  font-size: 120px !important;
  padding-top: 75px;
  padding-bottom: 20px;
  font-weight: 700!important;
  color: var(--color-2) !important;
  max-width: 50%;
  text-align: left;
  margin: auto;
}


.ipublic-custom-slick-p{
  font-size: 40px!important;
  font-weight: 700!important;
  text-transform: lowercase!important;
  margin-top: 20px;
  max-width: 50%;
  text-align: left;
  line-height: 1.2;
  margin: auto;
}

.ipublic-custom-button{
  background: var(--color-1)!important;
  color: #fff!important;
}

.page-ipublic .page-item.active .page-link {
  z-index: 1;
  color: #fff !important;
  background-color: var(--color-1) !important;
  border-color: var(--color-1) !important;
}

.navbar-icons {
  color: #5b5b5b  !important;
}

.navbar-brand-logo-normal{
  display: none;
}

.navbar-brand-logo-special{
display: inline-block!important;
}

#custom-left-footer img{
  width: 500px;
}

.site-footer-right a img{
  height: 35px!important;
  margin-top: -20px!important;
}

.site-footer-ipublic {
  background: var(--color-fondo);
  color: #fff;
}

.button-ipublic-principal {
  color: #fff !important;
  font-size: 24px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}

.button-ipublic-principal.btn.active, .button-ipublic-principal.focus, .button-ipublic-principal:active, .button-ipublic-principal:focus {
  text-decoration-color: var(--color-2)!important;
  text-decoration-thickness: none;
  text-underline-offset: none;
  text-decoration: none!important;
  color: var(--color-3)!important;
}

.button-ipublic-principal.btn.hover, .button-ipublic-principal:hover{
  color: var(--color-3)!important;
}

.button-ipublic-secundario.btn.active, .button-ipublic-secundario.focus, .button-ipublic-secundario:active, .button-ipublic-secundario:focus {
  color: var(--color-3)!important;
  text-decoration: none!important;
}

#widgetCurrentChart{
  /*padding-top: 275px;
  padding-bottom: 100px;
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="979px" height="288.5px" viewBox="0 0 979 288.5" xml:space="preserve" fill="none" stroke="%2382C7E6" stroke-width="2" stroke-miterlimit="10"><path d="M146.7,287h128.6c12.5-5,23.2-11.7,31.8-20.2c20.8-20.7,31.3-53.4,31.3-98.2V1.5h-75.7v156.7c0,8.4-0.3,17-1,25.8c-0.5,8.3-2.6,16.4-6,23.9c-3.4,7.1-8.7,13.2-15.4,17.4c-6.9,4.4-16.6,6.7-29.3,6.7c-12.7,0-22.5-2.2-29.5-6.7c-6.7-4.1-12.1-10.2-15.4-17.4c-3.3-7.6-5.3-15.6-5.8-23.9c-0.7-8.8-1-17.4-1-25.8V1.5H83.3v167c0,44.9,10.5,77.6,31.4,98.2C123.4,275.3,134.2,282,146.7,287z"/><path d="M462.6,287v-92.9h45c32.9,0,58-8.4,75.5-25.2c17.5-16.8,26.2-40.5,26.2-71.1c0-30.6-8.7-54.3-26.2-71.1S540.5,1.5,507.6,1.5H386.5V287H462.6z M462.6,61.9h25.2c27.9,0,41.9,12,41.9,35.9s-14,35.9-41.9,35.9h-25.2V61.9z"/><polygon points="798.5,287 895.7,60.2 895.7,1.5 838.1,1.5 767.1,176.9 696.4,1.5 613.8,1.5 735.7,287 "/></svg>') no-repeat top right;
  */background-size: auto; /* Ajusta el tamaño del fondo según sea necesario */
  background-repeat: no-repeat;
  position: relative;
  margin-top: 75px;
}


.vtl::before {
  background-color: var(--color-1)!important;
}

div.event::after {
  border: 5px solid var(--color-1)!important;
}

.blockquote {
  border-left: 2px solid var(--color-1) !important;
}

#tablaIPublic_wrapper .page-item.active .page-link {
  z-index: 1;
  color: #f2f2f2 !important;
  background-color: var(--color-1) !important;
  border-color: var(--color-1) !important;
}

.ipublic-item-page a {
  color: var(--color-1);
}

#profile-description .show-more, #profile-description .show-more-source {
  color: var(--color-1);
}

.num_doc_produccion_ipublic {
  font-weight: bolder;
  color: var(--color-1);
  margin-left: 8px;
}
.nav-tabs-line-ipublic .nav-link.active{
  color: var(--color-1) !important;
  background-color: transparent!important;
  border-bottom: 2px solid var(--color-1) !important;
}

.nav-tabs {
  border-bottom: none;
}

.navbar-brand-center{
  display: none!important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Serif", serif;
}

.multiple-news{
  max-width: 1400px;
  margin: auto;
}


.multiple-news h4{
  color: #5b5b5b !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  margin-bottom: 35px !important;
}

.site-footer-center a {
  color: #fff!important;
  font-weight: 1rem!important;
}

#widget-inews{
  background: #f1f1f1 !important;
  border: none !important;
  margin: 0px !important;
  padding: 70px;
}

#logo-portal{
  display: none!important;
}

.navbar {
  min-height: 7.715rem;
}

.navbar-brand-logo {
  height: auto;
  margin-top: 0px
}

.navbar-brand {
  height: 8.715rem!important;
}

.navbar-inverse .navbar-toolbar .nav-link:focus, .navbar-inverse .navbar-toolbar .nav-link:hover {
  color: #202020!important;
  background-color: rgba(221, 209, 209, 0.1);
}

.nav-item a.nav-link {
  margin-top: 42px !important;
  font-weight: 700!important;
}

.ipublic-nav-right {
  color: #000 !important;
  margin-top: 50px !important;
  font-weight: 600 !important;
}

.uam-footer .uam-footer-partners .uam-partner-logo {
  text-align: center;
}

.uam-footer ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.uam-partner-logo img {
  width: 100%;
  max-width: 176px;
}


.uam-footer ul {
  list-style: none;
}

.faja{
  background-image: url(/imarina_mod/img/default-faja.jpg);
  height: 70%;
  background-position: center;
  background-image: revert;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0;
}

/* Pseudo-elemento para el gradiente */
.faja::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(40, 40, 40, 0.75) 0%, rgba(40, 40, 40, 0) 100%);
  z-index: 1;
}

.text-faja{
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-75%, -50%);
  text-align: left;
}

.text-faja h1{
  position: relative;
  min-height: calc(100%);
  margin: 0 auto;
  color: #fff;
  font-weight: 600;
  font-size: 55px;
  margin-bottom: max(1rem,.5em);
}

.text-faja h5{
  font-family: 'Raleway', sans-serif;
  font-size: 22px;
  position: relative;
  min-height: calc(100%);
  color: #fff;
  font-weight: 600;
  max-width: 100%;
}

.fa-external-link{
  margin-top:20px
}

#section-item-search, #section-entity-search, #section-source-search, #section-projects-search, #section-investigadores-search, #section-last-production-search{
  background-color: #f1f1f1!important;
}

.slick-next::before, .slick-prev::before {
  color: var(--color-2) !important;
  font-size: 50px;
}

.panel-body {
  padding: 0px!important;
}

.ipublic-menu{
  padding-bottom: 5px;
  padding-top: 20px;
  background-color: var(--color-1);
}

.menu-ultimas-incorporaciones {
  text-align: center !important;
  max-width: 1800px;
  margin: auto;
}

#panel-last-year{
  background-color: #f1f1f1;
}

.bg-first-chars-ipublic-portal,  .bg-first-chars, .bg-first-chars-ipublic{
  background-color: var(--color-1)!important;
}

.first-chars-ipublic-portal, .first-chars, .first-chars-ipublic {
  color: #fff!important;
}

.table i:not(.impacto-icons i) {
  color: var(--color-1) !important;
}

#panel-item{
  padding-top: 16px;
}

table.dataTable span.highlight {
  background-color: var(--color-1)66 !important;
}

#item-checks{
  max-width: 1400px!important;
  margin: auto;
}

#checks-workforms h5{
  font-size: 22px;
  font-weight: 500;
}

#buscar-datatables-ipublic-source, #buscar-datatables-ipublic-item, #buscar-datatables-ipublic-entity, #buscar-datatables-ipublic-researcher {
  font-weight: normal;
  letter-spacing: 1px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-left: -6px;
  margin-top: -4px;
  padding-top: 12px;
  padding-bottom: 7px;
}

#resultado-fuentes{
  margin: auto;
}

.separator-tables {
  margin-top: 0px!important;
}


.style-rfTitle {
  font-weight: 600!important;
}

#tablaIPublicSource_wrapper .page-item.active .page-link {
  z-index: 1;
  color: #4b4b4b !important;
  background-color: var(--color-1) !important;
  border-color: var(--color-1) !important;
}

#tablaIPublic_wrapper tbody > tr.selected {
  background-color: #F7F7F7 !important
}

.page-profile .card-block {
  border: 1px solid #f1f1f1 !important;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper {
  border: 0px solid var(--color-5);
  border-radius: 0px;
  padding: 10px;
}

.exteriorTabla div.dtsp-searchPane div.dataTables_wrapper, #tablaIPublic_wrapper div.dtsp-searchPane div.dataTables_wrapper {
  border: 0px solid var(--color-5) !important;
  border-radius: 4px;
  overflow: hidden;
}

.exteriorTabla div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody {
  background: var(--color-5) !important;
  border-bottom: none;
}

.exteriorTabla table.dataTable tbody > tr.selected {
  background-color: var(--color-4) !important;
}


.exteriorTabla div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
  margin-top: 40px !important;
}

#containerGantt .highcharts-axis-labels{
  font-size: 16px;
  font-weight: 700;
  font-family: "Raleway", sans-serif!important;
}

#containerGantt .highcharts-data-label-hidden{
  opacity: 1!important;
}

#section-menu{
  background: #f9f9f9;
}

.ipublic-nav-right:hover {
  color: #202020 !important;
}

.nav-link:hover {
  background-color: none;
  color: #v !important;
}

.navbar-inverse .navbar-toolbar .nav-link :hover {
  color: #202020 !important;
}