/* Estilos aislados: no cambian el diseño del resto de GUIA/index1.php. */
.calendario-salesians { border: 1px solid #e1e5e9; border-radius: 6px; overflow: hidden; }
.calendario-salesians__interior { padding: 15px; }
.calendario-salesians__etiqueta { margin: 0 0 14px; color: #bd242b; font: 600 14px Arial, Helvetica, sans-serif; }
.calendario-salesians__estado { margin: 0; color: #667384; font: 14px Arial, Helvetica, sans-serif; }
.calendario-salesians__estado:empty { display: none; }
#estado-calendario:not(:empty):not(.calendario-salesians__estado--error) { display: flex; align-items: center; gap: 10px; min-height: 42px; margin-bottom: 14px; padding: 9px 12px; border: 1px solid #ead5d6; border-left: 4px solid #bd242b; border-radius: 5px; background: #fff8f8; color: #842027; font: 600 15px/1.4 Arial, Helvetica, sans-serif; }
#estado-calendario:not(:empty):not(.calendario-salesians__estado--error)::before { content: ''; box-sizing: border-box; width: 17px; height: 17px; flex: 0 0 17px; border: 2px solid #e7b8ba; border-top-color: #bd242b; border-radius: 50%; animation: calendario-giro 800ms linear infinite; }
@keyframes calendario-giro { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #estado-calendario:not(:empty):not(.calendario-salesians__estado--error)::before { animation: none; } }
.calendario-salesians__estado--error { margin-bottom: 16px; padding: 12px 14px; border: 1px solid #e7c3c5; border-radius: 5px; background: #fff5f5; color: #9f1b22; }
#estructura-calendario { display: grid !important; position: relative !important; isolation: isolate; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; row-gap: 12px; width: 100%; min-width: 0; }
#controles-calendario { display: grid !important; grid-row: 1 !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 8px 14px; align-items: center; position: static !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; min-height: 40px !important; overflow: visible !important; margin: 0 !important; padding: 4px 0 !important; }
#controles-calendario > * { position: static !important; visibility: visible !important; opacity: 1 !important; min-width: 0; }
#controles-calendario .calendario-salesians__navegacion, #controles-calendario .calendario-salesians__vistas { display: inline-flex !important; flex-wrap: wrap !important; gap: 4px; white-space: normal; }
#controles-calendario .calendario-salesians__navegacion { justify-self: start; }
#controles-calendario .calendario-salesians__vistas { grid-column: -2 / -1; justify-self: end; }
.calendario-salesians__titulo { margin: 0; color: #bd242b; font: 500 19px/1.3 Arial, Helvetica, sans-serif; text-align: center; }
#titulo-vista-calendario { display: block !important; grid-column: 1 / -1 !important; grid-row: 1 !important; visibility: visible !important; opacity: 1 !important; min-width: 0 !important; white-space: normal !important; }
#controles-calendario .calendario-salesians__boton { appearance: none; display: inline-block !important; float: none !important; width: auto !important; position: relative !important; visibility: visible !important; opacity: 1 !important; height: auto !important; min-height: 32px !important; padding: 5px 9px; border: 1px solid #243649; border-radius: 4px; background: #243649; color: #fff; font: 600 12px Arial, Helvetica, sans-serif !important; line-height: 1.4 !important; cursor: pointer; }
#controles-calendario .calendario-salesians__boton:hover { background: #354e66; border-color: #354e66; color: #fff; }
#controles-calendario .calendario-salesians__boton[aria-pressed="true"] { background: #bd242b; border-color: #bd242b; }
#controles-calendario .calendario-salesians__boton:focus-visible { outline: 3px solid #f5b8bb; outline-offset: 2px; }
#calendario { grid-row: 2 !important; position: relative !important; z-index: 0; clear: both; width: 100%; min-width: 0; margin: 0 !important; font-family: Arial, Helvetica, sans-serif; color: #283747; --fc-border-color: #e1e5e9; --fc-today-bg-color: #fff9e8; --fc-button-bg-color: #243649; --fc-button-border-color: #243649; --fc-button-hover-bg-color: #354e66; --fc-button-hover-border-color: #354e66; --fc-button-active-bg-color: #bd242b; --fc-button-active-border-color: #bd242b; --fc-event-bg-color: #bd242b; --fc-event-border-color: #bd242b; --fc-event-text-color: #fff; }
#calendario .fc-header-toolbar { display: none !important; }
/* La hoja de estilos antigua de la web aplica margin-top: -50px a .fc-view.
   Eso desplaza la tabla sobre los botones de navegación. */
#calendario .fc-view { margin-top: 0 !important; }
#calendario .fc-toolbar { gap: 12px; flex-wrap: wrap; }
#calendario .fc-toolbar-chunk { display: flex !important; align-items: center !important; height: auto !important; }
#calendario .fc-button-group { display: inline-flex !important; }
#calendario .fc-toolbar-title { color: #bd242b; font-size: 19px; font-weight: 500; text-transform: capitalize; }
#calendario .fc-button { height: auto !important; line-height: 1.5 !important; border-radius: 4px; box-shadow: none; font-size: 12px; font-weight: 600; }
#calendario .fc-button:focus-visible, #calendario .fc-event:focus-visible { outline: 3px solid #f5b8bb; outline-offset: 2px; }
#calendario .fc-col-header-cell-cushion { padding: 8px 3px; color: #283747; font-size: 12px; font-weight: 600; text-decoration: none; }
#calendario .fc-daygrid-day-number { color: #667384; font-size: 12px; text-decoration: none; }
#calendario .fc-day-other .fc-daygrid-day-number { color: #b7bdc5; }
#calendario .fc-event { border-radius: 3px; font-size: 10px; line-height: 1.15; cursor: pointer; }
#calendario .fc-daygrid-event .fc-event-main, #calendario .fc-daygrid-event .fc-event-title { white-space: normal !important; }
#calendario .fc-daygrid-event .fc-event-main-frame, #calendario .fc-daygrid-event .fc-event-title-container { display: block !important; }
#calendario .fc-daygrid-event .fc-event-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; padding: 1px 2px; }
#calendario .fc-list-day-text, #calendario .fc-list-day-side-text { color: #bd242b; text-decoration: none; }
@media (max-width: 680px) {
  .calendario-salesians__interior { padding: 12px 8px; }
  .calendario-salesians__titulo { font-size: 17px; }
  #controles-calendario .calendario-salesians__boton { min-height: 30px !important; padding: 4px 7px; font-size: 11px; }
  #calendario .fc-toolbar { align-items: flex-start; }
  #calendario .fc-toolbar-chunk { max-width: 100%; }
  #calendario .fc-toolbar-title { font-size: 17px; }
  #calendario .fc-button { padding: 5px 7px; font-size: 11px; }
  #calendario .fc-daygrid-day-frame { min-height: 72px; }
}