/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* label {
	display:inline !important;
} */

.menu-item-account{
	margin-left:2em;
	padding:1em;
}
.menu-account-avatar {
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-account-avatar.default i {
    font-size: 32px;
}

.account-label {
  display: inline-block;
  font-size: 0.9rem;
}


/* Opcional: estilos para el submenu */
.menu-item-account {
    position: relative;
}
.menu-item-account .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
}
.menu-item-account:hover .sub-menu {
    display: block;
}
.menu-item-account .sub-menu li {
    padding: 10px 15px;
}
.menu-item-account .sub-menu li a {
	 display: block;
	padding: 0.5em 1em;
    text-decoration: none;
    color: #333;
}

/* Mostrar al pasar el ratón (desktop) */
.menu-item-account:hover > .sub-menu,
.menu-item-account:focus-within > .sub-menu {
  display: block;
}

/* Toggle JS en mobile */
.menu-item-account.menu-open .sub-menu {
  display: block;
}

/* Responsive: en móviles, el texto puede ocultarse */
@media (max-width: 768px) {
  .menu-account-avatar {
    margin: 0;
  }
  .account-label {
    display: none;
  }
  /* Ajustar hit-area del toggle */
  .account-toggle {
    padding: 0.5em;
  }
}

/* Estilo single-socio */

.content_single_socio{
	padding-top:0px;
}

.section_single_socio{
	background-color:#22305F;
	min-height:100vh;
}
.wrapper_single_socio{
	align-content: center;
}

.member-profile {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
	
}

.profile-header {
    text-align: center;
	margin-bottom:30px;
}

.profile-header h1 {
    font-size: 48px;
    color: #fff;
	
}

.profile-header .position {
    font-size: 22px;
    color: #fff;
}

.profile-content {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.profile-photo {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-top:60px;
}

.profile-photo img {
    max-width: 300px;
    border-radius: 8px;
	filter: grayscale(100%);
}

.profile-description {
    flex: 1;
}
.profile-description p {
    font-size: 16px;
    color: #fff;
}
.profile-description ul{
	list-style:circle;
	font-size: 16px;
    color: #fff;
}

@media only screen and (max-width: 992px) {
    .profile-content {
		flex-direction: column;
		align-items: center;
	}
}

@media only screen and (max-width: 768px) {
	.profile-content {
		flex-direction: column;
		align-items: center;
	}
}
    

/* Estilo de Navegación para Socio */

.profile-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.profile-navigation div {
    text-align: center;
    padding: 10px;
}

.profile-navigation a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 10px 20px;
    border: 2px solid #fff;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.profile-navigation a:hover {
    background-color: #fff;
    color: #22305F;
}

.prev-socio {
    flex: 1;
    text-align: left;
}

.all-socios {
    flex: 1;
    text-align: center;
}

.next-socio {
    flex: 1;
    text-align: right;
}
/* Estilos responsive */
@media (max-width: 768px) {
    .profile-navigation {
         display: flex;
		flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .prev-socio, .next-socio {
        text-align: center;
        margin-bottom: 10px;
    }

    .profile-navigation a {
        font-size: 16px;
        padding: 8px 16px;
        width: 100%;
        max-width: 250px;
    }
}

@media (max-width: 480px) {
    .profile-navigation {
        display: flex;
		flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0; /* Elimina márgenes adicionales */
    }

    .prev-socio a::before {
        content: '←';
        font-size: 24px;
        display: inline-block;
        margin-right: 5px;
    }

    .next-socio a::before {
        content: '→';
        font-size: 24px;
        display: inline-block;
        margin-left: 5px;
    }

    .prev-socio a, .next-socio a {
        font-size: 0; /* Ocultar el texto manteniendo las flechas visibles */
    }

    .all-socios a {
        padding: 0; /* Quita el padding en móviles */
        font-size: 14px;
    }

    .prev-socio a, .next-socio a {
        background-color: transparent;
        border: none; /* Eliminando el borde */
    }
}

/* Estilo single-miembro */

.section_single_miembro{
	background-color:#F8B133;
}

.member-single {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-family: Arial, sans-serif;
}

.member-header {
    position: relative;
}

.featured-project {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.member-info-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    gap: 20px;
    position: relative;
    top: -60px;
    background-color: white;
    
}

.member-single-photo {
    border-radius: 50%;
    overflow: hidden;
	margin-top:-100px;
    width: 200px;
    height: 200px;
	box-shadow: 0 0 0 8px white;
}

.member-single-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.member-details {
    text-align: left;
	margin-left: -100px;
}

.member-name {
    font-size: 36px;
    font-weight: bold;
    margin: 0;
}

.member-specialty {
    font-size: 16px;
    color: #666;
}

.availability {
    color: green;
    font-weight: bold;
    margin-left: 10px;
}
.member-biografia {
	padding:40px;
	background-color:#fff;
}
.member-biografia p{
	font-size: 18px;
}

.nav-arrow{
	position:absolute;
	top:75%;
	width:100%;
	transform:translate(-2%,-2%);
}
.member-proyectos {
    margin-top: 20px;
	overflow:hidden;
}

/* Estilos Responsive */

/* Para pantallas de hasta 768px */
@media (max-width: 768px) {
    .member-info-container {
        flex-direction: column;
        text-align: center;
        gap: 10px;
		margin-top:65px;
    }

    .member-single-photo {
        margin: 0 auto;
        width: 150px;
        height: 150px;
        box-shadow: 0 0 0 5px white;
    }

    .member-details {
        margin-left: 0;
        text-align: center;
    }

    .member-name {
        font-size: 28px;
    }

    .member-specialty {
        font-size: 14px;
    }

    .member-biografia {
        padding: 20px;
    }

    .nav-arrow {
        top: 85%;
        transform: translate(-1%, -1%);
    }
	.miembro__links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        list-style: none;
    }

    .miembro__links li {
        display: inline-block;
        margin-right: 10px; /* Ajusta el espaciado entre los íconos */
    }

    .miembro__links li a {
        display: block;
        text-decoration: none;
    }
}

/* Para pantallas de hasta 480px */
@media (max-width: 480px) {
    .member-single-photo {
        width: 120px;
        height: 120px;
		margin-top:-20%;
        box-shadow: 0 0 0 3px white;
    }

    .member-name {
        font-size: 24px;
    }

    .member-specialty {
        font-size: 12px;
    }

    .member-biografia p {
        font-size: 16px;
    }

    .nav-arrow {
        top: 90%;
        transform: translate(0, 0);
    }
	.miembro__links {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        list-style: none;
    }

    .miembro__links li {
        display: inline-block;
        margin-right: 10px; /* Ajusta el espaciado entre los íconos */
    }

    .miembro__links li a {
        display: block;
        text-decoration: none;
    }
}
}

/* Main Image Slider */
.swiper-container.gallery-top {
    width: 100%;
    height: 500px; /* Fixed height */
    margin-bottom: 20px;
}

.swiper-container.gallery-top .swiper-slide {
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-container.gallery-top img {
    max-height: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}

/* Thumbnail Slider */
.swiper-container.gallery-thumbs {
    width: 100%;
    height: 120px; /* Adjust as needed */
    box-sizing: border-box;
    padding: 10px 0;
}

.swiper-container.gallery-thumbs .swiper-slide {
    width: auto;
    height: 100%;
    opacity: 0.4;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.swiper-container.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-container.gallery-thumbs img {
    max-height: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}

/* Noticias */

.noticias_wrapper{
	justify-content:center;
	align-items:center;
}

.seccion-noticias{
	display:flex;
	align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-content: center;
	max-width: 100%;
}

.archive-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.post-noticias {
    width: calc(33.333% - 20px); /* Tres columnas con espacio entre ellas */
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease;
}

.post-noticias img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.card__body {
    padding: 20px;
}

.post__title {
    font-size: 1.2em;
    margin: 0 0 20px;
	font-weight:800px;
}

.post-noticias:hover {
    transform: translateY(-10px);
}

.noticias-button {
	background-color: #0073e6;
    color: #fff;
	margin-top:10px;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 0.8em;
    cursor: pointer;
    border: none;
    transition: background-color 0.3s ease;
}

@media (max-width: 768px) {
    
	.seccion-noticias{
		max-width:85%;
	}
	.post-noticias {
        width: calc(50% - 20px); /* Dos columnas en tabletas */
    }
}

@media (max-width: 480px) {
	.seccion-noticias{
		max-width:85%;
	}
    .post-noticias {
        width: 100%; /* Una columna en móviles */
    }
}


/* Single-Noticias */
/* General */
body {
    font-family: Arial, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
}



/* Single Post Container */
.single-post-container {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Contacto */
.frm_checkbox label {
	--check-label-color:#fff;
}
.ovc h3 {
	color:#fff;
}

/* Header Section */
.single-post-header {
    margin-bottom: 30px;
}

.imagen-destacada img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.titular h1 {
    font-size: 2.5rem;
    color: #d32f2f;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Footer Container */
.container__footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

.container__footer p {
    margin: 0;
    font-size: 1rem;
    color: #757575;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .container__footer {
        flex-direction: column;
        gap: 0;
    }

    .titular h1 {
        font-size: 2rem;
    }
}
@media (max-width: 480px) {
    .container__footer {
        flex-direction: row;
        gap: 0;
    }

    .titular h1 {
        font-size: 2rem;
    }
}
/* Acceso Socios */

.acceso_socios {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh; /* Centra verticalmente */
    background-color: #f9f9f9;
}

.acceso_socios form {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    width: 100%;
}

.acceso_socios label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
}

.acceso_socios input[type="text"],
.acceso_socios input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.acceso_socios button {
    width: 100%;
    padding: 10px;
    background-color: #ff6700;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
}

.acceso_socios button:hover {
    background-color: #e65c00;
}

.acceso_socios a {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #0073aa; /* Cambia este color si lo prefieres */
    text-decoration: none;
    text-align: center;
}

.acceso_socios a:hover {
    text-decoration: underline;
    color: #005177; /* Color al pasar el cursor */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .acceso_socios {
        padding: 20px;
    }
    
    .acceso_socios form {
        padding: 15px;
    }
}

/* Restalecer Contraseña */

.restablecer_contrasena {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh; /* Centra verticalmente */
    background-color: #f9f9f9;
}

.restablecer_contrasena form {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    width: 100%;
}

#change_pwwd {
	 background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    width: 100%;
}

.restablecer_contrasena label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
}

.restablecer_contrasena input[type="text"],
.restablecer_contrasena input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.restablecer_contrasena button {
    width: 100%;
    padding: 10px;
    background-color: #ff6700;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
}

.restablecer_contrasena button:hover {
    background-color: #e65c00;
}

.restablecer_contrasena a {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #0073aa; /* Cambia este color si lo prefieres */
    text-decoration: none;
    text-align: center;
}

.restablecer_contrasena a:hover {
    text-decoration: underline;
    color: #005177; /* Color al pasar el cursor */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .restablecer_contrasena {
        padding: 20px;
    }
    
    .restablecer_contrasena form {
        padding: 15px;
    }
}

/* seccion-noticias pagina principal */

.eventos-container {
	
	overflow:hidden;
}
.noticias-container {
	height:700px !important;
	overflow:hidden;
}
.elementor-posts-container.elementor-posts-masonry {
    align-items: stretch !important;
}
.elementor-post__card {
	justify-content: space-between !important;
}




@media (max-width: 768px) {
    .eventos-container {
	height:auto !important;
	overflow:hidden;
	}
	.noticias-container {
		height:auto !important;
		overflow:hidden;
		margin-bottom:20px;
	}
	
}

/* Estilos Congreso */
.line {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: center;
}

#programa_texto h4 {
	color: #fff !important;
	font-weight:600 !important;
	line-height: 2em !important;
	margin-bottom:0px !important;
}

.programa_texto h4 {
	color: #fff !important;
	font-weight:600 !important;
	line-height: 2em !important;
	margin-bottom:0px !important;
}

#programa_texto h5 {
	font-size: 20px !important;
	color: #fff !important;
	font-weight:600 !important;
	line-height: 2em !important;
	margin-bottom:20px !important;
	margin-top: 20px !important;
}
#programa_texto h6 {
	color: #fff !important;
	font-weight:600 !important;
	line-height: 2em !important;
	margin-bottom:0px !important;
}
#frm_checkbox_71-0 label {
	color: #666666;
}
#frm_checkbox_70-0 label {
	color: #666666;
}
#disclaimer p {
	font-size: 12px;
	color: #fff;
	font-weight:300;
	line-height: 1em;
	
}