/* SIC · encabezado igual en todas las páginas, sesión como píldora, detalles de pulido.
   Se carga al final de cada página para imponerse a los estilos propios de cada una. */

/* 1) Encabezado: fondo azul SIC con filete celeste, todo centrado (escudo, título, barra de botones, sesión). */
html body header.sic-header{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:10px!important;text-align:center!important;padding:22px 16px 20px!important;margin:0!important;background:linear-gradient(180deg,#173b60,#122f4e)!important;border:0!important;border-top:4px solid #8dd4ed!important;color:#fff!important;box-shadow:0 2px 12px #102d5014!important}
html body header.sic-header>img{display:block!important;width:auto!important;height:58px!important;margin:0 auto 2px!important;padding:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;object-fit:contain;filter:drop-shadow(0 2px 6px #0004)}
html body header.sic-header>strong,html body header.sic-header>div>strong{display:block!important;font-size:19px!important;font-weight:700!important;letter-spacing:-.2px!important;text-transform:none!important;color:#fff!important;margin:0!important}
html body header.sic-header>div{text-align:center!important}
html body header.sic-header>div>small{display:block;margin-top:3px;font-size:10px!important;letter-spacing:2px!important;color:#b9e5f6!important}
html body header.sic-header .club-nav{margin:4px auto 0!important}
html body header.sic-header #acceso-club{margin:6px auto 0!important}

/* 2) Sesión como píldora: nombre · rol · Cerrar sesión. */
html[data-club-auth="signed-in"] body #acceso-club{display:flex!important;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:fit-content;max-width:100%;box-sizing:border-box;padding:6px 6px 6px 16px!important;border-radius:999px!important;background:#0f2a4a!important;border:1px solid #2c5a8a!important;font:13px system-ui!important;color:#d6e9f5!important;visibility:visible}
html[data-club-auth="signed-in"] body #acceso-club p{margin:0!important;font-size:13px!important;color:#d6e9f5!important}
html[data-club-auth="signed-in"] body #acceso-club>button{padding:7px 14px!important;border-radius:999px!important;border:1px solid #8dd4ed!important;background:transparent!important;color:#fff!important;font:600 13px system-ui!important;cursor:pointer;white-space:nowrap;box-shadow:none!important}
html[data-club-auth="signed-in"] body #acceso-club>button:hover{background:#8dd4ed!important;color:#102d50!important}
@media(max-width:650px){html[data-club-auth="signed-in"] body #acceso-club{border-radius:14px!important;padding:8px 8px 8px 14px!important}}

/* Plantel: el encabezado nuevo reemplaza a la barra vieja de enlaces, al encabezado negro interno y a la fila de secciones grises. */
html body>nav[style*="background:#102d50"]{display:none!important}
html body #sic-roster>header,html body #sic-roster>nav{display:none!important}
html body #sic-roster{margin:24px auto!important;max-width:1100px}

/* 3) Detalles. */
/* Recuadro de mensajes vacío (Planificación, Ejercicios): no se muestra si no hay mensaje. */
html body #status:empty{display:none!important}
/* Enlaces de volver ("← Inicio", "← Mi deporte", "← Equipo"): chicos y prolijos, en su propio renglón. */
html body main>a:first-child{display:block!important;width:fit-content;margin:0 0 10px!important;font-size:13px!important;font-weight:600!important;color:#5d7891!important;text-decoration:none!important}
html body main>a:first-child:hover{color:#173b60!important;text-decoration:underline!important}

/* Inicio: las tarjetas de Hockey y Rugby con el mismo estilo que las tarjetas de equipo de adentro. */
html body main>.grid#equipos>a.card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:24px 24px 26px!important;border:1px solid #2c5a8a!important;border-top:3px solid #8dd4ed!important;border-radius:14px;background:linear-gradient(135deg,#1f4a78,#0f2a4a)!important;box-shadow:0 8px 20px #0b224026;color:#fff!important;text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
html body main>.grid#equipos>a.card .number{font-size:10px!important;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#b9e5f6!important}
html body main>.grid#equipos>a.card h2{font-size:28px!important;font-weight:700;letter-spacing:-.6px;line-height:1.2;margin:10px 0!important;color:#fff!important;padding-right:44px}
html body main>.grid#equipos>a.card p{font-size:14px;line-height:1.5;margin:0 0 18px!important;color:#d6e9f5!important;padding-right:44px}
html body main>.grid#equipos>a.card span{margin-top:auto;font-size:12px!important;font-weight:600;color:#d6e9f5!important}
html body main>.grid#equipos>a.card::after{content:'↗';position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #5f88b3;border-radius:50%;color:#fff;font-size:20px;background:#ffffff09}
html body main>.grid#equipos>a.card:hover{transform:translateY(-4px);border-color:#b9e5f6!important;box-shadow:0 13px 26px #0b22404a;background:linear-gradient(135deg,#25588e,#123358)!important}
html body main>.grid#equipos>a.card:hover::after{border-color:#8dd4ed;color:#8dd4ed}
@media(prefers-reduced-motion:reduce){html body main>.grid#equipos>a.card{transition:none}html body main>.grid#equipos>a.card:hover{transform:none}}
/* Tipografía del encabezado igual en todas (Plantel no define la suya) y sin margen blanco alrededor. */
html body header.sic-header,html body header.sic-header *{font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important}
html body:has(>header.sic-header){margin:0!important}

/* Botones de eliminar / borrar / quitar: siempre en rojo, en todas las páginas */
html body :is(.btn-rojo,.danger,.btn-borrar,.cut-borrar,.tl-borrar,.vt-borrar,.vb-borrar,[data-action="delete"],[data-borrar-boton],#delete,#deleteImported,#match-delete,#playlist [data-remove]){background:#c62828!important;border:1px solid #a51f1f!important;color:#fff!important;font-weight:700}
html body :is(.btn-rojo,.danger,.btn-borrar,.cut-borrar,.tl-borrar,.vt-borrar,.vb-borrar,[data-action="delete"],[data-borrar-boton],#delete,#deleteImported,#match-delete,#playlist [data-remove]):hover:not(:disabled){background:#9f1d1d!important;border-color:#7f1515!important;color:#fff!important}
html body :is(.btn-rojo,.danger,.btn-borrar,.cut-borrar,.tl-borrar,.vt-borrar,.vb-borrar,[data-action="delete"],[data-borrar-boton],#delete,#deleteImported,#match-delete,#playlist [data-remove]):disabled{opacity:.55}
html body .btn-chico{font-weight:400!important}