/* Contenedor todo */
html {
scroll-behavior: smooth !important;
}
main {
height: auto;
}
.session_expirada {
position: fixed;
display: block;
z-index: 999 !important;
background-color: rgba(0, 0, 0, 0.877);
backdrop-filter: blur(5px);
top: 0px;
left: 0px;
width: 100% !important;
height: 100dvh !important;
}
.contenido {
margin: 0px;
padding: 50px 80px;
min-height: 70dvh;
height: max-content;
/* overflow-x: hidden; */
}
.contenido .contenido_row {
padding: 0px !important;
margin: 0px !important;
width: 100% !important;
height: max-content;
}
.img_banner {
padding: 0px;
margin: 0px;
height: 30dvh;
margin-bottom: 50px;
box-shadow: 0px 3px 1px 3px var(--sombre);
border-radius: 5px;
overflow: hidden;
position: relative;
}
.img_banner::after {
position: absolute;
width: 100%;
height: 100%;
background-color: var(--negro_claro);
content: "";
top: 0px;
left: 0px;
}
.img_banner img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
}
/* CONTENIDO INICIO */
.inicio {
background-image: url("../../assets/imagenes/imagenes_login/fondo_login3.png");
background-size: 2500px;
background-position: center;
background-attachment: fixed;
min-height: 100dvh;
width: 100%;
padding: 0px;
position: relative;
display: flex;
/* align-items: end; */
}
.logos_inicio {
width: 100%;
height: max-content;
position: relative;
top: 0px;
left: 0px;
padding: 30px 50px;
}
.contenido_inicio {
overflow: hidden;
height: max-content;
width: 100%;
font-family: var(--letra-Parrafo);
}
.inicio_centrar {
height: auto;
padding: 0px 20px !important;
}
.h4_top {
position: sticky;
top: 0px;
background-color: #1D283C;
margin-bottom: 20px !important;
padding: 20px 0px;
border-bottom: 4px double #fff;
z-index: 9;
}
.bienvenida {
margin-top: 0px !important;
position: relative;
width: 100%;
height: 220px;
margin: auto;
display: flex;
flex-direction: row;
}
.bienvenida::before {
content: '';
width: 90%;
height: 70%;
background-color: #1d283c;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
margin: auto 0;
border-radius: 0px 100px 100px 0px;
}
.bienvenida .texto {
display: flex;
flex-direction: column;
gap: 5px;
justify-content: center;
align-items: center;
z-index: 9;
height: max-content;
margin: auto !important;
}
.letra_user {
height: 220px;
width: 220px;
font-size: 10rem;
position: relative;
color: #878787;
font-weight: 800;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
margin: 0px;
}
.letra_user2 {
height: 220px;
width: 220px;
position: relative;
border-radius: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
margin: 0px;
margin-bottom: 20px;
background-color: #f1f1f1;
border: 15px solid #afafaf;
}
.letra_user2 img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.letra_user::before {
position: absolute;
content: "";
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
width: 100%;
height: 100%;
border-radius: 100%;
border: 15px solid #afafaf;
background-color: #f1f1f1;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}
.bienvenida h3 {
color: var(--blanco);
font-size: 1.5rem;
font-weight: 600;
margin: 0px;
text-align: center;
}
.bienvenida h4 {
color: var(--verde-app) !important;
font-size: 1.3rem !important;
font-weight: 400;
margin: 0px;
text-align: center;
}
.bienvenida h5 {
color: var(--blanco);
font-size: 1rem;
text-align: center;
font-weight: 200;
}
.bienvenida .salir {
width: 30%;
margin: auto;
font-size: 1.2rem;
font-weight: 400;
margin: 0px;
}
.inicio .imagen_inicio1 {
width: 130px;
}
.inicio .imagen_inicio2 {
width: 180px;
}
.imagen_2 {
display: flex;
gap: 50px;
justify-content: center;
align-items: center;
}
.links_contenido {
margin: 0px !important;
margin-top: 0px !important;
justify-content: center;
padding: 0px 100px !important;
align-items: center;
height: max-content;
}
.link_scroll {
height: 75dvh;
overflow-y: scroll;
margin: 20px 0px !important;
background-color: #1d283c;
border-radius: 20px 0px 0px 20px;
padding: 0px 40px 40px 40px !important;
}
/* Para Chrome, Edge y Safari */
.link_scroll::-webkit-scrollbar {
width: 8px;
/* Ancho del scroll */
}
.link_scroll::-webkit-scrollbar-track {
background: transparent;
/* Color del track (fondo del scroll) */
border-radius: 4px;
/* Bordes redondeados */
}
.link_scroll::-webkit-scrollbar-thumb {
background: var(--gris);
/* Color del thumb (barra de desplazamiento) */
border-radius: 4px;
/* Bordes redondeados */
}
.links_contenido h4 {
color: var(--blanco);
text-align: center;
font-size: 2.5rem;
font-weight: 600;
margin: 0px;
height: max-content;
}
.links_contenido .link {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.links_contenido .link a {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
color: var(--blanco);
font-size: 1rem;
font-weight: 400;
transition: 0.2s ease-in-out;
width: 100%;
}
.links_contenido .link a p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: inline-block;
}
.links_contenido .link a:hover {
transform: scale(1.03);
}
.links_contenido .link a img {
width: 65px;
}
.links_contenido .link a ion-icon {
font-size: 4rem;
transition: 0.2s ease-in-out;
}
.links_contenido .link a:hover ion-icon {
color: var(--verde-app);
}
.letra_user_2 {
font-size: 4.2rem;
position: relative;
color: var(--verde-app);
width: 100%;
font-weight: 800;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
margin: 0px;
}
.letra_user_2::before {
position: absolute;
content: "";
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
height: 100px;
width: 100px;
/* background-image: url("../../assets/imagenes/contenido_inicio/fondo_user.png"); */
background-position: center;
border-radius: 100%;
border: 10px solid rgb(255, 255, 255);
background-repeat: no-repeat;
background-size: contain;
z-index: -1;
}
/* targetas publicaciones */
/* Tarjeta */
.publicaciones-card {
height: 100%;
display: flex;
flex-direction: column;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
font-family: var(--letra-Parrafo);
justify-content: center;
}
/* Imagen */
.publicacion_imagen {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
overflow: hidden;
}
.publicaciones-img {
max-width: 100%;
height: auto;
border-radius: 5px;
margin: auto;
}
/* Título */
.publicaciones-titulo {
font-size: 18px;
font-weight: bold;
text-align: left;
}
/* Descripción con scroll si es muy larga */
.publicaciones-descripcion {
max-height: 120px;
overflow-y: auto;
text-align: left;
font-size: 14px;
color: var(--gris);
margin: 0px;
}
/* Botón */
.publicaciones-boton {
width: fit-content;
background-color: var(--verde-app) !important;
outline: none;
border: none;
}
.publicaciones-boton {
width: fit-content;
outline: none;
border: none;
margin-top: 10px;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.publicaciones-boton1 {
background-color: var(--verde-app) !important;
}
.publicaciones-boton2 {
background-color: var(--rojo-app) !important;
}
.publicaciones-boton3 {
background-color: var(--azul-app) !important;
}
.punto {
position: absolute;
top: 3px;
right: 8px;
font-size: 2rem;
color: var(--gris);
cursor: pointer;
}
.targeta-body {
padding-top: 20px;
}
/* Titulo general */
.tit {
color: var(--azul-app);
font-weight: 700;
font-size: 3rem;
}
.des {
color: var(--gris);
font-size: 1.5rem;
}
/* TABS PUBLICACIONES */
/* Estilos generales de las pestañas */
.publicaciones-tabs {
border-bottom: 2px solid var(--borde);
}
.publicaciones-tabs .nav-link {
color: var(--azul-app);
font-weight: bold;
font-size: 1rem;
}
.publicaciones-tabs .nav-link.active {
background-color: var(--azul-app);
color: white;
}
/* PUBLICACION POR ID */
.publicacion_id {
font-family: var(--letra-Parrafo);
position: relative;
padding-top: 30px;
}
/* .publicacion_id::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 50%;
background-image: url("../../assets/imagenes/imagenes_login/ondas_gif.gif");
background-size: cover;
z-index: -1;
border-radius: 20px 20px 0px 0px;
border-bottom: 10px solid var(--borde);
} */
/* .publicacion_id .salir{
position: absolute;
right: 20px;
bottom: 20px;
color: var(--blanco);
background-color: var(--rojo-app);
display: flex;
justify-content: center;
align-items: center;
border: none;
outline: none;
gap: 10px;
} */
.publicacion_tit {
font-size: 3rem;
margin-top: 50px;
color: var(--verde-app);
font-weight: 600;
}
.publicacion_des {
margin-top: 80px;
font-size: 2rem;
color: var(--azul-app);
font-weight: 400;
}
.publicacion_id .imagen_id {
width: 100%;
height: 500px;
object-fit: contain;
filter: drop-shadow(5px 5px 5px var(--sombre));
/* Sombra suave */
}
/* NOTICIA */
/* Título */
.contenedor_noticia {
position: relative;
}
.volver {
position: sticky;
top: 130px;
margin: auto;
z-index: 99;
}
.noticia-titulo {
font-size: 2rem !important;
font-weight: bold;
text-align: left;
color: var(--gris);
}
.noticia-descripcion {
font-size: 1rem !important;
text-align: left;
}
.noticias_img {
width: 80% !important;
margin: 20px auto !important;
}
.wp-block-image {
width: max-content;
margin: 20px auto !important;
}
.wp-block-image img {
width: 100%;
margin: auto;
}
.swiper-slide-inner {
width: max-content;
margin: 20px auto !important;
}
.swiper-slide-inner img {
width: 100%;
margin: auto;
}
/* PODCASTS */
.podcast_cont {
/* background-image: url("../../assets/imagenes/contenido_podcasts/background_audio.png"); */
background-position: center;
background-size: contain;
padding: 20px;
border-radius: 10px;
width: 100%;
margin: auto;
position: relative;
}
.podcast_img {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
}
.podcast_img .img {
width: max-content;
height: 350px;
object-fit: contain;
object-position: center;
position: relative;
margin-bottom: 30px;
border-radius: 10px;
}
.tags {
color: var(--verde-app) !important;
font-weight: 800;
margin: 0px;
}
.tags2 {
color: var(--azul-app) !important;
font-weight: 800;
margin: 0px;
}
.podcasts-titulo {
font-size: 1.4rem;
font-weight: 800;
color: var(--gris);
}
.tiempo {
font-family: var(--letra-Parrafo);
color: var(--gris);
position: relative;
z-index: 1;
}
#botones_rep {
justify-content: center;
align-items: center;
width: 100%;
gap: 20px;
}
#botones_rep button {
background-color: transparent;
border: none;
outline: none;
font-size: 4.5rem;
color: var(--boton);
transition: 0.2s ease-in-out;
}
#botones_rep .disabled {
color: #bcbcbc !important;
}
#botones_rep button:hover {
transform: scale(1.05);
}
#opcionesReaccion {
position: absolute;
top: -40px;
left: 0px;
right: 0px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
z-index: 100;
}
#opcionesReaccion button {
margin: 0px;
font-size: 1.5rem !important;
color: var(--blanco);
padding: 5px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.link_disabled_ {
cursor: not-allowed;
}
/* CALENDARIO */
.btn_anios {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 10px;
margin-bottom: 40px;
}
.btn_anios .arrows {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
border-bottom: 2px dotted var(--gris);
padding-bottom: 10px;
}
.btn_anios .arrows .arrow {
font-size: 2.5rem;
color: var(--gris);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer !important;
}
.btn_anios .arrows button {
border: none;
outline: none;
background-color: transparent;
}
.btn_anios .arrows button:hover {
transition: 0.2s ease-in-out;
color: var(--azul-app);
}
.btn_anios .todos {
font-size: 1.3rem;
color: var(--blanco);
display: flex;
align-items: center;
justify-content: center;
border: none;
outline: none;
background-color: var(--verde-app);
}
.eventos_calendario_cont {
padding: 20px;
}
.eventos_calendario_cont .eventos_calendario {
background-color: var(--gris-claro);
border-left: 10px solid var(--borde);
border-radius: 0px 10px 10px 0px;
padding: 20px;
font-size: 0.9rem;
height: 100%;
box-shadow: 0px 0px 5px var(--negro_claro);
}
.eventos_calendario_cont .eventos_calendario h3 {
font-size: 2rem;
color: var(--azul-app);
font-weight: 800;
}
.eventos_calendario_cont .eventos_calendario ul {
list-style: none;
}
.eventos_calendario_cont .eventos_calendario ul li {
background-color: var(--blanco);
padding: 5px 10px 5px 10px;
border-radius: 0px 5px 5px 0px;
font-weight: 600;
margin-top: 10px;
box-shadow: 0px 0px 3px var(--negro_claro);
cursor: pointer;
color: var(--gris);
}
.eventos_calendario_cont .eventos_calendario p {
font-weight: 400;
}
.vivo {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
color: rgb(168, 166, 166)
}
.vivo ion-icon {
color: red;
animation: parpadear 1s infinite;
}
.vivo_a {
position: absolute !important;
top: 0px;
left: 0px;
color: white;
padding: 3px;
border-radius: 3px;
}
.vivo_a ion-icon {
color: #fff !important;
}
.volver {
display: flex;
justify-content: center;
align-items: center;
gap: 3px;
width: max-content;
}
@keyframes parpadear {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.cont_evento {
padding: 0px;
margin: 0px;
gap: 0px 10px;
/* justify-content: center; */
align-items: center;
}
.img_evento {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 10px;
}
/* MODAL EVENTO */
.modal_evento_tit {
color: var(--blanco);
font-weight: 600;
}
.modal_evento_tit h2,
.modal_evento_tit button {
font-weight: 800;
font-size: 1.3rem !important;
}
.evento-detalle h4,
.evento-detalle p {
margin: 0px;
}
.evento-detalle h4 {
text-align: center;
font-size: 1.2rem;
margin-bottom: 10px;
padding: 10px;
border-radius: 5px 5px 0px 0px;
font-weight: 600;
background-color: var(--gris);
border-bottom: 6px solid var(--borde);
}
.evento-detalle p {
font-size: 1rem;
margin-bottom: 5px;
}
.btn_conferencia {
color: var(--azul-app);
font-size: 1.2rem;
text-align: center;
font-weight: 400;
text-decoration: underline;
display: block;
margin: auto;
}
#video_container {
height: 100%;
}
#video_container iframe {
width: 100%;
height: 250px;
border-radius: 10px;
}
#iframe_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 10;
}
#contador_tiempo {
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
display: none;
width: max-content;
}
.con_img {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
}
.con_img img {
width: 100%;
}
.con_contenedor {
display: flex;
flex-direction: column;
justify-content: center;
gap: 5px;
}
.con_contenedor p {
margin: 0px !important;
}
.buscador {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.buscador p {
cursor: pointer;
}
/* CONFERENCIAS */
#get_all_conferencias_vivo {
padding: 0px;
/* border-bottom: 7px double var(--borde); */
}
.conferencias_vivo {
margin: 0px 0px 20px 0px;
height: auto;
}
.conferencias_vivo .conferencias_vivo_div {
padding: 20px 20px 0px 20px !important;
width: 100%;
height: auto;
}
.conferencias_vivo .conferencias_vivo_div .iframe {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.conferencias_vivo .iframe .imagen_con {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(1) brightness(0.5);
transition: 1s ease-in-out;
z-index: 2;
cursor: pointer;
border-radius: 10px;
}
.conferencias_vivo .conferencias_vivo_div .iframe .play {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
display: block;
z-index: 3;
font-size: 8rem;
color: var(--verde-app);
cursor: pointer;
}
.conferencias_vivo .iframe:hover .play {
transition: 0.5s ease-in-out;
color: var(--azul-app);
}
.conferencias_vivo .iframe:hover .imagen_con {
filter: grayscale(0) brightness(0.8);
transform: scale(1.1);
transition: 0.5s ease-in-out;
}
.conferencias_vivo .conferencias_vivo_div .iframe iframe {
width: 100%;
height: 230px;
filter: drop-shadow(3px 3px 6px var(--gris));
}
.conferencias_vivo_6 .conferencias_vivo_div .iframe iframe {
height: 400px !important;
}
.conferencias_vivo_12 {
width: 70%;
margin: 0px auto 20px auto;
}
.conferencias_vivo_12 .conferencias_vivo_div .iframe iframe {
height: 60dvh !important;
}
.conferencias_vivo_max {
width: 80%;
margin: 0px auto;
}
.conferencias_vivo_max .conferencias_vivo_div .iframe iframe {
height: 80dvh !important;
}
.conferencia_detalle {
height: max-content !important;
display: flex;
flex-direction: column;
gap: 3px;
}
.alerta {
width: 50%;
margin: auto;
}
.vivo_2 {
width: max-content;
background: rgb(231, 57, 57);
top: 0px;
left: 0px;
color: white;
padding: 3px;
border-radius: 3px;
}
.vivo_2 ion-icon {
color: #fff !important;
}
/* LISTA REPRODICCION */
/* .slick-slide{
height: 370px;
} */
.slick-track {
margin: 0px;
}
.lista {
cursor: pointer;
margin-top: 40px;
}
.lista h2 {
display: flex;
justify-content: left !important;
}
.targta_lista {
padding: 20px;
}
.playlist-card {
padding: 10px;
background-color: #1e1e1e;
border-radius: 15px;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
height: 100%;
}
.playlist-card:hover {
transform: scale(1.03);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
}
.playlist-image {
width: 100%;
height: 170px;
aspect-ratio: 2/0;
object-fit: cover;
object-position: center;
border-radius: 10px;
}
.playlist-info {
padding: 15px;
text-align: center;
}
.playlist-title {
font-weight: bold;
margin: 0;
color: white;
font-size: 1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* LISTA TODOS */
.borde_abajo {
margin-bottom: 30px;
border-bottom: 3px dotted var(--borde);
}
.fechas {
color: var(--blanco) !important;
padding: 10px;
text-align: center;
border-radius: 5px;
margin-bottom: 30px !important;
}
df-messenger {
--df-messenger-font-color: #000;
--df-messenger-font-family: Google Sans;
--df-messenger-chat-background: #f3f6fc;
--df-messenger-message-user-background: #d3e3fd;
--df-messenger-message-bot-background: #fff;
}
/* Para el modal completo */
.modal {
max-height: 109dvh;
/* Ajusta según el tamaño que necesites */
overflow-y: auto;
/* Permite el scroll cuando el contenido excede el tamaño */
}
/* chat */
.chat {
width: 100%;
height: 85dvh;
overflow: hidden;
/* z-index: 9999; */
/* position: fixed; */
bottom: 0px;
left: 0px;
display: block;
}
.header_app {
background-color: #1D283C;
height: 60px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 8px 6px var(--negro_claro);
border-bottom: 2px solid var(--verde-app);
}
.header_app img {
height: 100%;
object-fit: contain;
object-position: center;
}
/* CARRUSEL */
.carrusel {
position: sticky;
top: 0px;
height: 78dvh;
padding: 0px 0px 0px 100px;
display: flex;
flex-direction: column;
justify-content: center;
/* align-items: center; */
gap: 0px;
}
.carrusel .carousel {
border-radius: 20px;
overflow: hidden;
height: 60%;
width: 100%;
}
.carrusel .carrusel_2 {
display: flex;
flex-direction: column;
gap: 40px;
}
.carrusel .carousel .carousel-inner {
height: 100%;
width: 100%;
padding: 0px;
}
.carrusel .carousel .carousel-inner .carousel-item {
height: 100%;
width: 100%;
padding: 20px;
}
.carrusel .carousel .carousel-inner .carousel-item img {
height: 100%;
/* width: max-content !important; */
width: 100%;
margin: auto;
object-fit: fill;
object-position: center;
border-radius: 10px;
border-bottom: 5px solid var(--borde);
box-shadow: 10px 3px 5px 1px var(--sombre);
}
.perfil {
/* position: fixed;
top: 20px;
right: 20px; */
display: flex;
justify-content: center;
align-items: center;
width: max-content;
z-index: 999;
}
/* PANATALLA COMPLETA */
.toggle-btn {
font-family: var(--letra-Parrafo);
position: fixed;
bottom: 20px;
left: 20px;
background-color: #909090;
color: white;
border: none;
border-radius: 5px;
width: max-content;
height: max-content;
font-size: 1.6rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
cursor: pointer;
transition: background-color 0.3s ease;
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
padding: 5px;
}
.toggle-btn2 {
border-radius: 5px !important;
bottom: 55px !important;
background-color: var(--verde-app) !important;
}
#toggleIcon {
font-size: 18px;
}
.toggle-btn:hover {
background-color: #0056b3;
}
/* denegado */
.denegado {
width: 60%;
margin: auto;
display: block;
padding: 50px;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.denegado img {
width: 100%;
height: 100%;
object-fit: contain;
margin: auto;
display: block;
}
@keyframes saltar {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
.denegado .btn_vol {
font-size: 1.5rem;
position: absolute;
bottom: 100px;
right: 0px;
left: 0px;
margin: 0 auto;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: max-content;
animation: saltar 1s infinite;
}
/* FOROS */
.foro-preguntas {
margin-top: 40px !important;
}
.foro-card {
transition: transform 0.2s, box-shadow 0.2s;
border-radius: 1rem;
background-color: #fff;
border-left: 10px solid var(--verde-app);
cursor: pointer;
}
.foro-card:hover {
transform: translateY(-4px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}
.avatar_con {
width: 130px;
height: 130px;
flex-shrink: 0;
border-radius: 50%;
overflow: hidden;
background-color: #fff;
border: 3px solid #dee2e6;
margin-right: 20px;
}
.foro-avatar {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.foro-header h5 {
font-size: 1.2rem;
font-weight: 600;
color: var(--azul-app);
}
.foro-tag {
background-color: #f0f0f0;
color: #fff;
font-size: 0.7rem;
padding: 5px 10px;
width: fit-content;
color: #6c757d;
}
.card-footer {
font-size: 0.85rem;
color: #6c757d;
}
.card-foro {
padding-bottom: 0px !important;
padding-top: 40px !important;
}
.reaciones {
display: flex;
align-items: center;
}
.part_abajo {
font-size: 0.8rem;
}
.acciones_fo {
position: absolute;
top: 0px;
right: 0px;
font-size: 1.5rem;
padding: 0px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
display: flex;
}
.acciones_fo .butn {
margin: 0px;
padding: 5px;
height: max-content;
width: max-content;
display: flex;
justify-content: center;
align-items: center;
}
.acciones_fo .butn:nth-child(1) {
background: var(--azul-app);
}
.acciones_fo .butn:nth-child(2) {
background: var(--rojo-app);
}
/* Asegura que el editor sea visible y editable */
#editor_enriquesido {
pointer-events: auto !important;
user-select: auto !important;
opacity: 1 !important;
background-color: #fff;
}
.ql-editor {
min-height: 150px;
background-color: #fff;
color: #000;
}
/* PREGUNTAS */
#get_all_foros {
position: relative;
}
.preguntas_card {
border: 1px solid #ddd;
border-radius: 12px;
background-color: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
padding: 1rem;
}
.preguntas_card_s {
/* z-index: 999; */
background-color: var(--gris-claro) !important;
color: var(--gris) !important;
border-radius: 10px 10px 0px 0px !important;
/* border: none !important; */
border-bottom: 5px solid var(--borde) !important;
}
.preguntas_card_s span {
color: var(--gris) !important;
}
.preguntas_card_1 {
border-radius: 0px 0px 10px 10px !important;
border-top: none;
}
.preguntas_h1 {
margin-bottom: 10px;
font-size: 1.6rem;
}
.preguntas_card_body .h3 {
font-size: 1.3rem;
color: var(--amarillo-app);
margin: 0px;
}
.preguntas_card_header {
border-bottom: 1px solid #eee;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
.preguntas_card_body {
font-size: 1rem;
color: #333;
}
.preguntas_card_footer {
margin-top: 1rem;
border-top: 1px solid #eee;
padding-top: 0.75rem;
}
.preguntas_avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
border: 1px solid #ccc;
}
.preguntas_comentario_form,
.preguntas_respuesta_form {
margin-top: 1rem;
background-color: #f9f9f9;
padding: 1rem;
border-radius: 8px;
}
.preguntas_textarea {
resize: vertical;
}
.accordion-button {
background-color: #f5f5f5;
font-weight: bold;
color: #333;
}
.accordion-button:not(.collapsed) {
background-color: #e9ecef;
color: #000;
}
.accordion-item {
border: none;
border-top: 1px solid #ddd;
}
.accordion-body {
background-color: #fcfcfc;
}
.preguntas_card .btn {
font-size: 0.875rem;
padding: 0.375rem 0.75rem;
}
#btn_volver_foros {
bottom: 10px !important;
top: auto !important;
}
/* NOTIFICACIONES */
.campana {
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.campana ion-icon {
font-size: 1.3rem;
}
/* WHAZAPA */
.icono_wha {
position: fixed;
bottom: 10px;
right: 10px;
background: white;
border-radius: 50px;
padding: 10px 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
gap: 8px;
z-index: 999;
text-decoration: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 2px solid #25D366;
padding: 10px;
}
.icono_wha ion-icon {
color: #25D366;
font-size: 20px;
}
.icono_wha p {
margin: 0;
font-weight: bold;
color: #a5aba7;
opacity: 1;
font-size: 14px;
/* transform: translateY(5px); */
transition: opacity 0.3s ease, transform 0.3s ease;
}
/* Hover efecto tipo "pzzz" y mostrar el texto */
.icono_wha:hover {
animation: vibrar 0.2s linear 2;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
.icono_wha:hover p {
color: #25D366;
opacity: 1;
transform: translateY(0);
}
@keyframes vibrar {
0% {
transform: translate(0);
}
25% {
transform: translate(1px, -1px);
}
50% {
transform: translate(-1px, 1px);
}
75% {
transform: translate(1px, 1px);
}
100% {
transform: translate(0);
}
}
/* slik arrow */
/* Contenedor necesario para posicionar flechas */
.carrusel_1 {
position: relative;
}
/* Contenedor general para agrupar flechas */
.carrusel_1 .slick-arrow {
position: absolute;
bottom: -50px;
z-index: 10;
border: none;
background: none;
font-size: 32px;
color: #333;
cursor: pointer;
right: 30px;
padding: 0px;
}
/* Flecha izquierda */
.custom-prev {
width: max-content;
height: max-content;
transform: translateX(-40px);
}
/* Flecha derecha */
.custom-next {
width: max-content;
height: max-content;
}
/* Posicionamiento relativo del contenedor */
.carrusel2 {
position: relative;
}
/* Flechas del carrusel2 */
.carrusel2 .custom-arrow2 {
position: absolute;
top: -60px;
z-index: 10;
border: none;
background: none;
font-size: 32px;
color: #333;
cursor: pointer;
right: 20px;
padding: 0px;
}
/* Flecha izquierda */
.custom-prev2 {
width: max-content;
height: max-content;
transform: translateX(-40px);
}
/* Flecha derecha */
.custom-next2 {
width: max-content;
height: max-content;
}
/* PERFIL */
#offcanvasDerecha {
background-color: #f8f9fa;
/* fondo claro */
/* width: 280px; */
border-left: 1px solid #dee2e6;
}
#offcanvasDerecha .offcanvas-header {
background-color: var(--azul-app);
border: none;
padding: 1rem 1rem;
background-color: var(--azul-app);
}
#offcanvasDerecha .offcanvas-title {
font-weight: bold;
color: var(--blanco);
}
#offcanvasDerecha .offcanvas-body {
padding: 1rem;
display: flex;
/* justify-content: center; */
align-items: center;
flex-direction: column;
gap: 10px;
background-color: #EEEEEE;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23CDCDCD'/%3E%3Cstop offset='1' stop-color='%23EEEEEE'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23dedede'/%3E%3Cstop offset='1' stop-color='%23EEEEEE'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-attachment: scroll;
background-size: cover;
position: relative;
}
#offcanvasDerecha ul {
list-style: none;
padding: 0;
margin: 0;
}
#offcanvasDerecha ul li {
margin-bottom: 12px;
}
#offcanvasDerecha ul li a {
color: #343a40;
text-decoration: none;
font-weight: 500;
display: block;
padding: 8px 12px;
border-radius: 6px;
transition: background-color 0.3s;
}
#offcanvasDerecha ul li a:hover {
background-color: #e9ecef;
}
#offcanvasDerecha ul li a.text-danger {
background-color: #f8d7da;
text-align: center;
color: #842029;
position: absolute;
top: 5px;
right: 5px;
width: max-content;
}
#offcanvasDerecha ul li a.text-danger:hover {
background-color: #f5c2c7;
}
/* #modalCodigo{
z-index: 9999999 !important;
}
#modalContrasena{
z-index: 9999999 !important;
} */
.btn_volver {
background-color: var(--azul-app);
position: fixed;
top: 130px;
left: 10px;
border: none;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
z-index: 999;
}
.bnt_general button,
.bnt_general a {
display: flex !important;
align-items: center !important;
gap: 5px !important;
padding: 5px !important;
border: none;
font-size: 1.2rem;
}
/* REACCIONES */
.evento_detalle {
height: 180px !important;
overflow-y: auto;
}
.opcionesReaccion {
position: absolute !important;
top: 0px !important;
right: 0px !important;
/* margin: 0px !important; */
width: max-content;
left: auto !important;
}
.opcionesReaccion button {
border: none !important;
}
.opcionesReaccion2 {
position: relative !important;
margin-top: 10px !important;
width: 100% !important;
}
.opcionesReaccion3 {
position: relative !important;
margin-top: 10px !important;
margin-right: 0px !important;
width: max-content !important;
}
.opcionesReaccion3 ion-icon {
font-size: 15px !important;
}
.carrusel2 .opcionesReaccion2 button {
width: 30px !important;
height: 30px !important;
padding: 0px;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.carrusel2 .opcionesReaccion2 ion-icon {
font-size: 20px !important;
}
.modal {
z-index: 999999999999;
}
/* PROGRAMAR */
.programar {
display: flex;
width: 100%;
margin: auto;
justify-content: right;
gap: 5px;
margin-top: 10px;
}
.programar .btn {
color: #fff;
font-weight: 500;
border-radius: 0.5rem;
padding: 3px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: transform 0.1s ease, box-shadow 0.1s ease;
font-size: 0.7rem;
display: flex;
gap: 3px;
width: max-content;
}
/* Google Calendar green */
.btn-google {
background: #DB4437;
border: none;
}
.btn-google:hover {
background-color: #be3225;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px);
}
/* Outlook blue */
.btn-outlook {
background-color: #0078D4;
}
.btn-outlook:hover {
background-color: #005A9E;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px);
}
/* Icon size */
.programar ion-icon {
font-size: 1rem;
}
.pronto {
background-color: var(--azul-app);
color: var(--blanco);
font-size: 1rem;
position: absolute;
bottom: 5px;
right: 5px;
z-index: 999;
padding: 3px;
border-radius: 5px;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.443);
}
#imagen_video_container {
height: 250px;
}
#imagen_video_container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.alerta_conultas {
position: fixed;
top: 0px;
display: flex;
justify-content: center;
align-items: center;
z-index: 99999;
background-color: #0000006b;
backdrop-filter: blur(3px);
height: 100dvh;
width: 100%;
padding: 30px;
}
.alerta_conultas div {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
}
.alerta_conultas button {
display: block;
position: relative !important;
/* background-color: var(--azul-app); */
}
.btn-volver-top {
top: 10px !important;
}
.appfiliados {
position: fixed;
bottom: 10px;
left: 10px;
background: #0a4da3;
border-radius: 50px;
padding: 10px 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
gap: 8px;
z-index: 999;
text-decoration: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 2px solid white;
padding: 10px;
}
/* Hover efecto tipo "pzzz" y mostrar el texto */
.appfiliados:hover {
animation: vibrar 0.2s linear 2;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
.appfiliados img {
width: 100px;
}
.banner_app {
height: max-content;
position: relative;
}
.banner_app img {
width: 100%;
object-fit: contain;
object-position: center;
}
.btn-close_app {
position: absolute;
top: -20px;
right: -20px;
width: max-content;
height: max-content;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
margin: 0px;
font-size: 4rem;
color: white;
border: none;
outline: none;
background-color: transparent;
}
/* AUIDO */
.progress-container {
position: relative;
height: 8px;
width: 100%;
background: #e5e5e5;
border-radius: 4px;
cursor: pointer;
margin-block: 12px;
}
.buffer-bar {
position: absolute;
height: 100%;
width: 0%;
background: #cfd0d0;
border-radius: 4px;
}
.progress-bar {
position: absolute;
height: 100%;
width: 0%;
background: #9dc44d;
/* verde de tu paleta */
border-radius: 4px;
}
.thumb {
position: absolute;
top: -4px;
/* la mitad del alto */
left: 0;
width: 16px;
height: 16px;
border-radius: 50%;
background: #9dc44d;
transform: translate(-50%, 0);
/* centro elipse en la barra */
pointer-events: none;
/* el drag lo llevamos con la barra */
}
@media screen and (min-width: 1000px) and (max-width:1650px) {
#imagen_video_container {
height: 200px;
}
.img_evento {
width: 35px;
height: 35px;
border-radius: 5px;
}
/* PROGRAMAR */
.programar ion-icon {
font-size: 0.6rem;
}
.programar .btn {
font-size: 0.5rem;
}
.icono_wha ion-icon {
font-size: 18px;
}
.icono_wha p {
font-size: 12px;
}
.btn_volver {
font-size: 0.8rem;
top: 75px;
}
.bnt_general {
gap: 20px;
}
.bnt_general button,
.bnt_general a {
font-size: 0.9rem;
}
/* CONTENIDO INICIO */
.inicio {
padding: 0px 0px !important;
}
.logos_inicio {
padding: 20px 20px 40px 20px;
}
.inicio_centrar {
height: auto;
padding: 0px 10px !important;
}
.bienvenida {
gap: 8px;
height: auto;
}
.bienvenida::before {
width: 80%;
}
.letra_user {
font-size: 6rem;
margin-bottom: 10px;
}
.letra_user2 {
width: 170px;
height: 170px;
margin-bottom: 0px;
background-color: #f1f1f1;
border: 10px solid #afafaf;
}
.bienvenida h3 {
font-size: 1.1rem;
}
.bienvenida h4 {
font-size: 1rem !important;
}
.bienvenida h5 {
font-size: 0.8rem;
}
.bienvenida .salir {
width: 30%;
font-size: 0.8rem;
}
.inicio .imagen_inicio1 {
width: 100px;
}
.inicio .imagen_inicio2 {
width: 140px;
}
.link_scroll {
height: 75dvh;
padding: 0px 20px 20px 20px !important;
margin: 0px !important;
}
/* Para Chrome, Edge y Safari */
.link_scroll::-webkit-scrollbar {
width: 5px;
/* Ancho del scroll */
}
.links_contenido .link a p {
max-width: 98%;
}
.letra_user_2 {
font-size: 3.8rem;
}
.links_contenido h4 {
font-size: 1.5rem;
padding: 15px 0px;
}
.links_contenido {
padding: 0 80px !important;
}
.links_contenido .link {
padding: 10px;
}
.links_contenido .link a {
font-size: 0.7rem;
}
.links_contenido .link a img {
width: 50px;
}
.links_contenido .link a ion-icon {
font-size: 3.7rem;
}
.carrusel {
height: 73dvh;
}
.carrusel .carousel {
border-radius: 10px;
height: 60%;
}
.carrusel .carrusel_2 {
gap: 20px;
}
/* Contenedor todo */
.contenido {
padding: 40px 50px 30px 50px;
}
.tit {
font-size: 2rem;
}
.des {
font-size: 1.1rem;
}
/* targetas publicaciones */
/* Tarjeta */
.publicaciones-card {
border-radius: 5px;
}
/* Imagen */
.publicacion_imagen {
padding: 8px;
}
/* Título */
.publicaciones-titulo {
font-size: 15px;
}
/* Descripción con scroll si es muy larga */
.publicaciones-descripcion {
max-height: 90px;
font-size: 11px;
}
/* Botón */
.publicaciones-boton {
font-size: 12px;
}
.punto {
font-size: 1.5rem;
}
.targeta-body {
padding-top: 30px;
}
/* TABS PUBLICACIONES */
.publicaciones-tabs .nav-link {
font-size: 0.8rem;
}
/* Título */
.noticia-titulo {
font-size: 1.6rem !important;
}
.noticia-descripcion {
font-size: 0.8rem !important;
}
.noticias_img {
width: 80% !important;
margin: 10px auto !important;
}
.wp-block-image {
width: max-content;
margin: 20px auto !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.wp-block-image img {
width: 60%;
height: 60%;
margin: auto;
}
.swiper-slide-inner {
width: max-content;
margin: 20px auto !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.swiper-slide-inner img {
width: 60%;
height: 60%;
margin: auto;
}
.volver {
top: 90px;
}
/* PODCAST */
.podcasts-titulo {
font-size: 1.1rem;
}
.podcast_cont {
padding: 20px;
}
.podcast_img .img {
height: 250px;
margin-bottom: 20px;
border-radius: 10px;
}
#botones_rep button {
font-size: 3.5rem;
}
#opcionesReaccion button {
font-size: 1rem !important;
}
/* CALENDARIO */
.btn_anios {
gap: 8px;
margin-bottom: 20px;
}
.btn_anios .arrows {
gap: 10px;
border-bottom: 2px dotted var(--gris);
padding-bottom: 7px;
}
.btn_anios .arrows .arrow {
font-size: 1.8rem;
}
.btn_anios .todos {
font-size: 0.8rem;
}
.eventos_calendario_cont {
padding: 10px;
}
.eventos_calendario_cont .eventos_calendario {
border-left: 8px solid var(--borde);
padding: 15px;
font-size: 0.7rem;
}
.eventos_calendario_cont .eventos_calendario h3 {
font-size: 1.4rem;
}
.eventos_calendario_cont .eventos_calendario ul li {
padding: 3px 8px 3px 8px;
margin-top: 5px;
}
.vivo {
gap: 3px;
}
/* MODAL EVENTO */
.modal_evento_tit h2,
.modal_evento_tit button {
font-size: 1rem !important;
}
.evento-detalle h4 {
font-size: 0.9rem;
margin-bottom: 5px;
padding: 5px;
}
.evento-detalle p {
font-size: 0.7rem;
}
.btn_conferencia {
font-size: 0.8rem;
}
#video_container iframe {
height: 200px;
}
#contador_tiempo {
font-size: 10px;
}
.con_img {
padding: 5px;
}
.con_img img {
width: 70%;
}
/* denegado */
.denegado {
width: 50%;
padding: 40px;
}
.denegado .btn_vol {
font-size: 1rem;
bottom: 70px;
}
/* FOROS */
.foro-preguntas {
margin-top: 20px !important;
}
.foro-card {
border-radius: 0.8rem;
border-left: 6px solid var(--verde-app);
}
.avatar_con {
width: 80px;
height: 80px;
border: 2px solid #dee2e6;
margin-right: 10px;
}
.foro-header h5 {
font-size: 0.9rem;
}
.foro-header p {
font-size: 0.7rem;
padding: 0px;
}
.foro-tag {
font-size: 0.5rem;
padding: 5px;
}
.card-footer {
font-size: 0.6rem;
padding-top: 0px !important;
}
.card-footer .text-muted {
align-items: center;
}
.card-foro {
padding-top: 20px !important;
}
.opcionesReaccion3 ion-icon {
font-size: 0.6rem !important;
}
.opcionesReaccion3 .d-flex {
gap: 5px !important;
}
.part_abajo {
font-size: 0.6rem;
}
.acciones_fo {
font-size: 1rem;
}
.editor_enriquesido {
height: 130px !important;
}
/* PREGUNTAS */
.preguntas_card {
border: 1px solid #ddd;
border-radius: 10px;
padding: 10px;
}
.preguntas_card_s span {
color: var(--gris) !important;
}
.preguntas_h1 {
font-size: 1.3rem;
}
.preguntas_card_body .h3 {
font-size: 1.2rem;
}
.preguntas_card_body .text-muted {
margin: 0px !important;
}
.preguntas_card_body h3 {
font-size: 1.2rem;
}
.preguntas_card_header {
border-bottom: 1px solid #eee;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
font-size: 0.8rem;
}
.preguntas_card_body {
font-size: 0.7rem;
color: #333;
}
.preguntas_card_footer {
margin-top: 1rem;
border-top: 1px solid #eee;
padding-top: 0.75rem;
}
.preguntas_avatar {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
border: 1px solid #ccc;
}
.accordion-button {
padding: 10px;
font-size: 0.8rem;
}
.accordion-body {
font-size: 0.7rem;
padding: 10px;
}
.preguntas_card .btn {
font-size: 0.8rem;
}
.preguntas_textarea {
font-size: 0.8rem;
}
#btn_volver_foros {
bottom: 10px !important;
top: auto !important;
}
.appfiliados {
position: fixed;
bottom: 10px;
left: 10px;
background: #0a4da3;
border-radius: 50px;
padding: 10px 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
gap: 8px;
z-index: 999;
text-decoration: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 2px solid white;
padding: 10px;
}
.appfiliados img {
width: 70px;
}
.preguntas_comentario_form {
margin: 0px !important;
padding-top: 0px !important;
}
.preguntas_comentario_form textarea,
.preguntas_comentario_form button {
font-size: 0.8rem !important;
}
.preguntas_respuesta_form {
margin-top: 0px !important;
}
.preguntas_respuesta_form h5 {
font-size: 0.9rem !important;
}
.preguntas_respuesta_form label,
.preguntas_respuesta_form button {
font-size: 0.8rem !important;
}
/* CONFERENCIAS */
/* LISTA REPRODICCION */
.lista {
margin-top: 20px;
}
.lista h2 {
font-size: 1.5rem;
}
.targta_lista {
padding: 20px;
}
.playlist-image {
height: 140px;
}
.playlist-info {
padding: 10px;
text-align: center;
}
.playlist-title {
font-size: 0.8rem;
}
.evento_detalle h4 {
font-size: 1rem;
}
.evento_detalle p {
font-size: 0.8rem;
}
.pronto {
font-size: 0.8rem;
}
/* LISTA TODOS */
.borde_abajo {
margin-bottom: 10px;
}
.fechas {
font-family: 1.4rem !important;
margin-bottom: 10px !important;
}
.vivo_2 {
font-size: 0.8rem !important;
}
.conferencias_vivo .conferencias_vivo_div .iframe iframe {
height: 200px !important;
}
.conferencias_vivo_6 .conferencias_vivo_div .iframe iframe {
height: 300px !important;
}
.conferencias_vivo_12 {
width: 80% !important;
}
.conferencias_vivo_12 .conferencias_vivo_div .iframe iframe {
height: 50dvh !important;
}
.conferencias_vivo_max{
width: 90%;
}
.conferencias_vivo_max .conferencias_vivo_div .iframe iframe {
height: 70dvh !important;
}
}
@media screen and (min-width: 650px) and (max-width:990px) {
#imagen_video_container {
height: 200px;
}
.img_evento {
width: 35px;
height: 35px;
border-radius: 5px;
}
/* PROGRAMAR */
.programar ion-icon {
font-size: 0.6rem;
}
.programar .btn {
font-size: 0.5rem;
}
.icono_wha ion-icon {
font-size: 18px;
}
.icono_wha p {
font-size: 12px;
}
/* CONTENIDO INICIO */
.inicio {
padding: 0px 0px !important;
}
.inicio_centrar {
height: max-content;
}
.bienvenida {
gap: 8px;
width: 80%;
margin: auto !important;
}
.letra_user {
font-size: 6rem;
margin-bottom: 10px;
}
.bienvenida h3 {
font-size: 1.8rem;
}
.bienvenida h4 {
font-size: 2.5rem;
}
.bienvenida h5 {
font-size: 1.3rem;
}
.bienvenida .salir {
width: 30%;
font-size: 0.8rem;
}
.inicio .imagen_inicio1 {
width: 100px;
}
.inicio .imagen_inicio2 {
width: 120px;
}
.link_scroll {
height: 500px;
margin: 20px 0px !important;
}
/* Para Chrome, Edge y Safari */
.link_scroll::-webkit-scrollbar {
width: 5px;
/* Ancho del scroll */
}
.links_contenido {
margin-top: 30px !important;
}
.links_contenido .link a p {
font-size: 0.8rem;
}
.letra_user_2 {
font-size: 4rem;
}
.letra_user2 {
width: 240px;
height: 240px;
margin-bottom: 10px;
/* border: 18px solid var(--verde-app); */
}
.links_contenido h4 {
font-size: 2rem;
}
.links_contenido .link {
padding: 10px;
}
.links_contenido .link a {
font-size: 1rem;
}
.links_contenido .link a img {
width: 100px;
}
.links_contenido .link a ion-icon {
font-size: 3rem;
}
/* Contenedor todo */
.contenido {
padding: 50px 20px 20px 20px;
}
.btn_volver {
top: 90px;
left: 0px;
font-size: 1rem;
border-radius: 0px 5px 5px 0px;
}
.bnt_general {
gap: 20px;
}
.bnt_general button,
.bnt_general a {
font-size: 1rem;
}
.tit {
font-size: 2rem;
}
.des {
font-size: 1.1rem;
}
/* targetas publicaciones */
/* Tarjeta */
.publicaciones-card {
border-radius: 5px;
}
/* Imagen */
.publicacion_imagen {
padding: 8px;
}
/* Título */
.publicaciones-titulo {
font-size: 15px;
}
/* Descripción con scroll si es muy larga */
.publicaciones-descripcion {
max-height: 90px;
font-size: 11px;
}
/* Botón */
.publicaciones-boton {
font-size: 12px;
}
.punto {
font-size: 1.5rem;
}
.targeta-body {
padding-top: 30px;
}
/* TABS PUBLICACIONES */
.publicaciones-tabs .nav-link {
font-size: 0.8rem;
}
.publicacion_tit {
color: var(--verde-app);
margin: 20px 0px 10px 0px;
}
.publicacion_des {
margin: 0px;
}
/* NOTICIAS */
/* Título */
.noticia-titulo {
font-size: 1.6rem !important;
}
.noticia-descripcion {
font-size: 0.8rem !important;
}
.noticias_img {
width: 80% !important;
margin: 10px auto !important;
}
.wp-block-image {
width: max-content;
margin: 20px auto !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.wp-block-image img {
width: 60%;
height: 60%;
margin: auto;
}
.swiper-slide-inner {
width: max-content;
margin: 20px auto !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.swiper-slide-inner img {
width: 60%;
height: 60%;
margin: auto;
}
.volver {
top: 90px;
}
/* PODCAST */
.podcasts-titulo {
font-size: 1.1rem;
}
.podcast_cont {
padding: 20px;
}
.podcast_img .img {
height: 230px;
margin-bottom: 20px;
border-radius: 10px;
}
#botones_rep button {
font-size: 3.5rem;
}
#opcionesReaccion button {
font-size: 1rem !important;
}
/* CALENDARIO */
.btn_anios {
gap: 8px;
margin-bottom: 20px;
}
.btn_anios .arrows {
gap: 10px;
border-bottom: 2px dotted var(--gris);
padding-bottom: 7px;
}
.btn_anios .arrows .arrow {
font-size: 1.8rem;
}
.btn_anios .todos {
font-size: 0.8rem;
}
.eventos_calendario_cont {
padding: 10px;
}
.eventos_calendario_cont .eventos_calendario {
border-left: 8px solid var(--borde);
padding: 15px;
font-size: 0.7rem;
}
.eventos_calendario_cont .eventos_calendario h3 {
font-size: 1.4rem;
}
.eventos_calendario_cont .eventos_calendario ul li {
padding: 3px 8px 3px 8px;
margin-top: 5px;
}
.vivo {
gap: 3px;
}
/* MODAL EVENTO */
.modal_evento_tit h2,
.modal_evento_tit button {
font-size: 1rem !important;
}
.evento-detalle h4 {
font-size: 0.9rem;
margin-bottom: 5px;
padding: 5px;
}
.evento-detalle p {
font-size: 0.7rem;
}
.btn_conferencia {
font-size: 0.8rem;
}
#video_container iframe {
height: 200px;
}
#contador_tiempo {
font-size: 10px;
}
.con_img {
padding: 10px 0px;
}
.con_img img {
width: 70%;
}
/* CARRUSEL */
.carrusel {
height: auto;
padding: 10px;
}
.carrusel .carousel {
height: 400px;
width: 80%;
margin: auto;
}
.carrusel .carrusel_2 {
gap: 20px;
}
.carrusel .carousel .carousel-inner .carousel-item {
padding: 10px;
}
/* denegado */
.denegado {
width: 80%;
padding: 40px;
}
.denegado .btn_vol {
font-size: 1rem;
bottom: 70px;
}
.appfiliados img {
width: 70px;
}
.banner_app img {
width: 100%;
object-fit: contain;
object-position: center;
}
/* FOROS */
.foro-preguntas {
margin-top: 20px !important;
}
.avatar_con {
width: 80px;
height: 80px;
}
.foro-header h5 {
font-size: 0.9rem;
}
.foro-header p {
font-size: 0.7rem;
}
.foro-tag {
font-size: 0.6rem;
}
.part_abajo {
font-size: 0.6rem;
}
.card-foro {
padding-top: 40px !important;
}
.acciones_fo {
font-size: 1rem;
}
#form-pregunta,
#form-pregunta * {
font-size: 0.8rem !important;
}
.alert-foror {
font-size: 1rem;
}
/* preguntas */
.preguntas_card {
padding: 10px;
}
.preguntas_h1 {
font-size: 1.1rem;
}
.preguntas_card_header {
font-size: 0.8rem;
margin-bottom: 0rem;
}
.preguntas_card_body .h3 {
font-size: 1rem;
}
.preguntas_card_body p {
font-size: 0.9rem;
}
.preguntas_card_body #opcionesReaccion ion-icon {
font-size: 0.8rem !important;
}
.preguntas_card_body div {
font-size: 0.8rem !important;
}
.preguntas_card_footer button {
font-size: 0.9rem !important;
padding: 10px;
}
.preguntas_card_footer .accordion-body {
font-size: 0.8rem !important;
}
.preguntas_comentario_form {
margin: 0px !important;
padding-top: 0px !important;
}
.preguntas_comentario_form textarea,
.preguntas_comentario_form button {
font-size: 0.9rem !important;
}
.preguntas_respuesta_form {
margin-top: 0px !important;
}
.preguntas_respuesta_form h5 {
font-size: 1rem !important;
}
.preguntas_respuesta_form label,
.preguntas_respuesta_form button {
font-size: 0.9rem !important;
}
/* CONFERENCIAS */
/* LISTA REPRODICCION */
.lista {
margin-top: 20px;
}
.lista h2 {
font-size: 1.5rem;
}
.targta_lista {
padding: 20px;
}
.playlist-image {
height: 140px;
}
.playlist-info {
padding: 10px;
text-align: center;
}
.playlist-title {
font-size: 0.8rem;
}
.evento_detalle h4 {
font-size: 1rem;
}
.evento_detalle p {
font-size: 0.8rem;
}
.pronto {
font-size: 0.8rem;
}
/* LISTA TODOS */
.borde_abajo {
margin-bottom: 10px;
}
.evento_detalle {
height: 130px !important;
}
.fechas {
font-family: 1.4rem !important;
margin-bottom: 10px !important;
}
.vivo_2 {
font-size: 0.8rem !important;
}
.conferencias_vivo .conferencias_vivo_div .iframe iframe {
height: 200px !important;
}
.conferencias_vivo_6 .conferencias_vivo_div .iframe iframe {
height: 300px !important;
}
.conferencias_vivo_12 {
width: 80% !important;
}
.conferencias_vivo_12 .conferencias_vivo_div .iframe iframe {
height: 50dvh !important;
}
}
@media screen and (min-width: 421px) and (max-width:650px) {
#imagen_video_container {
height: 200px;
}
.img_evento {
width: 35px;
height: 35px;
border-radius: 5px;
}
/* PROGRAMAR */
.programar ion-icon {
font-size: 0.6rem;
}
.programar .btn {
font-size: 0.5rem;
}
.eventos_calendario_cont .eventos_calendario ul {
padding-left: 10px;
}
.icono_wha ion-icon {
font-size: 16px;
}
.icono_wha p {
font-size: 12px;
}
.perfil {
position: fixed;
top: 10px;
left: 0px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
z-index: 999;
}
.perfil button {
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.308);
}
/* CONTENIDO INICIO */
.logos_inicio {
padding: 30px 10px 20px 10px;
}
.inicio {
padding: 0px;
}
.inicio_centrar {
height: max-content;
padding: 0px !important;
}
.img_banner {
height: auto;
width: 95%;
margin: auto;
margin-bottom: 30px;
box-shadow: 0px 2px 2px 2px var(--sombre);
}
.letra_user {
font-size: 5rem;
}
.bienvenida {
height: 150px;
}
.letra_user2 {
width: 150px;
height: 150px;
/* border: 14px solid var(--verde-app); */
}
.bienvenida h3 {
font-size: 1rem;
}
.bienvenida h4 {
font-size: 0.9rem !important;
}
.bienvenida h5 {
font-size: 0.8rem;
}
.bienvenida .salir {
width: max-content;
font-size: 0.8rem;
}
.inicio .imagen_inicio1 {
width: 100px;
}
.inicio .imagen_inicio2 {
width: 120px;
}
.links_contenido {
padding: 0px !important;
}
.link_scroll {
height: max-content;
margin: 20px 0px !important;
border-radius: 20px !important;
padding: 15px !important;
}
/* Para Chrome, Edge y Safari */
.link_scroll::-webkit-scrollbar {
width: 5px;
/* Ancho del scroll */
}
.links_contenido .link a p {
max-width: 98%;
}
.letra_user_2 {
font-size: 4rem;
}
.links_contenido h4 {
font-size: 1.5rem;
}
.links_contenido .link {
padding: 10px;
}
.links_contenido .link a {
font-size: 1.1rem;
}
.links_contenido .link a img {
width: 100px;
}
.links_contenido .link a ion-icon {
font-size: 2.7rem;
}
.link p {
font-size: 0.8rem;
}
/* Contenedor todo */
.contenido {
padding: 40px 20px 20px 20px;
}
.btn_volver {
top: 70px;
left: 0px;
font-size: 0.9rem;
border-radius: 0px 5px 5px 0px;
}
.bnt_general {
gap: 20px;
}
.bnt_general button,
.bnt_general a {
font-size: 0.9rem;
}
.tit {
font-size: 1.6rem;
margin: 0px;
}
.des {
font-size: 0.9rem;
}
/* targetas publicaciones */
/* Tarjeta */
.publicaciones-card {
border-radius: 5px;
}
/* Imagen */
.publicacion_imagen {
padding: 8px;
}
/* Título */
.publicaciones-titulo {
font-size: 15px;
}
/* Descripción con scroll si es muy larga */
.publicaciones-descripcion {
max-height: 90px;
font-size: 11px;
}
/* Botón */
.publicaciones-boton {
font-size: 12px;
}
.punto {
font-size: 1.5rem;
}
.targeta-body {
padding-top: 30px;
}
/* TABS PUBLICACIONES */
.publicaciones-tabs {
justify-content: center;
}
.publicaciones-tabs .nav-link {
font-size: 0.8rem;
}
.publicacion_tit {
color: var(--verde-app);
font-size: 1.5rem;
margin: 0px 0px 10px 0px;
}
.publicacion_des {
margin: 0px;
font-size: 1.2rem;
}
/* NOTICIAS */
/* Título */
.noticia-titulo {
font-size: 1.6rem !important;
}
.noticia-descripcion {
font-size: 0.8rem !important;
}
.noticias_img {
width: 80% !important;
margin: 10px auto !important;
}
.wp-block-image {
width: max-content;
margin: 20px auto !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.wp-block-image img {
width: max-content;
height: max-content;
margin: auto;
}
.swiper-slide-inner {
width: max-content;
margin: 20px auto !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.swiper-slide-inner img {
width: max-content;
height: max-content;
margin: auto;
}
.volver {
top: 80px;
}
/* PODCAST */
.podcasts-titulo {
font-size: 1.1rem;
}
.audios_con {
margin: 0px;
}
.podcast_cont {
padding: 0px;
}
.podcast_img .img {
height: 230px;
margin-bottom: 20px;
border-radius: 10px;
}
#botones_rep button {
font-size: 2.3rem;
}
#opcionesReaccion {
top: -30px;
}
#opcionesReaccion button {
font-size: 1rem !important;
}
/* CALENDARIO */
.btn_anios {
gap: 8px;
margin-bottom: 20px;
}
.btn_anios .arrows {
gap: 10px;
border-bottom: 2px dotted var(--gris);
padding-bottom: 7px;
}
.btn_anios .arrows .arrow {
font-size: 1.8rem;
}
.btn_anios .todos {
font-size: 0.8rem;
}
.eventos_calendario_cont {
padding: 10px;
}
.eventos_calendario_cont .eventos_calendario {
border-left: 8px solid var(--borde);
padding: 15px;
font-size: 0.7rem;
}
.eventos_calendario_cont .eventos_calendario h3 {
font-size: 1.4rem;
}
.eventos_calendario_cont .eventos_calendario ul li {
padding: 3px 8px 3px 8px;
margin-top: 5px;
}
.vivo {
gap: 3px;
}
/* MODAL EVENTO */
.modal_evento_tit h2,
.modal_evento_tit button {
font-size: 1rem !important;
}
.evento-detalle h4 {
font-size: 0.9rem;
margin-bottom: 5px;
padding: 5px;
}
.evento-detalle p {
font-size: 0.7rem;
}
.btn_conferencia {
font-size: 0.8rem;
}
#video_container iframe {
height: 200px;
}
#contador_tiempo {
font-size: 10px;
}
.con_img {
padding: 10px 0px;
}
.con_img img {
width: 80%;
}
/* CARRUSEL */
.carrusel {
height: auto;
padding: 10px;
}
.carrusel .carousel {
height: auto;
width: 100%;
margin: auto;
}
.carrusel .carrusel_2 {
gap: 20px;
}
.carrusel .carousel .carousel-inner .carousel-item {
padding: 10px;
}
/* denegado */
.denegado {
width: 90%;
height: 90dvh;
padding: 10px;
}
.denegado .btn_vol {
font-size: 1rem;
bottom: 20px;
}
.appfiliados img {
width: 60px;
}
.banner_app img {
width: 100%;
object-fit: contain;
object-position: center;
}
.btn-close_app {
top: -10px;
right: -10px;
font-size: 3rem;
}
/* FOROS */
.foro-card {
border-left: 5px solid var(--verde-app);
}
.tarjeta-pregunta {
padding: 20px 0px !important;
}
.foro-preguntas {
margin-top: 20px !important;
}
.foro-header div {
margin: 0px !important;
}
.foro-header .avatar_con {
width: 60px;
height: 60px;
margin: 0px 10px 0px 0px !important;
}
/* .foro-header{
flex-wrap: wrap;
}
.foro-header div:last-child{
width: 100%;
margin-top: 10px !important;
} */
.foro-header {
margin: 0px !important;
}
.foro-header h5 {
font-size: 0.8rem;
}
.foro-header p {
font-size: 0.6rem;
}
.foro-tag {
font-size: 0.5rem;
}
.part_abajo {
font-size: 0.6rem;
margin: auto !important;
}
.part_abajo #opcionesReaccion {
margin: 0px !important;
}
.part_abajo #opcionesReaccion ion-icon {
font-size: 0.7rem !important;
}
.card-foro {
padding-top: 30px !important;
}
.acciones_fo {
font-size: 1rem;
}
#form-pregunta,
#form-pregunta * {
font-size: 0.8rem !important;
}
#form-pregunta h2 {
font-size: 1.1rem !important;
}
.alert-foror {
font-size: 0.8rem;
}
.card-footer {
padding-top: 0px;
}
.card-footer div {
justify-content: left !important;
}
/* preguntas */
.preguntas_card {
padding: 10px;
}
.preguntas_h1 {
font-size: 1rem;
}
.preguntas_card_header {
font-size: 0.7rem;
margin-bottom: 0rem;
}
.preguntas_card_body .h3 {
font-size: 0.9rem;
}
.preguntas_card_body p {
font-size: 0.8rem;
}
.preguntas_card_body #opcionesReaccion ion-icon {
font-size: 0.7rem !important;
}
.preguntas_card_body div {
font-size: 0.7rem !important;
}
.preguntas_card_footer button {
font-size: 0.8rem !important;
padding: 10px;
}
.preguntas_card_footer .accordion-body {
font-size: 0.7rem !important;
}
.preguntas_comentario_form {
margin: 0px !important;
padding-top: 0px !important;
}
.preguntas_comentario_form textarea,
.preguntas_comentario_form button {
font-size: 0.8rem !important;
}
.preguntas_respuesta_form {
margin-top: 0px !important;
}
.preguntas_respuesta_form h5 {
font-size: 0.9rem !important;
}
.preguntas_respuesta_form label,
.preguntas_respuesta_form button {
font-size: 0.8rem !important;
}
/* CONFERENCIAS */
/* LISTA REPRODICCION */
.conferencias_vivo .conferencias_vivo_div{
padding: 10px !important;
}
.lista {
margin-top: 20px;
}
.lista h2 {
font-size: 1.3rem;
}
.targta_lista {
padding: 20px;
}
.playlist-image {
height: 160px;
}
.playlist-info {
padding: 10px;
text-align: center;
}
.playlist-title {
font-size: 0.7rem;
}
.evento_detalle h4 {
font-size: 0.9rem;
}
.evento_detalle p {
font-size: 0.7em;
flex-wrap: wrap;
}
.pronto {
font-size: 0.6rem;
}
/* LISTA TODOS */
.borde_abajo {
margin-bottom: 10px;
font-size: 1.3rem;
}
.evento_detalle {
height: 130px !important;
}
.fechas {
font-family: 1.2rem !important;
margin-bottom: 10px !important;
}
.vivo_2 {
font-size: 0.6rem !important;
}
.conferencias_vivo .conferencias_vivo_div .iframe iframe {
height: 200px !important;
}
.conferencias_vivo_6 .conferencias_vivo_div .iframe iframe {
height: 200px !important;
}
.conferencias_vivo_12 {
width: 100% !important;
}
.conferencias_vivo_12 .conferencias_vivo_div .iframe iframe {
height: 200px !important;
}
.conferencias_vivo_max{
width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width:420px) {
#imagen_video_container {
height: 200px;
}
.img_evento {
width: 35px;
height: 35px;
border-radius: 5px;
}
/* PROGRAMAR */
.programar ion-icon {
font-size: 0.6rem;
}
.programar .btn {
font-size: 0.5rem;
}
.eventos_calendario_cont .eventos_calendario ul {
padding-left: 5px;
}
.icono_wha ion-icon {
font-size: 16px;
}
.icono_wha p {
font-size: 12px;
}
.perfil {
position: fixed;
top: 10px;
left: 0px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
z-index: 999;
}
.perfil button {
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.308);
}
/* CONTENIDO INICIO */
.logos_inicio {
padding: 40px 5px 20px 5px;
}
.inicio {
padding: 0px;
}
.inicio_centrar {
height: max-content;
padding: 0px !important;
}
.img_banner {
height: auto;
width: 100%;
margin: auto;
margin-bottom: 30px;
box-shadow: 0px 2px 2px 2px var(--sombre);
}
.bienvenida {
gap: 8px;
}
.letra_user {
font-size: 5rem;
}
.letra_user2 {
width: 130px;
height: 130px;
/* border: 14px solid var(--verde-app); */
}
.bienvenida {
height: 130px;
}
.bienvenida h3 {
font-size: 0.9rem;
}
.bienvenida h4 {
font-size: 0.8rem !important;
}
.bienvenida h5 {
font-size: 0.7rem;
}
.bienvenida .salir {
width: max-content;
font-size: 0.8rem;
}
.inicio .imagen_inicio1 {
width: 80px;
}
.inicio .imagen_inicio2 {
width: 100px;
}
.link_scroll {
height: max-content;
margin: 20px 0px !important;
padding: 0px !important;
border-radius: 10px !important;
}
.links_contenido {
padding: 0px !important;
}
/* Para Chrome, Edge y Safari */
.link_scroll::-webkit-scrollbar {
width: 5px;
/* Ancho del scroll */
}
.links_contenido .link a p {
max-width: 98%;
}
.letra_user_2 {
font-size: 3.5rem;
}
.links_contenido h4 {
font-size: 1.2rem !important;
}
.links_contenido .link {
padding: 10px;
}
.links_contenido .link a {
font-size: 1.1rem;
}
.links_contenido .link a img {
width: 90px;
}
.links_contenido .link a ion-icon {
font-size: 2.2rem;
}
.link p {
font-size: 0.7rem;
}
/* Contenedor todo */
.contenido {
padding: 40px 10px 10px 10px;
}
.btn_volver {
top: 70px;
left: 0px;
font-size: 0.7rem;
border-radius: 0px 5px 5px 0px;
}
.bnt_general {
gap: 20px;
}
.bnt_general button,
.bnt_general a {
font-size: 0.7rem;
}
.tit {
font-size: 1.5rem;
margin: 0px;
}
.des {
font-size: 0.8rem;
}
/* targetas publicaciones */
/* Tarjeta */
.publicaciones-card {
border-radius: 5px;
}
/* Imagen */
.publicacion_imagen {
padding: 8px;
}
/* Título */
.publicaciones-titulo {
font-size: 15px;
}
/* Descripción con scroll si es muy larga */
.publicaciones-descripcion {
max-height: 90px;
font-size: 11px;
}
/* Botón */
.publicaciones-boton {
font-size: 12px;
}
.punto {
font-size: 1.5rem;
}
.targeta-body {
padding-top: 30px;
}
/* TABS PUBLICACIONES */
.publicaciones-tabs {
justify-content: center;
}
.publicaciones-tabs .nav-link {
font-size: 0.8rem;
}
.publicacion_tit {
color: var(--verde-app);
font-size: 1.5rem;
margin: 0px 0px 10px 0px;
}
.publicacion_des {
margin: 0px;
font-size: 1.2rem;
}
/* NOTICIAS */
/* Título */
.noticia-titulo {
font-size: 1.3rem !important;
}
.noticia-descripcion {
font-size: 0.8rem !important;
}
.noticias_img {
width: 80% !important;
margin: 10px auto !important;
}
.wp-block-image {
width: max-content;
margin: 20px auto !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.wp-block-image img {
width: max-content;
height: max-content;
margin: auto;
}
.swiper-slide-inner {
width: max-content;
margin: 20px auto !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.swiper-slide-inner img {
width: max-content;
height: max-content;
margin: auto;
}
.volver {
top: 80px;
}
/* PODCAST */
.podcasts-titulo {
font-size: 1.1rem;
}
.audios_con {
margin: 0px;
}
.podcast_cont {
padding: 0px;
}
.podcast_img .img {
width: 100%;
height: auto;
margin-bottom: 20px;
border-radius: 10px;
}
#botones_rep button {
font-size: 2rem;
}
#opcionesReaccion {
top: -30px;
}
#opcionesReaccion button {
font-size: 0.9rem !important;
}
/* CALENDARIO */
.btn_anios {
gap: 8px;
margin-bottom: 20px;
}
.btn_anios .arrows {
gap: 10px;
border-bottom: 2px dotted var(--gris);
padding-bottom: 7px;
}
.btn_anios .arrows .arrow {
font-size: 1.8rem;
}
.btn_anios .todos {
font-size: 0.8rem;
}
.eventos_calendario_cont {
padding: 10px;
}
.eventos_calendario_cont .eventos_calendario {
border-left: 8px solid var(--borde);
padding: 15px;
font-size: 0.7rem;
}
.eventos_calendario_cont .eventos_calendario h3 {
font-size: 1.4rem;
}
.eventos_calendario_cont .eventos_calendario ul li {
padding: 3px 8px 3px 8px;
margin-top: 5px;
}
.vivo {
gap: 3px;
}
/* MODAL EVENTO */
.modal_evento_tit h2,
.modal_evento_tit button {
font-size: 1rem !important;
}
.evento-detalle h4 {
font-size: 0.9rem;
margin-bottom: 5px;
padding: 5px;
}
.evento-detalle p {
font-size: 0.7rem;
}
.btn_conferencia {
font-size: 0.8rem;
}
#video_container iframe {
height: 150px;
}
#contador_tiempo {
font-size: 10px;
}
.con_img {
padding: 10px 0px;
}
.con_img img {
width: 80%;
}
/* CARRUSEL */
.carrusel {
height: auto;
padding: 0px;
}
.carrusel .carousel {
height: auto;
width: 100%;
margin: auto;
}
.carrusel .carrusel_2 {
gap: 20px;
}
.carrusel .carousel .carousel-inner .carousel-item {
padding: 10px;
}
.denegado {
width: 90%;
height: 80dvh;
padding: 10px;
}
.denegado .btn_vol {
font-size: 1rem;
bottom: 20px;
}
.appfiliados img {
width: 60px;
}
.banner_app img {
width: 100%;
object-fit: contain;
object-position: center;
}
.btn-close_app {
top: -10px;
right: -10px;
font-size: 3rem;
}
/* FOROS */
.foro-card {
border-left: 5px solid var(--verde-app);
}
.tarjeta-pregunta {
padding: 20px 0px !important;
}
.foro-preguntas {
margin-top: 20px !important;
}
.foro-header div {
margin: 0px !important;
}
.foro-header .avatar_con {
width: 50px;
height: 50px;
margin: 0px 5px 0px 0px !important;
}
/* .foro-header{
flex-wrap: wrap;
}
.foro-header div:last-child{
width: 100%;
margin-top: 10px !important;
} */
.foro-header {
margin: 0px !important;
}
.foro-header h5 {
font-size: 0.7rem;
}
.foro-header p {
font-size: 0.6rem;
}
.foro-tag {
font-size: 0.5rem;
}
.part_abajo {
font-size: 0.5rem;
margin: auto !important;
}
.part_abajo #opcionesReaccion {
margin: 0px !important;
}
.part_abajo #opcionesReaccion ion-icon {
font-size: 0.6rem !important;
}
.card-foro {
padding-top: 30px !important;
}
.acciones_fo {
font-size: 0.9rem;
}
#form-pregunta,
#form-pregunta * {
font-size: 0.7rem !important;
}
#form-pregunta h2 {
font-size: 1rem !important;
}
.alert-foror {
font-size: 0.6rem;
}
.card-footer {
padding-top: 0px;
}
.card-footer div {
justify-content: left !important;
}
/* preguntas */
.preguntas_card {
padding: 10px;
}
.preguntas_h1 {
font-size: 0.9rem;
}
.preguntas_card_header {
font-size: 0.6rem;
margin-bottom: 0rem;
}
.preguntas_card_body .h3 {
font-size: 0.8rem;
}
.preguntas_card_body p {
font-size: 0.7rem;
}
.preguntas_card_body #opcionesReaccion ion-icon {
font-size: 0.6rem !important;
}
.preguntas_card_body div {
font-size: 0.6rem !important;
}
.preguntas_card_footer button {
font-size: 0.7rem !important;
padding: 10px;
}
.preguntas_card_footer .accordion-body {
font-size: 0.6rem !important;
}
.preguntas_comentario_form {
margin: 0px !important;
padding-top: 0px !important;
}
.preguntas_comentario_form textarea,
.preguntas_comentario_form button {
font-size: 0.7rem !important;
}
.preguntas_respuesta_form {
margin-top: 0px !important;
}
.preguntas_respuesta_form h5 {
font-size: 0.8rem !important;
}
.preguntas_respuesta_form label,
.preguntas_respuesta_form button {
font-size: 0.7rem !important;
}
/* CONFERENCIAS */
/* LISTA REPRODICCION */
.conferencias_vivo .conferencias_vivo_div{
padding: 10px !important;
}
.lista {
margin-top: 20px;
}
.lista h2 {
font-size: 1.3rem;
}
.targta_lista {
padding: 20px;
}
.playlist-image {
height: 160px;
}
.playlist-info {
padding: 10px;
text-align: center;
}
.playlist-title {
font-size: 0.7rem;
}
.evento_detalle h4 {
font-size: 0.9rem;
}
.evento_detalle p {
font-size: 0.7em;
flex-wrap: wrap;
}
.pronto {
font-size: 0.6rem;
}
/* LISTA TODOS */
.borde_abajo {
margin-bottom: 10px;
font-size: 1.3rem;
}
.evento_detalle {
height: 130px !important;
}
.fechas {
font-family: 1.2rem !important;
margin-bottom: 10px !important;
}
.vivo_2 {
font-size: 0.6rem !important;
}
.conferencias_vivo .conferencias_vivo_div .iframe iframe {
height: 200px !important;
}
.conferencias_vivo_6 .conferencias_vivo_div .iframe iframe {
height: 200px !important;
}
.conferencias_vivo_12 {
width: 100% !important;
}
.conferencias_vivo_12 .conferencias_vivo_div .iframe iframe {
height: 200px !important;
}
.conferencias_vivo_max{
width: 100%;
}
}