/* Ajustes compactos de Inicio y Explorar; colores configurables. */
body{font-family:var(--site-font,'Manrope',sans-serif)}h1,h2,h3,.gallery-header h2,.activity-strip strong,.avatar-letter,.learn-banner h2{font-family:var(--site-font,'Manrope',sans-serif)}button,input,textarea,select{font-family:inherit}
.header,.site-footer{max-width:none;width:100%;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2));border-color:var(--header-bg)}
.header nav a,.header .account-nav>a:not(.pill-link){color:var(--header-text)}.site-footer a,.site-footer strong{color:var(--footer-text)}.header nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}.header nav a:focus-visible,.header .account-nav a:focus-visible,.site-footer a:focus-visible{outline-color:currentColor}.site-footer .footer-brand p,.site-footer .footer-brand small{color:var(--footer-muted)}.header{gap:40px}.site-footer{margin-top:55px}.header nav{border-color:var(--header-text)}
.discovery-bar{display:grid;grid-template-columns:minmax(340px,1.05fr) minmax(270px,1fr);gap:28px;align-items:center;max-width:1000px;margin:24px 0 28px}
.discovery-bar .activity-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px 0;margin:0;border:0;min-width:0}.activity-compact div{gap:3px}.activity-compact strong{font-size:17px;letter-spacing:-.3px;overflow-wrap:anywhere}.activity-compact span{font-size:10px;line-height:1.4}.activity-compact .online-dot{width:6px;height:6px;margin-right:4px}
.discovery-bar .compact-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:0;min-width:0}.discovery-bar .search-box{padding:11px 13px;min-width:0;max-width:none}.discovery-bar .search-box input{font-size:13px;min-width:0;width:100%;margin:0;padding:0;background:transparent}.compact-search>.primary{padding:12px 16px;font-size:12px}.explore-filter-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;order:3}.explore-filter-fields select{margin:0;min-width:0;width:100%;font-size:11px;padding:10px 8px}.compact-search.with-filters{align-self:start}
@media(max-width:950px){.header{gap:22px}.discovery-bar{gap:18px;grid-template-columns:minmax(310px,1fr) minmax(240px,.9fr)}.activity-compact span{font-size:9px}}
@media(max-width:720px){.discovery-bar{grid-template-columns:1fr;gap:12px;margin:20px 0 24px}.discovery-bar .activity-compact{max-width:480px;gap:12px}.activity-compact span{font-size:10px}.discovery-bar .compact-search{max-width:480px;width:100%}.header{gap:16px}.header nav{border-top-color:var(--header-text)}.site-footer{margin-top:35px}}
@media(max-width:380px){.discovery-bar .activity-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.activity-compact strong{font-size:16px}.explore-filter-fields{grid-template-columns:1fr}.discovery-bar .compact-search{grid-template-columns:minmax(0,1fr) auto}}

/* Mantener el buscador en una fila frente a las reglas anteriores de Explorar. */
.discovery-bar .compact-search .search-box{grid-column:1;grid-row:1}.discovery-bar .compact-search>.primary{grid-column:2;grid-row:1}.explore-filter-fields{grid-row:2}

/* Fondos independientes y contraste calculado para cada estado. */
.header{background:var(--header-bg);color:var(--header-text)}.site-footer{background:var(--footer-bg);color:var(--footer-text);border-color:var(--footer-bg)}
.primary,.pill-link{background:var(--button-passive);color:var(--button-passive-text);border-color:var(--button-passive)}
.chip.selected,.dashboard-nav .active,.pagination .active{background:var(--button-active);color:var(--button-active-text);border-color:var(--button-active)}
.primary:is(:hover,:focus-visible,:active),.pill-link:is(:hover,:focus-visible,:active),.secondary:is(:hover,:focus-visible,:active),.chip:is(:hover,:focus-visible,:active),.dashboard-nav a:is(:hover,:focus-visible,:active),.pagination a:is(:hover,:focus-visible,:active),.header .pill-link:is(:hover,:focus-visible,:active){background:var(--button-active);color:var(--button-active-text);border-color:var(--button-active)}
.header .pill-link{background:var(--button-passive);color:var(--button-passive-text)}
.header .pill-link:is(:hover,:focus-visible,:active){background:var(--button-active);color:var(--button-active-text)}

/* Prompt como elemento principal de su ficha. */
.detail-simplified .prompt-summary .prompt-box{border:3px solid var(--ink);box-shadow:0 0 0 4px var(--soft);border-radius:14px;background:var(--surface);padding:20px}
.detail-simplified .prompt-summary .prompt-box h2{font-size:22px;font-weight:800;margin:0}.detail-simplified .prompt-summary .prompt-box pre{font-size:14px;line-height:1.8}
/* Iconos decorativos; las etiquetas conservan el nombre accesible del botón. */
.prompt-actions [data-share],.prompt-actions form button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.prompt-actions [data-share]::before,.prompt-actions form button::before{content:"";display:inline-block;width:19px;height:19px;flex:0 0 19px;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.prompt-actions [data-share]::before{mask-image:url('icons/share.svg');-webkit-mask-image:url('icons/share.svg')}.prompt-actions form button::before{mask-image:url('icons/bookmark.svg');-webkit-mask-image:url('icons/bookmark.svg')}
/* Una franja centrada, con métricas agrupadas sin repartirlas a todo el ancho. */
.discovery-bar{max-width:920px;margin:26px auto 30px;grid-template-columns:max-content minmax(250px,430px);gap:26px;justify-content:center;align-items:center}
.activity-strip,.discovery-bar .activity-compact{display:grid;grid-template-columns:repeat(5,max-content);justify-content:center;gap:14px;width:fit-content;max-width:100%;margin:0 auto;padding:10px 0;border:0;text-align:center}
.activity-strip div{align-items:center;gap:3px;min-width:42px}.activity-strip strong,.activity-compact strong{font-size:17px;line-height:1.2}.activity-strip span,.activity-compact span{font-size:10px;line-height:1.4;max-width:68px}.activity-strip .online-dot{width:6px;height:6px;margin-right:3px}
/* Sin contorno permanente; el foco de teclado sigue siendo perceptible. */
.search-box,.discovery-bar .search-box,.explore-search .search-box{border:0;box-shadow:none;background:var(--soft);min-height:56px;padding:0 16px;border-radius:12px;max-width:520px;margin-inline:auto;width:100%;min-width:0}
.search-box input[type=search],.discovery-bar .search-box input[type=search]{border:0;box-shadow:none;background:transparent;height:56px;min-height:56px;padding:0;margin:0;min-width:0;width:100%;font-size:16px;color:var(--ink)}
.search-box:focus-within{outline:2px solid var(--ink);outline-offset:3px}.search-box input[type=search]:focus{outline:none}
.search-row,.explore-search{max-width:580px;margin-left:auto;margin-right:auto}.discovery-bar .compact-search{max-width:520px;width:100%;margin-inline:auto;align-items:center}.discovery-bar .compact-search>.primary{min-height:48px}.compact-search.with-filters{align-self:center}
@media(max-width:850px){.discovery-bar{grid-template-columns:1fr;gap:14px;max-width:520px}.discovery-bar .activity-compact{max-width:100%;width:fit-content}.discovery-bar .compact-search{max-width:520px;width:100%;margin-inline:auto}}
@media(max-width:380px){.activity-strip,.discovery-bar .activity-compact{grid-template-columns:repeat(3,max-content);gap:10px 16px}.search-box,.discovery-bar .search-box{padding-inline:12px}.discovery-bar{margin-top:20px}.detail-simplified .prompt-summary .prompt-box{padding:16px}}

/* Menú de compartir accesible, sin widgets ni SDK externos. */
.social-share-dialog{width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 18px 70px #0004}
.social-share-dialog::backdrop{background:#0008}.social-share-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.social-share-head h2{font-size:22px;line-height:1.3;margin:0}.social-share-head button{font-size:12px;white-space:nowrap}.social-share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.social-share-options a,.social-share-options button{display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;font-size:13px;text-align:left;cursor:pointer;text-decoration:none}
.social-share-options svg{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-share-options a:hover,.social-share-options button:hover,.social-share-options a:focus-visible,.social-share-options button:focus-visible{background:var(--button-active);color:var(--button-active-text);border-color:var(--button-active)}
.social-instagram-help{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0}.social-instagram-help h3{margin:0 0 10px;font-size:17px}.social-instagram-help p{font-size:13px;line-height:1.7}.social-instagram-actions{display:flex;gap:8px;flex-wrap:wrap}.social-instagram-actions .secondary{font-size:12px;padding:10px 12px}.social-share-field{display:block;font-size:12px}.social-share-field input{display:block;margin:8px 0;width:100%;font-size:12px}.social-share-manual{width:100%;min-height:100px}.social-share-dialog [hidden]{display:none!important}.social-share-dialog :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:420px){.social-share-dialog{padding:18px}.social-share-options{grid-template-columns:1fr}.social-share-head h2{font-size:19px}}