/*
Theme Name: Gamepress Child
Description: Este es un Child Theme personalizado basado en el tema Gamepress.
Author: InPut Creativity SL
Author URI: https://inputcreativos.es
Template: gamepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gamepress-child
*/ 
header[class*="hw-bar-logo-"] {
    background: #10181F;
}
p {
	line-height:1.7em;
}
.single-proyecto .hw-content {
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos se reorganicen si no caben */
}

/* 2. Definimos el ancho de la columna principal */
.single-proyecto .hw-column-main {
    width: 70%; /* O el valor que prefieras, ej. 75% */
    padding-right: 30px; /* Añade un espacio entre las columnas */
}

/* 3. Definimos el ancho de la barra lateral */
.single-proyecto .hw-column-sidebar {
    width: 30%; /* O el valor que prefieras, ej. 25% */
}

/* 4. Media Query para pantallas pequeñas (móviles) */
@media (max-width: 768px) {
    /* Hacemos que en móviles las columnas ocupen el 100% y se pongan una debajo de la otra */
    .single-proyecto .hw-column-main,
    .single-proyecto .hw-column-sidebar {
        width: 100%;
        padding-right: 0;
    }
}
.propia aside, .propia article{
	padding-left:20px;
	margin-top:32px;
}
.descripcion{
	border:1px solid #f2f2f2;
	border-radius:10px;
	padding:0 24px;
}
.card-item {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 270px;
    margin: 12px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    transition: transform 0.3s ease-in-out;
}
.card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 90%;
    margin: 10px;
    /*text-align: center;*/
    display: inline-block;
    vertical-align: top;
}
.card-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.card-image {
    margin-bottom: 15px;
}

.card-image img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #6c757d;
}

.card-content {

}

.card-title {
    font-size: 1.25em;
    font-weight: bold;
    color: #333333;
    margin-bottom: 5px;
	line-height:24px;
}

.card-description {
    font-size: 0.9em;
    color: #666666;
    margin: 12px;
	line-height:18px;
}
.card-description-author {
	font-size:0.9em;
    color: #666666;
    margin: 12px 32px 32px 32px;
	line-height:24px;
}
.iconos{
	display: flex;
  justify-content: center;
	align-items: center;
}
.iconos-2{
	display: flex;
  align-items: center;
}
.icono{
	margin:5px;
}
.hw-social-icon-style-3{
	display:none;
}
/* Contenedor principal de la lista */
.responsive-list-container {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Espacio entre los items */
}

/* Estilos de cada item de la lista */
.scholar-item {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin-bottom:12px;
}

.item-title {
    margin-top: 0;
    font-size: 1.1em;
}

.item-title a {
    text-decoration: none;
    color: #333;
}

.item-title a:hover {
    color: #0073e6;
}

.item-location {
    font-size: 0.9em;
    color: #666;
}

.item-summary {
    font-size: 1em;
    color: #444;
}
.scholar-section-title{
	margin-bottom:24px;
}

/* Estilos para pantallas más pequeñas (opcional, si es necesario) */
@media (max-width: 768px) {
    .responsive-list-container {
        padding: 10px;
    }

    .scholar-item {
        padding: 15px;
    }
}

.zp-Entry{
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
}
.csl-entry, .zp-Abstract {
    font-size: 0.9em;
    color: #666666;
    margin: 12px 32px 32px 32px;
    line-height: 24px;
}
.zp-DOIURL, .zp-ItemURL{
	clear:both;
	color:green;
	display:block;
}
.hw-post-gameobject .hw-title{
	font-size:2em;
}
.propia .hw-hover-grow {
	display:none:
}
.ugr-proyectos-list{
	padding: 20px;
}
.hw-head-game::after {
    backdrop-filter: blur(10px);
}
/* Estilos para el contenedor principal */
.ugr-ultimos-proyectos-sidebar {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Espacio entre los items */
	
}

/* Estilos de cada tarjeta de proyecto */
.ugr-proyecto-card {
    display: block;
    position: relative;
    height: 150px; /* Altura fija para el widget */
    text-decoration: none;
    overflow: hidden;
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    /* Propiedades de la imagen de fondo */
    background-size: cover;
    background-position: center center;
    transition: transform 0.3s ease; /* Pequeño efecto al pasar el ratón */
}

.ugr-proyecto-card:hover {
    transform: translateY(-3px);
}

/* Overlay para blur y oscurecimiento */
.ugr-proyecto-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Fondo Oscuro con Opacidad (Ajusta el 0.6 para cambiar la oscuridad) */
    background: rgba(0, 0, 0, 0.6); 
    z-index: 1;
    /* Efecto Blur (Ajusta el 3px para cambiar la intensidad) */
    backdrop-filter: blur(3px); 
    -webkit-backdrop-filter: blur(3px); /* Soporte para navegadores antiguos */
}

/* Contenido (título y detalles) */
.ugr-proyecto-card .overlay-content {
    position: relative;
    z-index: 2; /* Asegura que el contenido esté sobre el overlay */
    padding: 15px;
    color: #ffffff; /* Contenido en blanco */
    font-family: sans-serif;
}

/* Estilos de los detalles (taxonomías) */
.ugr-proyecto-details p {
    margin: 0;
    font-size: 0.85em;
    line-height: 1.2;
    opacity: 0.85;
}

.ugr-proyecto-details span {
    display: block;
    margin-top: 5px;
    font-weight: bold;
}

/* Título */
.ugr-proyecto-card-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.1em;
    line-height: 1.3;
    color: #ffffff;
}
/* Estilos del Contenedor (Grid o Flex) */
.ugr-colaboradores-grid {
    display: grid;
    /* Ajusta este valor (200px) al ancho mínimo deseado para el logo y nombre */
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 
    gap: 20px;
    list-style: none;
    padding: 0;
}

/* Estilos de cada Item/Card (Flexbox para logo y texto) */
.ugr-colaborador-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-decoration: none; /* Si es un enlace */
    color: inherit;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.ugr-colaborador-item:hover {
    border-color: #0056b3; /* Color de realce al pasar el ratón */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Bloque del Logotipo */
.ugr-colaborador-logo {
    flex-shrink: 0; /* Evita que el logo se encoja */
    width: 50%; /* Ancho fijo para el logo */
    /*height: 60px; /* Altura fija */
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ugr-colaborador-logo img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain; /* Asegura que el logo se ajuste sin cortar */
}

/* Título del Patrocinador */
.ugr-colaborador-name {
    flex-grow: 1; /* Permite que el nombre ocupe el espacio restante */
}

.ugr-colaborador-name h3 {
    margin: 0;
    font-size: 1.1em;
    line-height: 1.3;
    font-weight: 600;
}
/* Contenedor principal que limpia los floats */
.ugr-grupos-trabajo-contenedor {
    display: block;
    overflow: hidden; /* Limpia los floats */
}

/* Estilos de la cartela individual: 50% de ancho y float izquierda */
.ugr-grupo-card {
    float: left;
    width: 48.5%; /* 50% - margen */
    margin: 0 3% 20px 0; /* 3% de margen derecho para separación y 20px abajo */
    
    position: relative;
    height: 250px; 
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    /* Propiedades de la imagen de fondo */
    background-size: cover;
    background-position: center center;
    transition: transform 0.3s ease;
}

/* Eliminar el margen derecho del segundo elemento (y de todos los pares) para que floten correctamente */
.ugr-grupo-card:nth-child(2n) {
    margin-right: 0;
}

.ugr-grupo-card:hover {
    transform: scale(1.02);
}

/* Overlay para blur y oscurecimiento */
.ugr-grupo-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Fondo Oscuro con Opacidad */
    background: rgba(0, 0, 0, 0.65); 
    z-index: 1;
    /* Efecto Blur */
    backdrop-filter: blur(4px); 
    -webkit-backdrop-filter: blur(4px); 
}

/* Contenido (título y detalles) */
.ugr-grupo-overlay {
    position: relative;
    z-index: 2; 
    padding: 20px;
    color: #ffffff; /* Contenido en blanco */
    font-family: sans-serif;
}

/* Estilos del Título */
.ugr-grupo-title a{
    margin-top: 0;
    margin-bottom: 15px;
    /*font-size: 1.4em;*/
    line-height: 1.3;
    color: #ffffff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 10px;
	
}

/* Estilos de los nombres de usuario */
.ugr-grupo-personas p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.95em;
}
.ugr-grupo-personas{
	margin-top:24px;
}
.ugr-grupo-personas a {
    color: #ffd700; /* Color de enlace para destacar */
    text-decoration: none;
    font-weight: bold;
    transition: color 0.2s;
}

.ugr-grupo-personas a:hover {
    color: #fff;
    text-decoration: underline;
}

.ugr-miembros-grupo {
    margin-top: 15px;
}
.ugr-miembros-grupo p:first-child {
    font-weight: bold;
    margin-bottom: 2px;
}
/* Contenedor principal para limpiar los floats */
.ugr-proyectos-linea-contenedor {
    display: block;
    overflow: hidden; /* Limpia los floats */
    margin-top: 20px;
}

/* Estilos de la cartela individual: 50% de ancho y float izquierda */
.ugr-proyecto-item-linea {
    float: left;
    width: 48.5%; /* 50% - margen */
    margin: 0 3% 25px 0; /* 3% de margen derecho para separación y 25px abajo */
    
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    overflow: hidden; /* Contiene el thumbnail */
    transition: box-shadow 0.3s ease;
}

.ugr-proyecto-item-linea:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Eliminar el margen derecho del segundo elemento (y de todos los pares) */
.ugr-proyecto-item-linea:nth-child(2n) {
    margin-right: 0;
}

/* Estilos del Thumbnail (Imagen arriba) */
.ugr-proyecto-linea-thumbnail {
    width: 100%;
    /* CAMBIO CLAVE: Altura fija para todas las cartelas */
    height: 180px; 
    overflow: hidden;
}

.ugr-proyecto-linea-thumbnail img {
    width: 100%;
    height: 100%; /* Ocupa la altura fija del contenedor */
    display: block;
    /* CAMBIO CLAVE: Asegura que la imagen cubra el área sin deformarse, recortando si es necesario */
    object-fit: cover;
}

/* Contenido de texto */
.ugr-proyecto-linea-content {
    padding: 15px;
}

/* Título */
.ugr-proyecto-title-linea {
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 10px;
}

.ugr-proyecto-title-linea a {
    text-decoration: none;
    color: #333;
}

/* Resumen/Extracto */
.ugr-proyecto-linea-excerpt {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
	line-height: 1.6em;
}

/* Metadatos (Línea, Patrocinador, Grupo) */
.ugr-proyecto-linea-meta p {
    margin: 0;
    font-size: 0.85em;
    line-height: 1.4;
    color: #007bff; /* Color para destacar los metadatos */
}

@media (max-width: 768px) {

    /* ====================================== */
    /* 1. SHORTCODE: PROYECTOS POR LÍNEA */
    /* ====================================== */

    /* La cartela de proyecto debe ocupar el 100% del ancho */
    .ugr-proyecto-item-linea {
        float: none; /* Desactivar el float */
        width: 100%; /* Ocupa todo el ancho */
        margin: 0 0 20px 0; /* Margen inferior de 20px, sin márgenes laterales */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hacer que destaquen más en móvil */
    }

    /* La altura de la imagen en móvil puede ser un poco menor */
    .ugr-proyecto-linea-thumbnail {
        height: 150px; /* Reducir la altura fija para pantallas pequeñas */
    }

    /* ====================================== */
    /* 2. SHORTCODE: GRUPOS DE TRABAJO */
    /* ====================================== */

    /* El contenedor grid debe cambiar a una sola columna (aunque los floats ya están en la cartela) */
    .ugr-grupos-trabajo-contenedor {
        display: block; /* Mantenemos el bloque y limpiamos el float en el ítem */
    }

    /* La cartela de grupo debe ocupar el 100% del ancho */
    .ugr-grupo-card {
        float: none; /* Desactivar el float */
        width: 100%; /* Ocupa todo el ancho */
        margin: 0 0 20px 0; /* Margen inferior de 20px, sin márgenes laterales */
    }

    /* Asegurarse de que no queden márgenes raros del nth-child(2n) */
    .ugr-grupo-card:nth-child(2n) {
        margin-right: 0;
    }
	.ugr-grupo-title{
		font-size:1.4em;
	}
	.ugr-proyecto-card-title{
		font-size:1em;
	}
	.propia article {
		padding-right:20px;
	}
	.hw-post-gameobject .hw-module-1 .hw-details, .hw-post-gameobject .hw-module-1 .hw-thumb {
		width:100%;
	}
}