/*
 * Please place your own CSS code to this file
 *
 */ 
 
 /* Base */

.display-f{display:flex;}

.display-ib{display:inline-block;}

.vertical-align-m{vertical-align:middle};

.font-weight-n{font-weight:normal;}

 .tt-uc{text-transform:uppercase;}
 .m-cero-auto{margin: 0 auto;}

 .h-50{height:50px!important;}

 .no-border{border:none;}


.color-naranja{ 
   color:#f19121;
}

.color-white{
   color:#FFFFFF;
}

.border-left-w{
  border-left:1px solid #FFFFFF;
}

.font-family-gordita{
font-family: Gordita;
}




 .btn-abrir-leer-mas{color:#ff8c25!important;
  font-weight: normal;
  font-size: 0.3em!important;
  width: 116px;
  padding-top: 0 !important;}
 .btn-abrir-leer-mas:after{color:#ff8c25!important;}


 .capitalize-first-letter::first-letter {
  text-transform: uppercase;
 }

 .margin-l-0{
  margin-left:0px;
 }

 .margin-l-10{
  margin-left:10px;
 }

 .padding-r-10{
   padding-right:10px;
 }

 .fs-28{
   font-size:28px;
 }

  .fs-36{
   font-size:36px;
 }

 .fs-56{
  font-size:56px;
}

.barrita-sobre-contenido{
    background-image: url(/themes/custom/jano/images/assets/linea.png);
    background-repeat: no-repeat;
    padding-top: 16px;
}

.titular-en-contenido{
    background-image: url(/themes/custom/jano/images/assets/linea.png);
    background-repeat: no-repeat;
    color: var(--Gris-CTIC, #535355);
    font-family: 'Gordita', sans-serif;
    font-weight: 500;
    line-height: 40px;
    padding-top: 16px;
}

 @media (max-width: 1199px) {
  .fs-28{
    font-size:26px;
  }

  .fs-36{
    font-size:32px;
  }

  .fs-56{
    font-size:54px;
  }
}
 
 /* Estilos generales */
 .contenedor-centrado-vertical {
  display: flex;
  align-items: center; /* Centro vertical */
  justify-content: center; /* Centro horizontal (opcional) */
}

.region-branding img.logo-img.logo-light {
  max-height: 40px;
}

.region-branding img.logo-img.logo-dark {
  max-height: 40px;
}

.navigation.menu--main .navbar-nav .dropdown-menu{
  /* min-width:315px; */
}
/* fin estilos generales */



 /* PROYECTO */

  .page-node-type-proyecto .theme-menu-eight{
    background:none;
 }

 .imagen-socio-financiador{
    width:80%;
    margin-left:10%; 
 }

 .txt-tecno-proyecto{
  font-size:0.7em;
  max-width:130px;
 }

 .enlace-web {
    background-image: url("/themes/custom/jano/images/icon/icon-enlace-web-simbio.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.5em;
    padding-left: 2em; /* espacio para el icono */
    display: inline-block;
  }

  @media (min-width: 1200px) {

    .page-node-type-proyecto .project-banner.inner-banner-two{
      padding-top:300px;
      padding-bottom:10px;
    }
  }

  .page-node-type-proyecto .project-banner.inner-banner-two::before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/themes/custom/jano/images/assets/marca_cabecera-trans-medio.png);
    background-position: left bottom;
    transform: scaleY(-1);
    background-size: cover;
    background-repeat: no-repeat;
  }

  /* popup video */

  .modal-video {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.7);
  }
  
  .modal-content-video {
    background-color: #fff;
    margin: 10% auto;
    padding: 0;
    border-radius: 6px;
    width: 90%;
    max-width: 800px;
    position: relative;
  }
  
  .close-modal-video {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
  }
  
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
  }
  
  .video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  

  /* FIN PROYECTO */


  /* Actualidad */

.node--type-actualidad:not(.teaser) .field--name-field-imagen-destacada {
  margin: 0 0 25px 0;
  float: none;
}                       
.node--type-actualidad .field--name-field-imagen-destacada img {
  width: 100%;
  height: auto;
  margin: 0;
}
.node--type-actualidad .field--name-field-tags,
.node--type-actualidad .field--name-field-category {
  display: flex;
  gap: 10px;
}

.node--type-actualidad .field--name-field-tags .field__label,
.node--type-actualidad .field--name-field-category .field--label {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}
.node--type-actualidad .field--name-field-tags ul.field__items li {
  font-size: 16px;
}
.node--type-actualidad .inline__links {
  display: flex;
  justify-content: right;
}

.block-views-blockproyectos-block-2 .proyecto-tecnologia-icono img{
  filter: brightness(0) saturate(100%);
}

.bloque-noticias-lateral img {
    border-radius: 15px;
    margin-top: 5px;
}

/* === Tarjeta de proyecto estilo GUARDIANS === */
.proyecto-card {
  background: #f6f6fb;
  border-radius: 24px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  padding: 18px 18px 18px 18px;
  max-width: 420px;
  margin: 20px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.proyecto-imagen-principal img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

.proyecto-nombre-titulo {
  font-size: 1.25em;
  color: #444;
  font-family: Gordita, Arial, sans-serif;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 1.2;
}

.proyecto-nombre {
  color: #4E4E4E;
  font-weight: 500;
}

.proyecto-titulo {
   color: #4E4E4E;
   font-weight: 500;
}

.proyecto-tecnologias {
  display: flex;
  flex-direction: row;
  gap: 24px;
  margin-top:0px;
}

.proyecto-tecnologia-icono {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: none;
}

.proyecto-tecnologia-icono img, .proyecto-tecnologia-icono svg {
  max-width: 36px;
  max-height: 36px;
  display: block;
}

@media (max-width: 600px) {
  .proyecto-card {
    padding: 12px 6px 12px 6px;
    max-width: 98vw;
  }
  .proyecto-imagen-principal img {
    height: 120px;
  }
  .proyecto-tecnologias {
    gap: 12px;
  }
  .proyecto-tecnologia-icono {
    width: 32px;
    height: 32px;
  }
  .proyecto-tecnologia-icono img, .proyecto-tecnologia-icono svg {
    max-width: 24px;
    max-height: 24px;
  }
}
/* === Fin tarjeta de proyecto estilo GUARDIANS === */



/* Sticky lateral en Infraestructuras singulares (node 200) - refuerzo en local.css */
.page-node-200 .main-page-wrapper { overflow-y: visible !important; }
.page-node-200 .sidebar.sidebar-first .tec-tax-list {
  position: sticky !important;
  top: 96px !important;
  max-height: calc(100vh - 96px) !important;
  overflow: auto !important;
  z-index: 2;
}
@media (max-width: 991px) {
  .page-node-200 .sidebar.sidebar-first .tec-tax-list {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}