.home-content .integrated-hero .console-copy h1 { font-size: clamp(36px,7vw,76px); letter-spacing: -.055em; }
.home-content .integrated-hero .console-copy { z-index: 3; }
.carousel-heading h2 { margin: 0; font-size: 12px; }
button.carousel-media { position: relative; display: block; width: 100%; padding: 0; border-radius: 0; box-shadow: none; overflow: hidden; background: #171022; }
.carousel-photo-cta { position: absolute; left: 16px; bottom: 14px; padding: 8px 12px; border-radius: 10px; color: white; background: #140c23de; font-size: 12px; }
.home-announcement-photo { display: block; width: 100%; border-radius: 16px; margin-bottom: 18px; }
.club-summary { background: #181122; color: #fff; border-radius: 24px; padding: 26px; margin: 28px 0; }
.club-summary .eyebrow { color: #c6afff; }
.club-summary .section-heading { flex-wrap: wrap; }
.club-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin-top: 24px; }
.club-summary-grid>div { display: grid; gap: 8px; border-top: 1px solid #ffffff25; padding-top: 18px; }
.club-summary-grid strong { color: #c6afff; font-size: 36px; line-height: 1; }
.club-summary-grid span { font-size: 13px; color: #e1d8ec; }
.club-summary>p { font-size: 11px; color: #bdb1ca; margin: 22px 0 0; }
.club-carousel { border: 1px solid var(--line); border-radius: 24px; background: #fff; overflow: hidden; margin: 22px 0 16px; }
.carousel-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 22px; }
.carousel-heading .eyebrow { color: #7250b1; }
.carousel-slide { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); background: #20162f; color: #fff; touch-action: pan-y; }
.carousel-media { min-width: 0; min-height: 280px; }
.carousel-media img { width: 100%; height: 310px; object-fit: cover; display: block; }
.carousel-placeholder { display: grid; place-items: center; min-height: 310px; font-size: 65px; font-weight: 900; color: #ccb4fc; background: radial-gradient(ellipse at 60% 20%,#7a52be55,transparent 75%),#171022; }
.carousel-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 25px; min-width: 0; }
.carousel-copy .eyebrow { color: #cbb7fc; }
.carousel-copy h2 { font-size: 30px; line-height: 1.12; margin: 10px 0; overflow-wrap: anywhere; }
.carousel-copy p { color: #e0d7ee; margin-bottom: 15px; white-space: pre-line; }
.carousel-date { font-weight: 800; }
.carousel-controls { display: flex; justify-content: space-between; align-items: center; padding: 12px 18px; }
.carousel-controls button { min-height: 40px; font-size: 12px; padding: 10px 14px; }
.monthly-progress { display: flex; align-items: center; gap: 22px; padding: 24px; border-radius: 24px; border: 1px solid var(--line); background: #fff; margin-bottom: 24px; }
.monthly-progress h2 { font-size: 22px; margin: 8px 0; }
.monthly-progress p { margin: 0 0 7px; color: var(--muted); }
.home-payments,.home-team-summary { border: 1px solid var(--line); border-radius: 23px; padding: 24px; background: #fff; margin-bottom: 30px; }
.debt-list { max-height: 340px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; border: 1px solid var(--line); border-radius: 16px; }
.debt-list:focus-visible { outline: 3px solid #a78bfa; }
.debt-row { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 15px; background: #fff; color: var(--ink); border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--line); padding: 17px; text-align: left; }
.debt-row:last-child { border-bottom: 0; }
.debt-row.selected { background: #eee8fa; box-shadow: inset 4px 0 #845ec9; }
.debt-row span { min-width: 0; }.debt-row strong { overflow-wrap: anywhere; }.debt-row small { display: block; margin-top: 5px; font-size: 12px; }
.debt-row b { white-space: nowrap; color: #6e42a8; }
.debt-empty { margin: 0; padding: 30px 20px; color: var(--muted); }
.debt-dossier { padding: 22px 0 0; margin-top: 20px; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.debt-dossier>.row { flex-wrap: wrap; }.debt-dossier h3 { margin: 0; }.debt-identity { display: flex; align-items: center; gap: 12px; margin: 20px 0; }
.debt-identity small { display: block; margin-top: 3px; }
.debt-charge-list { list-style: none; padding: 0; margin: 18px 0; }.debt-charge-list li { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); padding: 13px 0; }.debt-charge-list small { display: block; }.debt-charge-list b { white-space: nowrap; }
.notice-card.unread { border-left: 4px solid #9165d8; }.notice-card .row { align-items: flex-start; }.notice-card h3 { flex: 1; }.notice-card .inline-actions { margin-top: 12px; }
.notification-button { color: #d8c7fc !important; font-size: 11px !important; min-height: 34px; }
.home-photo-preview { max-width: 100%; max-height: 240px; border-radius: 16px; }.home-photo-preview[hidden] { display: none; }
.family-entry summary .badge { white-space: normal; flex: 0 0 auto; }
@media(max-width:760px){
 .home-content .integrated-hero,.home-content .integrated-hero .console-copy { min-height: calc(100svh - 245px); }
 .home-content .integrated-hero .console-copy { padding-bottom: 70px; }
 .club-summary { padding: 22px; }.club-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.club-summary-grid strong { font-size: 32px; }
 .carousel-slide { grid-template-columns: 1fr; }.carousel-media { min-height: 170px; }.carousel-media img { height: 205px; }.carousel-placeholder { min-height: 170px; }.carousel-copy { padding: 22px; }.carousel-copy h2 { font-size: 26px; }
 .carousel-heading { padding: 12px 16px; }.carousel-heading .ghost { font-size: 11px; }.carousel-controls { padding: 12px; }
 .monthly-progress { padding: 20px 16px; gap: 15px; }.monthly-progress h2 { font-size: 18px; }.monthly-progress p { font-size: 12px; }.monthly-progress .eyebrow { font-size: 9px; }.monthly-progress .progress-orbit { width: 66px; height: 66px; flex-basis: 66px; }.monthly-progress small { font-size: 11px; }
 .home-payments,.home-team-summary { padding: 18px 15px; }.home-payments .section-heading h2 { font-size: 24px; }.debt-row { padding: 13px 11px; font-size: 13px; gap: 9px; }.debt-row small { font-size: 10px; }.debt-list { max-height: 300px; }.debt-dossier .inline-actions button { width: 100%; }
 .home-content .integrated-hero .console-copy { justify-content: flex-end; }
}

/* Publicaciones: foto y texto sobre una tarjeta que abre el detalle. */
.home-content .page-sync{position:static;justify-content:flex-end;margin:8px 0 12px !important}.home-content .page-sync button{color:#715487;background:transparent;border:0;backdrop-filter:none}
.home-content .integrated-hero,.home-content .integrated-hero .console-copy{min-height:400px}
.publish-access{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;margin:0 0 22px;border:1px solid #e3d9f2;border-radius:20px;background:#fff}
.publish-access>div:first-child{display:grid;gap:5px}.publish-access strong{font-size:17px}.publish-access span{color:var(--muted);font-size:12px}.publish-access .inline-actions{margin:0}
.club-feed{margin:28px 0 38px;min-width:0}.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.feed-heading h2{font-size:28px;margin:7px 0}.feed-heading p{color:var(--muted);margin:0;font-size:13px}.feed-heading .eyebrow{color:#7250b1}.feed-heading>button{flex-shrink:0}
.post-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:3px 2px 16px;scrollbar-width:thin;scrollbar-color:#ac91da #eae4f2}.post-track:focus-visible{outline:3px solid #9872d1;outline-offset:5px;border-radius:20px}
button.post-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;flex:0 0 280px;min-width:0;min-height:370px;aspect-ratio:3/4;padding:0;overflow:hidden;scroll-snap-align:start;background:#20162f;color:#fff;text-align:left;border-radius:23px;border:1px solid #372749;box-shadow:none}
.post-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.post-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100a1afa 0%,#100a1aa8 45%,#100a1a08 80%);z-index:-1}.post-art{position:absolute;inset:0;display:grid;place-items:start center;padding-top:40px;font-size:90px;font-weight:900;color:#ab8ee0;background:radial-gradient(circle at 70% 20%,#614293,#241533 65%);z-index:-2}
.post-copy{display:grid;gap:10px;width:100%;padding:23px;min-width:0}.post-kind{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#dccafc;font-weight:800}.post-copy strong{font-size:26px;line-height:1.12;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-caption{font-size:13px;line-height:1.5;color:#eee6f8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.post-date{font-size:11px;color:#e5d7ff}.post-open{margin-top:3px;font-size:12px;font-weight:800;color:#fff}
.feed-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.feed-controls button{font-size:12px;min-height:40px;padding:9px 13px}.feed-controls>span{font-size:11px;color:var(--muted)}
.feed-empty{padding:23px;border:1px dashed #cfc0e4;border-radius:19px;background:#f2edf9}.feed-empty p{font-size:13px;color:var(--muted);margin:7px 0 13px}.feed-empty .inline-actions{margin-bottom:0}
.publication-list{display:grid;gap:16px;margin-top:24px}.publication-row{display:flex;gap:18px;padding:18px;background:white;border:1px solid var(--line);border-radius:20px}.publication-row>img{width:105px;height:140px;object-fit:cover;border-radius:12px}.publication-row h2{font-size:21px;overflow-wrap:anywhere;margin:7px 0}.publication-row p{font-size:12px}.publication-row .inline-actions{margin-bottom:0}
.photo-picker{padding:18px;border:1px dashed #b4a0d3;border-radius:17px;background:#f7f3fc}.photo-pick-label{font-weight:800;color:#603d99}.photo-pick-label input{display:block;width:100%;font-size:13px;margin-top:10px;background:#fff}.photo-picker p{font-size:12px;margin:8px 0}.photo-picker [data-photo-status]:empty{display:none}.home-photo-preview{display:block;margin:12px auto 0;object-fit:contain}.photo-picker button{margin-top:9px}
.post-types{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}.post-types legend{margin-bottom:10px;font-size:13px;font-weight:800}.post-types label{flex:1 1 100px;position:relative;display:block;margin:0}.post-types input{position:absolute;opacity:0;width:1px;height:1px}.post-types span{display:block;padding:13px 9px;text-align:center;border:1px solid #ded3ec;border-radius:12px;background:#fff;color:#685977;font-size:12px}.post-types input:checked+span{background:#ede4fd;border-color:#9166d4;color:#4e267f;font-weight:800}.post-types input:focus-visible+span{outline:3px solid #9166d4;outline-offset:2px}
.post-options{border:1px solid #e1d8ec;border-radius:15px;padding:15px;margin:0 0 17px}.post-options summary{font-weight:700;cursor:pointer;font-size:13px;color:#604285}.post-options[open] summary{margin-bottom:18px}.post-options label{margin-top:13px}.post-form-actions{display:flex;gap:12px;position:sticky;bottom:-28px;background:#fff;padding:14px 0 7px;border-top:1px solid #e5dbf0}.post-form-actions>button{flex:1}.post-options .form-grid{margin-top:14px}
.menu-section{margin:25px 0}.menu-section>h2{font-size:14px;font-weight:800;color:#72538e;margin:0 0 12px}.menu-section .feature-item{min-height:80px;padding:16px}.menu-section .feature-item strong{font-size:15px}.menu-section .feature-item small{font-size:12px}.menu-section .feature-icon{width:42px;height:42px}
.text-lines{overflow-wrap:anywhere}.home-content{min-width:0}.content{padding-bottom:calc(var(--club-nav-height,90px) + 38px + env(safe-area-inset-bottom)) !important}html{scroll-padding-bottom:calc(var(--club-nav-height,90px) + 24px)}
[hidden]{display:none !important}
@media(max-width:760px){
 .publish-access{padding:15px;gap:10px;flex-wrap:wrap;margin-bottom:14px}.publish-access>div:first-child{gap:3px}.publish-access strong{font-size:15px}.publish-access span{font-size:11px}.publish-access button{font-size:12px;padding:11px 14px}.publish-access .inline-actions{gap:8px}
 .home-content .integrated-hero,.home-content .integrated-hero .console-copy{min-height:320px}.home-content .integrated-hero .console-copy{padding-bottom:28px}.home-content .integrated-hero{margin-bottom:24px}
 .feed-heading h2{font-size:23px}.feed-heading p{font-size:11px}.feed-heading>button{font-size:11px;padding:10px 12px}.feed-heading .eyebrow{font-size:9px}.club-feed{margin:22px 0 30px}.post-track{gap:12px}.post-card{flex-basis:78vw !important;max-width:320px;min-height:350px !important}.post-copy strong{font-size:25px}.feed-controls>span{font-size:10px}
 .post-form-actions{bottom:-20px;padding-bottom:max(9px,env(safe-area-inset-bottom));flex-wrap:wrap}.post-form-actions>button{font-size:12px;min-height:46px}.publication-row{padding:13px;gap:12px}.publication-row>img{width:76px;height:112px}.publication-row h2{font-size:17px}.publication-row button{font-size:11px;padding:8px 11px}.publication-row .inline-actions{gap:6px}
 .post-types label{flex-basis:40%}.menu-section .feature-item{padding:14px 12px;gap:12px}.menu-section .feature-item strong{font-size:14px}.menu-section .feature-item small{font-size:11px}.photo-picker{padding:13px}
}
@media(prefers-reduced-motion:reduce){.post-track{scroll-behavior:auto}}