/* Every visual rule is scoped to Boletin. Inicio and other screens keep V5.2.0. */
#bulletinCardsPage{max-width:940px;margin:auto;color:var(--green)}
#app:has(#bulletinCardsPage){outline:none;padding-bottom:20px!important}.screen-internal:has(>#bulletinCardsPage){padding-bottom:20px!important;min-height:0!important}
#bulletinCardsPage .bulletin-fold-icon svg{display:block;width:24px;height:24px}
#bulletinCardsPage .bulletin-cards-head{align-items:flex-start;margin-bottom:12px}
#bulletinCardsPage .bulletin-cards-head .back-btn{margin-bottom:14px;font-size:12px}
#bulletinCardsPage .bulletin-cards-head{display:grid;grid-template-columns:1fr auto;gap:8px}#bulletinCardsPage .bulletin-cards-head>div{display:contents}#bulletinCardsPage .bulletin-cards-head .back-btn{justify-self:start;grid-column:1;grid-row:1;margin:0}#bulletinCardsPage .bulletin-cards-head>.btn{grid-column:2;grid-row:1}#bulletinCardsPage .bulletin-cards-head h2{grid-column:1/-1;margin:12px 0 0;font-size:30px}#bulletinCardsPage .bulletin-cards-head p{grid-column:1/-1;margin:0}
#bulletinCardsPage .bulletin-cards-hint{font-size:13px;color:var(--muted);margin:0 0 20px;line-height:1.6}
#bulletinCardsPage .bulletin-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
#bulletinCardsPage .bulletin-fold{border:1px solid #dce6df;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 5px 20px #17453106;scroll-margin-top:120px}
#bulletinCardsPage .bulletin-fold>summary{display:flex;align-items:center;gap:14px;padding:22px 18px;min-height:110px;list-style:none;cursor:pointer;color:var(--green)}
#bulletinCardsPage summary::-webkit-details-marker{display:none}
#bulletinCardsPage .bulletin-fold>summary>span:nth-child(2){flex:1;min-width:0}
#bulletinCardsPage .bulletin-fold>summary b{display:block;font-size:17px;line-height:1.3}
#bulletinCardsPage .bulletin-fold>summary small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.4}
#bulletinCardsPage .bulletin-fold-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;background:#eff5f1;border-radius:12px;font-size:23px}
#bulletinCardsPage .bulletin-fold-mark{font-size:24px;color:#57765f;font-weight:400}
#bulletinCardsPage .bulletin-fold.is-open{grid-column:1/-1;border-color:#9ab9a6}
#bulletinCardsPage .bulletin-fold.is-open>summary{background:#f0f6f2;border-bottom:1px solid #dce6df;min-height:90px}
#bulletinCardsPage .bulletin-fold-content{padding:20px;overflow-wrap:anywhere}
#bulletinCardsPage .bulletin-fold-content h3{margin-top:0;font-size:21px}
#bulletinCardsPage .bulletin-fold-content table{width:100%!important;min-width:0!important;table-layout:fixed}#bulletinCardsPage .bulletin-fold-content th,#bulletinCardsPage .bulletin-fold-content td{white-space:normal!important;overflow-wrap:anywhere;padding:12px 10px}#bulletinCardsPage #bulletin-content-escuela th:first-child{width:20%}
#bulletinCardsPage .bulletin-close-section{display:block;margin:22px auto 0;border:1px solid #d5e2da;background:#f7faf8;border-radius:12px;color:var(--green);font-size:12px;min-height:44px;padding:10px 16px;cursor:pointer}
#bulletinCardsPage .bulletin-notice-cards,#bulletinCardsPage .bulletin-role-dates{display:grid;gap:10px}
#bulletinCardsPage .bulletin-notice,#bulletinCardsPage .bulletin-role-date{border:1px solid #dce6df;border-radius:14px;background:#fff;overflow:hidden}
#bulletinCardsPage .bulletin-notice>summary{padding:16px;cursor:pointer;line-height:1.5;font-weight:700}
#bulletinCardsPage .bulletin-notice:not([open])>summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#bulletinCardsPage .bulletin-notice small{display:block;color:var(--muted);font-size:11px;margin-top:6px}
#bulletinCardsPage .bulletin-notice>div,#bulletinCardsPage .bulletin-role-date>div{padding:16px;border-top:1px solid #e8efeb;white-space:pre-line;line-height:1.7}
#bulletinCardsPage .bulletin-notice-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;font-size:12px}
#bulletinCardsPage .bulletin-notice-pager button,#bulletinCardsPage .bulletin-role-back{border:1px solid #dce6df;border-radius:10px;background:#f6faf7;color:var(--green);min-height:44px;padding:10px 12px;font-size:12px}
#bulletinCardsPage .bulletin-notice-pager button:disabled{opacity:.45}
#bulletinCardsPage .bulletin-role-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#bulletinCardsPage .bulletin-role-choices button{display:flex;align-items:center;gap:10px;text-align:left;background:#f8fbf9;border:1px solid #dce6df;border-radius:14px;color:var(--green);padding:16px;min-height:78px}
#bulletinCardsPage .bulletin-role-choices b{flex:1;font-size:13px;line-height:1.4}
#bulletinCardsPage .bulletin-role-back{margin-bottom:16px}
#bulletinCardsPage .bulletin-card-quarter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid #dce6df;border-radius:14px;margin-bottom:12px;text-align:center;font-size:14px}
#bulletinCardsPage .bulletin-card-quarter button{border:0;background:#edf4ef;color:var(--green);width:44px;height:44px;border-radius:10px;font-size:24px;flex-shrink:0}
#bulletinCardsPage .bulletin-card-months{display:flex;gap:8px;margin-bottom:16px}
#bulletinCardsPage .bulletin-card-months button{flex:1;background:#f7faf8;color:var(--green);border:1px solid #dce6df;border-radius:10px;padding:12px 4px;font-size:12px;min-height:44px}
#bulletinCardsPage .bulletin-card-months button[aria-current]{background:var(--green);color:#fff}
#bulletinCardsPage .bulletin-role-date>summary{display:flex;gap:12px;align-items:center;padding:14px;list-style:none;cursor:pointer}
#bulletinCardsPage .bulletin-role-date>summary>span:nth-child(2){flex:1;min-width:0}
#bulletinCardsPage .bulletin-role-date b{font-size:14px;display:block;line-height:1.4}
#bulletinCardsPage .bulletin-role-date small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
#bulletinCardsPage .bulletin-role-day{font-size:21px;font-weight:800;width:50px;flex-shrink:0;text-align:center;background:#f0f6f2;padding:7px;border-radius:10px;white-space:nowrap}
#bulletinCardsPage .bulletin-role-day small{font-size:9px}
#bulletinCardsPage .bulletin-role-date dl{margin:16px 0 0}
#bulletinCardsPage .bulletin-role-date dl>div{padding:10px 0;border-top:1px solid #edf1ee}
#bulletinCardsPage .bulletin-role-date dt{font-size:11px;color:var(--muted)}
#bulletinCardsPage .bulletin-role-date dd{margin:4px 0 0;font-size:15px;white-space:pre-line}
#bulletinCardsPage .bulletin-cards-note{font-size:12px;line-height:1.6;color:var(--muted)}
#bulletinCardsPage summary:focus-visible,#bulletinCardsPage button:focus-visible{outline:3px solid #b78a36;outline-offset:-3px}
@media(max-width:720px){#bulletinCardsPage .bulletin-fold>summary{padding:16px 12px;display:block;position:relative;min-height:132px}#bulletinCardsPage .bulletin-fold-icon{width:32px;height:32px;font-size:19px;margin-bottom:10px}#bulletinCardsPage .bulletin-fold>summary b{font-size:15px}#bulletinCardsPage .bulletin-fold>summary small{font-size:11px}#bulletinCardsPage .bulletin-fold-mark{position:absolute;top:16px;right:14px;font-size:21px}#bulletinCardsPage .bulletin-fold-content{padding:16px 12px}#bulletinCardsPage .bulletin-fold.is-open>summary{display:flex;min-height:86px;padding-right:40px}#bulletinCardsPage .bulletin-fold.is-open .bulletin-fold-icon{margin:0}#bulletinCardsPage .bulletin-role-choices button{padding:12px 10px;gap:7px}#bulletinCardsPage .bulletin-cards-head .btn{font-size:12px;padding:10px 12px}#bulletinCardsPage .bulletin-fold-content .table-wrap{margin-left:0;margin-right:0;width:100%}}
@media print{#bulletinCardsPage>.bulletin-cards-head,#bulletinCardsPage>.bulletin-cards-hint,#bulletinCardsPage>.bulletin-cards-grid{display:none!important}#bulletinCardsPage .bulletin-print-document{display:block!important}#bulletinCardsPage{max-width:none!important}}
