.elementor-1029 .elementor-element.elementor-element-b38a5fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-ba45e86 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1029 .elementor-element.elementor-element-ea2df43{text-align:center;}.elementor-1029 .elementor-element.elementor-element-ea2df43 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-eael-post-grid .eael-meta-posted-on{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-meta > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-title, .elementor-widget-eael-post-grid .eael-entry-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-post-grid .eael-grid-post-excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .post-meta-categories li, .elementor-widget-eael-post-grid .post-meta-categories li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-grid-post-holder{background-color:#fff;}.elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-post-grid .eael-grid-post .eael-entry-media img, .elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-grid-post .eael-entry-overlay{border-radius:8px 8px 8px 8px;}.elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-entry-title a{color:#303133;}.elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-entry-title:hover, .elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-entry-title a:hover{color:#23527c;}.elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-entry-title, .elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-entry-title a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}.elementor-1029 .elementor-element.elementor-element-a31bcfb .eael-post-elements-readmore-btn{color:#000BEC;}.elementor-1029 .elementor-element.elementor-element-1b3e887{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1029 .elementor-element.elementor-element-59980d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-254137a > .elementor-widget-container{margin:-11px 5px 5px 5px;}.elementor-1029 .elementor-element.elementor-element-254137a{text-align:center;}.elementor-1029 .elementor-element.elementor-element-254137a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1029 .elementor-element.elementor-element-fe237bd > .elementor-widget-container{margin:3px 0px -2px 0px;}.elementor-1029 .elementor-element.elementor-element-e7093cd{text-align:center;}.elementor-1029 .elementor-element.elementor-element-e7093cd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1029 .elementor-element.elementor-element-8a0f3e4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:23px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1029 .elementor-element.elementor-element-5f6544a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1029 .elementor-element.elementor-element-9a93fd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-4a347ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1029 .elementor-element.elementor-element-a848e1b .elementor-button{fill:var( --e-global-color-astglobalcolor5 );color:var( --e-global-color-astglobalcolor5 );}.elementor-1029 .elementor-element.elementor-element-4748df4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-5b41413{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1029 .elementor-element.elementor-element-13fed9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-38fe59f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-6b88959{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-ee06bf8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-300441e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1029 .elementor-element.elementor-element-9d8cfaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-f2b4527{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-97f1d7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-dd29ad7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1029 .elementor-element.elementor-element-fb885a1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1029 .elementor-element.elementor-element-baf013b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1029 .elementor-element.elementor-element-baf013b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1029 .elementor-element.elementor-element-fd5e097.elementor-element{--align-self:center;}.elementor-1029 .elementor-element.elementor-element-fd5e097{text-align:center;}.elementor-1029 .elementor-element.elementor-element-fd5e097 img{width:84%;}.elementor-1029 .elementor-element.elementor-element-01e9baa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1029 .elementor-element.elementor-element-e794053{text-align:center;}.elementor-1029 .elementor-element.elementor-element-e794053 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}.elementor-1029 .elementor-element.elementor-element-44f3bfe{--e-image-carousel-slides-to-show:4;}@media(min-width:768px){.elementor-1029 .elementor-element.elementor-element-5f6544a{--width:33%;}.elementor-1029 .elementor-element.elementor-element-9a93fd7{--width:33%;}.elementor-1029 .elementor-element.elementor-element-4a347ea{--width:33%;}.elementor-1029 .elementor-element.elementor-element-4748df4{--width:33%;}.elementor-1029 .elementor-element.elementor-element-13fed9b{--width:33%;}.elementor-1029 .elementor-element.elementor-element-38fe59f{--width:33%;}.elementor-1029 .elementor-element.elementor-element-6b88959{--width:33%;}.elementor-1029 .elementor-element.elementor-element-ee06bf8{--width:33%;}.elementor-1029 .elementor-element.elementor-element-9d8cfaf{--width:33%;}.elementor-1029 .elementor-element.elementor-element-f2b4527{--width:33%;}.elementor-1029 .elementor-element.elementor-element-97f1d7f{--width:33%;}.elementor-1029 .elementor-element.elementor-element-dd29ad7{--width:33%;}.elementor-1029 .elementor-element.elementor-element-baf013b{--width:33.174%;}}@media(max-width:767px){.elementor-1029 .elementor-element.elementor-element-b38a5fb{--margin-top:71px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-fe237bd */<style>
/* ===== Reset mínimo y tipografía ===== */
.agenda-grid, .agenda-grid * { box-sizing: border-box; }
.agenda-grid { --bg:#fff; --text:#0f172a; --muted:#475569; --shadow:0 10px 30px rgba(2,8,23,.08);
  --radius:18px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; color:var(--text); }
.ag-title{ font-size:clamp(28px,4vw,48px); font-weight:800; text-align:center; margin:8px 0 18px; }

/* ===== Grid de tarjetas-botón ===== */
.ag-grid{ width:min(1200px,100%); margin:0 auto; padding:8px 12px 28px;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.ag-card{ position:relative; display:flex; flex-direction:column; gap:6px; border:0; cursor:pointer;
  align-items:flex-start; text-align:left; padding:18px 16px; border-radius:var(--radius); 
  color:#fff; box-shadow:var(--shadow); transition:transform .15s ease, box-shadow .15s ease; }
.ag-card:hover{ transform:translateY(-2px); box-shadow:0 14px 36px rgba(2,8,23,.12); }
.ag-icon{ font-size:28px; line-height:1; }
.ag-name{ font-weight:800; font-size:clamp(16px,2.2vw,20px); }
.ag-cta{ font-size:13px; opacity:.9; }

/* Paletas por modalidad */
.mod-narracion{ background:#ef7d43; }
.mod-cancion{ background:#3b82f6; }
.mod-rock{ background:#16a34a; }
.mod-danzaf{ background:#dc2626; }
.mod-coros{ background:#0ea5e9; }
.mod-teatro{ background:#f59e0b; }
.mod-salsa{ background:#22c55e; }
.mod-urbana{ background:#64748b; }
.mod-orq{ background:#8b5cf6; }
.mod-vallenato{ background:#e11d48; }

/* ===== Modal nativo (<dialog>) ===== */
.ag-modal{ padding:0; border:none; width:min(920px,96vw); }
.ag-modal::backdrop{ background:rgba(2,8,23,.55); backdrop-filter: blur(2px); }
.ag-modal__card{ background:#fff; border-radius:20px; padding:20px 16px 18px; box-shadow:var(--shadow);
  border-top:8px solid currentColor; }
.ag-modal__title{ margin:2px 32px 6px 0; font-size:clamp(20px,2.5vw,28px); font-weight:900; }
.ag-modal__title-m{
    color: var(--text);
}
.ag-modal__sub{ margin:0 0 10px 0; color:var(--muted); font-size:14px; }
.ag-list{ display:grid; gap:10px; padding-left:16px; }
.ag-list.two-col{ 
  grid-template-columns:1fr 1fr; gap:8px 20px; 
}
@media (max-width:720px){ .ag-list.two-col{ grid-template-columns:1fr; } }
.ag-close{ position:absolute; top:8px; right:10px; border:0; background:#0000000f; border-radius:10px; 
  width:36px; height:32px; font-size:18px; cursor:pointer; }
.ag-close:hover{ background:#0000001a; }

/* Borde superior del modal con el color de su tarjeta */
.ag-modal__card.mod-narracion{ color:#ef7d43; }
.ag-modal__card.mod-cancion{ color:#3b82f6; }
.ag-modal__card.mod-rock{ color:#16a34a; }
.ag-modal__card.mod-danzaf{ color:#dc2626; }
.ag-modal__card.mod-coros{ color:#0ea5e9; }
.ag-modal__card.mod-teatro{ color:#f59e0b; }
.ag-modal__card.mod-salsa{ color:#22c55e; }
.ag-modal__card.mod-urbana{ color:#64748b; }
.ag-modal__card.mod-orq{ color:#8b5cf6; }
.ag-modal__card.mod-vallenato{ color:#e11d48; }



/* Línea de sede en cada botón (responsive) */
.ag-sede{
  font-size:12px;
  font-weight:700;
  opacity:.95;
  line-height:1.2;
}

/* ==== Ajustes responsive extra (sin cambiar tu HTML) ==== */

/* 1) Rejilla ultra-compacta para móviles angostos */
@media (max-width: 420px){
  .ag-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .ag-card{ padding:16px 14px !important; }
}

/* 2) Evitar cortes de texto e iconos grandes */
.ag-card{ word-wrap: break-word; overflow-wrap: anywhere; }
.ag-icon{ font-size: clamp(22px, 6vw, 28px); }

/* 3) Modales: usar alto de la pantalla y hacer scroll interno */
.ag-modal{
  max-width: 96vw;           /* ya lo tenías, lo reforzamos */
  margin: 0 auto;
  padding: 0;
}
.ag-modal__card{
  max-height: calc(100vh - 24px); /* deja 12px de margen arriba/abajo */
  overflow: auto;                 /* scroll dentro del contenido */
  -webkit-overflow-scrolling: touch;
}

/* 4) Mejor tacto en móvil */
.ag-card{ touch-action: manipulation; }

/* Cuando el ancho sea de 600px o menos, fuerza una columna */
@media (max-width: 600px) {
  .ag-grid { 
    grid-template-columns: 1fr !important;
    gap: 12px !important; /* separa un poco entre botones */
  }
}


/* 5) Por si el tema fuerza capitalización */
.agenda-grid, .agenda-grid * { text-transform: none !important; }

.ag-modal__title {
  color: currentColor !important;
}


</style>/* End custom CSS */