/* Programa desplegable — estilos del marcado que genera el módulo (prefijo .axd-).
   La caja de la tarjeta (fondo blanco, borde, radio, sombra al hover) se define con los controles
   nativos del contenedor del listing; aquí solo lo que el plugin pinta. Tokens: guía de estilo 2026. */

/* ---------- Hora de la xerrada: degradado corporativo (como la tarjeta anterior) ----------
   Va aquí y no en el CSS del widget de Elementor porque, compilado por Elementor, el degradado se
   perdía (la hora quedaba transparente e invisible); servido tal cual, funciona. El widget lleva
   color naranja sólido como respaldo si esta hoja no cargara. */
.axd-hora .jet-listing-dynamic-field__content{background-image:linear-gradient(135deg,#D0C860 0%,#F8B913 33%,#F19933 66%,#AE8170 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;display:inline-block;padding-right:2px}

/* ---------- Nivel 1: cabecera plegada ---------- */
.axd-head{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:4px}
.axd-summary{font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#626161;white-space:nowrap}
.axd-avatars{display:inline-flex;align-items:center;padding-left:8px}
.axd-av{width:30px;height:30px;box-sizing:border-box;border-radius:50%;border:2px solid #fff;margin-left:-8px;flex:0 0 auto;object-fit:cover;background:#E4E2DD}
/* Elementor pone `.elementor img{border-radius:0;height:auto}` con más especificidad que una clase:
   las fotos (avatares y tarjetas de ponent) llevan sus reglas con selector reforzado. */
.elementor img.axd-av,img.axd-av{width:30px;height:30px;border-radius:50%;object-fit:cover;max-width:none}
.elementor img.axd-pon-foto,img.axd-pon-foto{width:44px;height:44px;border-radius:50%;object-fit:cover;max-width:none}
.axd-av-ini,.axd-av-more{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:Montserrat,system-ui,sans-serif;font-weight:900;font-size:10px;line-height:1}
.axd-av-ini{background:linear-gradient(135deg,#D0C860,#F8B913,#F19933,#AE8170)}
.axd-av-more{background:#2E343D;font-weight:700}
/* Los botones llevan estados explícitos porque el reset del tema Hello pinta button:hover/:focus
   con fondo rosa y texto blanco (más específico que una sola clase). */
.axd-toggle,.axd-toggle:hover,.axd-toggle:focus,.axd-toggle:active{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#626161;cursor:pointer;box-shadow:none}
.axd-toggle:hover{background:rgba(241,153,51,.10)}
.axd-toggle:focus-visible,.axd-taula:focus-visible{outline:2px solid #F19933;outline-offset:2px}
.axd-chev{transition:transform 200ms cubic-bezier(.22,.61,.36,1)}
.axd-open .axd-toggle .axd-chev{transform:rotate(180deg)}

/* La cabecera entera es clicable (JS): cursor y hover en la tarjeta. */
.jet-listing-grid__item:has(.axd-toggle){cursor:pointer}
.jet-listing-grid__item .axd-body{cursor:default}

/* ---------- Nivel 2: cuerpo con taules ---------- */
.axd-body{display:flex;flex-direction:column;gap:10px;width:100%;padding:16px 0 4px;border-top:1px solid #E4E2DD;margin-top:12px}
.axd-body[hidden]{display:none}
.axd-eyebrow{font-family:Montserrat,system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#626161}
.axd-rows{display:flex;flex-direction:column;gap:8px}
.axd-row{border:1px solid #E4E2DD;border-radius:6px;overflow:hidden;background:#fff}
.axd-row-open{background:#F6F4EE}
.axd-taula,.axd-taula:hover,.axd-taula:focus,.axd-taula:active{width:100%;display:flex;align-items:center;gap:14px;min-height:44px;margin:0;padding:12px 14px;border:0;border-radius:0;background:transparent;text-align:left;cursor:pointer;color:#1A1A1A;font:inherit;white-space:normal;box-shadow:none}
.axd-taula:hover{background:rgba(241,153,51,.06)}
.axd-t-hora{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;flex:0 0 44px}
.axd-t-titol{font-family:Roboto,system-ui,sans-serif;font-size:15px;line-height:1.35;flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}
.axd-t-count{font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#626161;white-space:nowrap;flex:0 0 auto}
.axd-taula .axd-chev{color:#626161;flex:0 0 auto}
.axd-row-open .axd-taula .axd-chev{transform:rotate(180deg)}

/* ---------- Nivel 3: ponents ---------- */
.axd-ponents{padding:2px 14px 14px}
.axd-ponents[hidden]{display:none}
.axd-body > .axd-ponents{padding:0}
.axd-pon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.axd-pon{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #E4E2DD}
.axd-body > .axd-ponents .axd-pon{background:#F6F4EE}
.axd-pon[data-rol="moderador"],.axd-pon[data-rol="moderadora"],.axd-pon[data-rol="presentador"],.axd-pon[data-rol="presentadora"]{background:#FBE3D0 !important;border-color:#F0C6A3}
.axd-pon-foto{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#E4E2DD}
.axd-pon-ini{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:linear-gradient(135deg,#D0C860,#F8B913,#F19933,#AE8170);color:#fff;font-family:Montserrat,system-ui,sans-serif;font-weight:900;font-size:14px}
.axd-pon-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.axd-pon-nom{font-family:Montserrat,system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#1A1A1A;line-height:1.3;overflow-wrap:anywhere}
.axd-pon-carrec{font-family:Roboto,system-ui,sans-serif;font-size:12.5px;color:#626161;line-height:1.35;overflow-wrap:anywhere}
.axd-pon-empresa{font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#B5651D;line-height:1.3;overflow-wrap:anywhere}
.axd-pon-badge{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#B5651D;margin-top:2px}
.axd-loading,.axd-error,.axd-empty{margin:0;padding:6px 0;font-family:Roboto,system-ui,sans-serif;font-size:13px;color:#626161}
.axd-error{color:#B5651D}

/* ---------- Móvil ---------- */
@media (max-width:767px){
	.axd-head{justify-content:flex-start;flex-wrap:nowrap;gap:10px}
	.axd-summary{flex:1 1 auto;min-width:0;white-space:normal;line-height:1.35}
	.axd-avatars,.axd-toggle{flex:0 0 auto}
	.axd-pon-grid{grid-template-columns:1fr}
	.axd-t-count{display:none}
	.axd-ponents{padding:2px 10px 12px}
}