/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Tema hijo de Astra creado por ModBer&BlaMon
Author: ModBer&BlaMon (José Luis Modroño Berdiñas y Francisco Javier Blanco Montes)
Author URI: https://www.linkedin.com/in/joseluismodro%C3%B1oberdi%C3%B1as/, https://www.linkedin.com/in/javi-blanco-montes-918b0a189/
Template: astra
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: astra-child-modberyblamon
*/

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

/******************
*** TIPOGRAFÍAS ***
******************/

.blackshadow {
    text-shadow: 5px 5px 4px #282828;
}

.greyshadow {
    text-shadow: 5px 5px 4px #70707080;
}

.blackshadow-extended {
    text-shadow: 10px 10px 3px #282828;
}

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

/*****************
*** MISCELANEA ***
*****************/

/*Grupo cuyo contenido se centra*/
.group-to-center > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/*CUSTOM TAB BLOCK (Publications, Collaborations, etc)*/
/*> Hacer que tenga espacio entre los botones y el bloque de contenido*/
.custom-tab-block ul.kt-tabs-title-list {
  padding-bottom: 10px;
}

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

/***********
*** MENÚ ***
***********/

/*Corrección para el color, y hover de los enlaces de los submenús*/
.sub-menu > li > a.menu-link {
    color: #238BFA !important;
}

.sub-menu > li > a.menu-link:hover {
    color: #01EDC9 !important;
}

/*CORRECCIONES MENÚ MOBIL*/
#ast-mobile-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: #fff !important;
}

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

/***********
*** HOME ***
***********/

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

/***********
*** TEAM ***
***********/
/*Añadir espacio entre botones y bloque de imágenes*/
.members-block-tabs ul.uagb-tabs__panel.uagb-tabs__align-left {
    padding-bottom: 10px !important;
}

/*Poner borde al bloque en el que están las fotografías de cada equipo*/
.members-block-tabs .uagb-tabs__body-wrap {
    border: 4px solid #2b73b5 !important;
}


/*Aplicar el overlay al hacer hover sobre las imágenes*/
.ultp-block-image {
  position: relative;
  overflow: hidden;
}

/*Evitar que la propia foto sea clicable (así solo lo será el nombre del miembro)*/
.ultp-block-image > a {
pointer-events: none;
cursor: default;
}


/* Capa overlay */
.ultp-block-image > a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(43, 115, 181, 0.5), rgba(43, 115, 181, 0.5));
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
}

/* Mostrar overlay al hacer hover */
.ultp-block-item:hover .ultp-block-image > a::after {
  opacity: 1;
}


/*Funcionamiento de aparición y desaparición del nombre del miembro al hacer o no hover sobre la foto (depende de código de javascript en scrip-modber.js)*/
/*>Texto antes del hover al miembro*/
.ultp-block-content.ultp-block-content-bottomPosition {
    opacity: 0;
    visibility: hidden;
}

/*>Texto tras el hover al miembro*/
.ultp-block-item.hover-active .ultp-block-content.ultp-block-content-bottomPosition {
    display: block;
    display: flex;
flex-direction: row;
align-items: center;
    opacity: 1;
    visibility: visible;
}

/*Tamaño del texto*/
.team-cuadricula-miembros .ultp-block-items-wrap .ultp-block-item .ultp-block-title a:hover {
  text-decoration: underline;
}

@media (max-width: 1023px) {
  /*TEAM*/
  /*>Disposisión de los subgrupos*/
  .uagb-tabs__panel {
    display: flex;
  }

  .uagb-tabs__panel > li {
    flex: 1;
    text-align: center;
    width: 100%;
  }

  /*> Disposición de los miembros*/
  .ultp-block-555029 .ultp-block-row {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}

@media (max-width: 500px) {
    .ultp-block-555029 .ultp-block-row {
        grid-template-columns: repeat(1, 1fr);
    }
}

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

/***************************
*** FICHA DE MIEMBRO CPT ***
***************************/

/*NOTA: Este css es el que se aplica a single-miembro.php del tema child*/

/*Accesibilidad para los focus*/
a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: 2px solid #01edc9; /* o cualquier color visible sobre fondo */
  outline-offset: 2px;
}

/*Centramos el main horizontalmente*/
.single-miembro #content .ast-container {
    display: flex;
    justify-content: center;
}

/*Damos un ancho fijo a las tarjetas*/
#main-card-member {
    max-width: 1092px !important;
    width: 100% !important;
}

/*Formato tarjeta en el article*/
#article-card-member {
	padding: 2rem;
    margin: 2rem;
    background-color: #2b73b5;
    border-radius: 30px;
    box-shadow: 5px 5px 10px #334155;
    background: 
    linear-gradient(rgba(43, 115, 181, 0.95), rgba(43, 115, 181, 0.95)), 
    url('https://subdominio1.obregonyarias.com/wp-content/uploads/2025/08/fondo-tarjetas.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

/*Tipografías*/
#article-card-member h1, #article-card-member h2 {
    margin-bottom: 0.5rem;
}

#article-card-member h1, #article-card-member h2, #article-card-member p {
    color: #ffffff;;
}

.card-section-name-subgroup-position p {
    margin-bottom: 1rem;
}

.card-section-biography h2, .card-section-contacts h2 {
    margin-top: 2rem;
}

.card-section {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*Imágen*/
.card-section-member-image > img {
    border-radius: 20px;
}

/*Iconos RRSS*/
.card-section-rrss {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
}

.card-rrss-icon {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
}

.card-rrss-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  transition: opacity 0.3s ease;
}

.card-rrss-icon img.card-rrss-icon-hover {
  opacity: 0;
}

.card-rrss-icon:hover img.card-rrss-icon-hover {
  opacity: 1;
}

.card-rrss-icon:hover img.card-rrss-icon-normal {
  opacity: 0;
}


/*Separador*/
.card-white-separator {
  border-top: 2px solid #fff;
  width: 100%;
  max-width: 800px; /* opcional, para limitar el ancho */
  margin: 2rem auto; /* espacio arriba y abajo + centrado */
}

/*Contacts*/
.card-section-contacts > div {
    background-color: #334155;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.card-section-contacts > div:not(:first-child) {
  margin-top: 1rem;
}

.card-section-contacts > div:not(:first-child) > a {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.card-section-contacts > div > a > span {
  margin-right: 0.5rem;
}

.card-section-contacts > div > a {
    color: #fff;
}

.card-section-contacts > div > a:hover {
    color: #01edc9;
}

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

/*********************
*** COLLABORATIONS ***
*********************/

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

/*********************
*** RESEARCH LINES ***
*********************/

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

/***************
*** PROJECTS ***
***************/

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

/*******************
*** PUBLICATIONS ***
*******************/

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

/*******************
*** PATENTS Y PI ***
*******************/

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

/***********
*** NEWS ***
***********/

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

/***************
*** OUTREACH ***
***************/

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

/******************************************
*** ALL IN ONE VIDEO GALLERY VIDEO PAGE ***
******************************************/

/*Quitar padding top y bototm a las páginas de visualización de videos*/
.ast-article-single {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/*Quitar creado por y video siguiente y video anterior en las páginas de visualización de videos*/
.ast-article-single .entry-meta, nav.navigation.post-navigation {
  display: none;
}

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

/*************
*** AWARDS ***
*************/

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

/********************
*** GROUP GALLERY ***
********************/