/*
Theme Name: Plantilla Usal
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridgeNew
*/
@import url("../bridgeNew/style.css");

.fa-twitter:before {
    content: "\e61b" !important;
}


/*Coloca menu bajo logo*/
/*@media (max-width: 1400px) {
	nav.main_menu.drop_down{
    	width:100%;
    	margin-top: 100px;
  	}
  	nav.main_menu > ul > li > a{
  		line-height: 50px !important;
  	}
  	.header_inner_right{
  		position: absolute;
  		right: 30px;
  	}
}*/



/* ===============================
   Variables base (colores USAL)
   =============================== */
:root{
  --usal-azul: #5893DD;
  --usal-rojo: #B30000;
  --usal-negro: #111;
  --gris-700: #444;
}

:root{
  --header-h: 100px;   /* ajusta aquí la altura del header */
  --header-bg: #fff;   /* color de fondo del header */
}

/* Fondo + alturas unificadas */
.page_header .header_bottom{ background: var(--header-bg) !important; }
.header_bottom .logo_wrapper,
.header_bottom .side_menu_button{ height: var(--header-h) !important; }
.main_menu > ul > li > a{ line-height: var(--header-h) !important; }

/* Logo: ancla + imágenes */
.q_logo a{ height: calc(var(--header-h) - 10px) !important; display:flex; align-items:center; }
.q_logo img{ height: 100% !important; width:auto; }


/* H1 del hero */
h1.titulo-home{
  text-align:center;
  margin:0 0 1rem;
  color:#ffffff;
  font-family: 'Lato', sans-serif;
  font-size:70px;
  line-height:76px;
}

/* Primera línea: "Grupo / Proyecto" (como lo tenías) */
.titulo-home-sub{
  font-size:50px;
  line-height:55px;
  font-weight:500;
  text-shadow:1px 0 5px #555;
  display:inline-block;
}

/* Segunda línea: " Nombre" (con tus propiedades exactas) */
.titulo-home-nombre{
  color:#ffffff;
  font-family: 'Lato', sans-serif;
  font-size:70px;
  line-height:76px;
  font-style:normal;
  font-weight:700;
  text-transform:none;
  display:inline-block;
}

/* HERO full width con overlay integrado */
.hero-home{
  /* Fondo = gradiente semitransparente + imagen */
  background-image:
    linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.28)),
    url('http://plantillausal.usal.es/wp-content/uploads/sites/158/2025/02/Edificio-Historico-universidad-salamanca.jpg?id=24797');
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;

  /* Espaciado vertical del hero (ajústalo a gusto) */
  padding: clamp(64px, 10vw, 160px) 20px;

  /* Asegura stacking del contenido */
  position: relative;
  padding: 0;
}

/* El texto del hero en blanco para mejor lectura */
.hero-home .titulo-home-sub,
.hero-home .titulo-home-nombre,
.hero-home .lead-home { color:#fff; }



.pb-50 { padding-bottom: 50px !important; }
.py-30 { padding-top: 30px !important; padding-bottom: 3cap !important; }
/* si prefieres granular: 
.pt-60 { padding-top:60px !important; } 
*/

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

h2.section-title,
h1.section-title {
  font-family: 'Lato', sans-serif;
    font-size: 35px;
    line-height: 41px;
    font-style: normal;
    font-weight: 600;
    text-transform: none;
  margin: 0 0 16px;
  color: #444;
  text-align: center;
}

h2{
	font-family: 'Lato', sans-serif;
    font-size: 35px;
    line-height: 41px;
    font-style: normal;
    font-weight: 600;
    text-transform: none;
}

.text-home{
	margin-bottom: 60px !important;
}

.text-center p{
	margin-bottom: 20px;
}

.pb-60 { padding-bottom: 60px !important; }
.py-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.bg-gray { background-color: #eaeaea; }

.section-title{
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 16px;
  color: #444;
  text-align: center;
}
.text-center { text-align: center; }



.q_masonry_blog_post_text h3  {
    color: #d22020 !important;
	 line-height: 32px !important;
}


h3 a {
    color: #d22020;
    font-family: 'Lato', sans-serif;
    font-size: 27px;
    line-height: 32px !important;
    font-style: normal;
    font-weight: 600;
    text-transform: none;
}

/* =========================
   Menú rojo (fila de secciones)
   ========================= */
/* ===== Menú rojo de anclas (fila con id="menu-rojo") ===== */
/* Si necesitas más especificidad, usa esta versión */

#menu-rojo {
    background-color: #d22020 !important;
    text-align: center;
}

#menu-rojo .wpb_button,
#menu-rojo .btn,
#menu-rojo a[class*="button"] {
    font-weight: 600 !important;
    text-align: center !important;
    font-size: 16px !important;
    color: #ffffff !important;
    background-color: #d22020 !important;
    border: 1px solid #d22020 !important;
    border-radius: 0 !important;
    /*padding: 12px 20px !important;*/
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    margin: 0 2px !important;
}

#menu-rojo .wpb_button:hover,
#menu-rojo .btn:hover,
#menu-rojo a[class*="button"]:hover {
    color: #d22020 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* CSS Adicional*/

/* FOOTER */

div.footer_top_holder a {
    font-style: italic;
    font-weight: 700;
}


/* MENU ROJO */

header.scrolled ~ .content #menu-rojo{
	position: fixed;
    left: 0;
    right: 0;
    z-index: 200;
    top: 100px;
}

.logged-in header.scrolled ~ .content #menu-rojo{
	top:130px;
}


/* TABLE */

.semantic_ui .ui.table thead th {
    color:#fff !important;
    background: #385e9d!important;
}

/* POSTS */

.blog_holder.blog_single article h2.entry_title {
	color: #385e9d;
	font-size: 35px;
	line-height: 41px;
	font-weight: 700;
	padding-bottom: 30px;
}

h6.q_masonry_blog_title.entry_title a{
	color: #d22020 !important;
}

h6.q_masonry_blog_title.entry_title a:hover{
	color: #385e9d !important;
}

.blog_holder.blog_masonry_date_in_image article .post_text .post_text_inner {
    text-align: left;
    padding: 15px 10px;
}

.blog_holder.blog_masonry_date_in_image article .post_text h5 {
	margin-bottom: 0;
}

.blog_holder.blog_masonry_date_in_image .time .time_day {
	color: #fff;
	font-weight: 800;
}

.blog_holder.blog_masonry_date_in_image .time span {
  color: #fff;
	font-weight: 800;
}

.blog_holder article .post_info {
    display: none;
}

.blog_holder.blog_single article {
    padding-top: 60px;
}

.q_masonry_blog_excerpt {
    display: none;
}

.time.entry_date.updated {
	color: #fff;
	font-weight: 700;
	background-color: #ccc;
	padding: 3px;
}

/* POSTS GRIS */

.gris .q_masonry_blog article .q_masonry_blog_post_text {
    background-color: #eaeaea;
}

.gris .q_masonry_blog_excerpt {
	display: none;
}

/* ACORDEONES */

.qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner:only-child {
    font-size: 22px;
    line-height: 28px;
    text-align: left;
}


/* ACORDEON GRIS */

.gris .qode-accordion-holder .qode-title-holder {
    background-color: #eaeaea;
}

.gris .qode-accordion-holder .qode-accordion-content {
    background-color: #eaeaea;
}

.gris .qode-accordion-holder .qode-title-holder.ui-state-hover {
    color: #fff;
    background-color: #d22020;
}

.gris .qode-accordion-holder .qode-title-holder.ui-state-active {
    color: #fff;
    background-color: #d22020;
}

/* ACORDEON BLANCO */

.blanco .qode-accordion-holder .qode-title-holder {
    background-color: #fff;
}

.blanco .qode-accordion-holder .qode-accordion-content {
    background-color: #fff;
}

.blanco .qode-accordion-holder .qode-title-holder.ui-state-hover {
    color: #fff;
    background-color: #d22020;
}

.blanco .qode-accordion-holder .qode-title-holder.ui-state-active {
    color: #fff;
    background-color: #d22020;
}

/* ACORDEON ANTIGUO - Boxed Accordeon */

.q_accordion_holder.accordion.boxed .ui-accordion-header {
    color: #d22020;
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		border: solid 1px #d22020;
}

.q_accordion_holder.boxed div.accordion_content {
    margin-top: -5px;
    padding:0px 20px; 
		border: solid 1px #d22020;
}

.gris .q_accordion_holder.boxed div.accordion_content {
    background-color: #fff;
}

.blanco .q_accordion_holder.boxed div.accordion_content {
    background-color: #eaeaea;
}

.q_accordion_holder.accordion .ui-state-active {
		background-color: #d22020 !important;
		color: #fff !important;
}

.q_accordion_holder.accordion .ui-state-hover {
		background-color: #d22020 !important;
		color: #fff !important;
}

 /* INFOCARD BLANCA */

.blanco .qode-info-card-with-icon .qode-icwi-text-holder {
    background-color: #fff;
    padding: 20px;
}

.blanco .qode-info-card-with-icon .qode-icwi-text-holder h6{
    background-color: #fff;
    padding: 20px 0 0 0;
    color: #385e9d;
}

 /* INFOCARD GRIS */

.gris .qode-info-card-with-icon .qode-icwi-text-holder h6{
    background-color: #eaeaea;
    padding: 20px 0 0 0;
    color: #385e9d;
}

.gris .qode-info-card-with-icon .qode-icwi-text-holder {
    padding: 20px;
    background-color: #eaeaea;
}

/* LISTAS */

ul {
    list-style-position: outside;
    padding-left: 20px;
}

ol {
    list-style-position: outside;
    padding-left: 20px;
}

/* SEPARADOR CON TEXTO */

.vc_text_separator.full {
    border-top: 2px solid #385E9D;
    margin-top: 0px;
}

.caja {
    border-left: 2px solid #385E9D;
    border-right: 2px solid #385E9D;
    border-bottom: 2px solid #385E9D;
    background-color: #eaeaea;
}

.caja-blanca {
    border-left: 2px solid #385E9D;
    border-right: 2px solid #385E9D;
    border-bottom: 2px solid #385E9D;
    background-color: #ffffff;
}

.columna .vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.vc_text_separator.full div {
    font-size: 18px;
}

/* SEPARADOR CON TEXTO DOS COLUMNAS */

.caja-doscolumnas {
    border-left: 2px solid #385E9D;
    border-right: 2px solid #385E9D;
    border-bottom: 2px solid #385E9D;
    background-color: #eaeaea;
}

.caja-blanca-doscolumnas {
    border-left: 2px solid #385E9D;
    border-right: 2px solid #385E9D;
    border-bottom: 2px solid #385E9D;
    background-color: #ffffff;
}


/* SHOWCASE LIST */

.qode-item-showcase .qode-item.qode-appeared, .touch .qode-item-showcase .qode-item {
    width: 100%;
    margin-top: -30px;
}

.qode-item-showcase .qode-item-showcase-holder {
    position: relative;
    display: inline-block;
    width: 100%;
}


.qode-item-showcase .qode-item .qode-item-icon i {
    padding: 0px;
    line-height: 40px;
    font-size: 30px;
}

.qode-item-showcase .qode-item-showcase-holder .qode-item-line {
    display: none;
}

.qode-item-showcase .qode-item .qode-item-content .qode-showcase-text-holder .qode-showcase-text {
    font-weight: 600;
    color: #385e9d;
}

.showcase-movil .qode-item-showcase .qode-item-showcase-holder.qode-holder-right {
    line-height: 25px;
}

/* BOTON DOS LINEAS */

#boton-doslineas .qbutton.center {
    height: 52px;
    width: 80%;
    line-height: 26px;
}

#boton-doslineas #una-linea .qbutton.center {
    height: 52px;
    width: 80%;
    line-height: 52px;
}

/* CONTACTO */

.q_team .q_team_text {
    padding: 0;
}

/* TABLAS */

.semantic_ui .ui.table thead th {
    color:#fff !important;
    background: #385e9d!important;
}
.semantic_ui .ui.table {
    font-size: 18px!important;
}


/* FORMULARIO */

.wpcf7-spinner {
	display: none;
}

/* TAGS */

.post_excerpt {
	display: none;
}