/* Base común de la comunidad: mismo fondo, mismo ancho y mismo encabezado en todas las páginas */
body{background:linear-gradient(rgba(44,43,40,.82),rgba(44,43,40,.9)),url('https://humanacreativa.com/imagenes-web/le-petale-studio-GeGf2NHNLcw-unsplash.jpg') center 20%/cover fixed no-repeat #2C2B28 !important;color:#F2EFE4;font-family:'DM Sans',system-ui,sans-serif}
@media (max-width:860px){body{background-attachment:scroll !important}}
#pantalla-dashboard{background:none !important}
.hc-pagehead{max-width:1240px;margin:0 auto;padding:44px 24px 12px}
.hc-pagehead .hc-crumb{font-size:.85rem;color:rgba(242,239,228,.6);margin:0 0 10px}
.hc-pagehead .hc-crumb span{margin:0 8px}
.hc-pagehead h1{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(2rem,4.2vw,2.8rem);line-height:1.15;color:#F2EFE4;margin:0}
.hc-pagehead h1 em{font-style:italic;font-weight:400;color:#6BBF9F}
.hc-pagehead .hc-sub{margin:12px 0 0;max-width:620px;font-size:1.02rem;line-height:1.6;color:rgba(242,239,228,.72)}
/* mismo ancho de contenido en itinerario y negocios */
.hoy,.section{max-width:1240px !important;padding-left:24px !important;padding-right:24px !important}
@media (max-width:900px){.hc-pagehead{padding:32px 16px 8px}.hoy,.section{padding-left:16px !important;padding-right:16px !important}}

/* ---- Contraste: textos siempre legibles (mín. 4.5:1) ---- */
/* sobre tarjetas claras, los colores de acento se oscurecen */
.chip{--oliva:#4A6421;--magenta:#9B1F9B;--menta:#256B50;--rojo:#A32914}
.chip .sin-contenido{color:rgba(44,43,40,.78)}
.chip p,.chip .txt,.chip div:not(.cat):not(.titulo){color:rgba(44,43,40,.85)}
.marcas-desc{color:rgba(44,43,40,.85)}
.ficha-nota-invitada{color:rgba(44,43,40,.85) !important}
.ficha-solo-socias{opacity:.9 !important}
.dir-toggle-btn:not(.activo):not(.active){opacity:.85}
.hc-pagehead .hc-sub{color:rgba(242,239,228,.85)}
/* solapas de la biblioteca sobre fondo oscuro */
.biblio-tab{color:#F2EFE4 !important}
.biblio-tab .num{color:#F0F07A !important;opacity:1 !important}
.biblio-tab.active{color:#F0F07A !important}
/* textos secundarios sobre fondo oscuro */
.hc-pagehead .hc-crumb{color:rgba(242,239,228,.75)}
.hoy-head .dia-num{color:#F0F07A}
/* biblioteca: números, avisos y textos chicos sobre tarjetas claras */
.seccion-marco .seccion-num{color:#256B50}
.seccion-marco.color-rojo .seccion-num{color:#A32914}
.seccion-marco.color-oliva .seccion-num{color:#4A6421}
.seccion-marco.color-magenta .seccion-num{color:#9B1F9B}
.seccion-marco.color-oscuro .seccion-num{color:#2C2B28}
.candado-nota{color:#9B1F9B !important}
.mes-desc{color:rgba(44,43,40,.85) !important}
.ficha-nota-invitada a{color:#1E5A42 !important}
/* itinerario: textos de las tarjetas */
.chip,.chip *{--txt:rgba(44,43,40,.88)}
.chip [class*="desc"],.chip p,.chip span:not(.cat){color:rgba(44,43,40,.88)}
/* mismo ancho en todos los bloques */
.wrap{max-width:1240px !important;padding-left:24px !important;padding-right:24px !important}
.seccion-marco.color-amarillo .seccion-num,.seccion-marco.color-menta .seccion-num{color:#256B50}
/* negocios conscientes: tarjetas */
.nc-card{--oliva:#4A6421;--magenta:#9B1F9B;--menta:#256B50;--rojo:#A32914}
.nc-card.pronto{opacity:1 !important}
.nc-card .titulo{color:#2C2B28 !important}
.nc-card p,.nc-card [class*="desc"]{color:rgba(44,43,40,.88) !important}
.nc-pronto{color:rgba(44,43,40,.85) !important;font-weight:600}
.section .sub{color:rgba(242,239,228,.82) !important}
.chip .titulo{color:#2C2B28 !important}
/* itinerario: mismo ancho y textos más firmes */
.archivo{max-width:1240px !important;padding-left:24px !important;padding-right:24px !important}
.archivo *{color:rgba(242,239,228,.88)}
.archivo h2{color:#F2EFE4}
.archivo h2 em{color:#6BBF9F}
.chip p,.nc-card p{font-weight:400 !important;color:rgba(44,43,40,.92) !important}
.chip .txt{font-weight:400}
.hc-pagehead .hc-sub,.section .sub{font-weight:400}
.day-row span:last-child{color:rgba(242,239,228,.8) !important}

/* Ventana de login: queda debajo del nav y nunca se corta arriba/abajo */
#pantalla-login{top:112px !important;bottom:0 !important;min-height:0 !important;align-items:flex-start !important;padding:28px 16px 40px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch}
#pantalla-login .login-box{margin:auto !important;flex:0 0 auto}
/* Recuadro más compacto para que entre entero en pantalla de PC */
#pantalla-login .login-box{padding:26px 34px 24px !important;max-width:400px !important}
#pantalla-login .login-logo{max-width:150px !important;margin:0 auto 1rem !important}
#pantalla-login .login-tabs{margin-bottom:1rem !important}
#pantalla-login .login-tab{padding:8px !important}
#pantalla-login input{padding:10px 12px !important;margin-bottom:10px !important}
#pantalla-login .btn-google{padding:10px !important}
#pantalla-login .auth-o{margin:10px 0 !important}
#pantalla-login button.submit{padding:12px !important}
#pantalla-login .msg{margin-bottom:10px !important;padding:8px !important}
#pantalla-login .login-sub{margin-top:.8rem !important}
@media(max-width:900px){#pantalla-login{top:88px !important;padding:20px 12px 32px !important}}

/* Biblioteca (escritorio): temas arriba en una barra horizontal, contenido a todo el ancho */
@media(min-width:901px){
  .biblio-shell{display:block !important}
  .biblio-index{flex-direction:row !important;flex-wrap:wrap;justify-content:center;gap:4px !important;position:sticky !important;top:124px !important;z-index:40;margin:0 0 28px;padding:10px 12px !important;border-radius:999px !important;background:rgba(26,25,23,.94) !important;box-shadow:0 10px 28px rgba(0,0,0,.35) !important}
  .biblio-tab{border-left:none !important;border-radius:999px !important;padding:9px 13px !important;font-size:.8rem !important;align-items:center;white-space:nowrap;border:1.5px solid transparent !important}
  .biblio-tab:hover{background:rgba(242,239,228,.12) !important}
  .biblio-tab.active{background:#F6F597 !important;color:#1A1917 !important;border-color:#F6F597 !important}
  .biblio-tab.active .num{opacity:.75}
  .biblio-panels{width:100%}
}

/* Tarjetas de apps y similares: más compactas */
.dash-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;gap:1rem !important;margin-bottom:1.6rem !important}
.dash-card{min-height:190px !important;padding:1.1rem !important;border-radius:14px !important}
.dash-card-logo{max-height:56px !important;margin-bottom:.3rem !important}
.dash-card-desc{font-size:.82rem !important;line-height:1.45 !important;margin:.3rem 0 .7rem !important;min-height:0 !important}
@media(min-width:901px){.dash-grid{grid-template-columns:repeat(3,1fr) !important}.dash-card{min-height:170px !important}}

/* Compactar el contenido de los temas de la Biblioteca (menos scroll) */
.biblio-panels .seccion-marco{padding:1.3rem 1.4rem !important;margin-bottom:1.2rem !important}
.biblio-panels .seccion-header{margin-bottom:.7rem !important}
.biblio-panels .seccion-num{font-size:1.7rem !important}
.biblio-panels .marcas-title{font-size:clamp(1.3rem,2.4vw,1.7rem) !important;margin-bottom:.2rem !important}
.biblio-panels .marcas-desc{font-size:.86rem !important;line-height:1.5 !important;margin-bottom:.9rem !important;max-width:none !important}
.biblio-panels .align-rows{gap:.9rem !important;margin-top:.2rem !important}
.biblio-panels .align-text{padding:1.2rem 1.5rem !important}
.biblio-panels .align-label{margin-bottom:.4rem !important}
.biblio-panels .align-title{font-size:1.2rem !important;margin-bottom:.35rem !important}
.biblio-panels .align-desc{font-size:.82rem !important;line-height:1.5 !important}
.biblio-panels .align-links-inner{padding:1.2rem 1.5rem !important}
.biblio-panels .align-links-label{margin-bottom:.7rem !important}
.biblio-panels .align-resource{display:flex !important;align-items:center;justify-content:space-between;gap:14px;margin-bottom:.6rem !important}
.biblio-panels .align-resource-intro{font-size:.8rem !important;line-height:1.4 !important;margin:0 !important;flex:1}
.biblio-panels .align-btn,.biblio-panels .align-lock{flex:0 0 auto;white-space:nowrap;padding:.45rem .95rem !important}
.biblio-panels .benef-card,.biblio-panels .dash-card{min-height:170px !important;padding:1.1rem !important}
.biblio-panels .benef-grid{gap:1rem !important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important}
.biblio-panels .benef-card-titulo{font-size:1.15rem !important}
.biblio-panels .benef-card-desc{font-size:.82rem !important;line-height:1.45 !important;margin:.3rem 0 .6rem !important}
.biblio-panels .mes-section{padding:1.4rem 0 !important;margin-top:1rem !important}
.biblio-panels .mes-foto{min-height:170px !important}
.biblio-panels .mes-desc{font-size:.84rem !important;line-height:1.55 !important}
.dash-cierre{min-height:130px !important;margin-top:1.5rem !important;padding:1.6rem 1.2rem !important}
.dash-cierre-text{font-size:clamp(1.15rem,2.2vw,1.5rem) !important}
@media(max-width:760px){.biblio-panels .align-resource{flex-direction:column;align-items:flex-start}}
.biblio-panels .align-lock{font-size:0 !important;padding:.5rem .6rem !important;gap:0 !important}
.biblio-panels .align-lock svg{width:14px !important;height:14px !important}

/* Cartel "solo suscriptoras": más chico en todos los lugares */
.candado-badge{font-size:.54rem !important;padding:4px 9px !important;gap:4px !important;top:8px !important;right:8px !important;letter-spacing:.05em !important;box-shadow:0 3px 8px rgba(0,0,0,.3) !important}
.candado-badge svg{width:9px !important;height:9px !important}
.candado-nota{font-size:.72rem !important}
.candado-nota svg{width:12px !important;height:12px !important}

/* Biblioteca: encabezado a la misma altura y margen que en las otras páginas */
#pantalla-dashboard-content{padding-top:0 !important}
#pantalla-dashboard-content>.hc-pagehead{max-width:none;padding-left:0;padding-right:0}

/* Temas de la Biblioteca: botones separados, más chicos, sin barra negra */
@media(min-width:901px){
  .biblio-index{position:static !important;background:transparent !important;box-shadow:none !important;border:none !important;backdrop-filter:none !important;padding:0 !important;margin:0 0 18px !important;justify-content:flex-start !important;gap:8px !important;border-radius:0 !important}
  .biblio-tab{background:rgba(26,25,23,.88) !important;border:1.5px solid rgba(242,239,228,.22) !important;padding:6px 13px !important;font-size:.72rem !important;letter-spacing:.02em}
  .biblio-tab:hover{background:rgba(26,25,23,1) !important;border-color:#F6F597 !important}
  .biblio-tab.active{background:#F6F597 !important;color:#1A1917 !important;border-color:#F6F597 !important}
}
/* Menos aire entre el nav y el título en todas las páginas */
.hc-pagehead{padding-top:26px !important;padding-bottom:6px !important}
#pantalla-dashboard-content{padding-top:0 !important}
#pantalla-dashboard-content>.hc-pagehead{max-width:none;padding-left:0 !important;padding-right:0 !important}
.hc-pagehead .hc-sub{margin-bottom:0}
@media(min-width:901px){.biblio-index{margin-top:16px !important}}
