/* Acceso movil compacto entre menu y logotipo. */


.movil_notificaciones{display:none;}


@media (max-width:48em), only screen and (max-device-width:30em){


 .movil_cabecera:has(.movil_notificaciones) .movil_logo{width:64%;margin-left:3%;}


 .movil_cabecera .movil_notificaciones{display:block;position:relative;float:left;width:9%;margin:2.8em 0 0 3%;color:#ffdf64;text-decoration:none;text-align:center;line-height:1;}


 .movil_notificaciones svg{display:block;width:100%;height:auto;fill:currentColor;}


 .movil_notificaciones .jamster_numero_notificaciones{position:absolute;top:-.3em;right:-12%;display:flex;align-items:center;justify-content:center;width:65%;min-height:1.4em;border-radius:2em;background:#fff1a6;color:#9c1245;font:700 1.8em/1 Arial,sans-serif;}


}


.notificaciones_globo_movil{box-sizing:border-box;width:92%;max-width:92%;max-height:80%;padding:1.1em 4%;border:.06em solid #eed5e1;border-radius:1.3em;background:#fff8fb;color:#071c50;font:400 .95em/1.45 Arial,sans-serif;overflow:auto;}


.notificaciones_globo_movil::backdrop{background:#071c5040;}


.notificaciones_globo_movil .globo_asistente{display:flex;align-items:center;gap:.7em;margin-bottom:.7em;}


.notificaciones_globo_movil .globo_asistente img{width:14%;height:auto;border-radius:50%;}


.notificaciones_globo_movil .globo_texto{overflow-wrap:anywhere;}


.notificaciones_globo_movil .globo_acciones,.notificaciones_globo_movil .notificaciones_solicitud{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6em 3%;margin-top:1em;}


.notificaciones_globo_movil button{width:auto;max-width:100%;padding:.65em 5%;border:.06em solid #ed006c;border-radius:2em;background:#ed006c;color:white;font:600 1em/1.2 Arial,sans-serif;cursor:pointer;}


.notificaciones_globo_movil .globo_ver{background:white;color:#cf075f;}


.notificaciones_globo_movil [role=status]{width:100%;}


@media(max-width:48em){.notificaciones_globo_movil{font-size:3.6em;}}


@media (max-width:48em), only screen and (max-device-width:30em){


 html:not(.app_franja_activa) .movil_cabecera .hamburguesa{position:relative;top:-1.333333em;}


 html:not(.app_franja_activa) .movil_cabecera .movil_notificaciones{top:1.666667em;}


 html body dialog.notificaciones_globo_movil{position:fixed;inset:0;margin:auto;height:fit-content;}


 #movil_menu .movil_menu_grupo{display:block;clear:both;padding:.25em 0;font-size:1em;}


 #movil_menu .movil_menu_grupo+.movil_menu_grupo{border-top:0;margin-top:.25em;}


 #movil_menu .movil_menu_grupo_titulo{display:block;margin:.15em 5% .25em;color:#ffe3ee;font:600 2.5em/1.3 Arial,sans-serif;}


 #movil_menu .movil_menu_grupo:first-child>a:last-child .opcion_menu_movil_familia{border-bottom:0;}


 #movil_menu a[aria-current=page] .opcion_menu_movil_familia{color:#ffd076!important;background:transparent!important;}


 #movil_menu .movil_menu_identidad{display:flex;align-items:center;gap:.5em 3%;white-space:nowrap;}


 #movil_menu .movil_menu_identidad img{display:block;width:11%;height:1.7em;object-fit:contain;border-radius:50%;flex-shrink:0;}


 #movil_menu .movil_menu_alias{min-width:0;overflow:hidden;text-overflow:ellipsis;font:inherit;}


 #movil_menu .movil_menu_rol{margin-left:auto;color:#ffd076;font:600 .8em/1.3 Arial,sans-serif;flex-shrink:0;}


 #movil_menu .movil_menu_rol_residente::after{content:"★";display:inline-block;margin-left:3%;font-size:.75em;vertical-align:middle;color:#ffd076;}


 html body .notificaciones_pagina .notificaciones_cabecera{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.4em 3%;}


 html body .notificaciones_pagina .notificaciones_cabecera h1{grid-column:1;grid-row:1;}


 html body .notificaciones_pagina .notificaciones_cabecera .notificaciones_volver{grid-column:2;grid-row:1;margin:0;white-space:nowrap;}


 html body .notificaciones_pagina .notificaciones_cabecera .notificaciones_subtitulo{grid-column:1/-1;grid-row:2;}


 html body .notificaciones_pagina .jjj-not-tabs [data-filtro=leidas]{flex:0 1 42.5%;width:42.5%;min-width:0;padding-right:3%;padding-left:3%;}


 html body #overlay_ayuda{font-size:3em!important;}


 html body #overlay_ayuda .jamster_ayuda_box{column-gap:6%!important;}


 html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .jamster_media_upload_overlay_box{font-size:1.5em!important;}


 html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_con_asistente{column-gap:6%;}


 html body .notificaciones_globo_movil{font-size:3em;}


 html body .notificaciones_globo_movil .globo_asistente{column-gap:6%;}


 html body #notificaciones_aviso_vivo{font-size:.7em;column-gap:6%;}


 html body .jjj_aviso_guardado{font-size:.82em!important;}


}





/* Movil: firma centrada sobre el mensaje y carga al final. */


@media (max-width:48em), only screen and (max-device-width:30em){


 html body #overlay_ayuda .jamster_ayuda_box,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .jamster_media_upload_overlay_box.espera_con_asistente{display:flex;flex-direction:column;align-items:center;gap:.7em;}


 html body #overlay_ayuda .ayuda_asistente,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_asistente,html body .notificaciones_globo_movil .globo_asistente{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:.4em 4%;width:100%;margin:0;text-align:center;}


 html body #overlay_ayuda .ayuda_asistente img,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_asistente img,html body .notificaciones_globo_movil .globo_asistente img{width:24%!important;min-width:24%!important;max-width:24%!important;height:auto!important;aspect-ratio:1;object-fit:contain;flex-shrink:0;}


 html body #overlay_ayuda .ayuda_asistente span,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_asistente span{white-space:normal;text-align:center;}


 html body #overlay_ayuda .jamster_ayuda_titulo,html body #overlay_ayuda .jamster_ayuda_texto,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_bocadillo,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .jamster_media_upload_overlay_title,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .jamster_media_upload_overlay_text,html body .notificaciones_globo_movil .globo_texto{box-sizing:border-box;width:100%;margin:0;text-align:center;}


 html body #overlay_ayuda .jamster_ayuda_texto>p,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .jamster_media_upload_overlay_text>p{text-align:center;}


 html body #overlay_ayuda .jamster_ayuda_texto,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_bocadillo{border-radius:1em;}


 html body #overlay_ayuda .jamster_ayuda_titulo{font-size:1em;}


 html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .jamster_media_upload_overlay_title{font-size:.95em;margin-bottom:.15em;}


 html body .notificaciones_globo_movil .globo_texto{position:relative;margin-top:.8em;padding:.8em 4%;border:.065em solid #dce1ed;border-radius:1em;background:#fff;}


 html body #overlay_ayuda .jamster_ayuda_texto::before,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_con_asistente .espera_bocadillo::before,html body .notificaciones_globo_movil .globo_texto::before{content:"";display:block;position:absolute;left:50%;right:auto;top:-.45em;width:4%;height:.8em;background:inherit;border:0;border-left:.065em solid #dce1ed;border-top:.065em solid #dce1ed;transform:translateX(-50%) rotate(45deg);}


 html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .jamster_media_upload_overlay_box>.jamster_media_spinner{order:3;width:8%;height:auto;aspect-ratio:1;align-self:center;margin:.2em auto 0;}


 html body #overlay_ayuda .jamster_ayuda_aceptar{align-self:center;margin:.3em 0 0;}


}





@media (max-width:48em), only screen and (max-device-width:30em){


 html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .jamster_media_upload_overlay_box{padding-top:2em;}


 html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_asistente span,html body #overlay_ayuda .ayuda_asistente span,html body .notificaciones_globo_movil .globo_asistente strong{font-size:1.25em;}


}





/* Acciones de navegacion: mismo boton en tarjetas y globos. */


html body .notificaciones_accion{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;max-width:100%;min-height:2.2em;margin-top:.9em;padding:.45em 3%;border:.065em solid #ed006c;border-radius:2em;background:#ed006c;color:#fff;font:600 .82em/1.3 Arial,sans-serif;text-decoration:none;text-align:center;white-space:normal;cursor:pointer;}


html body .notificaciones_accion:hover{background:#cf005e;border-color:#cf005e;color:#fff;text-decoration:none;}


html body .notificaciones_accion:focus-visible{outline:.13em solid #071c50;outline-offset:.2em;}





/* Escritorio: accion junto al texto; movil conserva el boton debajo. */


@media (min-width:48.001em) and (min-device-width:30.001em){


 html body .notificaciones_tarjeta_mensaje:has(>.notificaciones_mensaje_texto + p>.notificaciones_accion){display:grid;grid-template-columns:minmax(0,max-content) 28%;align-items:center;justify-content:start;column-gap:1%;text-align:left;}


 html body .notificaciones_tarjeta_mensaje>.notificaciones_mensaje_texto{min-width:0;overflow-wrap:anywhere;text-align:left;}


 html body .notificaciones_tarjeta_mensaje>p:has(>.notificaciones_accion){margin:0;text-align:left;}


 html body .notificaciones_tarjeta_mensaje .notificaciones_accion{margin-top:0;white-space:nowrap;width:max-content;min-width:0;padding-right:8%;padding-left:8%;}


 html body .notificaciones_pagina .notificaciones_controles{top:50%;bottom:auto;transform:translateY(-50%);}





}





/* Relleno lateral del acceso al selector de avatar. */


@media (max-width:48em), only screen and (max-device-width:30em){html body .notificaciones_accion[href$="#avatar"]{padding-left:12%;padding-right:12%;}}





/* Movil: nombre relativo a la ventana y margen bajo el mensaje. */


@media (max-width:48em), only screen and (max-device-width:30em){


 html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_asistente,html body #overlay_ayuda .ayuda_asistente,html body #overlay_ayuda[data-mensaje-tipo] .ayuda_asistente,html body .notificaciones_globo_movil .globo_asistente{font-size:1em;}


 html body #overlay_ayuda .jamster_ayuda_box{row-gap:.3em;}


 html body #overlay_ayuda .ayuda_asistente{margin-bottom:.4em;}


 html body #overlay_ayuda .jamster_ayuda_texto,html body #overlay_ayuda[data-mensaje-tipo] .jamster_ayuda_texto,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .espera_bocadillo,html body .notificaciones_globo_movil .globo_texto{padding-bottom:1.3em;}


}





@media (max-width:48em), only screen and (max-device-width:30em){


 html body #overlay_ayuda .jamster_ayuda_titulo,html body :is(#overlay_espera,#overlay_ayuda[data-confirmacion-jam]) .jamster_media_upload_overlay_title{position:relative;top:.15em;}


}








@media (min-width:48.001em) and (min-device-width:30.001em){html body .notificaciones_accion{padding-left:8%;padding-right:8%;}}





/* Recursos de repertorio: revisar, escuchar y PDF en ese orden. */


html body .notificaciones_repertorio_recursos {position:relative;display:flex;align-items:center;justify-content:flex-start;gap:2%;margin-top:.8em;max-width:100%;}


html body .notificaciones_repertorio_recursos .notificaciones_revisar_repertorio {flex:1 1 0;min-width:0;width:auto;max-width:76%;box-sizing:border-box;margin:0;padding:.55em 3%;font-size:1em;white-space:normal;overflow-wrap:anywhere;text-align:center;}


html body .notificaciones_repertorio_recursos .notificaciones_repertorio_icono {display:flex;align-items:center;justify-content:center;flex:0 0 10%;width:10%;height:2.4em;margin:0;padding:0;border:0;background:transparent;cursor:pointer;list-style:none;}


html body .notificaciones_repertorio_recursos .notificaciones_repertorio_icono img {display:block;width:100%;height:2em;object-fit:contain;}


html body .notificaciones_repertorio_audio {flex:0 0 10%;width:10%;margin:0;padding:0;}


html body .notificaciones_repertorio_audio summary.notificaciones_repertorio_icono {width:100%;}


html body .notificaciones_repertorio_audio summary::-webkit-details-marker {display:none;}


html body .notificaciones_repertorio_audios {position:absolute;top:100%;right:0;width:100%;box-sizing:border-box;padding:1em 4%;background:#fff;color:#071d52;border:.06em solid #d7dff0;border-radius:.8em;z-index:5;max-height:18em;overflow-y:auto;}


html body .notificaciones_repertorio_audios label {display:block;margin-bottom:.8em;}


html body .notificaciones_repertorio_audios audio {display:block;width:100%;height:3em;margin-top:.4em;}


html body .notificaciones_repertorio_icono:focus-visible {outline:.12em solid #071d52;outline-offset:.15em;}





/* Accion comun y recursos individuales. */


html body .notificaciones_repertorio_recursos .notificaciones_revisar_repertorio{flex:0 1 auto;width:auto;max-width:100%;min-height:2.2em;font:600 .82em/1.3 Arial,sans-serif;padding:.45em 8%;}


html body .notificaciones_cancion_recursos{display:flex;align-items:center;gap:0 8%;width:24%;order:2;}


html body .notificaciones_cancion_recursos:empty{display:none;}


html body .notificaciones_cancion_recursos .notificaciones_repertorio_icono,html body .notificaciones_cancion_recursos .notificaciones_repertorio_audio{flex:0 0 42%;width:42%;}


html body .notificaciones_tarjeta_cuerpo>.notificaciones_solicitud{font-size:.875em;}


html body .notificaciones_pagina .notificaciones_solicitud .notificaciones_accion{font:600 .82em/1.3 Arial,sans-serif;min-height:2.2em;padding:.45em 8%;}


@media (max-width:48em),only screen and (max-device-width:30em){


 html body .notificaciones_pagina .notificaciones_cabecera .notificaciones_volver{font-size:.7em;min-height:0;line-height:1.2;padding:.4em 4%;}


 html body .notificaciones_pagina .jjj-not-tabs{display:flex;flex-wrap:nowrap;width:100%;gap:0 2%;}


 html body .notificaciones_pagina .jjj-not-tabs button{flex:1 1 auto;width:auto;min-width:0;min-height:2.4em;padding:.5em 2%;font-size:.72em;white-space:nowrap;}


 html body .notificaciones_pagina .jjj-not-tabs [data-filtro=leidas]{flex:0 1 auto;width:auto;padding-left:2%;padding-right:2%;}


 html body .notificaciones_pagina .notificaciones_tarjeta{grid-template-columns:24% minmax(0,1fr);}


 html body .notificaciones_pagina .notificaciones_tarjeta_asistente{flex-direction:column;align-items:center;justify-content:center;align-self:stretch;padding:0 5%;gap:.45em 0;}


 html body .notificaciones_pagina .notificaciones_tarjeta_avatar{width:72%;height:auto;aspect-ratio:1;max-width:none;flex:0 0 auto;}


 html body .notificaciones_pagina .notificaciones_tarjeta_nombre{width:100%;font-size:.7em;line-height:1.2;text-align:center;}


 html body .notificaciones_accion,html body .notificaciones_repertorio_recursos .notificaciones_revisar_repertorio,html body .notificaciones_pagina .notificaciones_solicitud .notificaciones_accion,html body .notificaciones_globo_movil .notificaciones_solicitud .notificaciones_accion{width:auto;max-width:100%;min-height:2.2em;font:600 .82em/1.3 Arial,sans-serif;padding:.45em 12%;box-sizing:border-box;}


 html body .notificaciones_repertorio_recursos{display:flex;flex-direction:column;align-items:flex-start;gap:.7em 0;margin-top:.9em;}


 html body .notificaciones_cancion_recursos{width:28%;order:0;}


 html body .notificaciones_repertorio_recursos>.notificaciones_accion{order:1;}


}





html body .notificaciones_pagina #notificaciones_marcar_todas[hidden]{display:none!important;}





/* Repertorio, recurso Spotify y explicacion breve en una misma fila flexible. */


html body .notificaciones_repertorio_recursos {flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:3%;row-gap:.6em}


html body .notificaciones_repertorio_recursos>.notificaciones_revisar_repertorio {order:0;flex:0 0 auto;width:auto;max-width:100%;padding:.45em 3%;margin:0}


html body .notificaciones_repertorio_recursos>.notificaciones_cancion_recursos {order:1;display:flex;flex:1 1 40%;width:auto;min-width:0;align-items:center;flex-wrap:wrap;column-gap:3%;row-gap:.4em;margin:0}


html body .notificaciones_cancion_recursos .notificaciones_repertorio_icono,html body .notificaciones_cancion_recursos .notificaciones_repertorio_audio {flex:0 0 auto;width:auto;height:2em;aspect-ratio:1;margin:0}


html body .notificaciones_cancion_recursos .notificaciones_repertorio_icono img {width:auto;height:2em;max-width:100%;object-fit:contain}


html body .notificaciones_cancion_recursos .notificaciones_spotify_ayuda {flex:0 1 auto;width:auto;margin:0;font:.8em/1.35 Arial,sans-serif;text-align:left;color:#536582}





html body .notificaciones_repertorio_recursos>.notificaciones_cancion_recursos {column-gap:.5%}


html body .notificaciones_cancion_recursos .notificaciones_spotify_ayuda {min-width:0;overflow-wrap:anywhere}


html body .notificaciones_cancion_recursos .notificaciones_spotify_ayuda {flex:1 1 0}





/* Evento compartido: tipo destacado y datos separados. */


html body .notificaciones_evento{width:100%;line-height:1.45;overflow-wrap:anywhere}


html body .notificaciones_evento_tipo{display:block;font-size:1.65em;line-height:1.2;margin:.2em 0;color:#071d52}


html body .notificaciones_evento_titulo{margin-bottom:.55em}


html body .notificaciones_evento_dato{display:flex;align-items:baseline;column-gap:2%;margin-top:.25em}


html body .notificaciones_evento_dato>span:first-child{flex:0 0 auto}


html body .notificaciones_evento_dato>span:last-child{min-width:0}





/* Evento de Agenda: datos alineados y acciones juntas solo en escritorio. */


@media (min-width:48.001em) and (min-device-width:30.001em){


 html body .notificaciones_pagina .notificaciones_tarjeta_cuerpo:has(.notificaciones_evento){display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:2%;row-gap:.55em;padding-right:5%;}


 html body .notificaciones_tarjeta_cuerpo:has(.notificaciones_evento)>.jjj-not-fecha{grid-column:1/-1;grid-row:1;}


 html body .notificaciones_pagina .notificaciones_tarjeta_cuerpo:has(.notificaciones_evento)>.notificaciones_tarjeta_mensaje{display:contents;}


 html body #notificaciones_pagina .notificaciones_tarjeta_cuerpo:has(.notificaciones_evento) .notificaciones_mensaje_texto{grid-column:1/-1;grid-row:2;justify-self:stretch;box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0;text-align:left;font-size:.875em;line-height:1.45;}


 html body .notificaciones_tarjeta_cuerpo:has(.notificaciones_evento)>.notificaciones_solicitud,


 html body .notificaciones_tarjeta_cuerpo:has(.notificaciones_evento)>.notificaciones_solicitud_estado{grid-column:1;grid-row:3;margin:0;align-self:center;}


 html body .notificaciones_tarjeta_cuerpo:has(.notificaciones_evento) .notificaciones_tarjeta_mensaje>p{grid-column:2;grid-row:3;margin:0;text-align:left;font-size:.875em;}


 html body .notificaciones_tarjeta_cuerpo:has(.notificaciones_evento) .notificaciones_accion{margin:0;white-space:nowrap;padding:.45em 8%;}


 html body #notificaciones_pagina .notificaciones_evento{width:100%;max-width:100%;margin:0;padding:0;text-align:left;}


 html body #notificaciones_pagina .notificaciones_evento_dato{display:grid;grid-template-columns:max-content minmax(0,1fr);justify-content:start;column-gap:1%;width:100%;margin:.25em 0 0;padding:0;text-align:left;float:none;}


 html body .notificaciones_evento_dato>span{display:block;width:auto;margin:0;padding:0;text-align:left;float:none;}


}





/* Volver en la cabecera de Notificaciones. */


html body #notificaciones_pagina .notificaciones_cabecera{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:3%;}


html body #notificaciones_pagina .notificaciones_cabecera h1{grid-column:1;grid-row:1;margin-right:0;}


html body #notificaciones_pagina .notificaciones_cabecera .notificaciones_volver{grid-column:2;grid-row:1;justify-self:end;align-self:center;margin:0;white-space:nowrap;}


html body #notificaciones_pagina .notificaciones_cabecera .notificaciones_subtitulo{grid-column:1/-1;grid-row:2;}


html body #notificaciones_pagina .notificaciones_acciones:empty{display:none;}





/* Volver movil: tamano intermedio y espacio suficiente para flecha y texto. */


@media (max-width:48em),only screen and (max-device-width:30em){


 html body #notificaciones_pagina .notificaciones_cabecera{grid-template-columns:minmax(0,1fr) 24%;}


 html body #notificaciones_pagina .notificaciones_cabecera .notificaciones_volver{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%;height:auto!important;min-height:2.5em!important;padding:.55em 5%!important;font:500 .82em/1.2 Arial,sans-serif!important;}


 html body #notificaciones_pagina .notificaciones_cabecera .notificaciones_volver{display:inline-flex!important;align-items:center!important;justify-content:center!important;column-gap:8%;}


 html body #notificaciones_pagina .notificaciones_cabecera .notificaciones_volver>.app_accion_simbolo{display:inline-flex;align-items:center;justify-content:center;align-self:center;font-size:1em!important;line-height:1!important;margin:0;position:static;transform:translateY(-.08em);}


}





/* Asistencia, incorporacion y acceso a Agenda, en ese orden. */


html body .notificaciones_tarjeta_cuerpo:has(.notificaciones_evento)>.notificaciones_solicitud.agenda_acciones{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:2%;row-gap:.5em;max-width:100%;}


html body .notificaciones_solicitud.agenda_acciones .notificaciones_accion{margin:0;padding:.5em 3%;white-space:normal;}


html body .agenda_acciones .agenda_asistencia_estado{color:#b50054;font-weight:600;}


html body .agenda_acciones>[role=status]:empty{display:none;}


html body .agenda_acciones .notificaciones_solicitud_estado{margin:0;}





/* Estados de asistencia: icono y dos lineas de texto en movil. */


.jjj_asistencia_movil{display:none!important;}


.jjj_asistencia_icono{display:inline;}


html body .notificaciones_confirmar_titulo svg{order:-1;}


.notificaciones_fecha_compacta{display:none!important;}


@media(max-width:48em),only screen and (max-device-width:30em){


 html body .jjj_asistencia_confirmar,html body .jjj_asistencia_rechazar{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 49%!important;width:49%!important;max-width:49%!important;min-height:4.6em!important;padding:.4em 1%!important;font:600 1em/1.15 Arial,sans-serif!important;gap:.12em 0!important;text-align:center!important;}


 html body .jjj_asistencia_confirmar{flex-basis:52%!important;width:52%!important;max-width:52%!important;background:#ed006c!important;color:white!important;border-color:#ed006c!important;}


 html body .jjj_asistencia_rechazar{flex-basis:46%!important;width:46%!important;max-width:46%!important;background:white!important;color:#ed006c!important;border-color:#ed006c!important;}


 html body .jjj_asistencia_escritorio{display:none!important;}


 html body .jjj_asistencia_movil{display:block!important;float:none!important;width:100%!important;line-height:1.15;text-align:center!important;}


 html body .jjj_asistencia_movil>span{display:block!important;float:none!important;width:100%!important;margin:0!important;line-height:1.15;text-align:center!important;}


 html body .jjj_asistencia_icono{display:block!important;flex:none!important;float:none!important;width:auto!important;margin:0!important;line-height:1.15;text-align:center!important;}


 html body .notificaciones_fecha_larga{display:none!important;}


 html body .notificaciones_evento .notificaciones_fecha_compacta{display:flex!important;align-items:baseline;justify-content:flex-start;flex-wrap:nowrap;column-gap:2%;width:100%;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;margin:.3em 0;}


 html body .notificaciones_fecha_compacta>span,html body .notificaciones_fecha_compacta>time{display:inline-flex;align-items:center;flex:0 0 auto;float:none;width:auto;min-width:0;margin:0;white-space:nowrap;font:inherit;}


 html body .notificaciones_fecha_compacta.notificaciones_fecha_sin_dia>.notificaciones_fecha_dia{display:none!important;}


}





html body .notificaciones_confirmar_titulo svg{margin:0!important;}


@media(max-width:48em),only screen and (max-device-width:30em){


 html body .notificaciones_solicitud:has(>.jjj_asistencia_confirmar),html body .notificaciones_solicitud:has(>.jjj_asistencia_rechazar){column-gap:2%!important;justify-content:center;}


}




/* Convocados: texto ligeramente mas compacto en las tarjetas de asistencia. */

html body #notificaciones_pagina .notificaciones_asistencia_convocados .agenda_convocados>strong,html body #notificaciones_pagina .notificaciones_asistencia_convocados .agenda_convocado>span{font-size:.9em;}


/* Globo compartido por web movil y apps: iconos y convocados proporcionados. */
html body #notificacion_globo_movil .notificaciones_confirmar_titulo{display:flex!important;align-items:center!important;justify-content:flex-start!important;column-gap:2%;line-height:1.4;text-align:left;}
html body #notificacion_globo_movil .notificaciones_confirmar_titulo svg{display:block!important;position:static!important;float:none!important;flex:none!important;width:auto!important;max-width:6%!important;min-width:0!important;height:1em!important;max-height:1em!important;aspect-ratio:1;margin:0!important;transform:none!important;}
html body #notificacion_globo_movil .agenda_convocados{font:400 .9em/1.35 Arial,sans-serif!important;padding:.45em 3%;text-align:left;}
html body #notificacion_globo_movil .agenda_convocados>strong{font-size:1em;margin-bottom:.35em;}
html body #notificacion_globo_movil .agenda_convocados_personas{display:flex;flex-direction:column;align-items:stretch;gap:.35em 0;}
html body #notificacion_globo_movil .agenda_convocado{display:flex;width:100%;min-width:0;gap:0 4%;margin:0;}
html body #notificacion_globo_movil .agenda_convocado img{display:block!important;float:none!important;flex:0 0 9%!important;width:9%!important;min-width:0!important;max-width:9%!important;height:auto!important;aspect-ratio:1;object-fit:contain;}
html body #notificacion_globo_movil .agenda_convocado>span{width:auto;min-width:0;flex:1;}
html body #notificacion_globo_movil .agenda_convocado b{font-size:1em;}
html body #notificacion_globo_movil .agenda_convocado_estado{font-size:.9em;line-height:1.3;}
@media(max-width:48em),only screen and (max-device-width:30em){
 html body #notificacion_globo_movil{font:400 medium/1.4 Arial,sans-serif!important;}
}

html body #notificacion_globo_movil .notificaciones_evento{font-size:1em;line-height:1.4;text-align:left;}
html body #notificacion_globo_movil .agenda_convocados>strong{display:block;width:100%;}
html body #notificacion_globo_movil .agenda_convocado_estado{display:block;}

html body #notificacion_globo_movil .notificaciones_confirmar_titulo{color:#f00076;font-weight:700;}
html body #notificacion_globo_movil .notificaciones_confirmar_titulo>span{display:block;width:auto!important;max-width:94%;flex:0 1 auto;float:none;margin:0;text-align:left!important;}
html body #notificacion_globo_movil .notificaciones_evento_dato{justify-content:flex-start;width:100%;text-align:left;}
html body #notificacion_globo_movil .notificaciones_evento_dato>span{width:auto!important;float:none;margin:0;text-align:left!important;}
html body #notificacion_globo_movil .notificaciones_evento_dato>span:first-child{flex:none;}

/* Globo de apps: dos convocados por fila con avatares proporcionados. */
html body #notificacion_globo_movil .agenda_convocados_personas{flex-direction:row;flex-wrap:wrap;column-gap:4%;row-gap:.5em;}
html body #notificacion_globo_movil .agenda_convocado{flex:0 0 48%;width:48%;box-sizing:border-box;}
html body #notificacion_globo_movil .agenda_convocado img{flex-basis:18%!important;width:18%!important;max-width:18%!important;}

/* Globo de notificacion: tipografia uniforme, incluida la ampliacion automatica de iOS. */
html body #notificacion_globo_movil{font:400 medium/1.35 Arial,sans-serif!important;}
html body #notificacion_globo_movil,html body #notificacion_globo_movil *{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;}
html body #notificacion_globo_movil .globo_asistente,html body #notificacion_globo_movil .globo_acciones{font-size:.875em!important;}
html body #notificacion_globo_movil .globo_asistente strong{font-size:1em!important;font-family:Arial,sans-serif!important;}
html body #notificacion_globo_movil .globo_texto{font:400 .875em/1.4 Arial,sans-serif!important;}
html body #notificacion_globo_movil .globo_texto :is(div,p,span,section,strong,b,a,label,button,svg){font-size:1em!important;font-family:inherit!important;line-height:inherit!important;}
html body #notificacion_globo_movil .globo_acciones>button{font:600 1em/1.25 Arial,sans-serif!important;}

/* La vista de primer plano no incluye la lista de convocados. */
html body #notificacion_globo_movil .agenda_convocados{display:none!important;}

/* Acciones del globo: ver a la izquierda, cierre a la derecha. */
html body #notificacion_globo_movil .globo_acciones{justify-content:space-between;}
html body #notificacion_globo_movil .globo_acciones .globo_ver{margin-left:0;margin-right:auto;}