/*------------------------------------------------------------------------
# Jano Drupal
# ------------------------------------------------------------------------
# Created by Symphony Themes
# Websites:  http://www.symphonythemes.com -  Email: info@symphonythemes.com
--------------------------------------------------------------------------
    1.   Custom CSS
    2.   Menus & Nodes
    3.   Section
    4.   Layout Paragraphs        
    5.   Forms
    6.   Slideshow
    7.   Accordion
    8.   Tabs
    6.   Others
--------------------------------------------------------------------------------*/

/* 01. Custom CSS
 --------------------------------------------------------------------------------*/

h1{
  color: #000;
  font-family: Gordita!important;
  font-size: 64px!important;
  font-style: normal;
  font-weight: 500;
  /* line-height: 66px;  */
  line-height: normal!important;
}

h1.title {
  font-size: 58px;
}

@media (max-width: 991px) {
  h1.title {
    font-size: 35px!important;
    /* line-height: 40px!important; */
  }
}


h2{
  color: #000;
  font-family: Gordita!important;
  font-size: 40px!important;
  font-style: normal;
  font-weight: 500;
  line-height: normal!important;
  /* line-height: 48px; */
}
@media (max-width: 991px) {
  h2 {
      font-size: 32px!important;
      /* line-height: 40px!important; */
  }
}


a:hover {
  color: var(--prime-ten);
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.title-link:hover{
  color: var(--prime-ten);
}
.title-link:hover h3, .title-link:hover h4{
  color: var(--prime-ten);
}
.card-proyecto-wrapper a.title-link:hover > h3, .card-proyecto-wrapper a.title-link:hover > h4{
  color: var(--prime-ten)!important;
}

img {
  width: auto;
  height: auto;
}

h2.fs-17{
   font-size:17px!important;
 }

h2.fs-18{
   font-size:18px!important;
 }

 h2.fs-20{
   font-size:20px!important;
 }

h2.fs-28{
   font-size:28px!important;
 }

h2.fs-34{
   font-size:34px!important;
}

h2.fs-36{
   font-size:36px!important;
 }

h2.fs-56{
  font-size:56px!important;
}

ul:not(.dropdown-menu):not(.accordion-wrapper):not(.style-none):not(.select2-results__options){
  list-style-position: outside!important;
  padding-left: 1.5em!important;
}

@media (min-width: 992px) {
  .order-lg-1 {
      order: 1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
}
}

.p-b-1em{padding-bottom:1em;}

.border-rad-10{
   border-radius: 10px;
}

.border-s-1{
  border:1px solid var(--bs-gray-300);
}

.back-grey-light{
	background: rgb(245 245 245) !important;
}

.back-ocre-light{
	background: rgba(241, 145, 33, 0.06);
}

.c-orange-ver-mas{
   color: var(--naranja-CTIC, #f19121);
}


.f-style-i{font-style: italic;}

.position-r {position:relative;}
.position-a {position:absolute;}
.overflow-h{overflow: hidden;}
.flex-1{flex: 1;}
.flex-dir-col{flex-direction: column;}
.justify-con-sb{justify-content: space-between;}

.padding-20{padding:20px;}
.padding-lr-32{padding: 0 32px;}
.flex-grow-1{flex-grow:1;}

.widh-0100, .widh-0100 img{width:100%}

.pad-l-20{padding-left:20px}
.pad-r-20{padding-right:20px}



.line-h-25{line-height: 25px;}


.align.self-fe{ align-self: flex-end;}

.display-if{display: inline-flex;}

.min-h-500 {min-height:500px;}

.width-085{width:85%;}

/* Logo */
header.white-vr .logo-dark {
  display: none !important;
}

header:not(.white-vr) .logo-light {
  display: none !important;
}

/* Footer */
.footer-style-eleven .footer-nav-link a:hover,
.footer-style-four .social-icon a:hover {
  color: var(--prime-ten);
}

.footer-menu-container {
  position: relative;
  font-weight: 400;
}

/* .footer-menu-container::before {
  content: "";
  position: absolute;
  top: -90px;
  left: -60px;
  width: 120px;
  height: 120px;
  background-image: url('/sites/default/files/2025-06/arrowdecoration.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  opacity: 1;
  pointer-events: none;
} */

@media (max-width: 600px) {
  .footer-menu-container::before {
    display: none;
  }
}

.footer-nav-link li a {
  line-height: 1.3 !important;
  white-space: normal;
  word-break: break-word;
  display: inline-block;
  margin-bottom: 16px;
}

.footer-nav-link li:last-child a {
  margin-bottom: 0 !important;
}

.bottom-footer-nav li {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .bottom-footer-nav li {
    flex-shrink: 1;
    /* o simplemente eliminar la restricción */
  }
}

.bottom-footer-nav li a {
  line-height: 1.3 !important;
  font-weight: 500!important;
  white-space: normal;
  word-break: break-word;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 16px!important;
}

.bottom-footer-nav li:last-child a {
  margin-bottom: 0 !important;
}

.smb-footer .bottom-footer .copyright {
  font-size: 16px!important;
}

.smb-footer .bottom-footer{
  font-weight: 400;
  .row{
    justify-content: space-between;
  }
  .col-lg-4{
    width: auto;
  }
}

/* Nav Tabs */
.user-logged-in nav.tabs {
  position: fixed;
  left: 0;
  top: 80px;
  transition: all 0.5s ease 0.25s;
  z-index: 1000;
}

.user-logged-in nav.tabs ul.nav.primary {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  list-style: outside none none;
  opacity: 0.9;
  flex-direction: column;
}

.user-logged-in nav.tabs ul.nav.primary li {
  float: none;
  opacity: 0.8;
  padding: 0;
}

.user-logged-in nav.tabs ul.nav.primary li a {
  margin-right: 0;
  font-size: 0.7rem !important;
  padding: 10px 20px;
}

.user-logged-in nav.tabs ul.nav.primary li.active a,
.user-logged-in nav.tabs ul.nav.primary li:hover a {
  background: #ffb500 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  color: #fff;
}

.user-logged-in nav.tabs ul.nav.primary li.active,
.user-logged-in nav.tabs ul.nav.primary li:hover {
  opacity: 1;
}

.path-node .node-form {
  padding-top: 5em;
}

.path-node .node-form input.btn.form-submit {
  width: auto;
  height: auto;
  margin: 0 10px 20px 0;
  font-size: 1.2em;
  padding: 15px 30px;
  background-color: black;
}

.layout-paragraphs-component-form input.form-check-input,
.path-node .node-form input.form-check-input {
  width: auto;
  padding: 0.46428571em;
  font-size: 1.2em;
  margin-left: -1.1em;
  margin-right: 0.5em;
}

.path-node .node-form .vertical-tabs details.vertical-tabs__pane {
  padding: 15px;
}

.path-node .node-form .layout-region-node-footer {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px #ddd solid;
}

/* Nav Tab */
.user-logged-in nav.tabs {
  position: fixed;
  left: 0;
  top: 80px;
  transition: all 0.5s ease 0.25s;
  z-index: 1000;
}

.user-logged-in nav.tabs ul.tabs--primary {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  list-style: outside none none;
  opacity: 0.9;
  flex-direction: column;
}

.user-logged-in nav.tabs ul.tabs--primary li {
  float: none;
  opacity: 0.8;
}

.user-logged-in nav.tabs ul.tabs--primary li a {
  margin-right: 0;
  color: #222;
  padding: 10px;
  width: 100%;
}

.user-logged-in nav.tabs ul.tabs--primary li.active a,
.user-logged-in nav.tabs ul.tabs--primary li:hover a {
  background: #ffb500 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  color: #fff;
}

.user-logged-in nav.tabs ul.tabs--primary li.active,
.user-logged-in nav.tabs ul.tabs--primary li:hover {
  opacity: 1;
}

/* Regions */
.top-bar {
  /*   position: absolute;
  left: 0;
  right: 0;
  top: 0; */
  position: relative;
  z-index: 98;
  background: #000000;
  color: #FFF;
  padding: 4px 12px;
}
/* @media (max-width: 767.98px){
.top-bar i{
  font-size: 24px;
}
.topbar-social{
  gap: 1.5rem!important;;
}
#customLangBtn{
  font-size: 24px!important;
}
} */

.topmenu-mobile .topbar-menu-mobile {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.topbar-menu-mobile__list {
  flex-direction: column;
  gap: 0.5rem !important;
}

.topbar-menu-mobile__item {
  padding: 8px 0 !important;
  width: 100% !important;
}

.topbar-menu-mobile__link {
  color: inherit;
  text-decoration: none;
  padding: 8px 0;
  display: block;
  font-size: 14px;
}

.topbar-menu-mobile__link:hover {
  color: var(--prime-ten);
}

.topbar-menu-mobile .dropdown-menu {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  border: none !important;
  padding-left: 15px !important;
  margin-top: 5px;
}


.topmenu-side{
  display: none;
}
@media (max-width: 768px) {
  .topmenu-side{
    display: block;
  }
}


.top-bar+header.theme-main-menu {
  padding-top: 48px;
  padding-bottom: 8px;

}

.path-frontpage .top-bar+header.theme-main-menu:not(.fixed),
.page-node-type-proyecto .top-bar+header.theme-main-menu:not(.fixed) {
  padding-top: 48px;
  padding-bottom: 8px;
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 100%);
}

.theme-main-menu{
  z-index: 97!important;
}

@media (max-width:768px) {
.top-bar+header.theme-main-menu{
   /*  padding-top: 32px;
    padding-bottom: 4px; */
}
}

@media (min-width: 992px) {
    .region-branding img.logo-img.logo-dark, .region-branding img.logo-img.logo-light {
        max-height: 45px!important;
    }
    
}

@media (max-width: 992px) {
    .region-branding img.logo-img.logo-dark, .region-branding img.logo-img.logo-light {
        max-height: 45px!important;;
        margin:5px 0!important;;
    }
}






.navbar.navbar-expand-lg.order-lg-2.navbar-default{
 margin-left:auto;
}
/*--------------------------------------------------------------------------------*/

/* 02. Menus
 --------------------------------------------------------------------------------*/
/* Menu 2 column */
@media all and (min-width: 990px) {
  .navbar .dropdown-menu {
    padding: 10px;
  }
  .navbar .dropdown-menu .dropdown-item{
    line-height: 1.5em;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .navbar-nav>li.menu-2col ul {
    min-width: 400px;
    padding: 10px;
  }

  .navbar-nav>li.menu-2col ul li {
    width: 50%;
    display: inline-block;
    margin-right: 0;
    padding-right: 0;
    float: left;
  }
}

.navbar .navbar-nav li.active>a {
  color: var(--prime-ten);
}

/*--------------------------------------------------------------------------------*/

/* 03. Sections
 --------------------------------------------------------------------------------*/
/* Switch column on mobile */
@media all and (max-width: 768px) {
  section.switch-column-mobile .row>.region--top {
    order: 1;
  }

  section.switch-column-mobile div[class*=container]>.row>div:nth-child(1 of [class*='col-']) {
    order: 3;
  }

  section.switch-column-mobile div[class*=container]>.row>div:nth-child(2 of [class*='col-']) {
    order: 2;
  }

  section.switch-column-mobile div[class*=container]>.row>div:nth-child(3 of [class*='col-']) {
    order: 4;
  }

  section.switch-column-mobile .row>.region--bottom {
    order: 5;
  }
}

/* Node Article */
.node--type-article:not(.teaser) .field--name-field-image {
  margin: 0 0 25px 0;
  float: none;
}

.node--type-article .field--name-field-image img {
  width: 100%;
  height: auto;
  margin: 0;
}

.node--type-article .field--name-field-tags,
.node--type-article .field--name-field-category {
  display: flex;
  gap: 10px;
}

.node--type-article .field--name-field-tags .field__label,
.node--type-article .field--name-field-category .field--label {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}

.node--type-article .field--name-field-tags ul.field__items li {
  font-size: 16px;
}

.node--type-article .inline__links {
  display: flex;
  justify-content: right;
}

/* Comment */
.comment .profile .field--name-user-picture img {
  border-radius: 50%;
}

.comment .links-inline span {
  font-size: 1rem;
}

.blog-comment-area {
  margin-bottom: 0;
}

.blog-comment-form #edit-comment-body-0-format,
.blog-comment-form input#edit-preview {
  display: none;
}

.blog-comment-form .form-submit {
  margin-top: 30px;
  background: var(--prime-ten);
  width: auto;
}

.blog-comment-form .form-submit:hover {
  background: black;
}

.blog-meta-five .tag {
  width: fit-content;
}

/* Sidebar */
.sidebar .block {
  padding: 0;
  border: none;
  margin-bottom: 50px;
}

.sidebar .block .content,
.sidebar .block-search .search-form .form-type-search {
  width: 100%;
}

.sidebar .block-search .search-form {
  padding-bottom: 0;
}

.sidebar .block-search .search-form input {
  width: 100%;
  height: 65px;
  border: none;
  font-size: 17px;
  background: #F4F4F4;
  border-radius: 5px;
  padding: 0 60px 0 20px;
}

.sidebar .block-search .search-form .form-submit {
  display: none;
}

.sidebar .block .block-title {
  font-size: 28px!important;
  margin-bottom: 15px;
  border-bottom: none;
}

.sidebar .blog-sidebar-category ul li a {
  font-size: 16px;
  line-height: 40px;
  display: block;
  color: #000;
  transition: all 0.3s ease-in-out;
}

.sidebar .blog-sidebar-category ul li a:hover {
  color: var(--prime-ten);
}

.sidebar .sidebar-banner-add {
  background-size: cover;
  position: relative;
  padding: 20px;
}

.sidebar .sidebar-banner-add .banner-content {
  background: rgba(255, 255, 255, 0.9);
  padding: 40px 50px;
  text-align: center;
}

.sidebar .sidebar-banner-add .banner-content h4 {
  line-height: 31px;
}

.sidebar .sidebar-banner-add .banner-content p {
  margin: 20px 0 15px;
}

/* Pager */
.page-item.active .page-link {
  background: var(--prime-ten);
  border-color: var(--prime-ten);
}

.page-pagination-one ul li a {
  color: #3E3E3E;
}

/* Blog lists and blocks */
.post-img img {
  border-radius: 10px;
}

.field--type-image img {
  width: 100%;
  height: auto;
}

/* Node Portfolio */
.node--type-portfolio .project-banner .field--name-field-category .field--label {
  display: none;
}

.node--type-portfolio .portfolio-details-one .project-info .field--label {
  font-size: 16px;
  letter-spacing: 2px;
  margin-bottom: 6px;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
}

.node--type-portfolio .portfolio-details-two .sidebar .field--label {
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 6px;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
}

.portfolio-details-one .project-info {
  padding-bottom: 10px;
}

.node--type-portfolio:not(.teaser) .field--type-image {
  margin: 0 0 20px;
  width: 100%;
}

.node--type-portfolio.teaser {
  width: 50%;
  padding: 0 20px;
}

.node--type-portfolio .portfolio-block-three {
  height: 100%;
}

.node--type-portfolio .portfolio-block-three .meta-data {
  bottom: -40px;
}

.node--type-portfolio .portfolio-block-three .field--name-field-image,
.node--type-portfolio .portfolio-block-three .field--name-field-image a {
  width: 100%;
}

@media (max-width: 767px) {
  .node--type-portfolio.teaser {
    width: 100%;
  }
}

.feed-icon {
  display: none;
}

.icono-en-blanco{
  filter: brightness(0) invert(1) contrast(100%);
  max-width: 60px;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
  object-fit: cover;
}


/* views con imágenes centradas */
.view-con-imagenes-centradas img {margin:0 auto;}

/* Portfolio lists and blocks */
.view-portfolio .view-content.row {
  margin: 0;
}

.view-portfolio .img-meta img {
  width: 100%;
  height: auto;
}

/*--------------------------------------------------------------------------------*/

/* 04. Layout Paragraphs
 --------------------------------------------------------------------------------*/
/* Disable WOW effect on node form */
.node-form .wow,
.layout-paragraphs-component-form .wow {
  animation-name: none !important;
  visibility: visible !important;
}

/* Layout Paragraphs Builder */
.lp-builder section.imagebg {
  overflow: hidden;
}

.lp-builder section.lpb-layout {
  visibility: visible !important;
}

.lp-builder section.parallax .lpb-controls,
.lp-builder section.imagebg .lpb-controls,
.lp-builder section[class*='unpad'] .lpb-controls {
  top: 0;
}

.lp-builder section.hidden {
  display: block;
}

.lp-builder .lpb-controls {
  z-index: 20 !important;
}

.lp-builder .lpb-controls:not(.is-layout) span.lpb-controls-label {
  color: #666666 !important;
}

.lp-builder .page-navigator {
  position: unset;
  transform: none;
}

.lp-builder .js-lpb-component .lpb-btn--add,
.lp-builder .js-lpb-component .lpb-controls {
  position: absolute;
}

.lp-builder .js-lpb-component .lpb-controls {
  top: 0;
}

/* Modal form */
.layout-paragraphs-component-form .field--name-field-paragraph-id,
.layout-paragraphs-component-form .field--name-field-paragraph-extra-class,
.layout-paragraphs-component-form .field--name-field-paragraph-spacing,
.layout-paragraphs-component-form .field--name-field-paragraph-content-align,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-direction,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-title,
.layout-paragraphs-component-form .field--name-field-paragraph-tabcontent-align,
.layout-paragraphs-component-form .field--name-field-paragraph-display-arrows,
.layout-paragraphs-component-form .field--name-field-paragraph-display-pager,
.layout-paragraphs-component-form .field--name-field-paragraph-shadow,
.layout-paragraphs-component-form .field--name-field-paragraph-shadow-bg-class,
.layout-paragraphs-component-form .field--type-viewsreference .js-form-item-field-paragraph-views-reference-0-target-id,
.layout-paragraphs-component-form .field--type-viewsreference .js-form-item-field-paragraph-views-reference-0-display-id,
.layout-paragraphs-component-form .field--name-field-paragraph-accordion-style,
.layout-paragraphs-component-form .field--name-field-paragraph-data-centerpad {
  width: 22%;
  display: inline-block;
  padding-right: 3%;
}

.layout-paragraphs-component-form .field--name-field-paragraph-data-items-xs,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-sm,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-md,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-lg,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-xl,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-xxl,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items,
.layout-paragraphs-component-form .field--name-field-paragraph-data-speed,
.layout-paragraphs-component-form .field--name-field-paragraph-data-margin,
.layout-paragraphs-component-form .field--name-field-paragraph-overflow-visible,
.layout-paragraphs-component-form .field--name-field-paragraph-data-nav,
.layout-paragraphs-component-form .field--name-field-paragraph-data-dots,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-auto,
.layout-paragraphs-component-form .field--name-field-paragraph-data-auto-height {
  width: 33%;
  display: inline-block;
  padding-right: 3%;
}

.layout-paragraphs-component-form .field--name-field-paragraph-padding,
.layout-paragraphs-component-form .field--name-field-paragraph-margin,
.layout-paragraphs-component-form .field--name-field-paragraph-gutter-class,
.layout-paragraphs-component-form .field--name-field-paragraph-angled {
  width: 22%;
  display: inline-block;
  padding-right: 3%;
}

.layout-paragraphs-component-form .field--name-field-paragraph-data-prev-arrow,
.layout-paragraphs-component-form .field--name-field-paragraph-data-next-arrow {
  width: 48%;
  display: inline-block;
  padding-right: 2%;
}

.layout-paragraphs-component-form .field--name-field-paragraph-data-overlay,
.layout-paragraphs-component-form .field--name-field-paragraph-image-position,
.layout-paragraphs-component-form .field--name-field-paragraph-slider-classes,
.layout-paragraphs-component-form .field--name-field-paragraph-item-classes,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-title {
  max-width: 200px;
}

.layout-paragraphs-component-form .paragraph-type-top,
.layout-paragraphs-component-form .paragraphs-nested,
.layout-paragraphs-component-form .paragraphs-subform {
  padding-right: 20px;
}

.layout-paragraphs-component-form input.form-submit {
  padding: 5px 10px;
}

.layout-paragraphs-component-form .field-multiple-table {
  overflow: hidden;
}

.layout-paragraphs-component-form .js-filter-guidelines {
  display: none;
}

.layout-paragraphs-component-form .layout-select__item-icon {
  margin-right: 0;
}

.layout-paragraphs-component-form #layout-paragraphs-layout-options {
  margin-bottom: 20px;
}

.layout-paragraphs-component-form .paragraph-type-top {
  justify-content: space-around;
}

.layout-paragraphs-component-form .paragraph-type-title {
  flex-basis: 10%;
}

.layout-paragraphs-component-form .paragraphs-description {
  max-width: 70%;
}

.layout-paragraphs-component-form #layout-paragraphs-element .form-check-input:checked[type=radio] {
  display: block;
  clip: auto !important;
  width: 10px !important;
  height: 10px !important;
}

.layout-paragraphs-component-form .form-check label {
  padding-top: 5px;
}

a.lpb-btn {
  color: #4a90e2 !important;
}

button.lpb-btn--save {
  background: #000 !important;
  color: #fff !important;
}

.node-form .layout-region-node-secondary {
  margin-top: 80px;
}

/*--------------------------------------------------------------------------------*/

/* 05. Forms
 --------------------------------------------------------------------------------*/

/*------------------- Contact forms -------------------*/
.contact-form .form-group {
  position: relative;
  margin-bottom: 22px;
}

.contact-form .form-group input:not(.form-checkbox):not([type="submit"]):not([type="radio"]),
#contact-form .form-group textarea,
.contact-form .js-form-item input:not(.form-checkbox):not([type="submit"]):not([type="radio"]) {
  border: 1px solid #ebebeb;
  width: 100%;
  max-width: 100%;
  color: #989ca2;
  background: transparent;
}

.contact-form .form-group input:focus,
#contact-form .form-group textarea:focus {
  border-color: #545454;
}

.contact-form .form-group ::placeholder {
  color: #989ca2;
  ;
  opacity: 1;
}

.contact-form .form-group :-ms-input-placeholder {
  color: #989ca2;
  ;
}

.contact-form .form-group ::-ms-input-placeholder {
  color: #989ca2;
  ;
}

.contact-form .form-group input:not(.form-checkbox):not([type="submit"])::not([type="radio"]) {
  height: 60px;
  padding: 0 25px;
}

.contact-form .form-group textarea {
  height: 190px;
  max-height: 190px;
  resize: none;
  padding: 20px 25px;
}

.contact-form .form-group .help-block {
  position: absolute;
  left: 0;
  bottom: -12px;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  padding: 0 15px;
  border-radius: 3px;
  box-shadow: 0px 10px 25px 0px rgba(123, 147, 171, 0.15);
}

.contact-form .form-group .help-block li {
  position: relative;
}

.contact-form .form-group .help-block li:before {
  content: '';
  font-family: 'font-awesome';
  position: absolute;
  top: -12px;
  left: 0;
}

.contact-form button {
  margin-top: 35px;
}

.contact-form #edit-preview,
.contact-form .form-item-copy {
  display: none;
}

.button.form-submit {
  text-transform: capitalize;
/* ∫ */
  position: relative;
  z-index: 1;
  max-width: none;
/*   border-radius: 7px;
 */}

.button.form-submit:before {
  content: '';
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border: 1px solid #fff;
  opacity: 0;
}

.button.form-submit:hover:before {
  opacity: 1;
}

.form-style-one .js-form-item {
  margin-bottom: 30px !important;
}

.form-style-one .js-form-item input:not(.form-checkbox):not([type="radio"]),
.form-style-one .js-form-item textarea {
  width: 100%;
  max-width: 100%;
  border: none;
  border-bottom: 2px solid #000;
  color: #000;
  font-size: 18px;
}

.form-style-one .js-form-item input:not(.form-checkbox):not([type="radio"]) {
  height: 62px;
}

.form-style-one .js-form-item textarea {
  height: 122px;
  max-height: 122px;
}

.form-style-one .form-submit {
  line-height: 60px;
  font-size: 14px;
  letter-spacing: 0.88px;
  background: #000;
  width: auto;
}

.form-style-one .form-submit:hover {
  background: var(--prime-three);
}

.form-style-three .js-form-item {
  margin-bottom: 35px !important;
}

.form-style-three .js-form-item label {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 7px;
}

.form-style-three .js-form-item input:not(.form-checkbox):not([type="radio"]) {
  width: 100%;
  height: 60px;
  border-radius: 8px;
  border: 2px solid #000;
  padding: 0 5px 0 20px;
  color: #000;
  font-size: 17px;
}

.form-style-three .js-form-item textarea {
  width: 100%;
  max-width: 100%;
  height: 165px;
  border-radius: 8px;
  border: 2px solid #000;
  padding: 15px 5px 15px 20px;
  color: #000;
  font-size: 17px;
}

.form-style-four .contact-form {
  border: 2px solid #000;
  background: #fff;
  padding: 45px 60px 50px;
  margin: 0 10px 0 0;
  position: relative;
}

.form-style-four .contact-form:after {
  content: '';
  position: absolute;
  top: 8px;
  right: -10px;
  bottom: -10px;
  left: 8px;
  background: #000;
  z-index: -1;
}

.form-style-four .js-form-item {
  margin-bottom: 50px !important;
}

.form-style-four .js-form-item label {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.5);
}

.form-style-four .js-form-item input:not(.form-checkbox):not([type="radio"]) {
  width: 100%;
  height: 48px;
  border: none;
  border-bottom: 2px solid #000;
  padding: 0 0 11px;
  color: #000;
  font-size: 17px;
}

.form-style-four .js-form-item textarea {
  width: 100%;
  max-width: 100%;
  height: 160px;
  border: none;
  border-bottom: 2px solid #000;
  padding: 0;
  color: #000;
  font-size: 17px;
}

.form-style-four .form-submit {
  line-height: 58px;
  color: #000;
  font-weight: 500;
  background: var(--prime-six);
}

.form-style-four .form-submit:hover {
  color: #fff;
  background: #000;
}

.contact-section-four.contact-meta .row>.col-lg-6>.paragraph {
  height: 100%;
}

.form-style-five .js-form-item input:not(.form-checkbox):not([type="radio"]),
.form-style-five .js-form-item textarea {
  display: block;
  width: 100% !important;
  max-width: 100%;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  padding: 0 20px;
  font-size: 16px;
}

.form-style-five .js-form-item input:not(.form-checkbox):not([type="radio"]) {
  height: 60px;
}

.form-style-five .js-form-item textarea {
  min-height: 165px;
  padding: 15px 20px;
}

.form-style-five .form-submit {
  font-size: 14px;
  letter-spacing: 0.88px;
  font-weight: 500;
}

.form-style-five .form-submit:hover {
  background: var(--prime-eight);
  color: #000;
}

/*--------------- Newsletter Simplenews -----------------*/
.newsletter-section form {
  position: relative;
}

.newsletter-section .simplenews-subscriber-form .field--name-mail label {
  display: none;
}

.newsletter-section .simplenews-subscriber-form .field--name-mail input {
  width: 100%;
  height: 65px;
  border: 1px solid rgba(186, 186, 186, 0.3);
}

/* Menú móvil - estilos móviles para el menú de escritorio */
@media (max-width: 767px) {
  .topmenu-mobile .topbar-menu__list {
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  .topmenu-mobile .topbar-menu__item {
    padding: 8px 0 !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  .topmenu-mobile .topbar-menu__link {
    color: inherit !important;
    text-decoration: none !important;
    padding: 8px 0 !important;
    display: block !important;
    font-size: 14px !important;
  }

  .topmenu-mobile .dropdown-menu {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
    padding-left: 15px !important;
    margin-top: 5px !important;
  }

  .topmenu-mobile .dropdown-item {
    padding: 5px 0 !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
  }
}

.newsletter-section .simplenews-subscriber-form .form-actions button {
  background: #FF3A46;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100px;
  border-radius: 0 38px 38px 0;
  color: #fff;
  font-size: 32px;
  height: 65px;
  padding: 0;
  margin: 0;
  text-indent: 100px;
  overflow: hidden;
}

.newsletter-section .simplenews-subscriber-form .form-actions button:before {
  font-family: Flaticon;
  font-size: 30px;
  width: 40px;
  height: 20px;
  content: "\f103";
  position: absolute;
  top: 8px;
  left: 35px;
  color: #fff;
  z-index: 10;
  border: none;
  opacity: 1;
  text-indent: 0;
}

.user-logged-in .simplenews-subscriber-form .form-wrapper {
  text-align: center
}

.user-logged-in .simplenews-subscriber-form .form-actions button {
  position: unset;
  border-radius: 0;
  text-indent: 0;
  padding: 10px 30px;
  width: auto;

}

.user-logged-in .simplenews-subscriber-form .form-actions button:before {
  opacity: 0;
}

.block-simplenews .field--name-mail .form-type-email label,
.block-simplenews .description.text-muted,
.block-simplenews #edit-message {
  display: none;
}

.subscribe-inline .block-simplenews #edit-actions {
  margin-top: 10px;
}

@media all and (min-width: 768px) {
  .subscribe-inline .block-simplenews .field--type-email {
    width: 70%;
    float: left;
  }

  .subscribe-inline .block-simplenews .field--type-email input {
    padding: 0.75rem 1rem;
    /*border-radius: 7px 0 0 7px;*/
  }

  .subscribe-inline .block-simplenews #edit-actions,
  .subscribe-inline .block-simplenews .form-actions {
    width: 27%;
    float: left;
    margin-top: -1px;
  }

  body.user-logged-in .subscribe-inline .block-simplenews #edit-actions,
  body.user-logged-in .subscribe-inline .block-simplenews .form-actions {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  .block-simplenews .field--type-email input {
    border-radius: 7px !important;
    min-height: 50px;
  }

  .block-simplenews .form-submit {
    border-radius: 7px !important;
    width: 100% !important;
    float: left !important;
    padding: 0 !important;
  }

}

/*------------------- Search & Login -------------------*/
.path-search .main-container,
.path-user .main-container {
  /*padding: 100px 0;*/
}

.path-user .user-login-form,
.path-user .user-pass {
  padding: 30px 0;
}

.user-data-section .user-form-wrapper {
  background: #fff;
  width: 700px;
  border-radius: 10px;
  padding: 50px 70px 60px;
  box-shadow: 0px 15px 30px rgba(0, 50, 108, 0.03);
}

.user-data-section h2 {
  font-size: 3rem;
}

.user-data-section .js-form-item {
  margin-bottom: 30px !important;
}

.user-data-section .js-form-item input:not(.form-checkbox):not([type="radio"]) {
  width: 100%;
  height: 60px;
  font-size: 17px;
  border: 2px solid #000;
  border-radius: 8px;
  padding: 0 52px 0 20px;
  color: #000;
  background: transparent;
}

.user-data-section .js-form-item label {
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
  display: block;
  margin-bottom: 6px;
}

.path-user .user-data-section .form-wrapper {
  padding: 0;
  border: none;
  box-shadow: none;
  width: auto;
  margin-top: 30px;
}

.user-data-section .form-actions .form-submit {
  line-height: 55px;
  padding: 0 42px;
  border-radius: 7px;
  background: var(--prime-ten);
  color: #fff;
  letter-spacing: -0.2px;
}

form.search-form {
  padding-bottom: 50px;
}

form.search-form input.form-search {
  height: 50px;
}

.path-search .main-container ol li {
  padding: 30px;
}

.path-search .main-container ol li h3 {
  font-size: 20px;
}

.path-search .page-pagination-one {
  padding-top: 50px;
}

.path-search .search-form .form-wrapper {
  display: flex;
  gap: 20px;
}

.path-search .search-form .form-wrapper .form-submit {
  width: auto;
  height: 60px;
}

.path-search .search-form input.form-search {
  height: 60px;
}

button#edit-preview {
  display: none;
}


@media screen and (min-width: 992px) {
  nav .collapse {
    display: block;
  }

  aside#sidebar-second {
    padding-left: 20px;
  }
}

/* Extra styles for Forms */
.hero-banner-ten .block-simplenews input.form-submit {
  background: var(--prime-ten);
  border-radius: 0 7px 7px 0;
}

.form-style-two input,
.form-style-two textarea {
  width: 100%;
  max-width: 100%;
  border: 2px solid rgba(221, 221, 221, 0.8);
  border-radius: 5px;
  color: #000;
  font-size: 15px;
}

.form-style-two input {
  height: 60px;
  padding: 0 20px;
}

.form-style-two textarea {
  height: 120px;
  max-height: 120px;
  padding: 15px 20px;
}

.form-style-two .btn-thirteen {
  font-size: 14px;
  letter-spacing: 0.88px;
}

.form-style-two .button.form-submit {
  background: var(--prime-ten);
}

.fancy-short-banner-three .subscribe-form input.form-email,
.footer-style-three .subscribe-form input.form-email {
  width: 100%;
  height: 100%;
  border: none;
  background: #F5F5F5;
  border-radius: 35px 0 0 35px;
  padding: 13px 180px 13px 40px;
}

.fancy-short-banner-three.bg .subscribe-form input {
  background: #fff;
}

.fancy-short-banner-three .subscribe-form input.form-submit,
.footer-style-three .subscribe-form input.form-submit {
  width: 180px;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 35px 35px 0;
  background: var(--prime-two);
  color: #fff;
}

.subscribe-form input.form-submit {
  padding: 0;
}

.user-logged-in .fancy-short-banner-three .subscribe-form input.form-submit {
  border-radius: 35px;
}

.fancy-short-banner-seven .subscribe-form input.form-email {
  width: 100%;
  height: 100%;
  border: 2px solid #E3E3E3;
  background: transparent;
  border-radius: 35px 0 0 35px;
  color: #fff;
}

.fancy-short-banner-seven .subscribe-form input.form-submit {
  width: 180px;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 35px 35px 0;
  background: var(--prime-four);
  color: #000;
  border-width: 1px;
  border-color: transparent;
}

.hero-banner-six .subscribe-form input.form-email {
  width: 100%;
  height: 100%;
  border: none;
  background: #F2F2F2;
  border-radius: 35px 0 0 35px;
  padding: 13px 25px;
}

.hero-banner-six .subscribe-form input.form-submit {
  width: 170px;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 35px 35px 0;
  background: var(--prime-two);
  color: #fff;
}

.hero-banner-six .subscribe-form input.form-submit:hover {
  background: var(--prime-five);
}

.fancy-short-banner-one .subscribe-form form {
  box-shadow: none;
}

.theme-basic-footer.footer-style-eight .form-widget form input.form-email,
.theme-basic-footer.footer-style-nine .form-widget form input.form-email,
.fancy-short-banner-one .subscribe-form form input.form-email,
.footer-style-eleven .subscribe-form form input.form-email {
  padding: 13px 25px;
  border-radius: 8px 0 0 8px;
}

.theme-basic-footer.footer-style-eight .form-widget form input.form-submit {
  background: linear-gradient(103.39deg, #FFA0A9 15.17%, #FF60A4 59.61%);
  border-radius: 0 8px 8px 0;
  color: #fff;
  padding: 0;
}

.theme-basic-footer.footer-style-nine .form-widget form input.form-submit,
.fancy-short-banner-one .subscribe-form input.form-submit,
.footer-style-eleven .subscribe-form form input.form-submit {
  background: var(--prime-eight);
  border-color: var(--prime-eight);
  border-radius: 0 8px 8px 0;
  color: #000;
  padding: 0;
}

.fancy-short-banner-one .subscribe-form input.form-submit {
  background: var(--prime-one);
}

.footer-style-eleven .subscribe-form form input.form-submit {
  background: #161616;
  border-color: #161616;
  color: #fff;
}

.fancy-short-banner-fifteen form input.form-email {
  width: 100%;
  border-radius: 0;
}

.fancy-short-banner-fifteen form input.form-submit {
  width: 100%;
  height: 55px;
  letter-spacing: 4px;
  background: #000;
  border-radius: 0;
  margin-left: 10px;
  padding: 0 10px;
}

/*--------------------------------------------------------------------------------*/

/* 06. Slideshow
 --------------------------------------------------------------------------------*/
/* Paragraph Slick slideshow */
.paragraph--type--paragraph-slideshow .slick--field-paragraph-slides {
  position: relative;
}

.paragraph--type--paragraph-slideshow .slick--field-paragraph-slides nav.slick__arrow {
  position: absolute;
  top: 40%;
  width: 100%;
}

.paragraph--type--paragraph-slideshow .slick--field-paragraph-slides nav.slick__arrow button.slick-prev {
  margin-left: 20px;
}

.paragraph--type--paragraph-slideshow .slick--field-paragraph-slides nav.slick__arrow button.slick-next {
  float: right;
}

.paragraph--type--paragraph-slide {
  position: relative;
}

.paragraph--type--paragraph-slide .field--name-field-paragraph-image img {
  width: 100%;
  height: auto;
}

.paragraph--type--paragraph-slide .field--name-field-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.theme-sidebar-widget #search-block-form .input-group .input-group-btn {
  position: absolute;
  top: 9px;
  right: 0;
}

/* Extra styles for slideshow */
ul.slick-dots {
  padding-left: 0;
}

.feedback_slider_two .slick-dots {
  text-align: center;
  margin-top: 40px;
}

/*--------------------------------------------------------------------------------*/

/* 07. Accordions
 --------------------------------------------------------------------------------*/

/*! Accordion */
ul.accordion {
  list-style: none;
  padding: 0;
}

.accordion li.active .accordion-body {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
}

.accordion li .accordion-body>* {
  display: none;
}

.accordion li.active .accordion-body>* {
  display: inline-block;
}

.accordion.icon .card-body {
  padding: 0 1.25rem 0.25rem 2.8rem;
}

.accordion.icon button {
  padding: 0 0 0 1.5rem;
  display: flex;
  align-items: center;
}

.accordion.icon button:before {
  display: none;
}

.accordion.icon button>span {
  position: absolute;
  left: 0;
}

.accordion.icon button>span i {
  font-size: 1rem;
}

.accordion-style-two .accordion-item:first-child {
  border-top: none;
}

.accordion-collapse > .container {
  font-size: 18px;
  padding: 0px;
}
.accordion-collapse > .container ul{
  list-style: disc;
}
.accordion-collapse .list-inline{
  font-size: 18px;
}
/*--------------------------------------------------------------------------------*/

/* 08. Tabs
 --------------------------------------------------------------------------------*/
/**! Tabs **/
.tabs {
  display: block;
  margin-bottom: 0;
}

.tabs>li {
  display: inline-block;
  opacity: .5;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tabs>.active,
.tabs:hover {
  opacity: 1;
}

.tabs .tab-title {
  cursor: pointer;
}

.tabs .tab-title:not(.btn) {
  padding: 0 1.85714286em;
}

.tabs li:first-child .tab__title:not(.btn) {
  padding-left: 0;
}

.tabs .tab-content {
  display: none;
}

.tab-content {
  margin-top: 1.25rem;
}

.tab-content li>.tab-pane {
  width: 100%;
  display: none;
}

.tab-content>.active>.tab-pane {
  display: block;
  float: left;
}

.tabs-container[data-content-align="left"] .tab-content {
  text-align: left;
}

@media all and (max-width: 767px) {
  .tab-content>li:not(.active) .tab-pane {
    display: none !important;
  }
}

.tabs-container.tabs--vertical {
  overflow: hidden;
}

.tabs-container.tabs--vertical .tabs {
  width: 25%;
  float: left;
}

.tabs-container.tabs--vertical .tabs li {
  display: block;
}

.tabs-container.tabs--vertical .tabs li:not(:last-child) {
  border-right: none;
  border-bottom: 1px solid #ECECEC;
}

.tabs-container.tabs--vertical .tab-content {
  width: 70%;
  float: right;
  margin-top: 0;
}

.tabs-container.tabs--vertical .tab-content>li:not(.active) .tab-pane {
  animation: fadeOutUp .5s ease forwards;
  -webkit-animation: fadeOutUp .5s ease forwards;
}

.tabs-container.tabs--vertical .tab-content>li.active .tab-pane {
  animation: fadeInUp .5s ease forwards;
  -webkit-animation: fadeInUp .5s ease forwards;
  backface-visibility: hidden;
}

.tabs-container.tabs--vertical.tabs--icons .tabs {
  width: 15%;
  text-align: center;
}

.tabs-container.tabs--vertical.tabs--icons .tab-content {
  width: 80%;
}

@media all and (max-width: 767px) {

  .tabs-container.tabs--vertical .tabs,
  .tabs-container.tabs--vertical .tab-content {
    width: 100%;
    float: none;
  }

  .tabs-container.tabs--vertical .tabs {
    margin-bottom: 1.85714286em;
  }

  .tabs-container.tabs--vertical .tab-content>li:not(.active) .tab-pane {
    animation: fadeOutRight .5s ease forwards;
    -webkit-animation: fadeOutRight .5s ease forwards;
  }

  .tabs-container.tabs--vertical .tab-content>li.active .tab-pane {
    animation: fadeInLeft .5s ease forwards;
    -webkit-animation: fadeInLeft .5s ease forwards;
    backface-visibility: hidden;
  }
}

.tabs {
  display: inline-flex;
}

.tabs li {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
}

.tabs li:not(:last-child) {
  border-right: 1px solid #ECECEC;
}

.tabs li.active {
  opacity: 1;
}

/*.tabs li.active .tab-title {
  color: #4a90e2;
}
.tabs li.active .tab-title span {
  color: #4a90e2;
}*/
.tabs li:not(.active) {
  opacity: .5;
}

.tabs li:hover {
  opacity: 1;
  cursor: pointer;
}

.tabs .tab-title {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
}

.tabs .tab-title:not(.btn) {
  padding-right: 0;
  padding-left: 0;
}

.tabs .tab-title i+span {
  margin-top: 0.46428571em;
  display: inline-block;
  margin-bottom: 0;
}

.tab-content {
  position: relative;
  list-style-type: none;
  padding: 0;
  float: left;
  text-align: left;
}

.tab-content>li:not(.active) .tab-pane {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 0;
  pointer-events: none;
  animation: fadeOutRight .5s ease forwards;
  -webkit-animation: fadeOutRight .5s ease forwards;
}

.tab-content>li.active {
  animation: fadeInLeft .5s ease forwards;
  -webkit-animation: fadeInLeft .5s ease forwards;
  backface-visibility: hidden;
}

@media all and (max-width: 767px) {
  .tabs li {
    display: block;
  }

  .tabs li:not(:last-child) {
    border-bottom: 1px solid #ECECEC;
    border-right: none;
  }
}

/*--------------------------------------------------------------------------------*/

/* 09. Extra styles
 --------------------------------------------------------------------------------*/

.pt-15 {
  padding-top: 15px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-200 {
  padding-top: 200px;
}

.pt-250 {
  padding-top: 250px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-250 {
  padding-bottom: 250px;
}

.fancy-feature-thirtyFive.bg-wrapper {
  background: #F6F9FB;
}

.container-position-relative .container,
.container-position-relative .container-fluid {
  position: relative !important;
}

/* Custom styles */
.color-white {
  color: white;
}

.color-black {
  color: black;
}

.color-red {
  color: red;
}

.color-ogrange {
  color: orange;
}

.color-green {
  color: green;
}

.color-blue {
  color: blue;
}

.color-grey {
  color: var(--Gris-CTIC, #535355)!important;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* Backgrounds */
.bg-blue1 {
  background: #7d4afe;
}

.bg-blue2 {
  background: #676dff;
}

.bg-blue3 {
  background: #549cff;
}

.bg-blue4 {
  background: #04cce8;
}

.bg-pale-yellow {
  background: #fffee7;
}

.bg-pale-purple {
  background: #FBF1FF;
}

.bg-pale-blue {
  background: #EEFBFA;
}

.bg-white {
  background: #fff;
}

.bg-light {
  background: #fafafa;
}

.bg-pale-green {
  background: #F1FCFF;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.w-fit {
  width: fit-content;
}

.fancy-short-banner-five.bg-wrapper {
  background: #FFF5EC;
  z-index: 2;
}

.fancy-feature-fourteen {
  margin-top: -120px;
}

.fancy-feature-twentySix .wrapper-xl.bg {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.04);
}

.p-x-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.p-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.p-x-50 {
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 1199px) {

  .p-x-30,
  .p-x-40,
  .p-x-50 {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Pricing */
.compare-table table tr th {
  color: var(--bs-body-color);
  background: white;
}

.compare-table table tr td {
  background: white;
}

/* Extra styles for tabs */
.fancy-feature-four .tabs-container .tab-content {
  margin-top: 80px;
  width: 100%;
}

.node-form .fancy-feature-four .tabs-container .tab-content {
  margin: 0;
}

.fancy-feature-fortySeven .nav-tabs {
  border-bottom: none;
}

.fancy-feature-fortySeven .nav-tabs li:first-child .nav-link {
  margin-left: 0;
}

.hero-banner-three .video-icon i {
  display: block;
}

.video-banner .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 60px;
}

.div-link:hover {
  cursor: pointer;
}

body .btn-ten {
  position: relative;
}

body .btn-twentyThree {
  color: white;
}


.blog-one-slider {
  display: flex;
  height: 100%;
  position: relative;
}

.blog-one-slider .card-news-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .blog-one-slider .card-news-wrapper{
    width: 100%!important;
    height: auto;
  } 
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .blog-one-slider .card-news-wrapper {
    width: 50%!important;
    height: auto;
  }
}

.blog-one-slider .card-news-wrapper .card-article {
  height: unset;
  margin-bottom: 1rem;
}

.blog-one-slider .card-news-wrapper div:not(.card-article):not(.post-image) {
  margin-top: auto;
}

.bottom-footer-nav{
  flex-wrap: wrap;
}

.smb-cont {
  /* align-items: flex-end; */
  align-items: center;
  gap: calc(var(--spacing)*4);
  width: 100%;
  height: 100%;
  padding: calc(var(--spacing)*4);
  padding-top: 0;
  padding-bottom: 0;
  /*grid-template-columns: repeat(1, minmax(0, 1fr));*/
  /*display: grid*/
  display: flex;
}

@media (min-width:48rem) {
  .smb-cont {
    gap: calc(var(--spacing)*8);
    padding: calc(var(--spacing)*12);
    padding-top: 0;
    padding-bottom: 0;
    /* grid-template-columns: repeat(12, minmax(0, 1fr)) */
  }
}

.smb-cont>div {
  grid-column: 1/span 1
}

@media (max-width: 767.98px) {
  .smb-cont>div {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin:0px;
    --bs-gutter-x: 0rem;
    justify-content: center;
    align-items: center;
  }
  .smb-cont a {
    width: 100%;
    text-align: center;
    }
}

@media (min-width:48rem) {
  .smb-cont>div {
    /* grid-column: 2/span 10 */
    width: 100%;
    margin:0px;
    --bs-gutter-x: 0rem;
  }
}


.smb-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-smb-ab {
  padding-top: .75rem;
  padding-bottom: .75rem;
  line-height: 22px;
  padding: 12px 42px;
  border-radius: 7px;
  background: var(--prime-ten);
  color: #fff;
  letter-spacing: -0.2px;

}

.btn-smb-ab:hover {
  background: #000;
  color: var(--prime-ten);

}


.smb-blog-grid .view-content {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}


.smb-blog-grid .view-content .card-proyecto-wrapper {
  width: 100% !important;
  min-width: 0;
  overflow-wrap: break-word;

}

.open-video{
    background: url(../images/icon/icon-play.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 12px 20px 12px 39px;
    border: solid 1px;
    border-radius: 6px;
    margin: 10px 0;
}

.open-video:hover {
    background-color: var(--naranja-CTIC, #f19121);
}


.smb-blog-grid .view-content .card-news-wrapper {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-width: 0;
  overflow-wrap: break-word;
}

@media (max-width: 991px) {
  .smb-blog-grid .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .smb-blog-grid .view-content {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 992px) {

  .col-sm-8bb {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
.imglink{
  width: 100%;
}

.imglink figure {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.imglink figure:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M3.78125 11.0034H18.2188' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.3125 5.09717L18.2188 11.0034L12.3125 16.9097' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  background: var(--prime-ten);
  transition: all .3s ease-in-out;
  color: white;
  padding: 1px 8px;
  font-weight: 500;
  font-size: 12px;
}

.imglink:hover figure:after {
  background: #000;
  color: var(--prime-ten);
  transition: all .3s ease-in-out;

}

.imglink img {
  transition: all .3s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
}

.imglink:hover img {
  transform: scale(1.1);
}

.smb-row,
.smb-row * {
  --bs-gutter-x: 0 !important;
}

.theme-menu-eight {
  background: #FFF;
}

/* Top Bar */
.top-bar-block {
  background: #000000;
  color: #FFF;
  font-family: "Inter Display", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  font-style: normal !important;
}

.top-bar-block *:not(i):not(.fa):not([class*="fa-"]),
.top-bar-block *:not(i):not(.fab):not(.fas):not(.far):not(.fal) {
  font: inherit !important;
}

/* Excepción: no aplicar herencia de fuente dentro de dropdown-menu */
/* Igualamos/escalamos la especificidad de la regla original para ganarle */
.top-bar-block .dropdown-menu *:not(i):not(.fa):not([class*="fa-"]),
.top-bar-block .dropdown-menu *:not(i):not(.fab):not(.fas):not(.far):not(.fal) {
  font: var(--bs-body-font-size, 1rem)/var(--bs-body-line-height, 1.5) var(--bs-body-font-family, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji") !important;
  font-weight: var(--bs-body-font-weight, 400) !important;
}

/* Asegurar también el contenedor .dropdown-menu */
.top-bar-block .dropdown-menu {
  font: var(--bs-body-font-size, 1rem)/var(--bs-body-line-height, 1.5) var(--bs-body-font-family, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji") !important;
  font-weight: var(--bs-body-font-weight, 400) !important;
}

/* Refuerzos específicos para items del dropdown del topbar y selector de idioma */
.top-bar-block nav.topbar-menu .dropdown-menu .dropdown-item,
.top-bar-block nav.topbar-menu .dropdown-menu .dropdown-item *,
.top-bar-block .custom-language-dropdown .dropdown-menu .dropdown-item,
.top-bar-block .custom-language-dropdown .dropdown-menu .dropdown-item * {
  font: var(--bs-body-font-size, 1rem)/var(--bs-body-line-height, 1.5) var(--bs-body-font-family, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji") !important;
  font-weight: var(--bs-body-font-weight, 400) !important;
}

/* Aún más especificidad por si alguna cascada gana: duplicamos la clase del contenedor */
.top-bar-block.top-bar-block .dropdown-menu,
.top-bar-block.top-bar-block .dropdown-menu * {
  font: var(--bs-body-font-size, 1rem)/var(--bs-body-line-height, 1.5) var(--bs-body-font-family, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji") !important;
  font-weight: var(--bs-body-font-weight, 400) !important;
}

.top-bar-block+header.theme-main-menu {
  padding-top: 60px;
}

@media (max-width: 767.98px) {
  .top-bar-block .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}



/* HERO */
.hero-box {
  margin-top: 250px;
}

@media (max-width: 767.98px) {
  .hero-box {
    margin-top: 150px;
  }
}


/* Layout Overrides */
.smb-one-col>.container {
  display: flex!important;
  gap: 1rem!important
}

@media (min-width:48rem) {
  .smb-one-col>.container {
    gap: calc(var(--spacing)*8);
    padding: calc(var(--spacing)*12);
    padding-top: calc(var(--spacing)*0);
    grid-template-columns: unset!important;
  }
}

.smb-one-col>.container>div {
  grid-column: unset!important;
}

@media (min-width:48rem) {
  .smb-one-col>.container>div {
    grid-column: unset!important;
  }
}

.smb-one-col .row {
 --bs-gutter-x: 0 !important; 
}

@media (max-width: 767.98px) {
  .view-header{
    display:none;
  }
}

.tec-tax-list .view-header{
  display:none;
}


.view-header:not(.tec-tax-list .view-header){
  margin-bottom: 48px;
}

.lista-patronos .view-header:not(.tec-tax-list .view-header){
  margin-bottom: auto;
}

.block-views-blockorganos-de-gobierno-y-comite-block-1 {
    margin-top: 3em;
}

.main-title{
  
    color: var(--Gris-CTIC, #535355);
    font-family: 'Gordita', sans-serif;
    font-size: 40px;
    line-height: 45px;
    margin-top: 0px;
    padding: 0px;
    font-weight: 700;
    position: relative;

}
@media (max-width: 1024px){
  .main-title{
    font-size: 32px;
    line-height: 40px;
  }
}
.main-title:before{
    content: "";
    height: 4px;
    background: #F19121;
    width: 32px;
    position: absolute;
    top: -12px;
    left: 0;
}

.homeabout .accordion-wrapper{
display: flex;
flex-direction: column;
margin-top: 40px;

}

.homeabout .accordion-wrapper .accordion-button{
  margin-top: 0px!important;
}

.card-news-wrapper{
  align-self: stretch;
    width: 28% !important;
    padding: calc(var(--spacing) * 3) !important;
}
@media (max-width: 767.98px) {
  .card-news-wrapper{
    width: 100% !important;

  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .card-news-wrapper{
    width: 50% !important;
  }
}

.card-news-wrapper .meta-data .card-category {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.card-news-wrapper .field--type-image img{
  margin: 0px!important;
}
.card-news-wrapper .category-name{
  margin-left: 4px;
}

/* Featured Home Post */

.post-img-decoration{
  width: 484px;
  height: 398px;
  object-fit: contain;
  position: absolute;
  top: -70px;
  right: -60px;
  z-index: 0;
}

@media (max-width: 767.98px){
  .post-img-decoration{
    right: 0!important;
  }
}

.post-thumbnail-c{
  width: 100%; 
  height: 457px; 
  object-fit: cover; 
  position:relative; 
  z-index:1;
  border-radius: 10px;
}
.homepostlink{
  text-decoration: none;
}
.homepostlink:hover{
  text-decoration: none;
}
.homepostlink:hover h2{
  text-decoration: underline;
}

h2.home-post-title{
  color: var(--Gris-CTIC, #535355)!important;
  font-family: 'Gordita', sans-serif;
  font-size: 54px!important;
  line-height: normal!important;
  font-weight: 700;
  padding: 0px;
  margin:0px; 
  display:flex;
  flex-direction: column;
  gap:2rem ;
}
@media (max-width: 767.98px){
  .smb-col-r .smb-home-post {
    padding: .5rem!important;
  }
  h2.home-post-title{
    font-size: 54px!important;
    line-height: 60px!important;
  }
}
.home-post-title strong{
 margin-bottom: -28px;
 display: block;
}
.hometag{
  color: var(--naranja-CTIC, #f19121);
  font-family: 'Gordita', sans-serif;
  font-size:40px;
  line-height: 45px;
  font-weight: 700;
  overflow-wrap: break-word;
}
@media (max-width: 767.98px) {
 .home-post-title span{
  font-size: 28px;
  line-height: 32px;
 } 
 .home-post-title{
  font-size: 32px;
  line-height: 36px;
 }
 .hometag{
  font-size: 32px;
  }
}


/* Fix movil */
@media (max-width: 767.98px) {
 h2.main-title{
  text-align: left;
  padding-left: 12px;
  padding-right: 12px;
 } 
}
/* Fin fix movil */
.smb-home-post{
  display: flex;
 flex-direction: column;
 gap: 2rem;
 justify-content: center;
 height: 100%;
 position:relative;
}

.smb-home-post p{
  color: var(--Gris-CTIC, #535355);
  font-family: 'Gordita', sans-serif;
  font-size: 36px!important;
  font-weight: 500;
  line-height: 40px!important;
  text-align: left!important;
  /* margin-top: -28px; */
}

.smb-home-post a{
  max-width: fit-content;
}

.smb-col-r .smb-home-post{
  padding: 3rem 1rem;
}


/* Acordeones */
.custom-accordion details{
  border-bottom: 1px solid #DFDEDE;
  padding: 20px 40px;
}

@media (max-width: 767px) {
   .custom-accordion details{
     padding: 20px 0;
   }
   .custom-accordion .detail-content{
    padding: 40px 0!important;
   }
 }

.custom-accordion .summary{
  display: flex;
  gap: 2rem;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.custom-accordion .summary h2{
  color: #000;
font-family: Gordita;
font-size: 24px!important;
font-style: normal;
font-weight: 500;
line-height: 34px!important; /* 141.667% */
}  

.custom-accordion .summary *{
  margin: 0px!important;
}

.custom-accordion .summary .field--item img{
  max-width: 48px;
}
.custom-accordion summary {
  list-style: none; 
  position: relative;
  padding-right: 1.5em; 
  cursor: pointer;
}

.custom-accordion summary::after {
  content:  url(../images/icon/icon_111.svg); 
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}

.custom-accordion details[open] summary::after {
  transform: translateY(-50%) rotate(-180deg); 
}

.custom-accordion .detail-content{
  padding:40px 20px;
  margin: 0 auto;
 }



.custom-accordion .detail-content tr{
  background-color: transparent!important;
  margin-bottom: 20px;
  display: flex;
}
.custom-accordion .detail-content td{
  min-width: 51px;
  padding-bottom: 20px;
  display: flex;
  align-items: flex-start;
  font-size: 18px;
}

@media (max-width: 767px) {
   .custom-accordion .detail-content td{
     flex-direction: column;
   }
   .custom-accordion .detail-content tr{
    padding: 0!important;
   }
 }

.custom-accordion .detail-content img{
  width: 100%;
}

/* Tax Detail */
@media (min-width: 992px) {
.page-node-type-tecnologia .col-lg-9, .page-node-type-ambitos .col-lg-9{
  width: calc(75% - 28px);
  margin-left: 28px;
}
}
.page-node-type-tecnologia h2, .page-node-type-ambitos h2{
  color: #000;
font-family: Gordita;
font-size: 34px;
font-style: normal;
font-weight: 500;
line-height: 50px; /* 147.059% */
}
.tec-tax-list{
  padding: 30px 16px;
  border-radius: 10px;
  border: 1px solid var(--bs-gray-300);
  font-size: 18px;
}
.tec-tax-list .row{
  gap: 16px;
}

.tec-tax-list h2, .viewlisting h2{
  color: #000;
  font-family: Gordita;
  font-size: 34px!important;
  font-style: normal;
  font-weight: 500;
  line-height: 50px; /* 147.059% */ 
}
@media (max-width: 992px) {
  .tec-tax-list h2, .viewlisting h2{
    font-size: 24px!important;
    line-height: 34px!important;
  }
}
.viewlisting .row > div{
  margin-bottom:32px;
}

.blog-one-slider.related-container .row,
.page-node-type-tecnologia .related-container,
.page-node-type-ambitos .related-container,
.page-node-type-infraestructuras-singulares .related-container
{
  display: grid;
  grid-template-columns: 1fr; /* Por defecto 1 columna para móvil */
  gap: 2rem; /* Espacio para móvil */
}

/* Tablet: 2 columnas */
@media (min-width: 768px) {
  .blog-one-slider.related-container .row, 
  .page-node-type-tecnologia .related-container,
  .page-node-type-ambitos .related-container,
  .page-node-type-infraestructuras-singulares .related-container
  {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

/* Escritorio: 3 columnas */
@media (min-width: 1024px) {
  .blog-one-slider.related-container .row, 
  .page-node-type-tecnologia .related-container,
  .page-node-type-ambitos .related-container,
  .page-node-type-infraestructuras-singulares .related-container
  {
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem;
  }
}

.blog-one-slider.related-container .row .card-proyecto-wrapper,
.page-node-type-tecnologia .related-container .proyecto-card,
.page-node-type-ambitos .related-container .proyecto-card,
.page-node-type-infraestructuras-singulares .related-container .proyecto-card
{
  margin: 0!important;
  width: 100%!important;
  min-width: 0;
  overflow-wrap: break-word;
}

.blog-one-slider.related-container .row .proyecto-card .proyecto-tecnologia-icono
/*.page-node-type-tecnologia .related-container .proyecto-card .proyecto-tecnologia-icono,
.page-node-type-ambitos .related-container .proyecto-card .proyecto-tecnologia-icono,
.page-node-type-infraestructuras-singulares .related-container .proyecto-card .proyecto-tecnologia-icono*/
{
  filter: invert(1);
}


.tecnology-resume{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tecnology-resume a{
  margin-top: .5rem;
  align-self: end;
}

.field--name-body td > img {
  min-width: 32px;
  min-height: 32px;
}

.view-actualidad-grid-layout .row{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-right: 20px;
}

.view-actualidad-grid-layout .view-content .card-news-wrapper:first-child {
  column-span: 2;
}

.view-actualidad-grid-layout .view-content .card-news-wrapper:not(:first-child) {
  column-span: 1;
}

@media (max-width: 767.98px) {
  .view-actualidad-grid-layout .row{
    grid-template-columns: 1fr;
  }
} 
.view-actualidad-grid-layout .view-content .card-news-wrapper{
  width: 100%!important;
}

.related-tec-project{
  margin-top: 4rem;
}


.news-grid{

}

.news-grid .view-filters{
  display:none;
}

.attachment .news-grid .view-content.row{
  grid-template-columns: 1fr;
  margin-right: 0px;
}


.news-grid .view-content.row{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-right: 0px;
}

.attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap:64px;
  align-items: flex-end;
  margin-bottom: 44px;
}



.attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child a {
  grid-column: 1 / span 4;
  
}
.attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article{
  grid-column: 5 / span 2;
  justify-content: flex-start;
}

.attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article h4{
  font-size: 34px;
  line-height: 1.2em;
  font-weight: 500;
  text-wrap: balance;
  transition: font-size 0.3s ease;
}

@media (max-width: 1400px) {
  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article h4 {
    font-size: 32px;
  }
}

@media (max-width: 1200px) {
  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article h4 {
    font-size: 32px;
  }
}

@media (max-width: 992px) {
  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article h4 {
    font-size: 32px;
  }
}


.attachment .view-actualidad-grid-layout{
  margin-bottom: 0px;
}

.attachment .post-data{
  position: relative;
  height: 100%;
}
.attachment .end-blog-decoration{
  display: none;
  position: absolute;
  bottom: 0;  
  left: 0px;
  transform: rotate(120deg);
}

@media (min-width: 1400px) {
  .attachment .end-blog-decoration {
    display: block;
  }
}


@media (max-width: 992px) {
  .views-field-nothing{
    margin: 0px!important;
    padding: 0px!important;
  }

  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 20px;
  }

  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child a {
    grid-column: 1 / span 1;
    
  }
  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article{
    grid-column: 2 / span 1;
    justify-content: flex-start;
  }

  .news-grid .view-content.row{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-right: 0px;
  }

}

@media (max-width: 768px) {
  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-bottom: 20px;
  }

  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child a {
    grid-column: 1 / span 1;
    
  }
  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article{
    grid-column: 1 / span 1;
    justify-content: flex-start;
  }

  .news-grid .view-content.row{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    margin-right: 0px;
  }
  .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article h4 {
    white-space: nowrap;
    font-family: Gordita;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
  }
  
  /* Aplicar solo en Chrome/Edge (basados en WebKit/Blink) */
  @supports (-webkit-line-clamp: 1) {
    .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article h4 {
      text-wrap: pretty;
    }
  }
  
  /* Para Firefox y Safari */
  @supports not (-webkit-line-clamp: 1) {
    .attachment .view-actualidad-grid-layout .view-content .card-news-wrapper:first-child article h4 {
      text-wrap: normal;
    }
  }
}

/* Firefox only */
@-moz-document url-prefix() {
  .card-news-wrapper h4, .card-proyecto-wrapper h4 {
    white-space: wrap!important;
  }
}

/* Safari only */
@supports (font: -apple-system-body) {
  .card-news-wrapper h4, .card-proyecto-wrapper h4 {
    white-space: wrap!important;
  }
}

.m-w-35vw{
  max-width: 35vw;
}



/* Formulario vista Proyectos */
.block-views-exposed-filter-blockproyectos-page-1 form{
  padding: 30px 16px;
  border-radius: 10px;
  border: 1px solid var(--bs-gray-300);
}
.block-views-exposed-filter-blockproyectos-page-1 form .js-form-item{
  width: 100%
}
.block-views-exposed-filter-blockproyectos-page-1 form input[name="reset"]{
  background-color: var(--bs-danger)!important;
  display:none;
}
.block-views-exposed-filter-blockproyectos-page-1 form .js-form-submit:not([name="reset"]){
  margin-bottom: 8px;
  width: 100%;
  
}
.block-views-exposed-filter-blockproyectos-page-1 form .form-actions{
  width: 100%;
}
/* Fin formulario vista Proyectos */
/* Vista proyectos */
.page-view-proyectos .view-proyectos .view-content.row{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
@media (max-width: 991px) {
  .page-view-proyectos .view-proyectos .view-content.row{
    grid-template-columns: 1fr;
  }
}

.page-view-proyectos .view-empty{
  width: 100%;
  height: 100%;
}
.page-view-proyectos .notfound{
min-height: 300px;
height: 100%;
width: 100%;
background-position: top;
background-size: contain;
background-repeat: no-repeat;
display: flex;
justify-content: center;
margin-top: 3rem;
}
.page-view-proyectos .blog-one-slider.related-container .row .card-proyecto-wrapper{
  margin-bottom: 2rem!important;
  min-width: 0;
  overflow-wrap: break-word;

}
.page-view-proyectos .view-proyectos .proyecto-item {
  margin-bottom: 2rem;
  background-color: #fff;
  overflow: hidden;

}

.page-view-proyectos .view-proyectos .proyecto-contenedor {
  display: flex;
  flex-direction: column;
}

.page-view-proyectos .view-proyectos .proyecto-imagen {
  position: relative;
}

.page-view-proyectos .view-proyectos .proyecto-imagen img {
  width: 100%;
  height: 316px;
  object-fit: cover;
  display: block;
}

.page-view-proyectos .view-proyectos .proyecto-categoria {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.6);
  font-size: 0.85rem;
  color: #004494;
  font-weight: 600;
  z-index: 2;
  width: 100%;;
  max-width: 90%;
  box-shadow: 40px 0px 28px -45px rgba(0,0,0,0.15);
  -webkit-box-shadow: 40px 0px 28px -45px rgba(0,0,0,0.15);
  -moz-box-shadow: 40px 0px 28px -45px rgba(0,0,0,0.15);
  padding: 0.5rem 1rem;
}

.page-view-proyectos .view-proyectos .proyecto-texto {
  max-width: 90%;
  width: 100%;
  padding: 0.5rem 1rem;
  padding-left: 2px;
  box-shadow: 40px 0px 28px -45px rgba(0,0,0,0.15);
  -webkit-box-shadow: 40px 0px 28px -45px rgba(0,0,0,0.15);
  -moz-box-shadow: 40px 0px 28px -45px rgba(0,0,0,0.15);}

.page-view-proyectos .view-proyectos .proyecto-titulo {
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
  margin-bottom: 1rem
}

.page-view-proyectos .view-proyectos .proyecto-descripcion {
  
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* Filtros movil */
#block-jano-formularioexpuestoproyectospage-1-2  {
  position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 80;
    display:none;
}
/* @media (max-width: 991px) {
  #block-jano-formularioexpuestoproyectospage-1 {
    display:none;
  }
  #block-jano-formularioexpuestoproyectospage-1-2  {
    display:block;
  }
} */
/* Fin Vista proyectos */

/* Formulario vista Licitaciones */
.block-views-exposed-filter-blocklicitacion-page-1 form{
  padding: 30px 16px;
  border-radius: 10px;
  border: 1px solid var(--bs-gray-300);
}
.block-views-exposed-filter-blocklicitacion-page-1 form .js-form-item{
  width: 100%
}
.block-views-exposed-filter-blocklicitacion-page-1 form input[name="reset"]{
  background-color: var(--bs-danger)!important;
  display:none;
}
.block-views-exposed-filter-blocklicitacion-page-1 form .js-form-submit:not([name="reset"]){
  margin-bottom: 8px;
  width: 100%;
  
}
.block-views-exposed-filter-blocklicitacion-page-1 form .form-actions{
  width: 100%;
}
/* Fin formulario vista Licitaciones */
/* Vista licitaciones */
.page-view-licitacion .view-licitacion .view-content.row{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
}
@media (max-width: 991px) {
  .page-view-licitacion .view-licitacion .view-content.row{
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.page-view-licitacion .view-empty{
  width: 100%;
  height: 100%;
}
.page-view-licitacion .notfound{
min-height: 300px;
height: 100%;
width: 100%;
background-position: top;
background-size: contain;
background-repeat: no-repeat;
display: flex;
justify-content: center;
margin-top: 3rem;
}

.page-view-licitacion .blog-one-slider {
  flex-direction: column!important;
}
.page-view-licitacion .blog-one-slider.related-container .row .card-proyecto-wrapper{
  margin-bottom: 2rem!important;
  padding: 30px 16px;
border-radius: 10px;
min-width: 0;
overflow-wrap: break-word;

border: 1px solid var(--bs-gray-300);
}
.page-view-licitacion .view-licitacion .proyecto-item {
  margin-bottom: 2rem;
  background-color: #fff;
  overflow: hidden;

}

.page-view-licitacion .view-licitacion .proyecto-contenedor {
  display: flex;
  flex-direction: column;
}



.page-view-licitacion .view-licitacion .proyecto-texto {
  max-width: 90%;
  width: 100%;
  padding: 0.5rem 1rem;
  padding-left: 2px;
  box-shadow: 40px 0px 28px -45px rgba(0,0,0,0.15);
  -webkit-box-shadow: 40px 0px 28px -45px rgba(0,0,0,0.15);
  -moz-box-shadow: 40px 0px 28px -45px rgba(0,0,0,0.15);}

.page-view-licitacion .view-licitacion .proyecto-titulo {
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
  margin-bottom: 1rem
}

.page-view-licitacion .view-licitacion .proyecto-descripcion {
  color: #666;
  line-height: 1.5;
  margin: 0;
}


.estado-badge {
  display: inline-block;
  padding: 4px 10px;
  font-weight: 600;
  font-size: 12px;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.oferta-badge{
  display: inline-block;
  padding: 4px 10px;
  font-weight: 400;
  font-size: 12px;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 0.5rem;
  background-color: var(--Gris-CTIC, #535355);
}
/* Colores por estado */
.estado-badge.abierto, .estado-badge.open {
  background-color: #2e7d32; /* Verde */
}

.estado-badge.finalizado, .estado-badge.closed {
  background-color: #c62828; /* Rojo oscuro */
}

.estado-badge.cancelado, .estado-badge.cancelled {
  background-color: #6c757d; /* Gris oscuro */
}

/* Fechas */
.fechas-oferta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.page-view-licitacion .fecha-item {
  min-width: 150px;
}
/* Fin Vista licitaciones */


.listado-item-wrapper{}
.listado-item-wrapper .listado-item{
  padding: 24px 12px 28px 12px;
  border-top: 1px solid #000;
  color: var(--Gris-CTIC, #535355);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
}

@media (max-width: 767.98px) {
  .listado-item-wrapper .listado-item{
    flex-direction: column;
    gap: 2rem;
  }
}

.listado-item-wrapper .listado-item{
  /* Reset: no border for all items by default */
  border-bottom: none;
}
/* Only the last item in the whole list gets the border */
.view-content > .views-field:last-child .listado-item,
.view-content > .views-row:last-child .listado-item {
  border-bottom: 1px solid #000;
}
.listado-item-wrapper .listado-item h4{
  color: var(--Gris-CTIC, #535355);
  font-family: Gordita;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px; /* 125% */
}
.listado-item-wrapper .listado-item .ver-mas{
  color: var(--naranja-CTIC, #f19121);
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  width: auto;
  flex-shrink: 0;
  font-family: Gordita;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
  position: relative;
}

@media (max-width: 767.98px) {
  .listado-item-wrapper .listado-item .ver-mas{
    align-self: flex-end;
  }
}

.listado-item-wrapper .listado-item .ver-mas:hover {
  color: var(--naranja-CTIC, #f19121);
  text-decoration: underline
}

.listado-item-wrapper .listado-item .ver-mas:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M3.78125 11.0034H18.2188' stroke='%23F19121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.3125 5.09717L18.2188 11.0034L12.3125 16.9097' stroke='%23F19121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  transition: transform .3s;
  display: inline-block
}

.listado-item-wrapper .listado-item .ver-mas:hover:after {
  transform: translate(4px)
}

  
/* Formulario Contacto */
.container.contact-wrapper {
  width: 100%;
  margin-top: 2rem;

}

@media (min-width: 576px) {
  .container.contact-wrapper {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container.contact-wrapper {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container.contact-wrapper {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container.contact-wrapper {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container.contact-wrapper {
    max-width: 1320px;
  }
}
/* .contact-form .form-group{
  padding-left: 2rem;
  padding-right: 2rem;
} */
.contact-form .form-group input:not(.form-checkbox):not([type="submit"]):not([type="radio"]),
.contact-form .form-group textarea {
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  width: 100%;
  padding: 6px;
  font-size: 16px;
}

.contact-form .form-group input:not(.form-checkbox):not([type="radio"]):not([type="submit"]):focus,
.contact-form .form-group textarea:focus {
  outline: 1px solid var(--Gris-CTIC, #535355);
  border-bottom: 2px solid var(--naranja-CTIC, #F19121);
  box-shadow: none;
}

.contact-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .contact-form .col-6.form-group{
    width: 100%;
  }
}

.contact-form .form-actions input[type="submit"] {
  background: #f58220;
  border: none;
  border-radius: 6px;
  color: #fff;
  padding: 10px 40px;
  cursor: pointer;
  width: fit-content;
  color: #FFF;
  font-family: Gordita;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
}

.contact-form .form-actions input[type="submit"]:hover {
  background: #000000;
}

.contact-form .form-group label{
  color: rgba(83, 83, 85, 0.60);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 138.889% */
}

.contact-form .form-group .form-required:after{
  content: "*";
  background: unset;
  margin: 0 0.1rem;
  vertical-align: text-top;
}

.contact-form .form-group .form-check-label a{
  color: var(--naranja-CTIC, #f19121);
  text-decoration: underline;
  transition: color .3s;
}
.contact-form .form-group .form-check-label a:hover{
  color: var(--Gris-CTIC, #535355);
  transition: color .3s;
}
.contact-form .form-check-input:checked {
  background-color: var(--naranja-CTIC, #f19121);
  border-color: var(--naranja-CTIC, #f19121);
}
fieldset.captcha{
  border: 1px solid rgba(83, 83, 85, 0.20);
  border-radius: 6px;
  padding: 1rem;
}
legend{
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px; /* 138.889% */
}
.sublegend legend{
  font-weight: 500!important;
  margin-top: 0!important;
}
.cvlegend legend{
  padding: 0px!important;
  margin: 0px!important;
  margin-bottom: 2rem!important;
}
.legendsublegend legend{
  margin-bottom: 20px!important;
}
.captcha-type-challenge--image .captcha__element{
  justify-content: space-between;
}
.captcha__image-wrapper{
  display: flex;
}


.hero {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 180px;
	margin-top: 90px;
}
.fline {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	color: var(--naranja-CTIC, #F19121);
	margin-bottom: 0.75rem;
}
.decoline {
	background: var(--naranja-CTIC, #F19121);
	width: 22px;
	height: 1px;
}
.title-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.contacto.hero-title {
	color: var(--Gris-CTIC, #535355);
	font-weight: 500;
	font-style: normal;
  position: relative;
}
.contacto.hero-title:after{
    content:"";
    background-image: url("/themes/custom/jano/images/shape/shape_172.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 198px;
    height: 150px;
    position: absolute;
    bottom: -75px;
    right: -200px;
}
.content.contact {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 86px;
}

@media (max-width: 767.98px) {
  .content.contact {
    grid-template-columns: repeat(1, 1fr);
  }
}

.contact .item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
}
.contact .icon {
	display: flex;
	width: 64px;
	height: 64px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	aspect-ratio: 1 / 1;
	border-radius: 50px;
	background: var(--naranja-CTIC, #F19121);
}
.contact .icon.icon-b{
	background: transparent;
  border-radius: 50px;
  border: 2px solid var(--naranja-CTIC, #F19121);
}
.contact .icon svg {
	flex-shrink: 0;
}
.contact .text h2 {
	color: var(--Gris-CTIC, #535355);
	text-align: center;
	font-family: Gordita;
	font-size: 24px!important;
	font-style: normal;
	font-weight: 500;
	line-height: 32px; /* 133.333% */
}
.contact .text p {
	color: var(--Gris-CTIC, #535355);
	text-align: center;
	font-family: Gordita;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px; /* 138.889% */
}
.contactform {
	margin-top: 70px;
	margin-bottom: 70px;
}
.contactform-title {
	color: var(--Gris-CTIC, #535355);
	text-align: center;
	font-family: Gordita;
	font-size: 50px;
	font-style: normal;
	font-weight: 500;
	line-height: 66px; /* 132% */
    position: relative;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 10rem;
}
.contactform-title:after{
    content: "Mándanos un mensaje";
    position: absolute;
    bottom: -48px;
    right: -84px;
    color: #000;
    text-align: center;
    font-family: Gordita;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    max-width: 120px;
    transform: rotate(-15deg);
}
.contactform-title:before{
    content: "";
    position: absolute;
    bottom: -130px;
    right: -50px;
    width: 53px;
    height: 61px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='61' viewBox='0 0 53 61' fill='none'%3E%3Cg clip-path='url(%23clip0_1229_8023)'%3E%3Cpath d='M5 51.9922C5 51.9922 43.7843 51.9922 51 1.99219' stroke='%23F19121' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M8.48129 43.8369L1.77359 51.4985L10.4922 60.5512' stroke='%23F19121' stroke-width='2.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1229_8023'%3E%3Crect width='53' height='61' fill='white' transform='matrix(-1 0 0 1 53 -0.0078125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
/* Fin Formulario Contacto */

.block-jano-herouneteanosotros{
  margin-bottom: 40px;
}
.join-us{
  margin-bottom: 65px;
}
.join-us h2{
  color: var(--Gris-CTIC, #535355);
text-align: center;
font-family: Gordita;
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 66px; /* 137.5% */
}
.join-us .highlight{
  color: var(--naranja-CTIC, #F19121);
}
.join-us .highlight.b-line{
  position: relative;
} 
.join-us .highlight.b-line::after{
  content: "";
    bottom: -8px;
    right: -25%;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="190" height="11" viewBox="0 0 190 11"%3E%3Cpath d="M0.5 9.00005C32.6667 5.33338 115.4 -0.89995 189 3.50005" stroke="%23535355" stroke-width="3" fill="none" /%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 11px;
    position: absolute;
}

.join-us.up-arrow{
  margin-top: 160px; 
}
@media screen and (max-width: 768px){
  .join-us.up-arrow{
    margin-top: 160px; 
  }
}
@media screen and (max-width: 425px){
  .join-us.up-arrow{
    margin-top: 140px; 
  }
}

.join-us.up-arrow .highlight{
  position: relative;
}
.join-us.up-arrow .highlight:after{
    content: "";
    display: inline-block; /* o block según necesites */
    width: 113px;
    height: 108px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='113' height='108' viewBox='0 0 113 108' fill='none'><g clip-path='url(%23clip0_1231_2327)'><path d='M97.5314 64.7039C97.5314 64.7039 70.001 17.5847 4.13379 44.3101' stroke='%23F19121' stroke-width='2.5' stroke-linecap='round'/><path d='M85.152 66.2629L99.2215 68.9736L104.031 51.9554' stroke='%23F19121' stroke-width='2.5' stroke-linecap='round'/></g><defs><clipPath id='clip0_1231_2327'><rect width='74.575' height='85.8316' fill='white' transform='matrix(0.504475 0.863426 0.863426 -0.504475 0.28418 43.2998)'/></clipPath></defs></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 20px;
    left: -80px;
}
.page-node-type-oferta-de-trabajo .join-us.up-arrow .highlight:before{
  content: "¿Te interesa esta oferta?";
  position: absolute;
  bottom: 80px;
  right: -120px;
  left: unset;
  color: #000;
  text-align: center;
  font-family: Gordita;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  max-width: 120px;
  transform: rotate(-15deg);
}

.page-node-type-oferta-de-trabajo .join-us.up-arrow .highlight:after{
  content: "";
  position: absolute;
  bottom: 20px;
  right: -84px;
  left: unset;
  width: 53px;
  height: 61px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='61' viewBox='0 0 53 61' fill='none'%3E%3Cg clip-path='url(%23clip0_1229_8023)'%3E%3Cpath d='M5 51.9922C5 51.9922 43.7843 51.9922 51 1.99219' stroke='%23F19121' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M8.48129 43.8369L1.77359 51.4985L10.4922 60.5512' stroke='%23F19121' stroke-width='2.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1229_8023'%3E%3Crect width='53' height='61' fill='white' transform='matrix(-1 0 0 1 53 -0.0078125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

.beneficios{
  background: rgba(83, 83, 85, 0.06);
  padding-top: 56px;
  padding-bottom: 66px;

}
/* Beneficios: lista vertical con icono + linea */
.beneficios .benefits-list-wrapper{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 90px;
}

@media (max-width: 767.98px) {
  .beneficios .benefits-list-wrapper{
    grid-template-columns: repeat(1, 1fr);
  }
}
.beneficios .benefits-list{
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 84px; /* distancia entre items */
}
.beneficios .benefit{
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  margin-top: 0.5rem;
}
.beneficios .benefit .icon{
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
}
/* línea vertical que conecta con el siguiente item */
.beneficios .benefit:not(.no-sep)::after{
  content: "";
  position: absolute;
  left: 16px; /* centro del icono (32/2) */
  top: 36px; /* arranca bajo el icono */
  height: 84px; /* coincide con el gap para continuidad visual */
  width: 1px;
  background: var(--naranja-CTIC, #F19121);
}
.beneficios .text h3{
  margin: 0;
  color: var(--Gris-CTIC, #535355);
  font-family: Gordita;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 576px){
  .beneficios .benefits-list{ gap: 28px; }
  .beneficios .benefit:not(.no-sep)::after{ height: 28px; }
  .beneficios .text h3{ font-size: 20px; }
}

.btn-primary{
  background: var(--naranja-CTIC, #F19121);
  border: none;
  border-radius: 7px;
  letter-spacing: -0.2px;
  padding: 0.75rem 2rem;
  cursor: pointer;
  width: fit-content;
  max-width: fit-content;
  font-family: Inter Display, sans-serif;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  overflow-wrap: break-word;
  color: var(--color-white);
}
.btn-primary:hover{
  background: #000;
}

.form-item-field-tipo-de-oferta-value{
  width: 100%;
}
.form-item-field-tipo-de-oferta-value ul{
  display: flex;
  flex-direction: row;
  width: 100%;
  min-width: 100%;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-around;
  gap: 2rem;
  align-items: center;
}

@media (max-width: 767.98px) {
  .form-item-field-tipo-de-oferta-value ul{
    gap: 1rem;
  }
}

.form-item-field-tipo-de-oferta-value ul li a{
  color: #000;
  font-family: Inter Display, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}

.form-item-field-tipo-de-oferta-value ul li a:hover{
  text-decoration: underline;
}

.form-item-field-tipo-de-oferta-value ul li a.bef-link--selected{
  color: var(--naranja-CTIC, #F19121);
  text-decoration: underline;
}


/* Estilos Body Contenidos */
.blog-details-one .blog-details-content p, .flowprose p, .field--type-text-with-summary p, .detail-content p, .main-content p{
  color: var(--dark-grey, #585858);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
}
.flowprose h2, .field--type-text-with-summary h2 {
  color: var(--Gris-CTIC, #535355);
  font-family: Gordita;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
}

.field--type-text-with-summary .tec-tax-list h2{
  color: #000;
  font-family: Gordita;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
}

.blog-details-one .blog-details-content h3, .flowprose h3, .field--type-text-with-summary h3, .detail-content h3,  .main-content h3{
  color: var(--Gris-CTIC, #535355);
  font-family: Gordita;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
}
.blog-details-one .blog-details-content ul:not(.style-none), .flowprose ul:not(.style-none), .field--type-text-with-summary ul:not(.style-none), .detail-content ul:not(.style-none){
  color: var(--dark-grey, #585858);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
  list-style: disc inside;
}
.blog-details-one .blog-details-content ul:not(.style-none) li::marker, .flowprose ul:not(.style-none) li::marker, .field--type-text-with-summary ul:not(.style-none) li::marker, .detail-content ul:not(.style-none) li::marker{
  color: var(--Gris-CTIC, #535355);
}
.blog-details-one .blog-details-content ol, .flowprose ol, .field--type-text-with-summary ol, .detail-content ol{
  color: var(--dark-grey, #585858);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
}
.blog-details-one .blog-details-content li, .flowprose li, .field--type-text-with-summary li, .detail-content li{
  color: var(--dark-grey, #585858);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
}
.blog-details-one .blog-details-content a, .flowprose a{
  color: var(--naranja-CTIC, #F19121);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;

}
.sidebar-first .field--type-text-with-summary a.active-tax {
  color: var(--naranja-CTIC, #f19121) !important;
  font-weight: 700 !important;
}

.sidebar-first .field--type-text-with-summary a{
	font-size: 16px !important;
}
/* Flow for oferta-body (direct children) */
.oferta-body{ --flow-space: 20px; }
.oferta-body > * + :not(ul.style-none):not(ol.style-none){ margin-top: var(--flow-space, 1em)!important; }
.oferta-body :is(h2 + *, h3 + *, h4 + *){ --flow-space: 12px!important; }
.oferta-body :is(figure, blockquote, pre, table){ --flow-space: 28px!important; }
/* Normalize list default margins and tighten flow spacing for lists */
.oferta-body ul:not(.style-none),
.oferta-body ol:not(.style-none){ margin: 0!important; }
.oferta-body > ul:not(.style-none),
.oferta-body > ol:not(.style-none){ --flow-space: 12px!important; }
/* Even tighter when a list follows a heading directly */
.oferta-body :is(h2 + ul:not(.style-none), h3 + ul:not(.style-none), h4 + ul:not(.style-none), h2 + ol:not(.style-none), h3 + ol:not(.style-none), h4 + ol:not(.style-none)){
  --flow-space: 8px!important;
}
@media (min-width: 992px){
  .oferta-body{ --flow-space: 24px!important; }
  .oferta-body :is(h2 + *, h3 + *, h4 + *){ --flow-space: 16px!important; }
  .oferta-body :is(figure, blockquote, pre, table){ --flow-space: 40px!important; }
  .oferta-body > ul:not(.style-none),
  .oferta-body > ol:not(.style-none){ --flow-space: 16px!important; }
  .oferta-body :is(h2 + ul:not(.style-none), h3 + ul:not(.style-none), h4 + ul:not(.style-none), h2 + ol:not(.style-none), h3 + ol:not(.style-none), h4 + ol:not(.style-none)){
    --flow-space: 12px!important;
  }
}
.flowprose, .field--type-text-with-summary, .detail-content{ --flow-space: 20px; }
.flowprose > * + :not(ul.style-none):not(ol.style-none), .field--type-text-with-summary > * + :not(ul.style-none):not(ol.style-none), .detail-content > * + :not(ul.style-none):not(ol.style-none){ margin-top: var(--flow-space, 1em)!important; }
.flowprose :is(h2 + *, h3 + *, h4 + *), .field--type-text-with-summary :is(h2 + *, h3 + *, h4 + *), .detail-content :is(h2 + *, h3 + *, h4 + *){ --flow-space: 12px!important; }
.flowprose :is(figure, blockquote, pre, table), .field--type-text-with-summary :is(figure, blockquote, pre, table), .detail-content :is(figure, blockquote, pre, table){ --flow-space: 28px!important; }
/* Normalize list default margins and tighten flow spacing for lists */
.flowprose ul:not(.style-none),
.flowprose ol:not(.style-none),
.field--type-text-with-summary ul:not(.style-none),
.field--type-text-with-summary ol:not(.style-none),
.detail-content ul:not(.style-none),
.detail-content ol:not(.style-none){ margin: 0!important; }
.flowprose > ul:not(.style-none),
.flowprose > ol:not(.style-none),
.field--type-text-with-summary > ul:not(.style-none),
.field--type-text-with-summary > ol:not(.style-none),
.detail-content > ul:not(.style-none),
.detail-content > ol:not(.style-none){ --flow-space: 12px!important; }
.flowprose :is(h2 + ul:not(.style-none), h3 + ul:not(.style-none), h4 + ul:not(.style-none), h2 + ol:not(.style-none), h3 + ol:not(.style-none), h4 + ol:not(.style-none)){
  --flow-space: 8px!important;
}
@media (min-width: 992px){
  .flowprose{ --flow-space: 24px!important; }
  .flowprose :is(h2 + *, h3 + *, h4 + *), .field--type-text-with-summary :is(h2 + *, h3 + *, h4 + *), .detail-content :is(h2 + *, h3 + *, h4 + *){ --flow-space: 16px!important; }
  .flowprose :is(figure, blockquote, pre, table), .field--type-text-with-summary :is(figure, blockquote, pre, table), .detail-content :is(figure, blockquote, pre, table){ --flow-space: 40px!important; }
  .flowprose > ul:not(.style-none),
  .flowprose > ol:not(.style-none),
  .field--type-text-with-summary > ul:not(.style-none),
  .field--type-text-with-summary > ol:not(.style-none),
  .detail-content > ul:not(.style-none),
  .detail-content > ol:not(.style-none){ --flow-space: 16px!important; }
  .flowprose :is(h2 + ul:not(.style-none), h3 + ul:not(.style-none), h4 + ul:not(.style-none), h2 + ol:not(.style-none), h3 + ol:not(.style-none), h4 + ol:not(.style-none)), .field--type-text-with-summary :is(h2 + ul:not(.style-none), h3 + ul:not(.style-none), h4 + ul:not(.style-none), h2 + ol:not(.style-none), h3 + ol:not(.style-none), h4 + ol:not(.style-none)), .detail-content :is(h2 + ul:not(.style-none), h3 + ul:not(.style-none), h4 + ul:not(.style-none), h2 + ol:not(.style-none), h3 + ol:not(.style-none), h4 + ol:not(.style-none)){
    --flow-space: 12px!important;
  }
}
/* Fin Estilos Body Contenidos */





.container .view-listado-tecnologias .view-content.row{
  gap: 4rem;

}

@media screen and (max-width: 991px) {
  .navbar .dropdown-menu {
      background: #ffffff!important;
  }
}

.navbar .dropdown-menu .dropdown-item{
  text-transform: none!important;
}

.view-ofertas-de-empleo{
  width: 100%;
  padding-right: var(--bs-gutter-x, .5rem);
  padding-left: var(--bs-gutter-x, .5rem);

}



/* Proposito */

.introcontent{
  display: flex;
  flex-direction: row;
  gap: 62px;
}
/* Introcontent responsive */
@media (max-width: 991px) {
  .introcontent {
    /* tablet: mantener en fila pero con menos separación y permitiendo salto */
    gap: 40px;
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .introcontent {
    /* móvil: siempre en una columna y con gap más pequeño */
    flex-direction: column;
    gap: 24px;
  }
}

.introimage, .introtext{
  width: 50%;
}
@media (max-width: 991px) {
  
.introimage, .introtext{
  width: 100%;

}
}

.introimage h2{
  margin-bottom: 20px;
}

.mvv-wrapper{
  padding-top: 64px;
  padding-bottom: 64px;
  background: rgba(83, 83, 85, 0.06);
  margin-top: 80px;
}
.mvv{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 68px;
  font-size: 18px;
}
@media (max-width: 991px) {
  .mvv {
    grid-template-columns: repeat(1, 1fr);
  }
}
.mvv-head{
  margin-bottom: 26px;
  display: flex;
  flex-direction: column;
  gap:8px;
}

.mvvc-wrapper{
  padding-top: 64px;
  padding-bottom: 64px;
  background: var(--Gris-CTIC, #535355);
  color:#FFF;
}
.mvvc{
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .mvvc {
    flex-direction: column;
    align-items: center;
  }
}

.mvvc h2{
  color: #FFF;
  min-width: 350px;
}
@media (max-width: 991px) {
  .mvvc h2{
    min-width: unset;
  }
}

.mvvc h2 .highlight{
  position: relative;
  display: block;
}
.mvvc h2 .highlight:before{
  content: "";
  bottom: -8px;
  left: 12px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="190" height="11" viewBox="0 0 190 11"%3E%3Cpath d="M0.5 9.00005C32.6667 5.33338 115.4 -0.89995 189 3.50005" stroke="%23F19121" stroke-width="3" fill="none" /%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 11px;
  position: absolute;
}

.mvvc-inner{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .mvvc-inner{
    align-items: center; 
  }
}
.mvcc-number{
  color: #FFF;
  font-family: Gordita;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 50% */
}
.mvcc-text{
  color: #FFF;
  font-family: Gordita;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}
/* Fin Proposito */


/* organización comité, patronos*/

.sidebar-second .card-proyecto-wrapper.proyecto-card {
    width: 100% !important;
    min-width: 0;
    overflow-wrap: break-word;

}

.profile-image{flex: 0 0 280px;}

.profile-card .ver-mas{
  color: var(--naranja-CTIC, #f19121);
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  width: 100%;
  font-family: Gordita;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
  position: relative;
}

.info-perfil{
  padding: 15px 15px 18px;
}

.team-block-two .info-perfil {
    padding: 15px 15px 18px;
    min-height: 250px;
    position: relative;
}

p.profile-card.mt-20 {
    position: absolute;
    bottom: 10px;
}

.page-node-172 .profile-image img{
	height:auto;
}

/* Menú lateral en mobile */
@media (max-width: 992px) {
  .page-node-165 aside, .page-node-172 aside[role="complementary"] {
    order: -1; /* forzar primero en móviles */
    margin-bottom: 5em;;
  }

  .page-node-165 aside .md-mt-60, .page-node-172 aside .md-mt-60 {margin-top:0px!important;}
}

.profile-card .ver-mas:after {
    content: "";
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M3.78125 11.0034H18.2188' stroke='%23F19121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.3125 5.09717L18.2188 11.0034L12.3125 16.9097' stroke='%23F19121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    transition: transform .3s;
    display: inline-block;
}

.profile-card .ver-mas:hover {
    text-decoration: underline;
}

.profile-card .ver-mas:hover:after {
    transform: translateX(4px);
}


.profile-image {
    flex: 0 0 280px;
    position: relative;
    overflow: hidden;
}

.profile-image img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
}

.lista-patronos-honor .profile-image {
  flex: 0 0 210px;
}

.lista-patronos-honor .profile-image img{height:auto;}

.page-node-165 img, .page-node-172 img, .page-node-type-organo-de-gobierno img{border-radius: 10px;}

/* Fin organización comité, patronos */


/*actualidad subtítulo */
       .page-node-type-actualidad .field--name-field-entradilla{
              font-size: 1.6em;
    color: #777;
    margin-bottom: 1em;
        }


 @media (max-width: 768px) {
            .profile-card {
                flex-direction: column;
               
            }

            .profile-image {
                flex: 0 0 250px;
                overflow: inherit;
            }

            .profile-content {
                padding: 24px;
            }

            .profile-header h2 {
                font-size: 20px;
            }

            .profile-link {
                align-self: flex-start;
            }
        }



  /* Estructuras Singulares */
    /* Ruraltech */
     #mapa-tecnologico {
       background-image: url(http://fundacionctic.org/sites/default/files/2025-09/mapa%20tecnologico_0.png);
       background-size: 100% 100%;
       background-repeat: no-repeat;
       max-width: 1204px;
       width: 100%;
     }
     #mapa-tecnologico circle, #mapa-tecnologico rect {
      fill: transparent;
      cursor: pointer;
      transition: fill 0.2s;
    }
    #mapa-tecnologico a:focus circle, #mapa-tecnologico a:hover circle {
     fill: rgba(30, 222, 121, 0.75);
     cursor: pointer;
    }
    #mapa-tecnologico a:focus rect, #mapa-tecnologico a:hover rect {
    /* fill: rgba(30, 222, 121, 0.75); */
    stroke: green;
    cursor: pointer;
    }
    #mapa-tecnologico a:focus rect, #mapa-tecnologico a:hover rect {
    /* fill: rgba(30, 222, 121, 0.75); */
    stroke: green;
    cursor: pointer;
    }
    
    /* Fin Ruraltech */
/* Fin Estructuras Singulares */
aside {
  position: relative;
}
aside .tec-tax-list{
  position: sticky;
  top: 1rem;
  border: 2px solid #000;
  padding: 25px 25px 20px;
  border-radius: 10px;
}
@media (max-width: 992px) { aside .tec-tax-list { position: static; top: auto; } }

.sitemap .sitemap-item h2{
  display: none;
}
.sitemap .sitemap-item{
  margin-bottom: 0.25rem;
}
.sitemap ul{
  margin-bottom: 0px;
}

.sitemap .sitemap-item span, .sitemap .sitemap-item > div > ul > li:has(> a) {
  width: 100%;
  padding: 2px 12px;
/*     background-color: var(--prime-ten);
  color: #FFF; */
  display: block;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
  user-select: none;
}

.sitemap .sitemap-item a:hover{
  text-decoration: underline;
  transition: all 0.3s ease;
}
/*  .sitemap .sitemap-item > div > ul > li:has(> a) > a:hover{
  color: #FFF;
} */

.text-align-justify{
  text-align: left!important;
}

.main-page-wrapper{
  overflow-y: unset!important;
  overflow-x: unset!important;
}
aside.sidebar-first{
  position: sticky;
  top: 100px;
  align-self: flex-start;
}

@media (max-width: 992px) { aside.sidebar-first { position: static; top: auto; } }

/* Nav Menu */
.theme-menu-eight .navbar .navbar-nav .nav-item.active .nav-link, .theme-menu-eight .navbar .navbar-nav .nav-item:hover .nav-link, .theme-menu-eight .navbar .dropdown-menu .dropdown:hover>.dropdown-item, .theme-menu-eight .navbar .dropdown-menu .dropdown-item.active, .theme-menu-eight .navbar .dropdown-menu .dropdown-item:hover {
  color: var(--prime-ten);
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.nav-item{
  flex-shrink: 0;
}
.dropdown-menu .active > a, .active-tax{
  color: var(--prime-ten);
/*   text-decoration: underline;
 */  text-decoration-thickness: 2px;
}

.nav-link.dropdown-toggle {
  user-select: none; 
 }
/* Fin Nav Menu */

/* Notas de prensa */
.view-notas-de-prensa .view-content.row{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
  width: 100%;
}
.view-notas-de-prensa .view-content > .views-field:last-child .listado-item,
.view-notas-de-prensa .view-content > .views-row:last-child .listado-item {
  border-bottom: 1px solid #000;
}
/* Fin Notas de prensa */

.accordion-button.btn-abrir-leer-mas{
  font-size: 22px!important;
}
.field--name-field-financian-descripcion{
  font-size: 18px;
}
.field--name-field-financian-descripcion a{
  text-decoration: underline;
}
   

/* Hero video background */
.hero-full-wrapper {
  min-height: calc( 100dvh - 50px );
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.hero-full-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
  pointer-events: none;
}
.hero-full-wrapper .hero-video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  background-color: var(--prime-ten);
}
.hero-full-wrapper .hero-video-bg video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Altura específica del bloque Home Hero */
.block-jano-herohome .hero-full-wrapper {
  min-height: calc(100dvh - 50px);
}
@media (max-width: 767.98px){
  .block-jano-herohome .hero-full-wrapper {
    min-height: calc(100dvh - 22px);
  }
}

/* Contenido por encima del video y del velo */
.hero-full-wrapper .hero-container,
.hero-full-wrapper .hero-containerfadeInUp,
.hero-full-wrapper .hero-containerfadeInLeft {
  position: relative;
  z-index: 2;
}

.hero-full-wrapper .container{
  padding-top: 90px;
  margin-bottom: auto;
  margin-top: auto;
}
.btnmaspr{
 position: absolute;
 top: -92px;
 right: 0;
}
  a.btn-twentyTwo:hover{
    color: #ffffff;
  }
  a.btn-twentyTwo.downloadbtn{
    position: relative;
  }
  a.btn-twentyTwo.downloadbtn::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M4.6875 12.5V3.90625C4.6875 3.69905 4.76981 3.50034 4.91632 3.35382C5.06284 3.20731 5.26155 3.125 5.46875 3.125H14.8438L20.3125 8.59375V12.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.8438 3.125V8.59375H20.3125' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.6875 19.5312H6.25C6.6644 19.5312 7.06183 19.3666 7.35485 19.0736C7.64788 18.7806 7.8125 18.3832 7.8125 17.9688C7.8125 17.5543 7.64788 17.1569 7.35485 16.8639C7.06183 16.5709 6.6644 16.4062 6.25 16.4062H4.6875V21.0938' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.0938 16.4062H18.3594V21.0938' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.7031 19.1406H18.3594' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 21.0938C13.1216 21.0937 13.7177 20.8468 14.1573 20.4073C14.5968 19.9677 14.8437 19.3716 14.8438 18.75C14.8437 18.1284 14.5968 17.5323 14.1573 17.0927C13.7177 16.6532 13.1216 16.4063 12.5 16.4062H11.1328V21.0938H12.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center;
    vertical-align: -6px;
  }

  .block-jano-herohome .hero-subtitle{
    color: var(--color-white)!important;
    font-weight: var(--font-weight-bold)!important;
    font-size: 64px!important;
    line-height: 66px!important;
  }
  @media (max-width: 767.98px){
    .block-jano-herohome .hero-subtitle{
      font-size: 48px!important;
      line-height: 52px!important;
    }
  }
  
  /* Hero dots navigation */
  .block-jano-herohome .hero-dots{
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    position: absolute;
    z-index: 2;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
  }
  .block-jano-herohome .hero-dot{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: transform .2s ease, background-color .2s ease;
  }
  .block-jano-herohome .hero-dot.is-active{
    background: #ffffff;
    transform: scale(1.1);
  }
  .block-jano-herohome .hero-dot:focus{
    outline: 2px solid #ffffff;
    outline-offset: 2px;
  }
  
.file--application-pdf{
  background-image: unset!important;
}  
.field--name-field-pdf .field--label{display:none;}
  .field--name-field-pdf .file a{
    line-height: 55px;
    padding: 0 42px;
    border-radius: 7px;
    background: var(--prime-ten);
    color: #fff;
    letter-spacing: -0.2px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
  }
  .field--name-field-pdf .file a:hover{background:#000;color:#fff;}
  .field--name-field-pdf .file a::before{
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M4.6875 12.5V3.90625C4.6875 3.69905 4.76981 3.50034 4.91632 3.35382C5.06284 3.20731 5.26155 3.125 5.46875 3.125H14.8438L20.3125 8.59375V12.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.8438 3.125V8.59375H20.3125' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.6875 19.5312H6.25C6.6644 19.5312 7.06183 19.3666 7.35485 19.0736C7.64788 18.7806 7.8125 18.3832 7.8125 17.9688C7.8125 17.5543 7.64788 17.1569 7.35485 16.8639C7.06183 16.5709 6.6644 16.4062 6.25 16.4062H4.6875V21.0938' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.0938 16.4062H18.3594V21.0938' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.7031 19.1406H18.3594' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 21.0938C13.1216 21.0937 13.7177 20.8468 14.1573 20.4073C14.5968 19.9677 14.8437 19.3716 14.8438 18.75C14.8437 18.1284 14.5968 17.5323 14.1573 17.0927C13.7177 16.6532 13.1216 16.4063 12.5 16.4062H11.1328V21.0938H12.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center;
  }
  /* Mouse Styling */
  .mouse {
    display: block;
    width: 28px;
    height: 48px;
  border-radius: 11px 11px 15px 15px;
  border: 1px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  bottom: 40px;
  z-index: 9999;
}

.mouse span {
  display: block;
  margin: 6px auto;
  width: 2px;
  height: 5px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid transparent;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}

@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
	}
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
	}
}



.contenedor-centrado-vertical{
  margin-bottom: 32px;
}

.main-content img{
  border-radius: 20px;
}

 .main-content .field--type-text-with-summary{
  font-size: 18px!important;
  margin-bottom: 1rem;
  line-height: 30px;
}

  .blog-section-three .btn-twentyTwo{
    position: absolute;
    top: -65px!important;
  }

/* Container-like behavior scoped to .block-views-blockproyectos-block-1 */
.block-views .block-inner {
  width: 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left: var(--bs-gutter-x, .75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .block-views .block-inner { max-width: 540px; }
}

@media (min-width: 768px) {
  .block-views .block-inner { max-width: 720px; }
}

@media (min-width: 992px) {
  .block-views  .block-inner {
    max-width: 960px;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .block-views  .block-inner{ max-width: 1140px; }
}

@media (min-width: 1400px) {
  .block-views  .block-inner{ max-width: 1320px; }
}

/* If .block-views-blockproyectos-block-1 lives inside .container-position-relative, keep it positioned relative */
.container-position-relative .block-views  .block-inner{
  position: relative !important;
}

.block-views .block-title{
  
  color: var(--Gris-CTIC, #535355);
  font-family: 'Gordita', sans-serif;
  font-size: 40px;
  line-height: 45px;
  margin-top: 0px;
  padding: 0px;
  font-weight: 700;
  position: relative;
  margin-bottom: 40px;

}
@media (max-width: 1024px){
.block-views .block-title {
  font-size: 32px;
  line-height: 40px;
}
}
.block-views .block-title:before{
  content: "";
  height: 4px;
  background: #F19121;
  width: 32px;
  position: absolute;
  top: -12px;
  left: 0;
}

.block-views-blockproyectos-block-1{
  background-color: #f0effe;
  background-image: url(/sites/default/files/2025-05/shape_135%201.png);
  background-position: 50% 20%;
  background-repeat: no-repeat;
  padding-bottom: 80px;
  padding-top: 100px;
}

.path-frontpage .block-views{
  padding-top: 100px;
}

.block-views .view-content.row{
  justify-content: space-between !important;

}
/*  */

.fancy-feature-fiftyOne .shape-three {
  bottom: -12%;
  left: 5%;
}

.sharelabel{
  color: var(--Gris-CTIC, #535355);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.service-sidebar .social-icon a {
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 50px;
  background: #DFDEDE;
  transition: all 0.5s ease 0.25s;

}

.service-sidebar .social-icon a:hover {
  background: var(--prime-ten);
  transition: all 0.5s ease 0.25s;

}

.service-sidebar .social-icon a path{
  transition: all 0.25s ease 0.15s;
}

.service-sidebar .social-icon a:hover path{
  stroke: #fff;
  transition: all 0.25s ease 0.15s;
}

.view-noticia-destacada-home, #block-jano-bloquequeofrecemosportadaespanol, .block-views-blockproyectos-block-1{
  margin-top: 100px;

}

.view-noticia-destacada-home .smb-two-col, #block-jano-bloquequeofrecemosportadaespanol .smb-two-col{
  padding-left: 0;
  padding-right: 0;
  gap: 3rem; 
  justify-content: space-between;
}

.block-views-blockproyectos-block-4{
  margin-top: 100px;
}

/* FIX VISTA EDITOR */
#block-jano-customblockheaderright a{
  flex-shrink: 0;
}
 .login-btn-three{
  flex-shrink: 0;
  margin-left: 56px;  
}

.toolbar-fixed .theme-main-menu.sticky-menu {
  top: 70px;
}

.service-details-meta .field--name-field-images {
  margin-top: 64px;
}


.extrafields{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}

.extrafields > div:nth-child(4) {
  grid-column: 1 / -1;
}

@media (max-width: 978px){
  .extrafields{
    grid-template-columns: 1fr;
  }
  .extrafields > div{
    grid-column: auto / auto;
  }
}

  

.accordion-readmore{
 margin-left: 10px;
 margin-right: 10px; 
}



.accordion-readmore h2{
  background-image: url(/themes/custom/jano/images/assets/linea.png);
  background-repeat: no-repeat;
  color: var(--Gris-CTIC, #535355)!important;
  font-weight: 500!important;
  font-size: 36px!important;
  line-height: normal!important;
  padding-top: 16px!important;
}

@media (max-width: 1199px) {
  .accordion-readmore h2{
    font-size: 32px;
  }
}

/* WEBFORMS */
/* Alinear el formulario con el layout general */
.webform-submission-form {
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .webform-submission-form {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .webform-submission-form {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .webform-submission-form {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .webform-submission-form {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .webform-submission-form {
    max-width: 1320px;
  }
}
.webform-submission-form legend{
  color: var(--Gris-CTIC, #535355);
  font-family: Gordita;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 40px;
  margin-top: 40px;
}

.webform-submission-form input[type="text"], .webform-submission-form input[type="email"], .webform-submission-form input[type="tel"]{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}
.webform-submission-form input[type="date"]{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}
.webform-submission-form textarea{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}
.webform-submission-form input[type="checkbox"]{
  border: 2px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
  width: 16px;
  height: 16px;
  accent-color: var(--naranja-CTIC, #f19121);
}
.webform-submission-form input[type="radio"]{
  border: 2px solid #444;
  border-radius: 50%;
  padding: 6px;
  font-size: 18px;
  width: 16px;
  height: 16px;
  accent-color: var(--naranja-CTIC, #f19121);
}
.webform-submission-form .form-check-input:checked {
  background-color: var(--naranja-CTIC, #f19121);
  border-color: var(--naranja-CTIC, #f19121);
}
.webform-submission-form .form-check-input:focus {
  border-color: var(--naranja-CTIC, #f19121);
  box-shadow: 0 0 0 0.25rem rgba(241, 145, 33, 0.25);
}

.webform-submission-form select{
  border: none;
  border-bottom: 1px solid #444;
  border-top: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  padding-right: 40px;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M26 12L16 22L6 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 32px 32px;
}

.webform-submission-form select::-ms-expand{
  display: none;
}

.webform-submission-form select option{
  color: var(--Gris-CTIC, #535355);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}

/* Webform inputs focus style (override Bootstrap blue) */
.webform-submission-form .form-control:focus,
.webform-submission-form input:focus,
.webform-submission-form textarea:focus,
.webform-submission-form select:focus {
  color: #212529;
  background-color: #fff;
  border-color: var(--naranja-CTIC, #f19121);
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(241, 145, 33, .25);
}
.webform-submission-form .form-textarea-wrapper{
  margin-bottom: 4px;
}
/* Placeholders for inputs and textareas */
.webform-submission-form input::placeholder,
.webform-submission-form textarea::placeholder {
  color: rgba(83, 83, 85, 0.60);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  opacity: 1; /* ensure visible across browsers */
}
/* Date input placeholder/text (browser support varies for placeholders on type=date) */
.webform-submission-form input[type="date"]::placeholder {
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
/* Ensure entered date text uses requested typography */
.webform-submission-form input[type="date"] {
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
/* WebKit date fields (Chrome/Safari) */
.webform-submission-form input[type="date"]::-webkit-datetime-edit,
.webform-submission-form input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.webform-submission-form input[type="date"]::-webkit-datetime-edit-text,
.webform-submission-form input[type="date"]::-webkit-datetime-edit-year-field,
.webform-submission-form input[type="date"]::-webkit-datetime-edit-month-field,
.webform-submission-form input[type="date"]::-webkit-datetime-edit-day-field {
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}
/* Legacy placeholder selectors */
.webform-submission-form input::-ms-input-placeholder,
.webform-submission-form textarea::-ms-input-placeholder {
  color: rgba(83, 83, 85, 0.60);
}
.webform-submission-form input:-ms-input-placeholder,
.webform-submission-form textarea:-ms-input-placeholder {
  color: rgba(83, 83, 85, 0.60);
}

/* Select2 placeholder text */
.webform-submission-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(83, 83, 85, 0.60);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.webform-submission-form .select2-container{
  border: none;
  border-bottom: 1px solid #444;
  border-top: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

.webform-submission-form .select2-container .select2-selection{
  border: none;
  font-size: 18px;
}

.webform-submission-form .select2-container .select2-selection--multiple{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

/* Select2 single: custom SVG arrow like native select */
.webform-submission-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M26 12L16 22L6 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  right: 8px;
}
.webform-submission-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none; /* hide default caret */
  width: 0;
  height: 0;
}

/* Select2 focus/open state: apply CTIC orange focus ring */
.webform-submission-form .select2-container--default.select2-container--focus,
.webform-submission-form .select2-container--default.select2-container--open {
  border-color: var(--naranja-CTIC, #f19121);
  box-shadow: 0 0 0 .25rem rgba(241, 145, 33, .25);
  outline: 0;
}

/* Select2 results highlighted option (hover/keyboard) */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--naranja-CTIC, #f19121)!important;
  color: #fff!important;
}



.webform-submission-form .select2-container .select2-selection--multiple{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

.webform-submission-form .select2-container .select2-selection--multiple .select2-selection__rendered{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

.webform-submission-form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

.webform-submission-form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

.webform-submission-form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

.webform-submission-form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

.webform-submission-form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

.webform-submission-form .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{
  border: none;
  border-bottom: 1px solid #444;
  border-radius: 0;
  padding: 6px;
  font-size: 18px;
}

.webform-submission-form small.description:not(.form-item-politica-de-privacidad.form-no-label > small){
  color: #535355!important;
  font-family: Gordita;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 25px;
}
.webform-submission-form small.description a{
  text-decoration: underline;
  transition: color .3s;
}
.webform-submission-form small.description p:first-child{
  font-size: 18px!important;
}
.webform-flexbox{
  margin-bottom: 0px!important;
  margin-top: 0px!important;
}

.webform-submission-form .form-item-politica-de-privacidad .form-check-input {
  margin-top: .5rem!important;
  margin-left: -1.45rem!important;
}
.input-group-prepend{
  border-bottom: 1px solid #444;
}
.input-group-prepend span{
  background-color: #fff;
  border: 0px solid #000;color: rgba(83, 83, 85, 0.60);
  font-family: Gordita;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.webform-submission-form .form-item-cv .form-managed-file .form-file{
  padding: 16px 24px;
}
.webform-submission-form .form-item-cv label{
  display:none;
}
.webform-submission-form .form-item-cv small{
  color: var(--Gris-CTIC, #535355)!important;
  font-family: Gordita!important;
  font-size: 16px!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: 25px!important;
}

/* FIN WEBFORMS */


.service-details-meta.ps-lg-5{
  padding-left: 0!important;
}



iframe[title*="YouTube"] {
  width: 100% !important;
  aspect-ratio: 16 / 9;
  height: auto !important;
  display: block;
}

.smb-detalle__content a{
  text-decoration: underline;
}

.fancy-feature-fiftyOne .shape-two{
  width: 50%;
  top: unset!important;
  bottom: -24px!important;
  right: 0!important;
}

/* Particles container height so canvas is visible */

.particles-container.shapes{
  z-index: unset!important;
}

/*-----------------------------------------------------------------------------
 * Vista Publicaciones científicas - filtros en línea
 *---------------------------------------------------------------------------*/

/* Contenedor principal de filtros */
.view-publicaciones-cientificas .bef-exposed-form > .d-flex.flex-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-end;
}

/* Cada campo / wrapper como ítem en línea */
.view-publicaciones-cientificas .bef-exposed-form > .d-flex.flex-wrap > .js-form-item,
.view-publicaciones-cientificas .bef-exposed-form > .d-flex.flex-wrap > .form-wrapper,
.view-publicaciones-cientificas .bef-exposed-form > .d-flex.flex-wrap > .form-actions {
  flex: 0 0 auto;
}

/* Anchos orientativos para campos de texto */
.view-publicaciones-cientificas .bef-exposed-form .js-form-item-title,
.view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-autor-value,
.view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-publicacion-value {
  min-width: 220px;
}

/* Wrapper de rango de fecha */
.view-publicaciones-cientificas .bef-exposed-form [data-drupal-selector="edit-field-fecha-de-la-publicacion-value-wrapper"] {
  min-width: 260px;
}

/* Dentro del rango de fecha, alinear Min y Max en horizontal */
.view-publicaciones-cientificas .bef-exposed-form [data-drupal-selector="edit-field-fecha-de-la-publicacion-value-wrapper"] .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-end;
}

.view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-fecha-de-la-publicacion-value-min,
.view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-fecha-de-la-publicacion-value-max {
  flex: 0 0 140px;
}

.view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-fecha-de-la-publicacion-value-min input,
.view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-fecha-de-la-publicacion-value-max input {
  width: 100%;
}

/* Botón aplicar más compacto */
.view-publicaciones-cientificas .bef-exposed-form #edit-actions {
  min-width: 140px;
}

.view-publicaciones-cientificas .bef-exposed-form #edit-actions .form-submit {
  width: auto;
}

/* Responsive: en móvil, campos a ancho completo y apilados */
@media (max-width: 767.98px) {
  .view-publicaciones-cientificas .bef-exposed-form > .d-flex.flex-wrap {
    gap: 0.75rem;
  }

  .view-publicaciones-cientificas .bef-exposed-form > .d-flex.flex-wrap > .js-form-item,
  .view-publicaciones-cientificas .bef-exposed-form > .d-flex.flex-wrap > .form-wrapper,
  .view-publicaciones-cientificas .bef-exposed-form > .d-flex.flex-wrap > .form-actions {
    flex: 0 0 100%;
  }

  .view-publicaciones-cientificas .bef-exposed-form .js-form-item-title,
  .view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-autor-value,
  .view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-publicacion-value,
  .view-publicaciones-cientificas .bef-exposed-form [id^="edit-field-fecha-de-la-publicacion-value-wrapper"],
  .view-publicaciones-cientificas .bef-exposed-form #edit-actions {
    min-width: 100%;
  }

  /* En móvil, los dos datepicker se apilan para no quedar demasiado estrechos */
  .view-publicaciones-cientificas .bef-exposed-form [id^="edit-field-fecha-de-la-publicacion-value-wrapper"] .fieldset-wrapper {
    flex-direction: column;
  }

  .view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-fecha-de-la-publicacion-value-min,
  .view-publicaciones-cientificas .bef-exposed-form .js-form-item-field-fecha-de-la-publicacion-value-max {
    flex: 0 0 100%;
  }

  .view-publicaciones-cientificas .bef-exposed-form #edit-actions .form-submit {
    width: 100%;
  }
}


/* Fieldset de fecha sin margen inferior en vista publicaciones científicas */
.view-publicaciones-cientificas .bef-exposed-form
  [id^="edit-field-fecha-de-la-publicacion-value-wrapper"],
.view-publicaciones-cientificas .bef-exposed-form
  [id^="edit-field-fecha-de-la-publicacion-value-wrapper"] fieldset {
  margin-bottom: 0 !important;
}

/* Quitar margen inferior de los js-form-item internos (Min y Max) */
.view-publicaciones-cientificas .bef-exposed-form
  [id^="edit-field-fecha-de-la-publicacion-value-wrapper"] .js-form-item {
  margin-bottom: 0 !important;
}


/* Quitar margen inferior del campo Título en filtros publicaciones científicas */
.view-publicaciones-cientificas .bef-exposed-form .js-form-type-textfield, .view-publicaciones-cientificas .bef-exposed-form .form-actions{
  margin-bottom: 0 !important;
}

.view-publicaciones-cientificas .view-filters{
  margin-bottom: 3rem;
  border: 2px solid #000;
  padding: 25px 25px 20px;
  border-radius: 10px;
}


.publicacion-cientifica h4{
  color: var(--prime-ten );
  font-size: 16px!important;
  font-weight: 400;
  font-family: Gordita;
  margin: 0px!important;
  padding: 0px!important;
  cursor: pointer;
}
.publicacion-cientifica .publicacion-fecha{
  width: 100%;
  display:block;
}

.view-publicaciones-cientificas .item-list{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.view-publicaciones-cientificas .item-list ul{
  display:flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Banner MOSOTEC solo visible en la home */
.mosotec-banner-row {
  display: none;
}

.path-frontpage .mosotec-banner-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr); /* logos izquierda, texto derecha ocupando todo el ancho restante */
  column-gap: 1.5rem;
  align-items: center;
}

/* Ajustes visuales del banner MOSOTEC */
.mosotec-banner-row img {
  max-height: 50px;
  width: auto;
}

.mosotec-banner-row p {
  font-size: 0.85rem;
  line-height: 1.2;
  width: 100%;
}

@media (max-width: 991.98px) {
  .path-frontpage .mosotec-banner-row {
    grid-template-columns: 1fr;
    row-gap: 0.75rem;
    text-align: center;
  }

  .mosotec-banner-row > div:first-child {
    justify-content: center !important;
  }
}


.contenedor-logos{
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.contenedor-logos .contenedor-centrado-vertical{

    align-items: center;
    justify-content: center;
    max-width: 250px;
    margin: 0;
    padding: 0;
}
 .contenedor-logos .contenedor-centrado-vertical img{
  max-width: 100%;
  width: 100%;
  margin: 0px;
}