/*
Theme Name: Deusto Agenda
Author: Eduardo Revilla Vaquero.
Author URI: http://reviblog.net/
Description: Tema para Deusto Agenda
Version: 2.2.1
*/
/* ******* Estilos verión 2.0 ******** */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
body {
font-family: 'Montserrat', sans-serif;
margin:0px!important;
padding:0px!important;
}
/* Estilos generales */
:root {
--flecha-svg: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L16 6' stroke='%230053CE' stroke-width='2' style='mix-blend-mode:multiply'/%3E%3Cpath d='M11 1L16 6L11 11' stroke='%230053CE' stroke-width='2' style='mix-blend-mode:multiply'/%3E%3C/svg%3E");
}
/* ===== Auxiliares ==== */
.mt_20{ margin-top:20px;}
.mt_10{ margin-top:10px;}
.ml_m20{ margin-left:-20px;}
.mb_10{margin-bottom:10px}
.mb_20{margin-bottom:20px}
.mt_5{margin-top: 5px;}
.pt_10{padding-top:10px}
.pt_20{padding-top:20px}
.ta_c{text-align: center}
.oculto{display:none}
.sep-30{
width: 100%;
overflow: hidden;
height: 30px;
clear: both;
}
.sep-20{
width: 100%;
overflow: hidden;
height: 20px;
clear: both;
}
.sep-15{
width: 100%;
overflow: hidden;
height: 15px;
clear: both;
}
.sep-10{
width: 100%;
overflow: hidden;
height: 10px;
clear: both;
}
.page-template-default .entry-header h1{
margin-top: 100px;
}
#event_post_description a, .comments-area a {
color: #0053CE!important;
}
/* Estilos para la cabecera de Deusto - Nuevo diseño */
/* ---- Barra superior blanca ---- */
#NavSuperior {
background-color: white;
width: 100%;
border-bottom: 1px solid #e0e0e0;
height: 42px;
}
#NavSuperiorAncho {
max-width: 1120px;
width:100%;
margin: 0 auto;
height: 100%;
position: relative;
box-sizing: border-box;
}
/* Estructura del navegador superior */
.left-section {
position: relative;
display: flex;
align-items: center;
height: 100%;
float: left;
}
.uni-link {
position: relative;
float: right;
height: 100%;
display: flex;
align-items: center;
}
/* Estilos para selector de idioma */
.selector-idioma {
display: flex;
align-items: center;
gap: 2px;
height: 100%;
margin-right: 6px;
color: #0053CE;
}
.selector-idioma a {
text-decoration: none;
color: #0053CE;
font-size: 14px;
display: flex;
align-items: center;
height: 100%;
padding: 0 2px;
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.2px;
text-align: center;
}
.selector-idioma a.idioma-activo {
font-weight: 800;
}
/* Estilos para buscador */
.search-container {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.search-box {
display: flex;
align-items: center;
height: 100%;
}
#head-search-input {
width: 0;
padding: 8px;
border: none;
border-bottom: 1px solid transparent;
transition: width 0.3s ease, border-color 0.3s ease;
outline: none;
visibility: hidden;
opacity: 0;
}
#head-search-input.active {
width: 200px;
visibility: visible;
opacity: 1;
border-bottom: 1px solid #0053CE;
}
#head-search-input-button {
background: transparent;
border: none;
cursor: pointer;
padding: 0;
color: #0053CE;
height: 100%;
display: flex;
align-items: center;
}
.search-icon {
width: 20px;
height: 20px;
}
/* Estilos para el enlace a Universidad de Deusto */
.uni-link a {
color: #0053CE;
text-decoration: none;
white-space: nowrap;
display: flex;
align-items: center;
height: 100%;
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.2px;
}
.uni-link a:hover {
color: #50a0dc; /* Color celeste más brillante */
/* font-weight: 700; /* Aumenta el grosor de la fuente */
text-shadow: 0 0 1px #00BFFF; /* Añade un ligero brillo */
transition: all 0.5s ease; /* Transición suave para todos los cambios */
}
/* Ocultar cualquier div que pueda interferir */
.clear {
display: none;
}
/* ---- Franja azul con logo y menú ---- */
#cabecera {
background-color: #0053CE;
width: 100%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Añade sombra abajo */
}
#cabeceraCentrada {
max-width: 1280px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
padding: 0 0px;
position: relative;
}
/* Logo en caja blanca */
.logo-box {
padding: 0px;
text-align: center;
max-width: 100%;
margin: 0px 0px 0px 60px;
max-height: 120px;
}
.logo-box a {
text-decoration: none;
display: block;
color: #0053CE;
padding: 0px;
}
.logo-img {
max-width: 100%;
height: auto;
width: 210px;
display: block;
margin-left: auto;
margin-right: auto;
}
.agenda-titulo {
color: #fff;
font-size: 22px;
font-weight: bold;
margin-top: 5px;
text-align: center;
}
/* Menú principal */
.menu-container {
flex: 1;
display: flex;
justify-content: flex-end;
margin-right: 60px;
}
.menuSuperior {
list-style-type: none;
display: flex;
margin: 0;
padding: 0;
}
.menuSuperior li {
margin: 0;
padding: 0;
}
.menuSuperior li a {
color: white;
text-decoration: none;
display: flex;
align-items: center;
padding: 25px 24px;
transition: background-color 0.3s;
align-items: center; /* Centra verticalmente el contenido */
justify-content: center; /* Centra horizontalmente el contenido */
text-align: center; /* Centrado de texto adicional */
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.2px;
}
.menuSuperior li a:hover {
color: #50a0dc; /* Color celeste más brillante */
font-weight: 700; /* Aumenta el grosor de la fuente */
text-shadow: 0 0 1px #00BFFF; /* Añade un ligero brillo */
transition: all 0.5s ease; /* Transición suave para todos los cambios */
}
.menuSuperior li.activo a {
font-weight: 900;
}
.menuSuperior li:last-child a {
line-height: 2.5em; /* Espacio entre líneas */
}
.menuSuperior .menu-icon {
font-size: 12px; /* Tamaño más pequeño para el icono */
}
/* Título sección (franja gris) */
#titulo-seccion {
background-color: #f2f2f2;
width: 100%;
border-bottom: 1px solid #e0e0e0;
}
.titulo-contenido {
max-width: 1200px;
margin: 0 auto;
padding: 15px;
}
.titulo-contenido h1 {
margin: 0;
padding: 0;
font-size: 24px;
color: #333;
font-weight: bold;
}
/* Menú desplegable para móvil (original) */
/* Utilidades */
.clear {
clear: both;
}
/**
* Content
* ----------------------------------------------------------------------------
*/
#main
{
width: 1120px;
overflow: hidden;
margin: 20px auto;
padding: 0px;
max-width: 100%;
}
.entry-content{
padding-bottom: 70px;
}
@media (max-width: 1140px) {
.boletin_personalizado .entry-content,
.enviar_evento_wrapper .entry-content,
.create_widget_wrapper .entry-content,
.contacta-wrapper .entry-content{
padding-top:0px!important;
width: 90%;
margin: 0 auto!important;
}
}
@media (max-width: 769px) {
.sidebar-container {
width: 100%!important;
}
.create_widget_wrapper .colum_33 {
width: 100%!important;
}
.campus-buttons{
margin-top: 0px!important;
}
.idioma_interface_option_wrapper {
width: 32%!important;
float:left!important;
overflow: hidden!important
}
.idioma_interface_option_wrapper:not(.primero) {
width: 32%!important;
margin-left: 2%!important;
}
.num_eventos_a_mostrar_item {
width: 16.666%;
text-align: center;
white-space: nowrap;
}
.num_eventos_a_mostrar_wrapper input[type="radio"] + label:before{
margin-right: 10%;
}
}
@media (max-width: 480px) {
.content-con-sidebar-wrapper {
padding: 0px 15px!important;
}
.widget-area .widget{
margin: 0px!important;
}
.add_to_calendar_wrapper .sociable_tagline{
width: 0px!important;
height: 12px!important;
overflow: hidden;
}
.responsive-search-button-wrapper {
width: 10%!important;
}
#responsive-search-form #responsive-search-input{
width: 90%!important;
}
.botones_wrapper .botones{
/* width: 100%!important; */
margin: 5px 0px!important;
}
.responsive-menu-redes{
padding: 10px 5% 0px 5%!important;
}
}
/* En pantallas grandes (>990px) - layout horizontal normal */
@media (min-width: 990px) {
.main-container {
flex-direction: row;
}
.content-con-sidebar-wrapper {
flex: 1;
order: 1;
}
.sidebar-container {
flex: 0 0 300px; /* ancho fijo para sidebar */
order: 2;
}
}
/* En pantallas medianas (768px-990px) - sidebar arriba */
@media (min-width: 768px) and (max-width: 989px) {
#main
{
display: flex;
flex-direction: column;
}
.content-con-sidebar-wrapper {
order: 2; /* Contenido abajo */
}
.sidebar-container {
order: 1; /* Sidebar arriba */
}
.create_widget_wrapper .colum_33 {
width: 50%!important;
}
.sidebar-container{
width: 100%!important;
padding: 0 30px!important;
}
.widget-area{
width: 100%!important;
float: left!important;
}
.widget-area .widget{
margin-top: 0px!important;
width: fit-content!important;
}
#da-calendario-container {
width: 270px!important;
}
.single-post .widget-area .widget.has-calendar,
.home .widget-area .widget.has-calendar,
.search .widget-area .widget.has-calendar,
.archive .widget-area .widget.has-calendar
{
margin-top: 0;
max-width: 30% !important;
float: left;
}
.single-post .widget-area #da-calendario-container{
margin-top: 0px!important;
}
.entry-content .event-content .entry-header h1{
margin-top: 0px!important;
padding-bottom: 35px!important;
}
.event-content {
padding: 10px 35px!important;
}
#da-calendario-container{
max-width: 100%!important;
}
.widget-area aside.has-eventos {
max-width: 67.777% !important;
float: right
}
.single-post .sidebar-container .eventos_relacionados_widget{
display: none!important;
}
.evento-widget .widget-title
{
width: 100%;
order: -1;
padding: 10px 0px 0px 0px!important;
text-align: center!important;
}
.evento-widget:not(.proximos-eventos-widget-home .evento-widget) {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-content: flex-start;
height: 232px;
}
.evento-item:not(.proximos-eventos-widget-home .evento-item){
flex: 1;
min-width: calc(50% - 10px);
max-width: calc(50% - 10px);
}
.content-con-sidebar-wrapper{
width: 100%!important;
}
#eventos_dia_wrapper, #listado_eventos_wrapper{
float: none!important;
margin: 0 auto 30px auto!important;
}
.calendar-navigation {
width: 93%!important;
margin: 0 auto!important;
}
.eventos-relacionados-mobile{
display: block!important;
}
.eventos-relacionados-mobile .sidebar_events_list{
overflow: hidden;
display: flex;
gap: 20px;
}
.eventos-relacionados-mobile .widget-title{
text-align: center!important;
}
.eventos-relacionados-mobile .evento-item {
float: left;
}
#eventos_dia_wrapper, #listado_eventos_wrapper{
width: 93%!important;
}
.fecha-inicio-fin-wrapper, .horas-wrapper{
width: 50%!important;
}
.excepciones-wrapper{
clear: both!important;
width: 100%!important
}
}
.content-con-sidebar-wrapper
{
max-width: 100%!important;
width: 850px;
margin: 0px 0px 15px 0px!important;
padding: 0px;
float: right;
overflow: hidden;
padding: 0px 20px 30px 20px;
}
@media (min-width: 990px) {
.content-con-sidebar-wrapper{
max-width:75%!important;
}
.sidebar-container{
max-width: 24.107%!important;
}
}
@media (max-width: 768px) {
#main{
margin: 20px auto 0px auto;
}
.evento_dia_texto{
padding: 10px 0px!important;
}
.fecha-inicio-fin-wrapper{
width: 100%!important;
clear: both;
}
.fecha-inicio-container{
width: 49%!important;
float: left;
}
.fecha-fin-container{
width: 49%!important;
float: right;
}
.horas-wrapper{
width: 100%!important;
}
.hora_container{
padding: 0px!important;
width: 49%!important;
}
.hora_container.left{
float: left;
}
.hora_container.right{
float: right;
}
.hora_container input.input_hora{
width: 100%!important;
}
.form_sub_section .sublabel label{
padding-left: 0px!important;
}
.excepciones-wrapper{
width:100%!important;
}
}
#general_wrapper{
width: 1120px;
margin: 0 auto;
padding: 0px;
max-width: 100%;
}
/**
* 5.1 Entry Header
* ----------------------------------------------------------------------------
*/
.sidebar .entry-header .entry-meta {
padding: 0;
}
.entry-thumbnail img {
display: block;
margin: 0 auto 10px;
}
.entry-header {
margin-bottom: 30px;
text-align: left!important;
width: 100%;
}
.section_header
{
width: 100%;
clear: both;
text-align: left;
overflow: hidden;
margin-top: 0px;
padding: 0px!important
}
.section_header h2
{
color: #212529;
font-family: Montserrat;
font-weight: 900;
font-size: 36px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 20px;
font-weight: normal;
display: inline;
float: left;
}
@media (max-width: 991px) {
.section_header h2
{
padding-left: 0px!important;
margin-left: 0px!important
}
.section_header {
padding: 0px 4%!important;
}
}
@media (max-width: 1121px) {
}
/*
* Busqueda
* -----------------------------------------------------------------
*/
#head-search-input-404{
max-width: 100%;
width: 740px;
max-width: 70%;
border: 1px solid #0053CE;
padding: 6px 10px;
float: left;
margin-left: 5%;
}
#head-search-input-button-404 {
padding: 10px 20px;
border: none;
color: white;
font-size: 13px;
cursor: pointer;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
text-transform: none;
box-shadow: none;
text-decoration: none;
background-color: #0053CE;
text-transform: uppercase;
float:left;
max-width:29%;
}
/* ==== Calendario home ==== */
/* #filtros_agenda_wrapper{
display: none;
} */
.agenda_wrapper{
margin-bottom:10px;
margin-top: 40px;
}
.agenda_content{
position:relative;
width:100%;
margin-top:10px;
overflow:hidden
}
#cvp{
width:100%;
padding:15px 0px 0px 0px;
margin-top:10px;
}
#calendarWrapper, #calendarWrapper #cvp{
width: 100%!important;
min-width:320px;
overflow: auto;
position: relative!important;
}
#calendarWrapper #cvp #dias_semana_label_wrapper ul{
padding: 0px!important;
width: 100%;
position:relative;
}
#calendarWrapper #cvp #dias_semana_label_wrapper ul li{
position:relative;
font-family: Montserrat;
font-weight: 500;
font-size: 10px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
overflow:hidden!important;
text-overflow: ellipsis!important;
display: inline-block!important;
width: 13.8%;
}
@media (max-width: 768px) {
#calendarWrapper #cvp #dias_semana_label_wrapper ul li{
width: 13.535%;
}
.proximos_eventos_mobile_wrapper .proximos-eventos-widget-home a.evento-item {
display: block;
width: 48%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
.proximos_eventos_mobile_wrapper .proximos-eventos-widget-home {
width: 100%;
padding-right: 0px;
}
}
@media (max-width: 481px) {
#calendarWrapper #cvp #dias_semana_label_wrapper ul li{
width: 13.164%;
}
.cvp_eventos_preview{
font-size: 8px!important;
}
.proximos_eventos_mobile_wrapper .proximos-eventos-widget-home a.evento-item{
width: 100%!important;
}
.modal-footer{
display: block!important;
padding: 5px!important;
}
.modal-footer .select-actions{
width: 100%!important;
display: block;
}
.modal-footer .action-button{
width:100%;
margin: 3px 0px!important;
}
.modal-footer .accept-button{
width: 100%!important;
}
}
.agenda_col_dia_semana{
border: 1px solid #f9f9f9;
background-color:#ffffff;
}
.agenda_row_dias_semana .vento_hoy_selected{
border: 2px solid #05539c;
}
div.agenda_col_dia_semana{
float:left;
text-align:center;
width:19px;
height:19px;
font-weight:normal;
color:#484848;
padding:1px;
font-size:15px;
letter-spacing:-1px;
}
#cvp .agenda_col_dia_semana{
position:relative;
width:14.285%!important;
height:100%;
min-height:145px;
text-align:left;
}
#cvp .agenda_col_dia_number {
text-align: left;
font-family: Montserrat;
font-weight: 500;
font-size: 10px;
line-height: 100%;
letter-spacing: 0%;
text-align: left;
text-transform: uppercase;
width: 153;
height: 20;
justify-content: space-between;
padding: 4px;
display: block;
}
#cvp .evento_pasado .agenda_col_dia_number, #cvp .evento_futuro .agenda_col_dia_number{
background-color: #F3F3F3;
}
#cvp .evento_pasado .agenda_col_dia_number{
color: #4B4B4B;
}
#cvp .evento_futuro .agenda_col_dia_number{
color: #0053CE;
}
#cvp .evento_hoy_selected .agenda_col_dia_number{
background-color: #05539c;
color: #fff;
}
#cvp .agenda_col_dia_number:hover{
background-color: #50a0dc;
color: #fff;
}
#cvp .agenda_col_dia_number .cvp_num_eventos_restantes{
display: block;
float: right;
}
.cvp_eventos_preview{
font-family: Montserrat;
font-weight: 400;
font-size: 10px;
line-height: 100%;
letter-spacing: 0.2px;
display:block;
color:#4B4B4B;
text-align:left;
margin-top:4px;
white-space: nowrap;
overflow: hidden;
width: 153.61676025390625;
height: 20;
min-height: 14px;
border-width: 0.5px;
padding: 4px;
}
.evento_hoy_selected .evento_hora{
color: #0053CE;
border: 0.5px solid #0053CE;
}
.evento_hoy_selected .evento_hora{
color: #0053CE;
border: 0.5px solid #0053CE;
}
.agenda_dia_content .evento_hora:hover{
color: #50a0dc!important;
border: 0.5px solid #50a0dc;
}
.evento_hoy_selected .evento_todo_el_dia{
color: #fff;
background-color: #0053CE;
border: 0.5px solid #0053CE;
}
.agenda_dia_content .evento_todo_el_dia:hover{
color: #fff!important;
background-color: #50a0dc;
border: 0.5px solid #50a0dc;
}
.evento_pasado .evento_hora{
border: 0.5px solid #fff;
}
.evento_pasado .evento_todo_el_dia{
border: 0.5px solid #fff;
}
.evento_futuro .evento_hora{
border: 0.5px solid #fff;
}
.evento_futuro .evento_hora{
color: #4b4b4b;
border: 0.5px solid #4b4b4b;
}
.evento_futuro .evento_todo_el_dia{
color: #fff;
background-color: #4b4b4b;
border: 0.5px solid #4b4b4b;
}
.cvp_eventos_preview:hover{color:#0053CE!important}
.cvp_eventos_preview:visited{color:#000}
.cvp_eventos_mas{
font-family: Montserrat;
font-weight: 400;
font-size: 10px;
line-height: 100%;
letter-spacing: 0.2px;
color:#4B4B4B;
position:absolute;
bottom:2px;
margin-left: 4px;
}
#cvp .cvp_eventos_mas:hover{color:#0053CE!important;}
#cvp .cvp_eventos_mas:visited{color:#0053CE;}
/* CSS corregido para la barra de navegación */
.calendar-navigation {
display: flex;
align-items: center;
justify-content: space-between;
font-family: Arial, sans-serif;
/*padding: 0 10px;*/
}
.calendar-navigation-mobile{
padding: 0px 4%;
}
/* Overlay azul */
.calendar-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 123, 255, 0.8);
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
}
.calendar-popup-overlay.active {
display: flex;
}
/* Contenido centrado */
.calendar-popup-content {
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
max-width: 90vw;
max-height: 80vh;
overflow-y: auto;
position: relative;
}
/* Botón X */
.calendar-popup-close {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: #666;
}
.open-calendar-button-mobile{
display: none;
float: right;
}
@media (max-width: 768px) {
.calendar-navigation {
display: none;
}
.date-display{
margin: 0!important;
}
#cvp .agenda_col_dia_number .cvp_num_eventos_restantes{
display: none;
}
.cvp_eventos_mas{
width: 100%;
text-align:center;
margin-left: 0x;
}
.calendar-navigation-list .nav-button.today{
display: none!important;
}
#eventos_dia_wrapper .nav-button.open-calendar-button, .calendar-navigation-list .nav-button.open-calendar-button{
display: flex!important;
}
#eventos_dia_wrapper .nav-button.open-calendar-button{
width: 50px!important
}
.newsletter-button_mobile{
float: left;
}
#da-calendario-navegable {
display: none !important;
}
.entry-content .event-content .entry-header h1 {
margin-top: 70px!important;
padding-bottom: 0px!important;
border: 0px!important;
}
.event_content_ficha{
display: block!important;
}
.event_content_ficha .foto_evento {
width: 95%!important;
max-width: 100%!important;
}
.event_content_ficha .foto_evento br {
display: none!important;
}
.event_content_ficha .fecha_hora_lugar_wrapper{
padding: 30px 0px!important;
}
.event_content_ficha #evento_dia_datos_fecha,
.event_content_ficha #evento_dia_datos_hora,
.event_content_ficha_item{
padding-left: 0px!important;
padding-right: 0px!important;
}
.event_content_ficha{
padding-bottom: 0px!important;
}
}
@media (max-width: 990px) {
.cvp_eventos_mas .ver_todos_los_eventos{
display: none;
}
}
@media (min-width: 991px) {
.cvp_eventos_mas .ver_todos_los_eventos_mobile{
display: none;
}
}
@media (min-width: 769px) {
.calendar-navigation-mobile {
display: none;
}
}
.calendar-navigation-send-event-button-wrapper{
min-width:238px;
}
.send-event-button-text{
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
}
.colum_25{
width: 25%;
/* min-width: 280px; */
float: left;
}
.colum_50{
width: 50%;
/* min-width: 560px; */
float: left;
}
.colum_33{
width: 33.33%;
float: left;
}
/* Botón Envía tu evento */
.send-event-button {
display: inline-flex!important;
min-width: 185px;
max-width: 248px;
align-items: center;
background-color: #0053CE;
color: white;
padding: 6px 11px;
cursor: pointer;
user-select: none;
font-family: Montserrat !important;
font-weight: 500 !important;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
vertical-align: middle;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 5px;
gap: 6px;
white-space: nowrap;
}
.plus-icon {
margin-left: 10px;
font-size: 18px;
}
/* Controles de navegación centrales */
.nav-controls {
display: flex;
align-items: center;
}
.nav-button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0 5px;
border: 1px solid #0053CE;
background-color: transparent;
color: #0053CE;
cursor: pointer;
transition: all 0.2s ease;
user-select: none;
box-sizing: border-box;
}
.nav-button.today {
width: auto;
padding: 0 10px;
background-color: white;
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
vertical-align: middle;
text-transform: uppercase;
margin-right:20px;
margin-left: 0px!important;
}
.nav-button.open-calendar-button {
width: auto;
padding: 0 10px;
background-color: white;
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
vertical-align: middle;
text-transform: uppercase;
margin-right:20px;
margin-left: 0px!important;
display: none;
}
/* Estilo de hover para los botones < y > */
.nav-button.prev:hover,
.nav-button.next:hover {
border-width: 2px;
border-color: #0053CE;
}
/* Estilo para el botón activo (seleccionado) */
.nav-button.active {
background-color: #0053CE;
color: white;
border-color: #0053CE;
}
.date-display {
margin: 0 15px;
text-transform: uppercase;
color: #0053CE;
font-family: Montserrat;
font-weight: 900;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
/* Opciones de vista (Día/Mes) */
.view-options {
display: flex;
float: right;
}
.view-button {
padding: 10px 10px;
border: 1px solid #0053CE;
background-color: white;
color: #212529;
cursor: pointer;
user-select: none;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
}
.view-button:first-child {
border-right: none;
}
.view-button.active {
background-color: #0053CE;
color: white;
border-color: #0053CE;
}
/* Evitar que el borde más grueso afecte al tamaño exterior */
.nav-button.prev,
.nav-button.next {
position: relative;
min-width: 40px;
}
.nav-button.prev:hover,
.nav-button.next:hover {
padding: 0;
}
/* === Prxóximos eventos y filtros Home === */
.proximos_eventos_y_filters_wrapper {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
@media (max-width: 768px) {
.proximos_eventos_y_filters_wrapper {
background-color: #f3f3f3;
padding: 10px 30px;
}
#form_filtros_agenda {
width: 100%!important;
}
#campus-dropdown-container{
width: 100%!important;
}
#facultad-dropdown-container{
width: 100%!important;
margin: 20px 0px!important;
}
.modal-overlay.open{
z-index: 9999;
}
}
/* Estilo para el cuadro de próximos eventos de la home */
.proximos-eventos-widget-home {
width: 25%;
min-width: 268px;
padding-right: 20px;
}
@media (max-width: 769px) {
.proximos_eventos_wrapper{
display: none;
}
.form_section_left, .form_section_right{
width:100%!important;
max-width:100%!important;
clear: both;
float:left!important;
}
.facultad-item, .campus-item, .tematica-item {
width: 100%!important;
}
.boletin_personalizado .submit, .enviar_evento_wrapper .submit{
margin-bottom: 100px!important;
margin-top: 30px!important;
}
.boletin_personalizado .wpcf7-form-control-wrap, .enviar_evento_wrapper .wpcf7-form-control-wrap{
display: block!important;
margin-top: -190px!important;
margin-bottom: 100px!important;
}
}
@media (min-width: 768px) {
.proximos_eventos_mobile_wrapper
{
display: none;
}
.proximos_eventos_wrapper{
width: 25%;
min-width: 268px;
}
.open-calendar-button-mobile{
display: none!important;
}
}
#form_filtros_agenda{
width: 75%;
}
.evento-widget {
background: #50A0DC;
overflow: hidden;
color: white;
padding: 15px 20px;
}
.evento-widget .widget-title {
background: #50A0DC;
color: white;
padding: 15px 0px 30px 0px;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
font-family: Montserrat;
font-weight: 900;
font-size: 16px;
line-height: 100%;
vertical-align: middle;
}
.evento-item {
display: flex;
flex-direction: column;
color: white;
text-decoration: none;
border-bottom: 1px solid #a8d0ee;
transition: color 0.3s ease;
padding-bottom: 15px;
margin-bottom: 30px;
}
.evento-item:hover {
color: #0034b2!important;
border-bottom: 1px solid #0034b2!important;
}
.evento-primera-linea {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.evento-dia {
margin-right: 5px;
font-family: Montserrat;
font-weight: 700;
font-size: 30px;
line-height: 100%;
letter-spacing: 0%;
text-align: right;
vertical-align: middle;
}
.evento-fecha-extra {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.evento-mes {
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 2px;
font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.evento-hora {
font-family: Montserrat;
font-weight: 300;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.evento-info {
display: flex;
flex-direction: column;
}
.evento-titulo {
margin: 0 0 8px 0;
font-family: Montserrat;
font-weight: 600;
font-size: 12px;
line-height: 120%;
letter-spacing: 0%;
vertical-align: middle;
}
.ver-mas-text {
display: inline-flex;
align-items: center;
gap: 6px;
text-transform: uppercase;
font-family: Montserrat;
font-weight: 600;
font-size: 10px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
}
.ver-mas-text svg {
width: 18px;
height: 12px;
transition: transform 0.3s ease;
margin-left: 5px;
}
@media (min-width: 480px) and (max-width: 768px) {
.evento-item{
width: 48%;
float: left;
}
.evento-widget a:nth-of-type(2) {
margin-left: 4%;
}
}
/* ============ Filtros Calendar ============ */
/* Wrapper principal para eventos y filtros */
.proximos_eventos_y_filters_wrapper {
display: flex;
align-items: flex-start;
margin-top: 20px;
width: 100%;
}
/* Contenedor para los filtros */
#filtros_agenda_wrapper {
display: flex;
flex-wrap: wrap;
flex: 1;
min-width: 0;
max-width:100%;
}
.filtros_calendar_text{
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 20px;
}
.dropdown-container {
position: relative;
display: inline-block;
width: 240px;
font-family: Arial, sans-serif;
}
.dropdown-button {
width: 100%;
padding: 10px 15px;
background-color: #ffffff;
border: 1px solid #0053CE;
border-radius: 0px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
color: #0053CE;
box-sizing: border-box;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
vertical-align: middle;
}
.dropdown-button:hover {
background-color: #f8f9fa;
}
.dropdown-arrow {
font-size: 14px;
transition: transform 0.3s ease;
}
.dropdown-arrow.open {
transform: rotate(180deg);
}
#campus-dropdown-container {
width: 32.5%;
}
#facultad-dropdown-container {
width: 65%;
margin-left: 2.5%;
}
.dropdown-menu {
position: absolute;
top: auto;
left: 0;
right: 0;
width: 100%;
background-color: white;
border: none;
border-radius: 0 0 5px 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
display: none;
z-index: 1000;
box-sizing: border-box;
}
.dropdown-menu.open {
display: block;
}
.dropdown-item {
padding: 10px 15px;
cursor: pointer;
transition: background-color 0.2s ease;
display: flex;
align-items: center;
}
.dropdown-item:hover {
background-color: #f1f3f4;
}
.dropdown-item input[type="checkbox"] {
margin-right: 12px;
width: 10px;
height: 10px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #0053CE;
border-radius: 50%;
background-color: white;
position: relative;
}
.dropdown-item input[type="checkbox"]:checked {
background-color: #0053CE;
border-color: #0053CE;
}
.dropdown-item input[type="checkbox"]:hover {
border-color: #0053CE;
}
.dropdown-actions {
padding: 0px;
background-color: #f3f3f3;
}
.dropdown-action {
color: #0053CE;
cursor: pointer;
font-size: 14px;
display: block;
padding: 10px 15px;
}
/* Tags para elementos seleccionados */
.selected-items {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 10px;
width: 100%;
}
.calendar_navigation_wrapper{
width: 1120px;
max-width:100%;
margin: 30px auto;
}
/* ==== Selector Facultad / Temática ==== */
.dropdown-container {
position: relative;
display: inline-block;
width: 240px;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
vertical-align: middle;
}
/* Modal overlay - FONDO AZUL */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 83, 206, 0.8); /* Azul más claro como en la imagen */
display: none;
z-index: 2000;
align-items: center;
justify-content: center;
}
.modal-overlay.open {
display: flex;
}
/* ========== Modal de Facultades y Temáticas ========== */
/* Modal content */
.modal-content {
background-color: white;
width: 1205px;
max-width: 98%;
max-height: 90vh;
overflow: hidden;
display: flex;
flex-direction: column;
position: relative;
}
/* Modal header */
.modal-header
{
padding: 20px 20px 10px 20px;
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.modal-title {
margin: 10px 0 0 0;
font-size: 14px;
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
/* Modal body */
.modal-body {
padding: 0 20px;
overflow-y: auto;
flex: 1;
}
/* Tabs layout */
.tabs-container {
display: flex;
flex-direction: column;
height: 100%;
}
/* Tabs header wrapper */
.tabs-header {
display: flex;
}
/* Tab headers */
.tab-header {
padding: 15px;
text-align: center;
font-size: 16px;
font-weight: bold;
cursor: pointer;
background-color: white;
transition: all 0.2s ease;
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
}
.tab-header.active {
color: #0053ce;
border-bottom: 3px solid #0053ce;
}
.tab-header:not(.active) {
color: #212529;
border-bottom: 1px solid #212529;
}
/* FACULTAD ocupa 1 columna, TEMÁTICA ocupa 3 columnas */
.tab-header.facultad {
flex: 1;
}
.tab-header.tematica {
flex: 1;
margin-right: 50%;
}
/* Tab content */
.tab-content {
display: grid;
grid-template-columns: 1fr 3fr;
padding: 20px 0px;
}
/* Content columns */
.content-column {
width: 100%;
}
.content-column.facultad{
padding: 0px 5px 0px 0px;
}
.content-column.tematica{
padding: 0px 0px 0px 5px;
}
.content-column.facultad {
grid-column: 1;
}
.content-column.tematica {
grid-column: 2;
}
/* CAMBIO: Options content en lugar de options-grid */
.options-content {
display: flex;
flex-direction: column;
gap: 8px;
}
/* Options content - TEMÁTICA en 3 columnas */
.content-column.tematica .options-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.tematica:not(.active) .option-item, .facultad:not(.active) .option-item {
background-color: #f3f3f3;
color: #808285!important;
cursor: not-allowed;
}
.tematica.active .option-item, .facultad.active .option-item{
border: 1px solid #f3f3f3;
color: #000;
}
/* Option items con estado activo/inactivo */
.option-item {
display: flex;
align-items: center;
padding: 8px;
cursor: pointer;
transition: background-color 0.2s ease;
}
/* Esto selecciona todo el option-item cuando su checkbox está marcado */
.option-item:has(input[type="checkbox"]:checked) {
border: 1px solid #0053ce;
color: #0053ce;
}
.option-item:has(input[type="checkbox"]:checked) label {
color: #0053ce;
}
.option-item:has(input[type="checkbox"]:checked) [type="checkbox"] {
color: #0053ce;
border: 1px solid #05539c;
border-radius: 50%;
background-color: #05539c;
}
/* Checkboxes deshabilitados visualmente en pestañas inactivas */
.tab-column:not(.active) .option-item input[type="checkbox"] {
pointer-events: none;
opacity: 0.5;
}
/* Labels deshabilitados en pestañas inactivas */
.tab-column:not(.active) .option-item label {
pointer-events: none;
color: #999;
}
.tab-column.active .option-item:hover {
background-color: #e9ecef !important;
}
.option-item input[type="checkbox"] {
margin-right: 12px;
width: 10px;
min-width: 10px;
height: 10px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ccc;
border-radius: 50%;
background-color: white;
position: relative;
}
.option-item input[type="checkbox"]:checked {
background-color: #05539c;
border-color: #05539c;
}
.option-item input[type="checkbox"]:hover {
border-color: #05539c;
}
.option-item label {
cursor: pointer;
font-size: 13px;
color: #333;
}
/* Modal footer */
.modal-footer {
padding: 20px;
border-top: 1px solid #e0e0e0;
display: flex;
justify-content: space-between;
gap: 10px;
}
.select-actions {
display: flex;
gap: 10px;
}
.modal-footer .action-button {
padding: 8px 16px;
background-color: transparent;
border: 1px solid #014ec4;
background-color: #014ec4;
color: #fff;
cursor: pointer;
font-size: 14px;
transition: all 0.2s ease;
}
.action-button:hover {
text-decoration: underline;
}
.modal-footer .accept-button {
padding: 10px 20px;
color: #0053ce;
cursor: pointer;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5px;
border: 0px;
background-color: #fff;
}
.modal-footer .accept-button:hover {
color: #50a0dc;
}
/* Tags for selected items */
.selected-items {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 10px;
width: 100%;
}
.selected-tag {
background-color: #0053ce;
color: white;
padding: 3px 8px;
border-radius: 4px;
font-size: 12px;
display: inline-flex;
align-items: center;
gap: 5px;
font-family: Montserrat;
font-weight: 500;
font-size: 12px!important;
line-height: 150%;
letter-spacing: 0%;
text-align: right;
}
.selected-tag .remove {
cursor: pointer;
font-weight: bold;
padding: 0 3px;
}
.selected-tag .remove:hover {
background-color: rgba(255,255,255,0.2);
border-radius: 50%;
}
/* ========== RESPONSIVE MOBILE ========== */
@media (max-width: 768px) {
/* Ocultar pestañas de desktop */
.desktop-only {
display: none !important;
}
/* Mostrar headers de mobile */
.mobile-only {
display: block !important;
}
/* Cambiar layout del tab-content a vertical */
.tab-content {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
padding: 0 !important;
}
/* Headers móviles */
.mobile-section-header {
padding: 15px 20px;
margin: 0px;
border-bottom: 1px solid #212529;
cursor: pointer;
transition: all 0.2s ease;
}
.mobile-tab-header {
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
color: #212529;
text-align: center;
}
/* Destacar sección activa en mobile */
.content-column.active .mobile-section-header {
background-color: #fff;
border-bottom: 3px solid #0053ce;
}
.content-column.active .mobile-tab-header {
color: #0053ce;
}
/* En mobile: MOSTRAR AMBAS secciones siempre */
.content-column {
display: block !important;
padding: 0 !important;
grid-column: auto !important;
width: 100% !important;
/* margin-bottom: 20px; */
}
.options-content {
padding: 20px 0px;
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
}
/* Ajustar ancho del modal en mobile */
.modal-content {
width: 95% !important;
max-width: 95% !important;
}
.option-item {
padding: 5px;
}
.open-calendar-button-mobile{
display: flex!important;
}
.comparteEnlace{
margin: 0px;
}
.event_hr{
display: none;
}
}
/* Desktop - mantener comportamiento original */
@media (min-width: 769px) {
.desktop-only {
display: flex !important;
gap: 10px;
padding: 0px;
}
.mobile-only {
display: none !important;
}
/* Asegurar que ambas columnas sean visibles en desktop */
.content-column {
display: block !important;
width: 100% !important;
}
/* Restaurar el grid de temática solo en desktop */
.content-column.tematica .options-content {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 8px !important;
}
/* Facultad en desktop - mantener flex column */
.content-column.facultad .options-content {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
/* En desktop: comportamiento de pestañas normal con estados active/inactive */
.content-column.inactive {
/* Tu CSS original maneja esto con colores de fondo */
}
}
/* Responsive */
@media (max-width: 768px) {
.mpw_widget {
max-width: 100%;
}
.evento-item {
padding: 12px 15px;
}
.evento-dia {
font-size: 2em;
margin-right: 10px;
}
}
/* ========== Listado de eventos de un día =========== */
/* Contenedor base del evento */
.eventos_dia_img {
position: relative;
width: 100%;
height: 230px; /* Ajusta según tus necesidades */
}
/* Enlace con imagen de fondo */
.evento_dia_list_img {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
text-decoration: none;
overflow: hidden;
}
/* Overlay que aparece en hover */
.evento_hover_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 83, 206, 0.95); /* Azul con transparencia */
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
padding: 10px; /* Espacio para el borde interno */
}
/* Contenido interno con borde blanco */
.evento_hover_contenido {
width: 100%;
height: 100%;
border: 2px solid rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
/* CAMBIO: Mostrar overlay en hover de TODA LA FILA */
.eventos_dia_fila:hover .evento_hover_overlay {
opacity: 1;
visibility: visible;
}
/* Quitar el hover anterior de solo la imagen */
/* .evento_dia_list_img:hover .evento_hover_overlay {
opacity: 1;
visibility: visible;
} */
/* ===== ESTILOS PARA EVENTO CON HORA ESPECÍFICA ===== */
.evento_fecha_simple {
display: flex;
align-items: center;
color: white;
font-family: Arial, sans-serif;
font-weight: bold;
gap: 3px;
}
.evento_dia_numero {
font-family: Montserrat;
font-weight: 700;
font-size: 30px;
line-height: 100%;
letter-spacing: 0%;
text-align: right;
vertical-align: middle;
}
.evento_fecha_derecha {
display: flex;
flex-direction: column;
justify-content: center;
height: 72px; /* Misma altura que el número */
align-items: flex-start; /* Alinear todo a la izquierda */
}
.evento_dia_mes {
font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: uppercase;
}
.evento_hover_contenido .evento_fecha_simple .evento_hora {
font-family: Montserrat;
font-weight: 300;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
/* ===== ESTILOS PARA EVENTO DE TODO EL DÍA ===== */
.evento_fecha_rango {
display: flex;
align-items: center;
justify-content: center;
color: white;
font-family: Arial, sans-serif;
font-weight: bold;
gap: 20px;
}
.evento_fecha_inicio,
.evento_fecha_fin {
text-align: center;
}
.evento_fecha_inicio .evento_fecha_completa, .evento_fecha_inicio .evento_año {
font-family: Montserrat;
font-weight: 700;
font-size: 14px;
line-height: 100%;
letter-spacing: 10%;
vertical-align: middle;
}
.evento_fecha_fin .evento_fecha_completa, .evento_fecha_fin .evento_año {
font-family: Montserrat;
font-weight: 300;
font-size: 14px;
line-height: 100%;
letter-spacing: 10%;
vertical-align: middle;
}
.evento_separador {
width: 1px;
height:29px;
background-color: #fff;
}
#eventos_dia_wrapper, #listado_eventos_wrapper
{
max-width: 100%;
width: 800px;
padding: 0px;
margin: 0px;
float: right;
border: 0px;
background-color:#fff;
}
#listado_eventos_wrapper .no_results{
padding: 20px;
font-size: 18px;
font-family: Montserrat;
margin-top: 20px
}
#listado_eventos_wrapper .no_results .search_term{
font-weight: bold;
font-style:italic;
margin-top: 20px
}
.fecha-cabecera-listado{
color: #ffffff;
padding: 0 10px;
background-color: #0053CE;
font-family: Montserrat;
font-weight: 600;
font-size: 18px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: uppercase;
line-height: 34px;
height: 34px;
border-bottom: 1px solid #0053CE;
}
.evento_dia_cabecera_hora{
color: #0053CE;
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: uppercase;
line-height: 34px;
height: 34px;
border-bottom: 1px solid #0053CE;
}
.evento_dia_cabecera_todo_el_dia{
border-top: 1px solid #0053CE;
}
.eventos_dia_fila
{
position: relative;
width: 100%;
padding: 5px 0px 5px 0px;
clear:both;
overflow:hidden;
margin: 0px;
cursor: pointer;
}
.eventos_dia_img
{
width:284px;
height: 160px;
text-align:center;
overflow:hidden;
float:left;
margin: 0px;
padding: 0px;
border: 0px;
}
.evento_dia_portada_img, .evento_dia_list_img{
height:160px;
width:100%;
display:inline-block;
background-repeat:no-repeat;
background-size:cover;
background-position: center center;
}
@media (max-width: 768px) {
.eventos_dia_img
{
width:100%;
height: 200px;
text-align:center;
overflow:hidden;
float:left;
margin: 0px;
padding: 0px;
border: 0px;
}
.evento_dia_portada_img, .evento_dia_list_img{
width: 100%;
height: 200px;
}
.evento_dia_texto{
width: 100%;
}
}
.evento_dia_texto
{
width: 420px;
text-align: left;
float: left;
margin: 0px;
padding: 0px;
border: 0px;
color: #000;
line-height: 100%;
padding:10px;
}
.evento_dia_texto a
{
color: #000 !important;
text-decoration: none;
font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 120%;
letter-spacing: 0%;
vertical-align: middle;
}
.evento_dia_texto a:hover
{
/* text-decoration: underline; */
border-bottom: 1px solid #000;
}
.evento_dia_title
{
font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 120%;
letter-spacing: 0%;
vertical-align: middle;
}
.fecha_hora_lugar_wrapper
{
width: 235px;
height: auto;
float: left;
overflow: hidden;
padding: 10px;
}
.fecha_hora_lugar_izq
{
width: 420px;
float:left;
/* overflow: hidden; */
margin-top: 5px;
}
.fecha_hora_lugar_der
{
width: 100px;
float:left;
overflow: hidden;
margin-top: 5px;
}
.event_content_ficha_item
{
font-size:14px;
margin-top: 10px;
margin-bottom: 5px;
/*line-height: 30px;*/
padding-left: 25px;
}
.ficha_evento_img_espacio
{
width: 100px;
height: 100px;
margin-left:20px;
}
.evento_dia_datos{
width: 100%;
height: auto;
float:left;
overflow: hidden;
}
#evento_dia_datos_hora
{
width: 100%;
margin-top: 5px;
margin-bottom: 10px;
float:left;
overflow: hidden;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 120%;
letter-spacing: 0%;
vertical-align: middle;
color: #000;
}
#evento_dia_datos_lugar
{
height: auto;
width: 100%;
float:left;
overflow: hidden;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 120%;
letter-spacing: 0%;
vertical-align: middle;
color: #000;
}
#evento_dia_datos_espacio a
{
font-size:14px;
color:#0053CE
}
#evento_dia_datos_espacio a:hover
{
color:#000
}
.evento_dia_mas_info{
width: 100%;
position: relative;
padding-top: 10px;
clear: both;
}
.evento_dia_mas_info a {
font-family: Montserrat;
font-weight: 700!important;
font-size: 10px!important;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
color: #05539c!important;
text-decoration: none;
/* Agregar estas líneas */
display: flex;
align-items: center;
gap: 8px;
}
.evento_dia_mas_info svg {
flex-shrink: 0;
}
.evento_dia_mas_info a:hover {
color: #0053ce!important;
border-bottom: 0px;
}
.evento_dia_mas_info a:hover svg path {
stroke: #0053ce;
}
/**
* 5.3 Entry Content
* ----------------------------------------------------------------------------
*/
.single-post .site-main{
margin-top: 60px!important;
}
.content_wrapper
{
min-height: 200px;
font-size: 18px;
}
.event-content
{
padding: 10px 0px 10px 55px;
}
.entry-content .event-content .entry-header h1{
color: #212529;
font-family: Montserrat;
font-weight: 900;
font-size: 36px;
line-height: 100%;
letter-spacing: 0%;
padding-bottom: 50px;
margin-top: 50px;
border-bottom: 2px solid #f3f3f3;
width: 100%;
}
hr{
border: 1px solid #f3f3f3;
}
.texto_aviso{margin:20px 10px 20px 10px}
.texto_introduccion
{
margin-top: 50px;
padding: 0px;
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 200%;
letter-spacing: 0%;
vertical-align: middle;
}
.texto_introduccion p
{
padding:0px;
margin: 0px!important;
}
.entry-content {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
background-color: #ffffff;
margin-top: 0px!important;
}
/*
.entry-content a,
.comment-content a {
color: #bc360a;
}
.entry-content a:hover,
.comment-content a:hover {
color: #ea9629;
}
*/
.entry-content blockquote {
font-size: 24px;
}
.entry-content blockquote cite,
.entry-content blockquote small {
font-size: 16px;
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
margin-left: -60px;
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
margin-right: -60px;
}
.format-standard footer.entry-meta {
margin-top: 0;
}
/* Page links */
.page-links {
clear: both;
font-size: 16px;
font-style: italic;
font-weight: normal;
line-height: 2.2;
margin: 20px 0;
text-transform: uppercase;
}
.page-links a,
.page-links > span {
background: #fff;
border: 1px solid #fff;
padding: 5px 10px;
text-decoration: none;
}
/*
.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
background: #e63f2a;
border: 1px solid #e63f2a;
color: #fff;
}
.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
background: #fff;
color: #e63f2a;
}
*/
.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
background: none;
}
.page-links .page-links-title {
background: transparent;
border: none;
margin-right: 20px;
padding: 0;
}
/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
background: #220e10;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #ea9629;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #595959;
}
.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
}
/*** Conetenido Evento ***/
.event_content_ficha {
display: flex;
background: white;
border-radius: 0;
border: none;
overflow: hidden;
width: 100%;
margin: 0;
position: relative;
padding-bottom: 30px;
padding-top: 10px;
}
/* Contenedor de la imagen */
.event_content_ficha .foto_evento {
flex: 0 0 475px;
margin: 0 8px 8px 0;
position: relative;
/* Sombra azul desplazada hacia derecha y abajo */
box-shadow: 30px 30px 0px #05539c;
width: 475px;
max-width: 60%;
height: 335px;
}
.event_content_ficha .foto_evento a {
display: block;
width: 100%;
height: 100%;
}
.event_content_ficha .foto_evento img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.event_content_ficha .wp-caption-text {
display: none;
}
/* Contenedor del contenido derecho */
.event_content_ficha .fecha_hora_lugar_wrapper {
flex: 1;
padding: 20px 0 0 30px;
background: white;
color: #212529
display: flex;
flex-direction: column;
}
/* Fecha y hora - parte superior azul */
.event_content_ficha #evento_dia_datos_fecha {
color: #0053CE;
padding: 12px 16px;
margin: 0;
border-bottom: none;
font-family: Montserrat;
font-weight: 900;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
/* Hora */
.event_content_ficha #evento_dia_datos_hora {
background: transparent;
color: #0053CE;
padding: 0 16px 8px 16px;
margin: 0;
font-family: Montserrat;
font-weight: 900;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
/* Título del evento */
.event_content_ficha #evento_dia_datos_espacio {
background: white;
color: #212529;
padding: 0px 16px 8px 16px;
margin: 0;
font-family: Montserrat;
font-weight: 900;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
}
.event_content_ficha .event_content_ficha_item
{
margin-top: 0px;
padding-top: 0px;
}
/* Enlace "VER ESPACIO" */
.event_content_ficha #evento_dia_datos_enlace_espacio a {
color: #00539C;
text-decoration: none;
font-family: Montserrat;
font-weight: 700;
font-size: 10px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
margin-left: -10px;
margin-top: 0px;
}
/* Sección blanca inferior */
.event_content_ficha #evento_dia_datos_lugar {
background: white;
color: #212529;
margin: 0;
padding: 12px 16px;
font-family: Montserrat;
font-weight: 900;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
}
.event_content_ficha #evento_dia_datos_ver_google_maps {
background: white;
color: #00539C;
margin: 0;
padding: 0px 16px;
font-family: Montserrat;
font-weight: 700;
font-size: 10px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
}
/* Enlace "VER EN GOOGLE MAPS" */
.event_content_ficha #evento_dia_datos_ver_google_maps a {
color: #00539C;
text-decoration: none;
font-family: Montserrat;
font-weight: 700;
font-size: 10px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
}
/* Mostrar los SVGs (las flechas) */
.event_content_ficha #evento_dia_datos_enlace_espacio svg,
.event_content_ficha #evento_dia_datos_ver_google_maps svg {
display: inline;
margin-left: 8px;
}
#event_post_description{
color: #000000;
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 180%;
letter-spacing: 0%;
}
/* ===== Etiquetas ====== */
.event-content .tags-links
{
margin-top: 20px;
margin-bottom: 20px;
}
.tags-title{
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
margin-right: 2px;
}
.event-content .tags-links a
{
color: #ffff;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
text-align: right;
background-color: #0053CE;
text-transform: uppercase;
border-radius: 3px;
padding: 2px 5px;
margin-bottom: 5px;
display: inline-block;
}
/* ===== Compartir en redes sociales ==== */
.social_share_wrapper{
width: 340px;
max-width: 100%;
overflow: hidden;
float: left;
}
.add_to_calendar_wrapper{
width: auto;
overflow: hidden;
float: left;
}
.comparteEnlace
{
width: 100%;
overflow: hidden;
margin: 30px 0 20px 0;
}
.comparteEnlace .sociable
{
width: 100%;
color:#212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.comparteEnlace .sociable ul
{
text-align: left;
margin: 0px;
padding: 0px;
}
.ul_social{
float: left;
}
.ul_calendar{
float: left;
}
.comparteEnlace .sociable ul li
{
list-style: none;
display: inline;
margin-right: 5px;
}
.sociable_tagline
{
margin-bottom: 10px;
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.comparteEnlace .sociable ul li a img
{
border: 0px;
width: 50px;
height: 50px;
}
/**
* 5.12 Comments
* ----------------------------------------------------------------------------
*/
.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
display: block;
max-width: 95%!important;
width: 740px;
}
.comments-area{
width: 778px;
background-color: #fff;
padding: 0px;
max-width: 100%!important;
margin-top: 0px;
margin-left: 55px;
}
.comment-content p{
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 200%;
letter-spacing: 0%;
vertical-align: middle;
}
.comment-content p:empty {
display: none;
}
.no-comments-area{
background-color: transparent;
padding: 0px 0px 0px 4%;
width: 100%;
margin-top: 0px;
margin-left: 0px;
}
.comments-title {
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.comment-list,
.comment-list .children {
list-style-type: none;
padding: 0;
}
.comment-list .children {
margin-left: 20px;
}
.comment-list{
border-bottom: 2px solid #f3f3f3;
width: 100%
}
.comment-list > li:after,
.comment-list .children > li:before {
border-bottom: 2px solid #f3f3f3;
content: "";
display: block;
height: 1px;
width: 100%;
}
.comment-list > li:last-child:after {
display: none;
}
.comment-body {
padding: 24px 0;
position: relative;
}
.comment-author {
float: left;
max-width: 74px;
}
.comment-author .avatar {
display: none;
}
.comment-author .fn {
}
.comment-author .fn,
.comment-author .url,
.comment-reply-login {
color: #0053CE;
font-family: Montserrat;
font-weight: bold;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.says {
display: none;
}
.no-avatars .comment-author {
margin: 0 0 5px;
max-width: 100%;
position: relative;
}
.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
width: 100%;
}
.comment-list .edit-link {
margin-left: 20px;
}
.comment-metadata,
.comment-awaiting-moderation,
.comment-content {
margin-left: 84px;
width: 79%;
width: -webkit-calc(100% - 124px);
width: calc(100% - 124px);
}
.comment-list .reply {
clear: both;
width: 100%;
overflow: hidden;
color: #0053CE!important;
font-family: Montserrat;
font-weight: 700!important;
font-size: 10px!important;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
padding-top: 30px;
}
.comment-list .reply a::after {
content: "";
display: inline-block;
width: 18px;
height: 12px;
margin-left: 8px;
background-image: var(--flecha-svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}
.comment-meta .comment-metadata a{
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.ping-meta {
color: #a2a2a2;
font-size: 13px;
line-height: 2;
}
.comment-awaiting-moderation {
color: #a2a2a2;
}
.comment-awaiting-moderation:before {
content: "\f414";
margin-right: 5px;
position: relative;
top: -2px;
}
/* Comment form */
.comment-respond {
background-color: #fff;
overflow: hidden;
margin-top: 0px;
font-family: Montserrat;
max-width: none!important;
/* border: 30px solid #fff; */
padding: 15px 0px;;
width: 100%;
}
.comments-area .comment-respond {
margin-left: 0px;
}
/*
.no-comments-area .comment-respond {
margin-left: 15px;
} */
.comments-area .comment-respond h3.comment-reply-title{
padding-top: 0px!important;
margin-top: 0px!important;
}
.no-comments-area .comment-respond h3.comment-reply-title{
padding-top: 10px!important;
margin-top: 0px!important;
}
.comment-form-comment label
{
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
}
.comment-form label{
width: 100%!important;
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
}
.comment-form{
font-family: Montserrat;
font-size: 13px;
}
.comment-form p.form-submit {
margin-top: 50px!important;
}
.comment-form-comment #comment{
font-size: 16px;
border: 1px solid #0053CE;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
height: 140px;
}
.comment .comment-respond {
margin-bottom: 20px;
padding: 0px;
}
.comment-reply-title {
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.comment-notes{
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 11px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.comment-reply-title small a {
color: #131310;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
}
.comment-reply-title small a:hover {
color: #ed331c;
text-decoration: none;
}
.comment-reply-title small a:before {
content: "\f406";
vertical-align: top;
}
.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
padding: 0;
}
.comment-form .comment-notes {
margin-bottom: 15px;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
margin-bottom: 8px;
}
.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
float: left;
padding: 5px 0;
width: 120px;
}
.comment-form .required {
color: #ed331c;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
max-width: 100%;
width: 740px;
border: 1px solid #0053CE;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding: 10px;
}
.comment-form p {
margin-top: 5px;
}
.comment-form textarea {
width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
color: #686758;
font-size: 12px;
font-family: Montserrat;
}
.form-allowed-tags code {
font-size: 10px;
margin-left: 3px;
}
.comment-list .pingback,
.comment-list .trackback {
padding-top: 24px;
}
.comment-navigation {
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0 auto;
max-width: 604px;
padding: 20px 0 30px;
width: 100%;
}
.no-comments {
background-color: #f7f5e7;
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0;
padding: 40px 0;
text-align: center;
}
.sidebar .no-comments {
padding-left: 60px;
padding-right: 376px;
}
.no-comments-area, .comments-area{
width: 100%!important;
margin-top: -50px;
}
.no-comments-area {
margin-left: 0px!important;
}
.comment-respond {
width: 100%!important;
}
/**
* 6.0 Sidebar
* ----------------------------------------------------------------------------
*/
.widget-area {
float: left;
width: 100%;
}
.sidebar-container
{
float: left;
width: 270px;
}
.widget p:empty {
display: none;
}
/* Botón Envía tu evento */
.newsletter-button_mobile{
display: none;
}
.newsletter-button {
display: inline-flex; /* en vez de inline-block */
align-items: center; /* centra verticalmente */
background-color: #0053CE;
color: white;
padding: 6px 11px;
cursor: pointer;
user-select: none;
font-family: Montserrat !important;
font-weight: 500 !important;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
vertical-align: middle;
text-transform: uppercase;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
gap: 6px; /* espacio entre el texto y el icono */
}
.newsletter-button .plus-icon {
margin-left: 5px!important;
}
/* ------ Pié de página ------ */
footer.site-footer {
margin-top: 90px;
background-color: #0053ce;
color: white;
padding: 60px 0;
width: 100%;
min-height: 270px;
}
.footer-container {
width: 90%;
max-width: 1120px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-end; /* Cambiado de center a flex-end */
}
.footer-left {
display: flex;
flex-direction: column;
}
.footer-logo {
margin-bottom: 50px;
}
.footer-logo img {
height: 47px;
width: auto;
}
.footer-rights {
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 10px;
}
.footer-links a {
color: white;
font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 120%;
letter-spacing: 0%;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: 0%;
margin-right: 20px;
}
.footer-links a:hover {
text-decoration: underline;
}
.footer-social {
display: flex;
gap: 8px;
margin-bottom: 0; /* Asegurar que esté en la base */
}
.social-icon {
display: flex;
justify-content: center;
align-items: center;
}
.social-icon:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.social-icon img {
width: 50px;
height: auto;
max-width: 10vw;
}
/* Para dispositivos móviles */
@media (max-width: 768px) {
footer{
height: auto;
margin-top: 0px!important;
}
.footer-container {
flex-direction: column;
text-align: center;
align-items: center;
}
.footer-left {
margin-bottom: 20px;
}
.footer-links {
margin-bottom: 20px;
}
.footer-links a {
display: block;
margin: 10px 0;
}
.footer-social {
justify-content: center;
}
.social_share_wrapper{
width: 250px!important;
}
}
.secondary-toggle, .responsive-search {
display: inline-block;
}
/* ---- Responsive ---- */
@media (min-width: 991px) {
.secondary-toggle {
display: none!important;
}
.secondary-toggle_close{
display:none!important;
}
.main-nav-desplegable{
display: none!important;
}
.no-comments-area{
padding: 0px 0px 0px 60px!important;
}
}
@media (max-width: 768px) {
.newsletter-button_mobile{
display: block;
}
.has-newsletter{
display: none!important;
}
.widget-area .widget {
margin: 0px!important;
}
.entry-content {
margin: 0px 4%!important;
}
.event-content{
padding: 0px !important;
}
#comments .submit{
margin-bottom: 30px!important
}
}
@media (max-width: 992px) {
#NavSuperior {
display: none;
}
.menuSuperior li a {
padding: 15px 10px;
font-size: 14px;
}
.logo-box {
width: 260px;
padding: 10px;
}
.agenda-titulo {
font-size: 20px;
}
.left-section {
flex-grow: 1;
}
.uni-link {
margin-left: 10px;
}
#head-search-input.active {
width: 150px;
}
.menuSuperior {
display: none;
}
.secondary-toggle {
display: inline-block;
}
.logo-box {
width: 220px;
margin: 10px 0;
}
.comments-area{
margin-left: 4%!important;
}
}
/**
* 6.1 Widgets
* ----------------------------------------------------------------------------
*/
.widget-area .widget {
font-size: 14px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
margin: 50px 0px 24px 0px;
}
/* Elimina el margin-top solo del primer widget */
.widget-area .widget:first-of-type {
margin-top: 0;
}
.widget ul,
.widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget li {
padding: 5px 0;
}
.widget .children li:last-child {
padding-bottom: 0;
}
.widget li > ul,
.widget li > ol {
margin-left: 20px;
}
.sidebar_events_list li
{
width: 100%;
clear: both;
border-bottom: 1px solid #dedede;
overflow: hidden;
}
.single-post .widget-area #da-calendario-container{
margin-top: -20px;
}
.img_list_widget_sidebar
{
float: left;
width: 50px;
margin: 0px;
padding: 0px;
}
.texto_list_widget_sidebar
{
float: left;
padding: 0 5px;
font-family: Montserrat;
font-size: 11.25px;
color: #0053CE;
overflow: hidden;
margin: 0px;
width:170px
}
.img_list_widget_sidebar a img
{
border: 0px;
width: 50px;
height: 50px;
}
/* Search widget */
.search-form .search-submit {
display: none;
}
/* RSS Widget */
.widget_rss .rss-date {
display: block;
}
.widget_rss .rss-date,
.widget_rss li > cite {
color: #a2a2a2;
}
/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
border: 0;
border-collapse: separate;
border-spacing: 1px;
}
.widget_calendar caption {
font-size: 14px;
margin: 0;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
}
.widget_calendar a:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.5);
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
.eventos_relacionados_widget, .eventos-relacionados-mobile{
background-color: #f3f3f3;
padding: 10px 20px;
font-family: Montserrat;
overflow: hidden;
}
.eventos-relacionados-mobile{
display: none;
}
.eventos_relacionados_widget .widget-title{
color: #0053CE;
font-family: Montserrat;
font-weight: 900;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: uppercase;
margin-bottom: 30px;
}
.eventos_relacionados_widget .evento-titulo,
.eventos_relacionados_widget .evento-dia,
.eventos_relacionados_widget .ver-mas-text,
.eventos_relacionados_widget .evento-mes,
.eventos_relacionados_widget .evento-hora
{
color: #0053CE;
}
/*
* Menú Hamburguesa
*
*/
.secondary-toggle, .secondary-toggle_close {
display: inline-block;
-webkit-font-smoothing: antialiased;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
/* background-color: transparent; */
border: 0px solid #fff;
height: 60px;
overflow: hidden;
position: relative;
float:right;
margin-top: 50px;
/* right: 0; */
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 60px;
margin-right: 5%;
padding: 10px;
z-index: 9999;
}
.secondary-toggle{
background-color: #0053CE;
}
.secondary-toggle_close {
background-color: #0053CE;
}
.secondary-toggle:before {
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
width: 40px;
height: 40px;
display: inline-block;
}
/* .secondary-toggle span:after {
font-family: Montserrat;
color: #fff;
font-size: 11px;
content: "\9MENU";
} */
.secondary-toggle_close:before {
color: #fff;
content: "";
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
width: 40px;
height: 41px;
display: inline-block;
}
.responsive-search-button-wrapper
{
width: 6%;
position: relative;
float: right;
text-align:left;
}
.responsive-search {
border: 0px;
width: 50px;
height: 50px;
font-family: "Genericons";
font-size: 24px;
background: transparent;
padding: 0px;
}
.responsive-search:before {
color: #fff;
content: "\f400";
line-height: 50px;
padding:10px;
}
#responsive-search-form{
width: 100%;
padding: 0px 5% 10px 5%;
}
#responsive-search-form #responsive-search-input{
position: relative;
float: left;
width: 94%;
height: 40px;
margin-top: 5px;
font-size: 24px;
border-radius: 3px 3px 3px 3px;
border: 0px!important;
background-color:#0053CE;
color: #fff;
}
#responsive-search-form{
padding: 0px;
}
.responsive-menu-redes{
/* text-align:center; */
overflow: hidden;
padding: 10px 20%;
background-color: #fff;
}
.responsive-menu-redes-item{
margin-left: 1%;
width: 13.15%;
text-align: center;
display: block;
float: left;
overflow: hidden;
margin-bottom: 10px;
}
.responsive-menu-redes-item a img{
width: 100%;
max-width: 80px;
}
.responsive-menu-idioma ul{
list-style: none;
padding: 0;
width: 100%;
text-align: justify;
}
/*
.responsive-menu-idioma ul:after{
content: ".";
display: inline-block;
width: 100%;
height: 0;
visibility: hidden;
} */
.responsive-menu-idioma ul li{
display: inline-block;
width: 33%;
border: 1px solid #cecece;
text-align: center;
background: #000;
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px;
}
.responsive-menu-idioma ul li.active{
background-color: #ffffff!important;
color: #000000!important;
}
.responsive-menu-idioma ul li.active a{
background-color: #ffffff!important;
color: #000000!important;
}
.responsive-menu-idioma ul li a{
text-decoration: none;
font-size: 20px;
color: #ffffff;
border: 0px;
width: 100%;
display: block;
}
.secondary-toggle:hover,
.secondary-toggle:focus,
.secondary-toggle_close:hover,
.secondary-toggle_close:focus,
.secondary-search:hover,
.secondary-search:focus {
border: 1px solid #50a0dc;
outline: 0;
}
.secondary-toggle.toggled-on:before {
content: "\f405";
font-size: 42px;
position: relative;
top: 1px;
left: -1px;
}
.main-nav-desplegable{
margin-top: 0px;
padding-top: 10px;
padding-left: 0px;
display: none;
position: absolute;
z-index: 9998;
}
.main-nav-desplegable li .parent {
padding: 15px 30px;
color: #fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 20px;
display: inline-block;
line-height: 15px;
}
.li-responsive-search{
border-bottom: 1px solid #fefefe;
width: 94%;
margin-left: 3%;
height: 50px;
}
.responsive-menu-idioma{
background-color: #fff;
padding: 0px 30px!important;;
}
.responsive-menu-idioma .selector-idioma a{
display: block;
text-decoration: none;
align-items: center;
height: 100%;
padding: 0 2px;
font-family: Montserrat;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.2px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
.responsive-menu-idioma .selector-idioma a.idioma-activo{
font-weight: 800!important;
}
.menu-item-has-children .parent-container {
position: relative;
}
.menu-item-has-children{
padding: 10px 0px;
}
.menu-item-has-children .parent-container::after {
content: '';
position: absolute;
right: 15px; /* Ajusta según necesites */
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 33px;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.2929 20.9097C12.9024 20.5192 12.9024 19.8861 13.2929 19.4955L16.5858 16.2026L13.2929 12.9097C12.9024 12.5192 12.9024 11.8861 13.2929 11.4955C13.6834 11.105 14.3166 11.105 14.7071 11.4955L18.7071 15.4955C19.0976 15.8861 19.0976 16.5192 18.7071 16.9097L14.7071 20.9097C14.3166 21.3003 13.6834 21.3003 13.2929 20.9097Z' fill='white'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
/* Opcional: Agregar padding al enlace para que no se superponga con la flecha */
.menu-item-has-children .parent {
padding-right: 50px; /* Ajusta según el tamaño de la flecha */
}
.main-nav-desplegable li.menu-item-has-children .open-icon, .main-nav-desplegable li.menu-item-has-children .open-icon {
cursor: pointer;
background: rgba(3,2,1,0);
width: 50px;
padding: 0;
float:right;
top: 0;
bottom: auto;
z-index: 2;
}
.open-icon:before {
content: "\f431";
font-family: "Genericons";
font-size: 16px;
border-bottom: 1px solid rgba(0,0,0,.1);
color: #fff;
padding: 15px 21px;
background: #404040;
/* background: #333333; */
display: inline-block;
position: absolute;
right:0;
}
.main-nav-desplegable{
width:100%;
background-color: #0053CE;
list-style: none;
border: 1px solid #0053CE
}
.sub-menu{
width:100%;
background-color: #fff;
}
.sub-menu li a{
background-color: #ffffff;
color: #000;
padding: 15px 30px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 20px;
display: inline-block;
line-height: 15px;
}
.list_img_thumb{
display:inline;
}
.list_img_medium{
display:none;
}
/* ----------------------------------------------------- */
/* Forulario Envia tu Evento */
/* ----------------------------------------------------- */
.boletin_personalizado .entry-content,
.enviar_evento_wrapper .entry-content,
.create_widget_wrapper .entry-content,
.contacta-wrapper .entry-content{
padding-top:60px;
}
.entry-title .entry-title-first-line{
color: #212529;
font-family: Montserrat;
font-weight: 500;
font-size: 18px;
line-height: 80%;
letter-spacing: 0%;
text-transform: uppercase;
}
.entry-title .entry-title-second-line{
color: #212529;
font-family: Montserrat;
font-weight: 900;
font-size: 36px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
}
.content_bloque{
margin-bottom: 25px;
}
.form_input_largo{
border: 1px solid #0053CE;
border-radius: 5px;
width:100%;
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
color: #0053CE;
padding: 5px 15px;
}
.form_nota {
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 10px;
line-height: 100%;
letter-spacing: 0%;
}
input[type="text"]:focus,
textarea:focus {
border: 1px solid #0053CE;
outline: 0;
}
input[type="text"]::placeholder,
textarea::placeholder{
color: #0053CE;
}
/* Contenedor principal - usar flexbox */
div.input_titulo_wrapper {
display: block;
margin-bottom: 10px;
margin-top: 10px;
}
.form_input_largo_lang{
display: inline-block;
width: calc(100% - 40px); /* 100% menos el ancho del span */
border: 1px solid #0053CE;
padding: 0px 12px;
height: 40px;
line-height: 40px;
border-radius: 0 4px 4px 0;
border-left: none;
vertical-align: top;
box-sizing: border-box;
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
color: #0053CE;
padding: 5px 15px;
}
/* Span con el idioma - ancho fijo */
.form_idioma_left {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
vertical-align: top;
background-color: #0053CE;
color: white;
text-align: center;
border-radius: 4px 0 0 4px;
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.2px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
}
.form_sub_section .sublabel{
margin-top: 10px;
}
.form_sub_section .sublabel label{
color: #808285;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
padding-left: 10px;
}
input.form_input.fecha{
height: 40px;
width: 360px;
border: 1px solid #0053CE;
color: #0053CE;
border-radius: 4px;
font-family: Montserrat;
padding: 0px 12px;
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
}
#horas_wrapper{
width: 100%;
overflow: hidden;
}
input.form_input.input_hora{
height: 40px;
width: 170px;
border: 1px solid #0053CE;
color: #0053CE;
border-radius: 4px;
font-family: Montserrat;
padding: 0px 12px;
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
}
.hora_container{
float:left;
width: 50%;
float:left;
overflow: hidden;
padding: 0px 5px;
}
input.form_input.fecha::placeholder{
color: #0053CE;
}
.colum-3{
float: left;
overflow: hidden;
width: 33.3333%;
/* min-width: 340px; */
max-width: 99%;
}
/* Ocultar el checkbox original */
.toggle-checkbox {
display: none;
}
/* Contenedor del switch */
.toggle-switch {
position: relative;
width: 26px;
height: 14px;
background-color: #4b4b4b;
border-radius: 12px;
cursor: pointer;
transition: background-color 0.3s ease;
display: inline-block;
vertical-align: middle;
}
/* Círculo interno del switch */
.toggle-switch::before {
content: '';
position: absolute;
top: 2px;
left: 2px;
width: 10px;
height: 10px;
background-color: white;
border-radius: 50%;
transition: transform 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* Estado activo del switch */
.toggle-checkbox:checked + .toggle-switch {
background-color: #0053CE;
}
.toggle-checkbox:checked + .toggle-switch::before {
transform: translateX(10px);
}
/* Container para alinear elementos */
.toggle-container {
line-height: 1; /* Añadir esto para controlar la línea base */
}
.todo_el_dia_wrapper{
margin-top: 10px;
padding: 0px 5px;
}
.todo_el_dia_label {
color: #808285;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 14px; /* Ajustado para coincidir con altura del switch */
letter-spacing: 0.1px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
#selected_todo_el_dia, #selected_repetir{
color: #212529;
font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
#excepciones .sublabel{
margin-bottom: 10px;
}
.excepciones_dia_wrapper{
border: 1px solid #F3F3F3;
margin: 0px!important;
padding: 6px 1.5%;
margin: 7px 0px;
display: block;
float: left;
max-width: 13%;
white-space: nowrap;
}
.excepciones-wrapper{
}
.excepciones_dia_wrapper:has(input[type="checkbox"]:checked) {
border: 1px solid #00539C;
}
.excepciones_dia_wrapper input[type="checkbox"] {
width: 10px;
height: 10px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #212529;
border-radius: 50%;
background-color: white;
}
.excepciones_dia_wrapper input[type="checkbox"]:checked {
background-color: #00539C;
border: 1px solid #00539C
}
.excepciones_dia_wrapper label{
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color: #212529;
margin-left: 0.09%;
}
.excepciones_dia_wrapper:has(input[type="checkbox"]:checked) label {
color: #00539C
}
.enviar_evento_wrapper .entry-content #repetir{
border: 1px solid #0053CE;
padding: 1%;
overflow: hidden;
}
.repetir_dia_label{
color: #808285;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
text-align: right;
vertical-align: middle;
text-transform: uppercase;
}
.enviar_evento_wrapper .table_repetir th,
.enviar_evento_wrapper .table_repetir #select_repite_cada_name,
.enviar_evento_wrapper .table_repetir label{
color: #808285;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
text-align: left;;
}
.enviar_evento_wrapper .table_repetir select,
.enviar_evento_wrapper .table_repetir input[type="text"],
.enviar_evento_wrapper .table_repetir input[type="number"]{
color: #808285;
border: 1px solid #0053CE!important;
height: 40px!important;
justify-content: space-between;
border-width: 1px;
border-radius: 5px;
padding: 8px;
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 180%;
letter-spacing: 0%;
background: #fff
}
#EC_resumen{
color: #808285;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
text-align: left;
}
.enviar_evento_wrapper .table_repetir select#frequency{
width: 283px;
max-width:90%;
}
.enviar_evento_wrapper .table_repetir input#EC_empieza, .enviar_evento_wrapper .table_repetir input#endson_until_input{
width: 173px;
}
.enviar_evento_wrapper .table_repetir select#repetir_cada_value, .enviar_evento_wrapper .table_repetir input#endson_count_input{
width: 51px;
margin-right: 10px;
margin-top: 5px;
}
.enviar_evento_wrapper .table_repetir .ep-rec-dow{
border: 1px solid #F3F3F3;
margin: 0px!important;
padding: 6px 6px;
margin: 7px 0px;
display: block;
float: left;
}
.enviar_evento_wrapper .table_repetir .ep-rec-dow:has(input[type="checkbox"]:checked) {
border: 1px solid #00539C;
}
.enviar_evento_wrapper .table_repetir .ep-rec-dow input[type="checkbox"] {
width: 10px;
height: 10px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #212529;
border-radius: 50%;
background-color: white;
}
.enviar_evento_wrapper .table_repetir .ep-rec-dow input[type="checkbox"]:checked {
background-color: #00539C;
border: 1px solid #00539C;
}
.enviar_evento_wrapper .table_repetir .ep-rec-dow label{
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color: #212529;
margin-left: 5px;
}
.enviar_evento_wrapper .table_repetir .ep-rec-dow:has(input[type="checkbox"]:checked) label {
color: #00539C
}
.enviar_evento_wrapper .table_repetir tr td div{
margin: 8px 0px;
}
.repetir-container {
display: flex;
gap: 20px;
width: 100%;
}
.repetir-column {
flex: 1;
}
@media (max-width: 768px) {
.repetir-container {
flex-direction: column !important;
gap: 15px !important;
}
.repetir-column {
flex: none !important;
width: 100% !important;
}
}
#domrepeat, #dowrepeat {
background-color: red !important;
width: 50px !important;
height: 50px !important;
}
/* Oculta los radio buttons por defecto */
input[type="radio"] {
position: absolute;
opacity: 0;
}
/* Crea un círculo personalizado */
input[type="radio"] + label:before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
position: relative;
top: -2px;
margin-right: 5px;
vertical-align: middle;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #212529;
border-radius: 50%;
background-color: white;
}
/* Estilo para cuando el radio button está seleccionado */
input[type="radio"]:checked + label:before {
background-color: #00539C!important;
border: 1px solid #00539C
}
input[type="radio"] + label {
cursor: pointer;
}
.excepciones_dia_wrapper input[type="checkbox"] {
width: 10px;
height: 10px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #212529;
border-radius: 50%;
background-color: white;
}
.excepciones_dia_wrapper input[type="checkbox"]:checked {
background-color: #00539C;
border: 1px solid #00539C
}
.subtitle_form, .subtitle_enviar_evento {padding-top:5px}
.ec-edit-form{
margin-top: 30px;
}
/* #subtitle_enviar_evento h3, .subtitle_envia_evento h3{font-family: "Trebuchet MS"!important;font-size:23px!important;color: #000;background-color:#e4e8e8;border-left:19px solid #c4001d;padding:6px 4px 4px 5px;width:585px;margin-bottom:20px!important} */
.subtitle_enviar_evento h3, .subtitle_envia_evento h3{
color: #212529;
float: none;
display: block;
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
margin-top: 20px;
}
.form_section_left {
float: left;
width:550px;
max-width: 48%;
}
.form_section_right {
float: right;
width:550px;
max-width: 49%;
}
.form_section_full {
width:100%;
clear: both;
}
/* ---------------------------------------------------- */
/* Public Form */
/* ---------------------------------------------------- */
.explicacion{
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 200%;
letter-spacing: 0%;
color: #212529;
margin-top: 40px;
}
.event_form_label label{
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
}
.enviar_evento_content{overflow:hidden;margin-top:0px!important;padding-top:0px!important}
.check_line label{vertical-align:10%;}
.color_selected{background-color: #e4e8e8;}
#errorComment,.aviso, .aviso_legal, .wpcf7-not-valid-tip-no-ajax{display:block;clear:both;margin-bottom:10px!important;font-family: "Trebuchet MS"!important;font-size:13px!important;color: #ff0000}
#errorComment{margin-left:15px}
.enviar_evento_content{padding:0px 20px 0px 20px}
.form_content{margin-left:20px}
.no_display{display: none}
/* === Colores para los direrentes idiomas en el formulário === */
/* ==== Editor tinimce ==== */
.form_lang
{
display: inline-block;
padding: 5px 5px 5px 5px;
width: 125px;
text-align:center;
max-width: 30%
}
.form_lang_selected
{
/* background-color: #333!important; */
/* color: #fff!important; */
color: #0053CE!important;
text-decoration:none;
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
border-bottom: 4px solid #0053CE;
}
@media (min-width: 760px){
.selector_idioma_editor{
display: flex;
z-index:999;
position: absolute;
width: 380px;
max-width: 80%;
top: 13px;
}
}
@media (max-width: 761px){
.selector_idioma_editor{
display: flex;
}
}
.editor_wrapper{
width: 100%;
position: relative;
}
.form_lang_no_selected
{
color: #212529!important;
text-decoration:none;
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid #212529;
}
/* Ocultar las pestañas Visual/HTML */
.wp-editor-tabs {
display: none !important;
}
/* Alinear la barra de herramientas a la derecha */
.mce-toolbar-grp {
text-align: right !important;
direction: rtl;
}
/* Mantener el texto del editor en dirección normal */
.mce-edit-area {
direction: ltr;
}
/* Asegurar que los botones mantengan su orden correcto */
.mce-btn-group {
direction: ltr;
}
/* Estilos específicos para tu editor personalizado */
.custom-editor-es .wp-editor-tabs,
.custom-editor-eu .wp-editor-tabs,
.custom-editor-en .wp-editor-tabs {
display: none !important;
}
div.mce-toolbar-grp {
border-bottom: 0px!important;
background: #fff!important;
}
.wp-editor-container{
border: 0px!important;
}
.mce-toolbar .mce-container-body {
border: 0px!important;
text-align: right!important;
}
.mce-edit-area{
border: 1px solid #0053CE!important;
}
.mce-toolbar .mce-btn-group{
background-color: #f6f7f7;
}
div.description_wrapper{
margin-top: 5px;
z-index:999;
}
.switch-tmce, .switch-html,.tmce-active .switch-tmce, .html-active .switch-html{line-height:20px;height:25px;}
.oculto
{
display:none;
}
.activo
{
display: block;
}
.fila_tag
{
margin-bottom: 20px;
}
.fila_tag a img
{
margin-left:3px;
width: 10px;
}
.fila_tag a
{
background-color: #0053ce;
color: white;
padding: 5px 10px;
border-radius: 20px;
font-size: 12px;
display: inline-flex;
align-items: center;
gap: 5px;
}
.edit_tag{margin-top:10px}
#tags_wrapper li{list-style:none}
.ui-autocomplete{height: 200px;overflow-y:auto; overflow-x:hidden}
.simple-file-selector {
height: 35px;
display: flex;
width:550px;
max-width: 100%;
align-items: center;
border: 1px solid #0053CE;
border-radius: 4px;
cursor: pointer;
background: white;
margin-top: 5px;
overflow: hidden;
transition: border-color 0.2s ease;
}
.simple-file-selector:hover {
border-color: #0053CE;
}
.simple-file-selector .select-btn{
min-width: 220px;
}
.simple-file-selector span {
flex: 1;
padding: 10px 15px;
color: #999;
font-size: 14px;
user-select: none;
overflow: hidden;
max-width: 60%;
max-height: 35px;
white-space: nowrap
}
.select-btn {
background: #0053CE;
color: white;
border: none;
padding: 10px 20px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s ease;
white-space: nowrap;
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
vertical-align: middle;
text-transform: uppercase;
}
.select-btn:hover {
background: #0053CE;
}
/* Asegurar que el input original esté completamente oculto */
#EC_imagen {
display: none !important;
}
.add_imagen_section{
margin-top: 35px;
}
/* === Campus === */
.campus-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
align-items: center;
}
.campus-item {
position: relative;
border: 1px solid #f3f3f3;
padding: 4px 10px;
cursor: pointer;
transition: all 0.3s ease;
background: white;
min-width: 265px;
height:34px;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 24px;;
letter-spacing: 0%;
vertical-align: middle;
}
.campus-item:hover {
border-color: #0053ce;
box-shadow: 0 2px 4px rgba(34, 113, 177, 0.1);
}
.campus-item.selected {
border-color: #0053ce !important;
background: white;
color: #212529;
}
.campus-item.selected label {
color: #212529;
}
.campus-item input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
}
.campus-item label {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
cursor: pointer;
font-weight: normal;
white-space: nowrap;
width: 100%;
}
/* Radio button personalizado */
.campus-item label::before {
content: '';
width: 8px;
height: 8px;
border: 1px solid #212529;
border-radius: 50%;
background: white;
transition: all 0.3s ease;
flex-shrink: 0;
}
.campus-item:hover label::before {
border-color: #0053ce;
}
.campus-item.selected label::before {
border-color: #0053ce;
background: #05539c;
}
.campus-buttons {
display: flex;
gap: 15px;
margin-top: 15px;
}
.btn-facultad-tematica, .btn-campus {
background: #0053ce;
color: white;
border: none;
padding: 8px 16px;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
transition: background-color 0.3s;
}
.btn-facultad-tematica:hover, .btn-campus:hover {
background: #0053ce;
}
.btn-facultad-tematica .checkmark, .btn-campus .checkmark,
.btn-facultad-tematica .cross, .btn-campus .cross {
font-weight: bold;
font-size: 12px;
}
/* Responsive */
@media (max-width: 768px) {
.campus-container {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.campus-buttons {
flex-direction: column;
width: 100%;
}
.btn-campus, .btn-facultad-tematica {
justify-content: center;
}
}
/* === Facultades === */
.facultades-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
align-items: center;
}
.facultad-item {
position: relative;
border: 1px solid #f3f3f3;
padding: 4px 10px;
cursor: pointer;
transition: all 0.3s ease;
background: white;
min-width: 265px;
height:34px;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 24px;;
letter-spacing: 0%;
vertical-align: middle;
}
.facultad-item:hover {
border-color: #0053ce;
box-shadow: 0 2px 4px rgba(34, 113, 177, 0.1);
}
.facultad-item.selected {
border-color: #0053ce !important;
background: white;
color: #212529;
}
.facultad-item.selected label {
color: #212529;
}
.facultad-item input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
}
.facultad-item label {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
cursor: pointer;
font-weight: normal;
white-space: nowrap;
width: 100%;
}
/* Radio button personalizado */
.facultad-item label::before {
content: '';
width: 8px;
height: 8px;
border: 1px solid #212529;
border-radius: 50%;
background: white;
transition: all 0.3s ease;
flex-shrink: 0;
}
.facultad-item:hover label::before {
border-color: #0053ce;
}
.facultad-item.selected label::before {
border-color: #0053ce;
background: #05539c;
}
.facultades-buttons {
display: flex;
gap: 15px;
margin-top: 15px;
}
.btn-facultad {
background: #0053ce;
color: white;
border: none;
padding: 8px 16px;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
transition: background-color 0.3s;
}
.btn-facultad:hover {
background: #0053ce;
}
.btn-facultad .checkmark,
.btn-facultad .cross {
font-weight: bold;
font-size: 12px;
}
/* Responsive */
@media (max-width: 768px) {
.facultades-container {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.facultades-buttons {
flex-direction: column;
width: 100%;
}
.btn-facultad {
justify-content: center;
}
}
/* === Temáticas === */
.tematicas-container {
display: flex;
flex-wrap: wrap;
gap: 20px 20px; /* horizontal 20px, vertical 0px */
row-gap: 0px; /* Sin espacio entre filas */
margin-bottom: 20px;
align-items: center;
}
.tematica-item {
position: relative;
border: 1px solid #f3f3f3;
padding: 4px 10px;
cursor: pointer;
transition: all 0.3s ease;
background: white;
min-width: 265px;
height:34px;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;
margin-bottom: 0; /* Sin margen inferior */
}
.tematica-item:hover {
border-color: #0053ce;
box-shadow: 0 2px 4px rgba(34, 113, 177, 0.1);
}
.tematica-item.selected {
border-color: #0053ce !important;
background: white;
color: #212529;
}
.tematica-item.selected label {
color: #212529;
}
.tematica-item input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
}
.tematica-item label {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
cursor: pointer;
font-weight: normal;
white-space: nowrap;
width: 100%;
}
/* Radio button personalizado */
.tematica-item label::before {
content: '';
width: 8px;
height: 8px;
border: 1px solid #212529;
border-radius: 50%;
background: white;
transition: all 0.3s ease;
flex-shrink: 0;
}
.tematica-item:hover label::before {
border-color: #0053ce;
}
.tematica-item.selected label::before {
border-color: #0053ce;
background: #05539c;
}
.tematicas-buttons {
display: flex;
gap: 15px;
margin-top: 15px;
}
.btn-tematica {
background: #0053ce;
color: white;
border: none;
padding: 8px 16px;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
transition: background-color 0.3s;
}
.btn-tematica:hover {
background: #0053ce;
}
.btn-tematica .checkmark,
.btn-tematica .cross {
font-weight: bold;
font-size: 12px;
}
/* Responsive */
@media (max-width: 768px) {
.tematicas-container {
flex-direction: column;
align-items: flex-start;
gap: 10px;
row-gap: 0px; /* Sin espacio entre filas también en móvil */
}
.tematicas-buttons {
flex-direction: column;
width: 100%;
}
.btn-tematica {
justify-content: center;
}
}
/* ==== Etiquetas === */
#add_tag{
width: 300px;
height: 35px;
border: 1px solid #0053CE;
max-width:50%;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
color: #212529!important;
padding-left: 8px;
}
#add_tag::placeholder{
color: #212529!important;
}
.etiquetas-section {
width: 100%;
}
.input-group {
display: flex;
width: 100%;
max-width: 460px; /* Ajusta según necesites */
border-radius: 0;
overflow: hidden;
}
.input-group .form_input {
flex: 1;
border: 1px solid #0053CE;
max-width:50%;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
color: #212529!important;
padding-left: 8px;
margin: 0;
}
.input-group .form_input:focus {
outline: none;
box-shadow: none;
}
.input-group .btn-add-tag {
background: #0053ce;
color: white;
border: none;
padding: 4px 20px;
height: 35px;
cursor: pointer;
white-space: nowrap;
transition: background-color 0.3s;
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
vertical-align: middle;
text-transform: uppercase;
}
.input-group .btn-add-tag:hover {
background: #0053ce;
}
.input-group .btn-add-tag:active {
background: #0053ce;
}
/* Estilos para las etiquetas en la lista */
#tags_wrapper {
list-style: none;
padding: 0;
margin: 0 0 15px 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#tags_wrapper li .remove-tag {
cursor: pointer;
color: #999;
font-weight: bold;
font-size: 14px;
}
#tags_wrapper li .remove-tag:hover {
color: #666;
}
.clear {
clear: both;
}
/* Responsive */
@media (max-width: 768px) {
.input-group {
max-width: 100%;
}
}
.boletines_submit_wrapper .submit, .add_event_button_wrapper .submit {
margin-right: 10px;
}
.submit{
width: auto;
height:40px;
color: #fff;
background-color: #0053CE;
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
vertical-align: middle;
text-transform: uppercase;
border-radius: 0px!important;
padding: 4px 10px;
border: 1px solid #0053CE;
}
.submit:disabled{
background-color: #808285!important;
}
/* Etiqueta principal */
.add_event_form_label {
margin-bottom: 10px;
}
.add_event_form_label label {
font-size: 14px;
color: #333;
font-weight: bold;
}
/* Nota informativa */
.filtro_note {
padding: 0;
margin-bottom: 15px;
font-size: 12px;
color: #666;
background: none;
border: none;
}
/* ===== Formualrio - Selector - Facultad / Tematica ===== */
/* === Boletin personalizado === */
.boletines_personalizados_ok_wrapper, .texto_boletines_personalizados_wrapper, .notificacion_wrapper
{
overflow: hidden;
min-height: 100%;
font-family: Montserrat;
font-size: 16px;
}
.link{color: #0053CE}
.link:hover{color: #50a0dc!important;}
.link:visited{color: #0053CE;}
/* Etiqueta principal */
#boletin_facultad-tematica_list .add_event_form_label label {
font-size: 14px;
color: #333;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
margin-bottom: 10px;
}
/* Nota informativa */
#boletin_facultad-tematica_list .filtro_note {
padding: 0;
margin: 0 0 15px 0;
font-size: 12px;
color: #666;
background: none;
border: none;
font-family: 'Montserrat', sans-serif;
line-height: 1.4;
}
/* Contenedor de filtros */
#boletin_facultad-tematica_list.filtro_boletines {
background: white;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
box-shadow: none;
}
/* Switch de pestañas - OCUPAR TODO EL ANCHO */
#boletin_facultad-tematica_list .boletin_switch {
display: flex;
gap: 10px;
background-color: #fff;
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
#boletin_facultad-tematica_list .boletin_switch-input {
display: none;
visibility: hidden;
opacity: 0;
position: absolute;
left: -9999px;
}
#boletin_facultad-tematica_list .boletin_switch-label {
width: 25%;
padding: 16px 20px;
text-align: center;
cursor: pointer;
font-weight: 600;
font-size: 15px;
color: #212529;
background-color: #fff;
border: none;
position: relative;
transition: none;
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
margin: 0;
border-radius: 0;
box-shadow: none;
}
#boletin_facultad-tematica_list .boletin_switch-label:last-child {
border-right: none;
}
/* Pestaña activa con línea azul debajo - SIN RADIO BUTTON VISIBLE */
#boletin_facultad-tematica_list .boletin_switch-input:checked + .boletin_switch-label {
background-color: #fff;
color: #0053CE;
font-weight: 700;
}
#boletin_facultad-tematica_list .boletin_switch-input:not(:checked) + .boletin_switch-label::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: #212529;
}
#boletin_facultad-tematica_list .boletin_switch-input:checked + .boletin_switch-label::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background-color: #0053CE;
}
/* Asegurar que NO aparezca ningún radio button en las pestañas */
#boletin_facultad-tematica_list .boletin_switch-label::before {
display: none;
content: none;
}
/* Contenido de filtros - PADDING AJUSTADO */
#boletin_facultad-tematica_list .filtro_content {
padding: 25px 0px 20px 0px;
background: white;
}
#boletin_facultad-tematica_list .filtro_activo {
display: block;
}
#boletin_facultad-tematica_list .filtro_inactivo {
display: none;
}
#boletin_facultad-tematica_list .oculto {
display: none;
}
/* GRID PRINCIPAL: Estructura en columnas específicas */
#boletin_facultad-tematica_list .filtro_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-flow: column;
gap: 10px 10px;
margin-bottom: 20px;
padding: 0;
list-style: none;
align-items: start;
}
/* Contenedor para facultades - solo primera columna */
#boletin_facultad-tematica_list .facultades_container {
grid-column: 1;
display: flex;
flex-direction: column;
gap: 10px;
width: 280px
}
/* Contenedor para temáticas - columnas 2, 3 y 4 */
#boletin_facultad-tematica_list .tematicas_container {
grid-column: 2 / 5;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px 10px;
}
/* Resetear los items para que no interfieran */
#boletin_facultad-tematica_list .filtro_item {
grid-column: unset;
}
/* Items individuales */
#boletin_facultad-tematica_list .filtro_item {
display: flex;
align-items: center;
padding: 6px!important;
background: none;
margin: 0;
border: 1px solid #f3f3f3;
list-style: none;
padding: 0px 10px;
}
/* Checkboxes como radio buttons circulares - TAMAÑO Y COLORES EXACTOS */
#boletin_facultad-tematica_list .filtro_checkbox {
width: 12px;
height: 12px;
margin: 0 10px 0 0;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #212529;
border-radius: 50%;
background: white;
position: relative;
flex-shrink: 0;
padding: 0;
box-shadow: none;
}
#boletin_facultad-tematica_list .filtro_checkbox:checked {
border-color: #212529;
background: #0053CE;
}
/*
#boletin_facultad-tematica_list .filtro_checkbox:checked::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #0053CE;
} */
/* Checkboxes deshabilitados */
#boletin_facultad-tematica_list .filtro_checkbox:disabled {
opacity: 1;
cursor: not-allowed;
border-color: #e0e0e0;
background: #fafafa;
}
#boletin_facultad-tematica_list .filtro_checkbox:disabled::after {
background: #ccc;
}
/* Labels de los checkboxes - TAMAÑO Y COLOR EXACTOS */
#boletin_facultad-tematica_list .filtro_label {
cursor: pointer;
font-size: 14px;
color: #333;
line-height: 1.5;
user-select: none;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
margin: 0 10px;
padding: 0;
flex: 1;
}
/* Labels deshabilitados */
#boletin_facultad-tematica_list .filtro_checkbox:disabled + .filtro_label {
color: #808285;
cursor: not-allowed;
background-color: #f3f3f3;
}
#boletin_facultad-tematica_list .item-disabled{
background-color: #f3f3f3;
}
#boletin_facultad-tematica_list .item-enabled.item-checked{
border: 1px solid #0053CE;
}
/* Controles de selección */
#boletin_facultad-tematica_list .filtro_controls {
display: flex;
gap: 0;
padding-top: 15px;
justify-content: flex-start;
margin: 0;
}
#boletin_facultad-tematica_list .btn_control {
padding: 10px 20px;
border: none;
color: white;
font-size: 13px;
cursor: pointer;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
text-transform: none;
box-shadow: none;
text-decoration: none;
}
#boletin_facultad-tematica_list .btn_select {
background-color: #0053CE;
}
#boletin_facultad-tematica_list .btn_select:hover {
background-color: #357abd;
}
#boletin_facultad-tematica_list .btn_select::before {
content: '✓';
font-size: 14px;
}
#boletin_facultad-tematica_list .btn_deselect {
margin-left: 15px;
background-color: #0053CE;
}
#boletin_facultad-tematica_list .btn_deselect:hover {
background-color: #0053CE;
}
#boletin_facultad-tematica_list .btn_deselect::before {
content: '✕';
font-size: 12px;
}
/* Responsive */
@media (max-width: 768px) {
#boletin_facultad-tematica_list .filtro_grid {
grid-template-columns: 1fr 1fr;
gap: 8px;
}
#boletin_facultad-tematica_list .filtro_controls {
flex-direction: column;
gap: 8px;
}
#boletin_facultad-tematica_list .btn_control {
width: 100%;
text-align: center;
justify-content: center;
}
}
/* Reset para evitar conflictos */
#boletin_facultad-tematica_list * {
box-sizing: border-box;
}
#boletin_facultad-tematica_list input[type="checkbox"] {
margin: 0;
padding: 0;
}
#boletin_facultad-tematica_list input[type="radio"] {
margin: 0;
padding: 0;
}
/* ===== Idioma Boletín ====== */
.idiomas-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
align-items: center;
}
.idioma-item {
position: relative;
border: 1px solid #f3f3f3;
padding: 4px 10px;
cursor: pointer;
transition: all 0.3s ease;
background: white;
width: 265px;
max-width: 31%;
height: 34px;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 24px;
letter-spacing: 0%;
vertical-align: middle;
}
.idioma-item:hover {
border-color: #0053ce;
box-shadow: 0 2px 4px rgba(34, 113, 177, 0.1);
}
.idioma-item.selected {
border-color: #0053ce !important;
background: white;
color: #212529;
}
.idioma-item.selected label {
color: #212529;
}
.idioma-item input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
}
.idioma-item label {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
cursor: pointer;
font-weight: normal;
white-space: nowrap;
width: 100%;
}
/* Radio button personalizado */
.idioma-item label::before {
content: '';
width: 8px;
height: 8px;
border: 1px solid #212529;
border-radius: 50%;
background: white;
transition: all 0.3s ease;
flex-shrink: 0;
}
.idioma-item:hover label::before {
border-color: #0053ce;
}
.idioma-item.selected label::before {
border-color: #0053ce;
background: #05539c;
}
/* Responsive */
@media (max-width: 768px) {
.idiomas-container {
gap:3.5%!important;
}
.idioma-item {
width: 32%;
min-width: auto;
}
}
/* ==== Formulario Crear Widget ==== */
/* Importar Montserrat si no está cargada */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
/* Etiqueta principal de fechas */
.form_section .fecha_eventos_container .add_event_form_label label {
font-size: 14px;
color: #333;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
margin-bottom: 15px;
}
/* Contenedor principal de fechas */
.form_section .fecha_eventos_container {
display: flex;
gap: 20px;
align-items: flex-start;
font-family: 'Montserrat', sans-serif;
margin-top: 10px;
width: 100%;
box-sizing: border-box;
}
/* Sección izquierda - Radio buttons HORIZONTALES */
.form_section .fecha_eventos_container .fecha_selector_left {
display: flex;
flex-direction: row;
gap: 15px;
width: calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
min-width: calc(50% - 10px);
}
.form_section .fecha_eventos_container .fecha_radio_item {
display: flex;
align-items: center;
padding: 8px;
border: 1px solid #f3f3f3;
cursor: pointer;
transition: all 0.2s ease;
background: white;
flex: 1;
text-align: center;
width: 50%;
box-sizing: border-box;
color: #212529;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
}
.form_section .fecha_eventos_container .fecha_radio_item:first-child {
border-radius: 4px 0 0 4px;
margin-right: 1px;
}
.form_section .fecha_eventos_container .fecha_radio_item:last-child {
border-radius: 0 4px 4px 0;
margin-left: 1px;
}
/* Estado seleccionado - borde azul */
.form_section .fecha_eventos_container .fecha_radio_item:has(.fecha_radio:checked) {
border-color: #0053ce
}
/* Fallback para navegadores que no soportan :has() */
.form_section .fecha_eventos_container .fecha_radio_item.selected {
border-color: #0053ce
}
/* Radio buttons personalizados */
.form_section .fecha_eventos_container .fecha_radio {
width: 18px;
height: 18px;
margin: 0;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 2px solid #ccc;
border-radius: 50%;
background: white;
position: relative;
flex-shrink: 0;
padding: 0;
box-shadow: none;
}
.form_section .fecha_eventos_container .fecha_radio:checked {
border-color: #0053ce
background: white;
}
.form_section .fecha_eventos_container .fecha_radio:checked::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #0053ce
}
/* Labels de radio buttons */
.form_section .fecha_eventos_container .fecha_radio_label {
cursor: pointer;
color: #212529;
user-select: none;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
margin: 0;
padding: 0;
}
/* Sección derecha - Campos de fecha */
.form_section .fecha_eventos_container .fecha_inputs_right {
display: flex;
gap: 15px;
width: calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
min-width: calc(50% - 10px);
box-sizing: border-box;
}
.form_section .fecha_eventos_container .fecha_input_group {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.form_section .fecha_eventos_container .fecha_input_label {
color: #808285;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
margin: 0;
padding: 0;
}
/* Campos de entrada de fecha */
.form_section .fecha_eventos_container .fecha_input {
padding: 5px 16px;
border: 1px solid #0053CE;
border-radius: 4px;
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
color: #0053CE;
background: white;
transition: border-color 0.2s ease;
box-sizing: border-box;
width: 100%;
}
.form_section .fecha_eventos_container .fecha_input:focus {
outline: none;
border-color: #0053ce
}
.form_section .fecha_eventos_container .fecha_input::placeholder {
color: #0053CE;
}
/* Estados deshabilitados si es necesario */
.form_section .fecha_eventos_container .fecha_input:disabled {
color: #808285;
cursor: not-allowed;
border-color: #f3f3f3
}
.form_section .fecha_eventos_container .fecha_input:disabled::placeholder {
color: #808285;
}
/* Responsive */
@media (max-width: 768px) {
.form_section .fecha_eventos_container {
flex-direction: column;
gap: 20px;
}
.form_section .fecha_eventos_container .fecha_inputs_right {
flex-direction: column;
gap: 15px;
}
.form_section .fecha_eventos_container .fecha_selector_left {
min-width: auto;
width: 100%;
max-width: 100%;
}
.form_section .fecha_eventos_container .fecha_inputs_right {
width: 100%;
max-width: 100%;
}
}
/* Reset para evitar conflictos */
.form_section .fecha_eventos_container * {
box-sizing: border-box;
}
.form_section .fecha_eventos_container input[type="radio"] {
margin: 0;
padding: 0;
}
.form_section .fecha_eventos_container input[type="text"] {
margin: 0;
}
.idioma_interface_option_wrapper{
border: 1px solid #f3f3f3;
width: 267px;
height: 34px;
margin-bottom: 10px;
padding: 4px 8px;
color: #212529;
}
.idioma_interface_label{
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
}
/* Estilos cuando el radio button está seleccionado */
input[type="radio"]:checked + .idioma_interface_label {
color: #0053CE;
}
/* Estilos para el contenedor cuando el radio button está seleccionado */
input[type="radio"]:checked ~ .idioma_interface_option_wrapper,
.idioma_interface_option_wrapper:has(input[type="radio"]:checked) {
border-color: #0053CE;
}
/* Alternativa más compatible (si la anterior no funciona) */
input[name="EC_idioma"]:checked {
accent-color: #0053CE;
}
input[name="EC_idioma"]:checked + .idioma_interface_label {
color: #0053CE;
}
/* Para el borde del contenedor padre */
.idioma_interface_option_wrapper:has(input:checked) {
border-color: #0053CE;
}
.num_eventos_a_mostrar_item{
border: 1px solid #f3f3f3;
height: 34px;
padding: 4px 8px;
color: #212529;
display: inline-block;
}
.num_eventos_a_mostrar_item label{
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 150%;
letter-spacing: 0%;
vertical-align: middle;
color: #212529;
}
.num_eventos_a_mostrar_wrapper{
display: flex;
min-width: 274px;
}
#boletin_facultad-tematica_list .btn_control {
padding: 10px 20px;
border: none;
color: white;
font-size: 13px;
cursor: pointer;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
text-transform: none;
box-shadow: none;
text-decoration: none;
}
.botones {
padding: 10px 20px;
border: none;
color: white;
font-size: 13px;
cursor: pointer;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
text-transform: none;
box-shadow: none;
text-decoration: none;
background-color: #0053CE;
text-transform: uppercase;
}
/* === Colorpicker === */
.color-picker-container {
background: white;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
padding: 20px;
max-width: 400px;
margin: 0 auto;
}
.color-picker-title {
font-size: 16px;
font-weight: 600;
color: #333;
margin: 0 0 16px 0;
}
.color-picker-main {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.color-options {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 80px;
}
.color-option {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
padding: 8px 12px;
border: 1px solid #f3f3f3;
background: white;
transition: all 0.2s ease;
}
.color-option:hover {
border-color: #0053CE;
background-color: #f8f9fa;
}
.color-option.active {
border-color: #0053CE;
background-color: #fff;
}
.color-option input[type="radio"] {
margin: 0;
accent-color: #0053CE;
}
.color-option label {
font-size: 14px;
color: #495057;
cursor: pointer;
font-weight: 500;
}
.color-canvas-area {
flex: 1;
background: white;
border-radius: 4px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
padding: 8px;
margin-right: 4px;
max-width:280px!important;
}
.color-canvas-container {
position: relative;
margin-bottom: 16px;
border-radius: 8px;
overflow: hidden;
}
/* ¡CAMBIO AQUÍ! - Remover background, añadir cursor */
.color-canvas {
width: 100%;
height: 128px;
/* ¡QUITAR! background: linear-gradient(...) */
cursor: crosshair;
position: relative;
border: 1px solid #ddd; /* Opcional: borde para el canvas */
}
.color-picker-thumb {
position: absolute;
width: 12px;
height: 12px;
border: 2px solid white;
border-radius: 50%;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 10;
}
.hue-slider-container {
margin-bottom: 16px;
}
.hue-slider {
width: 95%;
height: 15px;
margin: 0 auto;
background: linear-gradient(to right,
#f00 0%, #ff0 16.66%, #0f0 33.33%,
#0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);
border-radius: 10px;
position: relative;
cursor: pointer;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.hue-thumb {
position: absolute;
width: 15px;
height: 15px;
border: 3px solid white;
border-radius: 50%;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2);
transform: translateX(-50%);
cursor: pointer;
top: 0;
}
.color-info {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.color-values {
display: flex;
gap: 8px;
flex: 1;
}
.color-value {
text-align: center;
flex: 1;
}
.color-value label {
display: block;
color: #000;
margin-bottom: 4px;
text-transform: uppercase;
font-family: Inter;
font-weight: 500;
font-size: 8px;
line-height: 100%;
letter-spacing: 0%;
}
.color-value input {
width: 100%;
padding: 6px 4px;
border: 1px solid #dee2e6;
border-radius: 4px;
text-align: center;
font-size: 12px;
font-family: 'Monaco', 'Menlo', monospace;
}
.color-preview {
width: 40px;
height: 40px;
border-radius: 6px;
border: 1px solid #dee2e6;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
background-color: #24FF00;
}
.hidden-inputs {
display: none;
}
.demo-section {
margin-top: 30px;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
}
.demo-text {
padding: 16px;
border-radius: 6px;
font-size: 16px;
margin-bottom: 12px;
transition: all 0.3s ease;
}
.current-values {
font-size: 12px;
color: #6c757d;
font-family: 'Monaco', 'Menlo', monospace;
}
.obtener_codigo_wrapper, .preview_general_wrapper{
background-color: #f3f3f3;
margin-top: 20px;
text-align: center;
padding: 30px;
}
#text_copia_codigo, #text_preview{
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
color: #0053CE;
}
#codigo_modulo{
margin-top: 20px;
border-top: 3px solid #0053CE;
border-left: 1px solid #0053CE;
border-right: 1px solid #0053CE;
border-bottom: 1px solid #0053CE;
width: 100%;
height: 190px;
overflow: hidden;
background-color: #f3f3f3;
}
#preview_wrapper{
margin-top: 20px;
}
.hidden-inputs {
display: none;
}
.demo-section {
margin-top: 30px;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
}
.demo-text {
padding: 16px;
border-radius: 6px;
font-size: 16px;
margin-bottom: 12px;
transition: all 0.3s ease;
}
.current-values {
font-size: 12px;
color: #6c757d;
font-family: 'Monaco', 'Menlo', monospace;
}
.obtener_codigo_wrapper, .preview_general_wrapper {
background-color: #f3f3f3;
margin-top: 20px;
text-align: center;
padding: 30px;
}
#text_copia_codigo, #text_preview {
font-family: Montserrat;
font-weight: 600;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
color: #0053CE;
}
#codigo_modulo {
margin-top: 20px;
border-top: 3px solid #0053CE;
border-left: 1px solid #0053CE;
border-right: 1px solid #0053CE;
border-bottom: 1px solid #0053CE;
width: 100%;
height: 190px;
overflow: hidden;
background-color: #f3f3f3;
}
#preview_wrapper {
margin-top: 20px;
}
/* ==== Contacto ==== */
.contacto_texto_inicio{
color: #212529;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 200%;
letter-spacing: 0%;
padding: 0px;
margin: 0px;
}
.contacto_wrapper{
padding-top: 30px;
}
.wpcf7
{
overflow:hidden;
margin-top:20px!important;
padding-top:0px!important;
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.1px;
color: #212529;
}
.wpcf7 p
{
margin-bottom: 5px;
margin-top: 5px;
}
.wpcf7 input[type="submit"]
{
padding: 10px 40px 10px 15px;
border: none;
color: white;
font-size: 13px;
cursor: pointer;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Montserrat', sans-serif;
border-radius: 0;
text-transform: none;
box-shadow: none;
text-decoration: none;
background-color: #0053CE;
text-transform: uppercase;
background-image: url('data:image/svg+xml,%3Csvg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 6L16 6" stroke="white" stroke-width="2"/%3E%3Cpath d="M11 1L16 6L11 11" stroke="white" stroke-width="2"/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 18px 12px;
}
.wpcf7 input[type="submit"]:disabled {
background-color: #808285;
}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea
{
border: 1px solid #0053CE;
border-radius: 4px;
width:100%;
padding: 10px;
}
p:has(.wpcf7-submit) {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: top;
}
/* Seleccionar el p que contiene el acceptance */
p:has([data-name="acceptance-privacy"]) {
display: inline-block;
margin: 0 0 0 10px; /* 10px de separación del botón */
padding: 0;
vertical-align: top;
}
/* Ajustar el checkbox para que esté alineado */
.wpcf7-acceptance .wpcf7-list-item {
margin: 0;
padding: 0;
}
.wpcf7-acceptance label {
display: flex;
align-items: center;
margin: 0;
height: 36px;
}
.wpcf7-acceptance input[type="checkbox"] {
margin-right: 5px;
}
/* SOLUCIÓN MODERNA (Recomendada) */
.wpcf7-list-item:has(input[type="checkbox"]:checked) label {
border-bottom: 1px solid #0053CE;;
}
.wpcf7-list-item:has(input[type="checkbox"]) label {
border-bottom: 1px solid #f3f3f3;
}
.wpcf7-spinner{
position:absolute!important;
margin: 24px 15px!important;
}
[data-name="acceptance-privacy"] input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 10px;
min-width:10px;
height: 10px;
border: 1px solid #212529;
border-radius: 50%;
background-color: white;
cursor: pointer;
position: relative;
margin-right: 8px;
}
[data-name="acceptance-privacy"] input[type="checkbox"]:checked {
background-color: #0053CE;
border-color: #212529; /* Mantiene el mismo borde */
}
/* Eliminar cualquier símbolo que pueda aparecer */
[data-name="acceptance-privacy"] input[type="checkbox"]:checked::after,
[data-name="acceptance-privacy"] input[type="checkbox"]:checked::before {
display: none;
}
.wpcf7-form-control-wrap textarea{
margin-bottom: 30px!important;
}
.wpcf7-list-item-label{
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.1px;
color: #212529;
}
/*== Autocomplete === */
.ui-widget {
color: #000!important;
font-family: Montserrat!important;
}
/* ---------------------------------------------------- */
/*** ============ Estilos heredados versión antigua ========= */
/**
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
* 4.2 - Navigation
* 5.0 - Content
* 5.1 - Entry Header
* 5.2 - Entry Meta
* 5.3 - Entry Content
* 5.4 - Galleries
* 5.5 - Post Formats
* 5.6 - Attachments
* 5.7 - Post/Paging Navigation
* 5.8 - Author Bio
* 5.9 - Archives
* 5.10 - Search Results/No posts
* 5.11 - 404
* 5.12 - Comments
* 5.13 - Multisite
* 6.0 - Sidebar
* 6.1 - Widgets
* 7.0 - Footer
* 8.0 - Media Queries
* 9.0 - Print
* ----------------------------------------------------------------------------
*/
/**
* 1.0 Reset
*
* Modified from Normalize.css to provide cross-browser consistency and a smart
* default styling of HTML elements.
*
* @see http://git.io/normalize
* ----------------------------------------------------------------------------
*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* max-width:100%!important; */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: Montserrat;
}
a {
text-decoration: none;
}
a:visited {
}
a:focus {
outline: none;
}
a:active,
a:hover {
outline: 0;
}
/*
a:hover {
text-decoration: underline;
}
*/
/* ---- Wp_editor ---- */
.mce-container{
/* width:100%!important; */
max-width:100%!important;
min-width: none!important;
}
.mceEditor table {
max-width:none; /* Bug in computation of fullscreen */
}
.mceEditor table.mceLayout {
width:100% !important;
height:auto !important;
}
table.mceToolbar { float:left; }
body .mceToolbar div {
white-space:normal;
}
/* on mobile browsers, I set a width of 100% */
table.mceLayout, textarea.tinyMCE {
width: 100% !important;
max-width:700px;
}
/* make the toolbar wrap */
.mceToolbar td {
display:table-row;
float: left;
}
.salto_responsive{
display: none;
}
address {
font-style: italic;
margin: 0 0 24px;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 14px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
blockquote {
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}
blockquote blockquote {
margin-right: 0;
}
blockquote cite,
blockquote small {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
blockquote em,
blockquote i {
font-style: normal;
font-weight: 300;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
small {
font-size: smaller;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl {
margin: 0 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 20px;
}
menu,
ol {
margin: 16px 0;
padding: 0 0 0 40px;
}
ul {
list-style-type: square;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
li > ul,
li > ol {
margin: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
#submit
{
border: 1px solid #0053CE;
background-color:#0053CE;
color: #fff;
margin: 0 auto;
text-transform: uppercase;
font-family: Montserrat;
font-weight: 500;
font-size: 14px;
line-height: 28px;
letter-spacing: 0.2px;
vertical-align: middle;
text-transform: uppercase;
padding: 5px 10px;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
margin-left: 4px;
margin-right: 3px;
}
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px; /* Don't cut off the webkit search cancel button */
width: 270px;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
caption {
font-size: 16px;
margin: 20px 0;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
/***************/
:root {
/* Cookiebot Banner */
--font-family-default: 18px/24px 'Monserrat', sans-serif;
--color-main: #0153ce;
--color-white: #fff;
--color-black: #000;
--cookie-banner-logo: url('https://www.deusto.es/estaticos/ud/img/deusto-cookies.png') no-repeat;
--cookie-banner-logo-aspect-ratio: 1/1;
--cookie-banner-logo-width: 114px;
--show-logo-in-popup: none;
--cookie-banner-background: linear-gradient(225deg, #0053ce 0%, #13448d 100%);
--cookie-banner-popup-background: rgba(255, 255, 255, 1);
--cookie-banner-typography-title: 600 20px/24px 'Monserrat', sans-serif;
--cookie-banner-title-color: var(--color-white);
--cookie-banner-text-color: var(--color-white);
--cookie-banner-link-color: var(--color-white);
--cookie-banner-typography-text: var(--font-family-default);
--cookie-banner-button-case: uppercase;
--cookie-banner-case-title: uppercase;
/* Banner Button Main */
--cookie-banner-button-case: uppercase;
--cookie-banner-button-text: bold 14px/16px 'Monserrat', sans-serif;
--cookie-banner-button-border: 1px solid var(--color-main);
--cookie-banner-button-background: var(--color-white);
--cookie-banner-button-text-color: var(--color-black);
--cookie-banner-button-border-radius: 0;
--cookie-banner-button-padding: 24px 52px;
--cookie-banner-button-width: 240px;
/* Banner Button Customize Level */
--cookie-banner-button-body-text: bold 14px/16px 'Monserrat', sans-serif;
--cookie-banner-button-body-border: 0;
--cookie-banner-button-body-background: transparent;
--cookie-banner-button-body-text-color: var(--color-white);
--cookie-banner-button-body-border-radius: 0;
--cookie-banner-button-body-padding: 12px 0;
/* Cookiebot Popup */
--cookie-popup-typography-text: 18px/24px 'Monserrat', sans-serif;
--cookie-popup-text-color: var(--color-black);
--cookie-popup-link-color: var(--color-main);
--cookie-banner-tabs-color: var(--color-main);
--cookie-popup-button-text: bold 14px/16px 'Monserrat', sans-serif;
--cookie-popup-button-background: var(--color-main);
--cookie-popup-button-text-color: var(--color-white);
--cookie-popup-button-body-text: bold 14px/16px 'Monserrat', sans-serif;
--cookie-popup-button-border: 1px solid var(--color-main);
--cookie-popup-button-body-border-radius: 0;
--cookie-popup-button-body-text-color: var(--color-main);
--cookie-popup-button-body-padding: 24px 52px;
--cookie-popup-button-body-background: transparent;
--cookie-banner-container: 1320px;
--cookie-banner-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.2);
--cookie-banner-height: 40%;
}
/* Styles */
body #CybotCookiebotDialogPoweredbyImage {
display: none;
}
body #CybotCookiebotDialogPoweredbyLink {
aspect-ratio: var(--cookie-banner-logo-aspect-ratio);
max-width: var(--cookie-banner-logo-width);
position: relative;
width: 100%;
}
body #CybotCookiebotDialogPoweredbyLink::after {
background: var(--cookie-banner-logo);
background-position: center;
background-size: contain;
content: '';
height: 100%;
position: absolute;
width: 100%;
}
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogPoweredbyLink {
display: var(--show-logo-in-popup);
margin-top: var(--spacer-02);
}
body #CybotCookiebotDialogBodyContentTitle {
color: var(--cookie-banner-title-color);
font: var(--cookie-banner-typography-title);
letter-spacing: -0.8px;
margin: 16px 0 16px;
text-transform: var(--cookie-banner-case-title);
}
body #CybotCookiebotDialogBodyContentText {
color: var(--cookie-banner-text-color);
font: var(--cookie-banner-typography-text);
letter-spacing: normal;
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a {
color: var(--cookie-banner-link-color);
text-decoration: underline;
transition: all 0.2s ease-in-out;
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a:hover {
opacity: 0.75;
}
body #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
max-width: var(--cookie-banner-container);
place-items: center;
}
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogBodyContentTitle {
color: var(--cookie-popup-text-color);
}
body #CybotCookiebotDialog[data-template="bottom"] a,
body #CybotCookiebotDialog[data-template="bottom"] div,
body #CybotCookiebotDialogBodyContentControls[data-template="bottom"],
body #CybotCookiebotDialog[data-template="slideup"] a,
body #CybotCookiebotDialog[data-template="slideup"] div,
body #CybotCookiebotDialogBodyContentControls[data-template="slideup"] {
color: var(--cookie-banner-text-color);
font: var(--cookie-banner-typography-text);
}
body #CybotCookiebotDialog[data-template="popup"] div,
body #CybotCookiebotDialogBodyContentControls[data-template="popup"] {
color: var(--cookie-popup-text-color);
font: var(--cookie-popup-typography-text);
}
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogBodyContentText a {
color: var(--cookie-popup-link-color);
font: var(--cookie-popup-typography-text);
font-weight: 600;
}
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
border-bottom: 1px solid var(--cookie-banner-tabs-color);
color: var(--cookie-banner-tabs-color);
}
body #CybotCookiebotDialog[data-template="bottom"],
body #CybotCookiebotDialog[data-template="slideup"] {
background: var(--cookie-banner-background);
border-radius: 0;
box-shadow: var(--cookie-banner-shadow);
height: var(--cookie-banner-height);
place-items: center;
}
body #CybotCookiebotDialog[data-template="popup"] {
background: var(--cookie-banner-popup-background);
}
body #CybotCookiebotDialogPoweredbyCybot,
body #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
display: none;
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
background-color: var(--cookie-banner-button-background);
border: var(--cookie-banner-button-border);
border-radius: var(--cookie-banner-button-border-radius);
color: var(--cookie-banner-button-text-color);
font: var(--cookie-banner-button-text);
padding: var(--cookie-banner-button-padding);
text-transform: var(--cookie-banner-button-case);
transition: all 0.25s ease-in-out;
}
body #CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
body #CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
body #CybotCookiebotDialog[data-template="slideup"] #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
body #CybotCookiebotDialog[data-template="slideup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
background-color: var(--cookie-banner-button-background);
color: var(--cookie-banner-button-text-color);
text-transform: var(--cookie-banner-button-case);
}
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogBodyButtonAccept,
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
background-color: var(--cookie-popup-button-background);
color: var(--cookie-popup-button-text-color);
text-transform: var(--cookie-banner-button-case);
}
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline {
background-color: var(--cookie-popup-button-body-background);
border: var(--cookie-popup-button-body-border);
color: var(--cookie-popup-button-body-text-color);
text-transform: var(--cookie-banner-button-case);
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
border: var(--cookie-banner-button-body-border);
border-radius: var(--cookie-banner-button-body-border-radius);
color: var(--cookie-banner-button-body-text-color);
font: var(--cookie-banner-button-body-text);
padding: var(--cookie-banner-button-body-padding);
text-transform: var(--cookie-banner-case-title);
width: var(--cookie-banner-button-width);
}
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
border: var(--cookie-popup-button-body-border);
border-radius: var(--cookie-popup-button-body-border-radius);
color: var(--cookie-banner-button-body-text-color);
font: var(--cookie-popup-button-body-text);
padding: var(--cookie-popup-button-body-padding);
text-transform: var(--cookie-banner-button-case);
}
body #CybotCookiebotDialog[data-template="bottom"] #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialog[data-template="slideup"] #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonCustomize {
display: none;
}
body #CybotCookiebotDialog .CybotCookiebotScrollContainer,
body #CybotCookiebotDialogHeader {
border-bottom: none;
}
body #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
margin-bottom: 0;
width: var(--cookie-banner-button-width);
}
body #CybotCookiebotDialogBodyContent {
padding-top: 0;
}
body #CybotCookiebotDialogNav a.CybotCookiebotDialogNavItemLink {
font-weight: bold;
}
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
border-bottom: 1px solid var(--cookie-banner-tabs-color);
color: var(--cookie-banner-tabs-color);
}
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
color: var(--cookie-banner-tabs-color);
}
body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover {
color: var(--cookie-banner-tabs-color);
}
body #CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
background-color: var(--cookie-banner-tabs-color);
}
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline,
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
background-color: var(--cookie-popup-button-body-background);
text-decoration: underline;
}
body .CybotCookiebotDialogArrow {
display: none;
}
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
body #CybotCookiebotDialog[data-template="popup"] #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline {
text-decoration: underline;
}
body #CybotCookiebotDialogPoweredByText {
display: none;
}
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItem:first-child {
display: none;
}
@media screen and (max-width: 1280px) {
body #CybotCookiebotDialog[data-template="bottom"],
body #CybotCookiebotDialog[data-template="slideup"] {
bottom: 0;
display: block;
height: auto;
left: 0;
max-width: 100%;
min-height: var(--cookie-banner-height);
position: fixed;
right: 0;
top: auto;
transform: none;
width: 100%;
}
body #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
justify-content: flex-start;
}
body #CybotCookiebotDialogBodyLevelButtonCustomize {
order: 1;
}
}
@media screen and (max-width: 600px) {
body #CybotCookiebotDialogHeader {
justify-content: center;
}
body #CybotCookiebotDialogHeader > div {
justify-content: center;
text-align: center;
}
body #CybotCookiebotDialogBodyLevelButtonCustomize {
order: initial;
}
body #CybotCookiebotDialogBodyButtonsWrapper {
--cookie-banner-button-width: 100%;
}
}
/***************/
/**
* 2.0 Repeatable Patterns
* ----------------------------------------------------------------------------
*/
.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
vertical-align: text-bottom;
}
/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
clear: both;
}
.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
content: "";
display: table;
}
/* Assistive text */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
left: 5px;
top: 5px;
text-decoration: none;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
/* Form fields, general styles first. */
input[type="buttom"]{
cursor: pointer;
}
.post-password-required input[type="submit"] {
padding: 7px 24px 4px;
vertical-align: bottom;
}
.post-password-required input[type="submit"]:active {
padding: 5px 24px 6px;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #7d7b6d;
}
:-moz-placeholder {
color: #7d7b6d;
}
::-moz-placeholder {
color: #7d7b6d;
}
:-ms-input-placeholder {
color: #7d7b6d;
}
/*
* Responsive images
*
* Fluid images for posts, comments, and widgets
*/
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
}
.entry-content{
max-width:100%!important;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
}
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
max-width: 100%;
}
/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
max-width: 100% !important;
}
/* Images */
.alignleft {
float: left;
}
img
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
list-style-position: inside;
}
/**
* 4.2 Navigation
* ----------------------------------------------------------------------------
*/
/*--- Navegación superior
* -------------------------------------
*/
/*
#contenido,
#contenedor,
#NavSuperior,
#cabecera,
#enlacesPie,
#pie,
#pieCopy,
#investRedes,
#EntradasCategorias,
#divContenedor{
width:100%;
}
#NavSuperiorAncho,
#cabeceraAncho,
#cuerpo,
#conocenosAncho,
#enlacesPieAncho,
#pieAncho,
#pieCopyAncho,
.migasPanAncho,
#cuerpoContenido,
#investRedesAncho,
#EntradasCategoriasAncho{
width:910px;
margin:0 auto;
position:relative;
}
*/
/*.ev_directo_sidebar{
min-width: 100%!important;
} */
footer.site-footer {
margin-top: 0px!important;
}
#main, .content-con-sidebar-wrapper{
margin-bottom: 0px!important;
padding: 0px!important;
}
#angenda_full_width{
display:block;
}
#agenda_small_width{
display:none;
}
.boletin_content
{
overflow:hidden;
margin-top:0px!important;
padding-top:0px!important;
margin-left: 20px!important;
}
.marcar_todos{
margin-bottom: 10px;
font-size: 13px;
color: #0053CE;
cursor: pointer;
}
.marcar_todos:hover{
color: #000;
}
.hentry {
/* padding: 40px 0; */
}
#agenda_title, #agenda_title_2{margin-top:0px}
#agenda_title h1{width:880px!important}
#agenda_title_2 h1{width:540px!important}
#agenda_title h2 {
color: #000;
font-size: 2.1em;
margin: 10px 0 10px 0;
font-weight: normal;
display: inline;
/* float: left; */
font-family: "Trebuchet MS", Montserrat;
}
#indice_agenda{margin-top:10px}
#indice_agenda .columnas{width:620px;}
#indice_agenda .columnas .columna1{width:200px;float:left;margin-left:2px;margin-right:-1px;}
#indice_agenda .columnas .columna2{width:200px;float:left;}
#indice_agenda .columnas .columna3{width:200px;float:left;margin-right:2px;margin-left:-1px;}
#indice_agenda .columna1 .bloque_agenda{overflow:hidden;border-bottom:1px solid #e4e8e8;border-right:1px solid #e4e8e8;}
#indice_agenda .columna2 .bloque_agenda{overflow:hidden;border-bottom:1px solid #e4e8e8;border-left:1px solid #e4e8e8;border-right:1px solid #e4e8e8;}
#indice_agenda .columna3 .bloque_agenda{overflow:hidden;border-bottom:1px solid #e4e8e8;border-left:1px solid #e4e8e8;}
#indice_agenda .bloque_agenda{padding:10px;}
#indice_agenda .bloque_agenda h3 a{color:#c4001d;font-size:22px;font-family:"Trebuchet MS";text-decoration:none;}
#indice_agenda .bloque_agenda h3 a:hover{color:#000;}
#indice_agenda .bloque_agenda h3 a span{color:#000;font-size:16px;}
#indice_agenda .bloque_agenda div{padding:5px;margin:15px 0px;width:170px;}
#indice_agenda .bloque_agenda div a{display:block;background-position:0px 2px!important;}
#indice_agenda .bloque_agenda div a:hover{/* color:#000; */}
#indice_agenda .bloque_agenda .masEventos{text-align:right;width:auto;background:none;margin-bottom:0;padding:0;clear:both;}
#indice_agenda .bloque_agenda .masEventos a{color:#c4001d;font-family:"Trebuchet MS";text-decoration:none;}
#indice_agenda .bloque_agenda .masEventos a:hover{color:#000;}
#indice_agenda .tit_area_categoria h2{font-family: "Trebuchet MS"!important;font-size:23px!important;color: #000;background-color:#e4e8e8;border-left:19px solid #c4001d;padding:6px 4px 4px 5px;width:585px}
#indice_agenda .nombre_cat a{color:#c4001d;font-size:1.2em;font-family: "Trebuchet MS"!important;font-weight: bold; line-height:110%;text-decoration:none}
#indice_agenda .nombre_cat a:hover{color:#000}
#indice_agenda .elemento_categoria{overflow:hidden;width:580px;margin-left:10px;border-bottom:1px solid #e4e8e8;margin-top:15px;padding-bottom:20px}
.elemento_categoria .ubicacion {font-family: "Verdana";color:#999999;font-size:20px;padding-bottom:0px;}
.elemento_categoria .ver_mas {padding:15px 0px;}
.elemento_categoria .ver_mas a{color:#c4001d;font-family:"Verdana";text-decoration:none;font-size:12px;}
.elemento_categoria .ver_mas a:hover{color:#000;}
.elemento_categoria .horarios{background-color:#e4e8e8;padding:3px 15px;color:#000000;font-family:"Verdana";font-style:italic;font-size:14px;width:540px}
.elemento_categoria .horarios img{margin:5px 0px;float:left;}
.elemento_categoria .horarios div{font-family:"Verdana";font-style:italic;font-size:12px;float:left;margin:0 17px;padding:16px 10px;width:172px;}
.list_agenda_categoria{margin-top:20px;margin-bottom:20px;border-left:10px solid #c4001d}
.section_agenda .sub_section_title{text-align:center}
.section_agenda .sub_section_title h1{border-bottom:8px solid #c4001d}
.ico_calendar{float:left;margin-left:8px;margin-top:4px}
#fecha_ini_wrapper,#fecha_fin_wrapper{clear:both}
.form_content{clear:both;display:block;padding:5px;margin-left:5px;margin-top:10px;width:100%;float:left}
/* == Mapa == */
/* Bootstrap Css Map Fix*/
.gmnoprint img {
max-width: none!important;
}
#mapa{
max-width: 100% !important;
}
.c_agenda .post_data a, .c_agenda #comments a {color: #0053CE;text-decoration:none;}
.c_agenda .post_data a:hover, .c_agenda #comments a:hover {color: #666}
.agenda_foto_foot{margin-top:5px;text-align:left; font-size:12px!important;margin-bottom:0px}
.foto_evento{text-align:left!important;clear:both;margin-bottom: 10px;width:325px; overflow:hidden;float:left;}
#cvp .dia_no_del_mes{background:transparent !important;}
#cvp .cvp_eventos_wrapper span.cvp_eventos {display:none;}
#cvp .cvp_eventos_wrapper:hover {text-decoration:none;cursor:default !important;/*cursor:pointer;*/}
#cvp .cvp_eventos_wrapper:hover span.cvp_eventos {display:inline;position:absolute;margin:-50px 0px 0px 0px;padding:15px 15px 15px 15px;background: #909090;color:#fff;font-style:normal;font-size:12px;max-height: 100px;overflow: auto;width:300px;}
#cvp .cvp_eventos_wrapper:hover span.cvp_eventos_content span{margin-bottom:15px;display:block;line-height:110%;}
div.agenda_row_titulo{clear:both;overflow:hidden;width:260px;}
div.agenda_col_titulo{float:left;}
div.agenda_row_mes{clear:both;overflow:hidden;width:260px;padding:0;}
div.agenda_col_mes{float:left;color:#fff;font-family:Georgia,"Times New Roman",Times,serif;font-weight:bold;font-size:14px;padding-left:60px;padding-top:22px;}
div.agenda_row_cambio_mes{clear:both;overflow:hidden;}
div.agenda_row_cambio_mes a{color:#a40000;}
div.agenda_col_prev{float:left;width:20px;height:80px;vertical-align:middle;text-align:left;background:url(images/atras_cal.jpg) no-repeat 0 40%;color:#ededed;}
div.agenda_col_imagen{float:left;width:216px;height:94px;}
div.agenda_col_next{float:left;width:20px;height:80px;text-align:right;background:url(images/adelante_cal.jpg) no-repeat 100% 40%;color:#ededed;}
div.agenda_row_header_dias_semana{clear:both;overflow:hidden;background:#aaa;width:260px;}
div.agenda_col_header_dia_semana{float:left;width:31px;height:31px;text-align:center;}
.cvp_prev{position:fixed;left:50%;margin-left:-520px;top:65%}
.cvp_prev a,.cvp_next a{text-decoration:none}
.cvp_prev img {float:left;margin-right:5px; cursor: pointer;}
.link_mes_ant {display:block;float:left;margin-top:3px}
.cvp_next{position:fixed;left:50%;margin-left:465px;top:65%}
.cvp_next img {float:right;margin-left:5px;cursor: pointer;min-width:56px}
.link_mes_sig {display:block;float:right;margin-top:3px}
#cant_generate_ics{clear:both; width:300px; padding-top:1px; margin:auto;}
#cant_generate_ics div{background:#fae5e3; display:none; text-align:center; margin-top:10px;}
#main_large .boton_agenda{float:left; margin-left:85px;margin-bottom:80px;margin-top:30px}
.content_agenda .boton_agenda{float:left; margin-left:20px;margin-bottom:80px;margin-top:30px}
.no_display{display: none}
/* Boletines */
.form_error_wrapper
{
width: 90%;
margin: 20px auto 0 auto;
padding: 5px 5% 0% 5%;
border: 1px solid #ff0000;
background-color: #cecece;
overflow: hidden;
}
#text_error{float: left;margin-left:20px;font-size:20px!important}
.warning_img{float:left;}
#warning_img{float:left;}
.form_error_wrapper ul li{color: #000}
#boletin_facultad-tematica_list
{
margin-top:20px;
}
/*
#filtros_agenda div.columna_boton{width:130px;height:35px;float:right;padding-right:10px;margin-top:6px}
#filtros_agenda div.columna_boton input{width:100%;height:100%;}
*/
/* ===== Post de evento ===== */
.evento_fila
{
width: 100%;
overflow: hidden;
font-family: Montserrat;font-size:12px;color:#000;
}
.eventoCampoTitle
{
width: 30%;
float:left;
font-weight: bold;
}
.eventoCampoValue
{
width: 65%;
float:left;
font-family: Montserrat;font-size:12px;color:#000;
}
.eventoCampoValue a
{
color:#0053CE!important;
}
.eventoCampoValue a:hover
{
color:#000!important;
}
.event_bloque
{
margin-top: 15px;
}
.sep_20{
width: 100%;
height: 20px;
clear:both;
float: left;
}
.sep_15{
width: 100%;
height: 15px;
clear:both;
float: left;
}
#plano_evento
{
margin-top: 15px;
width: 400px;
max-width: 100%;
}
/* ==== Mapa Web === */
.mapa_web
{
padding: 20px;
font-size: 16px!important;
font-family: Montserrat;
}
.mapa_web ul li a
{
color: #0053CE;
font-size: 16px;
font-family: Montserrat;
}
.comment-meta ul li a hover{
color: #000;
}
/* ======= Paginación ======== */
.paginacion_listado
{
width: 100%;
overflow: hidden;
text-align:center;
}
.paginacion_listado ul
{
width: 100%;
overflow: hidden;
text-align:center;
padding-left: 0px;
}
.paginacion_listado ul li
{
list-style: none;
display: inline;
margin-left: 10px;
}
.paginacion_listado ul li a
{
display: inline-block;
width: 30px;
height: 30px;
background: url(images/agenda/pag.png) no-repeat center center;
color: #fff;
font-size:11px;
line-height: 30px;
/* padding-top: 10px; */
}
.paginacion_listado ul li a.pag_selected, .paginacion_listado ul li a:hover
{
background: url(images/agenda/pag_select.png) no-repeat center center;
color: #fff;
font-weight:bold;
}
/**
* 5.2 Entry Meta
* ----------------------------------------------------------------------------
*/
.entry-meta {
clear: both;
font-size: 14px;
}
.entry-meta > span {
margin-right: 20px;
}
.entry-meta > span:last-child {
margin-right: 0;
}
.featured-post:before {
content: "\f308";
margin-right: 2px;
}
.entry-meta .date a:before {
content: "\f303";
}
.comments-link a:before {
content: "\f300";
margin-right: 2px;
position: relative;
top: -1px;
}
.entry-meta .author a:before {
content: "\f304";
position: relative;
top: -1px;
}
.categories-links a:first-child:before {
content: "\f301";
}
.edit-link a:before {
content: "\f411";
position: relative;
top: -1px;
}
.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
display: none;
}
/**
* 5.4 Galleries
* ----------------------------------------------------------------------------
*/
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%;
}
.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 5.5 Post Formats
* ----------------------------------------------------------------------------
*/
/* Aside */
/**
* 5.6 Attachments
* ----------------------------------------------------------------------------
*/
.attachment .hentry {
background-color: #e8e5ce;
margin: 0;
padding: 0;
}
.attachment .entry-header {
margin-bottom: 0;
max-width: 910px;
padding: 30px 0;
}
.attachment .entry-meta {
clear: none;
color: inherit;
float: right;
max-width: 604px;
padding: 9px 0 0;
text-align: right;
}
.hentry.attachment:not(.image-attachment) .entry-meta {
max-width: 104px;
}
.attachment footer.entry-meta {
display: none;
}
.attachment-meta:before {
content: "\f307";
}
.full-size-link a:before {
content: "\f402";
}
.full-size-link:before {
content: none;
}
.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
color: #ca3c08;
}
.attachment .entry-content {
background-color: #fff;
max-width: 100%;
padding: 40px 0;
}
.image-navigation {
margin: 0 auto;
max-width: 1040px;
position: relative;
}
.image-navigation a:hover {
text-decoration: none;
}
.image-navigation .nav-previous,
.image-navigation .nav-next {
position: absolute;
top: 50px;
}
.image-navigation .nav-previous {
left: 0;
}
.image-navigation .nav-next {
right: 0;
}
.image-navigation .meta-nav {
font-size: 32px;
font-weight: 300;
vertical-align: -4px;
}
.attachment .entry-attachment,
.attachment .type-attachment p {
margin: 0 auto;
max-width: 724px;
text-align: center;
}
.attachment .entry-attachment .attachment {
display: inline-block;
}
.attachment .entry-caption {
text-align: left;
}
.attachment .entry-description {
margin: 20px auto 0;
max-width: 604px;
}
.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
margin: 0;
}
/**
* 5.7 Post/Paging Navigation
* ----------------------------------------------------------------------------
*/
/**
* 5.8 Author Bio
* ----------------------------------------------------------------------------
*/
.author-info {
margin: 0 auto;
max-width: 604px;
padding: 30px 0 10px;
text-align: left; /* gallery & video post formats */
width: 100%;
}
.author.sidebar .author-info {
max-width: 1040px;
padding: 30px 376px 10px 60px;
}
.single .author-info {
padding: 50px 0 0;
}
.author-avatar .avatar {
float: left;
margin: 0 30px 30px 0;
}
.single-format-status .author-description {
color: #f7f5e7;
}
.author-description .author-title {
clear: none;
font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
margin: 0 0 8px;
}
.author-link {
color: #ca3c08;
margin-left: 2px;
}
.author.archive .author-link {
display: none;
}
/**
* 5.9 Archives
* ----------------------------------------------------------------------------
*/
.archive-header {
background-color: #e8e5ce;
}
.archive-title,
.archive-meta {
font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
margin: 0 auto;
max-width: 1040px;
padding: 30px 0;
width: 100%;
}
.archive-meta {
font-size: 16px;
font-style: normal;
font-weight: normal;
margin-top: -15px;
padding: 0 0 11px;
}
.sidebar .archive-meta {
padding-right: 316px;
}