MediaWiki:Citizen.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

• Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
• Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5

:root{--ho-orange:#f59e0b;--ho-orange-2:#ffb52a;--ho-bg:#090a0d;--ho-panel:rgba(19,21,26,.88);--ho-panel-strong:#14161b;--ho-border:rgba(245,158,11,.24);--ho-text-soft:rgba(255,255,255,.68)}
body.skin-citizen{background-image:radial-gradient(circle at 15% 5%,rgba(245,158,11,.08),transparent 26rem),linear-gradient(180deg,rgba(7,8,10,.98),rgba(13,14,17,.98))}
body.page-Página_principal .mw-first-heading,body.page-Página_principal #firstHeading{display:none!important}body.page-Página_principal .mw-body-content{padding-top:0}body.page-Página_principal .mw-parser-output{max-width:1480px;margin:0 auto}
.ho-landing{display:grid;gap:clamp(1.5rem,3vw,3rem);padding-bottom:3rem}.ho-hero--website{position:relative;overflow:hidden;padding:clamp(2rem,6vw,5.4rem);border:1px solid var(--ho-border);border-radius:28px;background:radial-gradient(circle at 82% 20%,rgba(245,158,11,.20),transparent 24rem),linear-gradient(135deg,#111318,#0b0c0f 58%,#15110a);box-shadow:0 28px 90px rgba(0,0,0,.28)}.ho-hero--website:after{content:"";position:absolute;right:-7rem;bottom:-10rem;width:30rem;height:30rem;border:1px solid rgba(245,158,11,.13);border-radius:50%;box-shadow:0 0 0 2.7rem rgba(245,158,11,.025),0 0 0 6rem rgba(245,158,11,.018);pointer-events:none}.ho-hero__eyebrow{color:var(--ho-orange);font-size:.72rem;font-weight:900;letter-spacing:.19em;margin-bottom:1rem}.ho-hero__brand{font-size:clamp(3.1rem,9vw,7.4rem);font-weight:950;letter-spacing:-.065em;line-height:.86;margin:0 0 1.25rem;text-shadow:0 10px 35px rgba(0,0,0,.35)}.ho-hero__copy{max-width:820px;font-size:clamp(1rem,2vw,1.24rem);line-height:1.65;color:var(--ho-text-soft)}
.ho-search{display:flex;max-width:760px;margin:1.65rem 0 1rem;padding:.38rem;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(0,0,0,.32);backdrop-filter:blur(10px)}.ho-search input{flex:1;min-width:0;padding:.9rem 1rem;border:0!important;outline:0;background:transparent!important;color:inherit!important;font-size:1rem;box-shadow:none!important}.ho-search button{border:0;border-radius:11px;padding:.85rem 1.25rem;background:var(--ho-orange);color:#171109;font-weight:900;cursor:pointer}.ho-hero__buttons{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.ho-hero__buttons a{display:inline-block;padding:.68rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;text-decoration:none!important;background:rgba(255,255,255,.045);font-weight:800}.ho-hero__buttons a:first-child{background:var(--ho-orange);color:#181109!important;border-color:var(--ho-orange)}.ho-hero__trust{margin-top:1rem;font-size:.82rem;color:rgba(255,255,255,.52)}
.ho-home-note{padding:1rem 1.2rem;border-left:3px solid var(--ho-orange);background:rgba(245,158,11,.07);border-radius:0 12px 12px 0;margin:0}.ho-section{padding:clamp(1.1rem,2vw,1.5rem) 0}.ho-section__head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.1rem}.ho-section__head span{font-size:.68rem;color:var(--ho-orange);font-weight:900;letter-spacing:.16em}.ho-section__head h2{margin:.2rem 0 0!important;border:0!important;font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.025em}.ho-section__head>div:last-child{font-size:.86rem;white-space:nowrap}
.ho-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.ho-explore-card{min-height:180px;padding:1.25rem;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:.18s ease}.ho-explore-card:hover{transform:translateY(-2px);border-color:var(--ho-border)}.ho-explore-card--primary{background:linear-gradient(145deg,rgba(245,158,11,.14),rgba(255,255,255,.025));border-color:var(--ho-border)}.ho-explore-card__icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:10px;background:rgba(245,158,11,.12);color:var(--ho-orange);font-weight:950;margin-bottom:.85rem}.ho-explore-card h3{margin:.15rem 0 .4rem;font-size:1.05rem}.ho-explore-card p{margin:0 0 .85rem;color:var(--ho-text-soft);font-size:.88rem;line-height:1.5}.ho-explore-card a{font-size:.82rem;font-weight:850;text-decoration:none!important}
.ho-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.ho-news-card{padding:1.25rem;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:var(--ho-panel);min-height:190px}.ho-news-card__date{font-size:.72rem;color:var(--ho-orange);font-weight:850}.ho-news-card h3{margin:.45rem 0 .55rem;font-size:1.08rem}.ho-news-card h3 a{text-decoration:none!important}.ho-news-card p{color:var(--ho-text-soft);font-size:.88rem;line-height:1.55}.ho-news-card__more{margin-top:1rem;font-size:.82rem;font-weight:850}.ho-section--split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:1.25rem}.ho-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.ho-feature-card{padding:1.25rem;border-radius:18px;border:1px solid var(--ho-border);background:linear-gradient(145deg,rgba(245,158,11,.10),rgba(255,255,255,.025))}.ho-feature-card__label{color:var(--ho-orange);font-size:.65rem;font-weight:900;letter-spacing:.16em}.ho-feature-card h3{margin:.4rem 0}.ho-feature-card h3 a{text-decoration:none!important}.ho-feature-card p{font-size:.86rem;color:var(--ho-text-soft)}
.ho-community-card{padding:1.35rem;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:var(--ho-panel-strong);height:calc(100% - 2.5rem)}.ho-community-card h3{font-size:1.25rem;margin-top:0}.ho-community-card p{color:var(--ho-text-soft);line-height:1.6}.ho-community-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:.45rem;align-items:center;margin:1.2rem 0}.ho-community-steps span{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--ho-orange);color:#171109;font-weight:900}.ho-community-steps b{font-size:.76rem}.ho-community-actions{font-weight:850;font-size:.88rem}.ho-empty{padding:1rem;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:var(--ho-text-soft)}
.ho-infobox{float:right;width:min(320px,100%);margin:0 0 1.4rem 1.4rem;padding:1rem;border:1px solid var(--ho-border);border-radius:16px;background:var(--ho-panel)}.ho-infobox-title{font-size:1.65rem;font-weight:900;text-transform:uppercase;border-bottom:2px solid var(--ho-orange);padding-bottom:.65rem}.ho-digimon-mark{height:145px;margin:.9rem 0;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,rgba(245,158,11,.18),rgba(255,255,255,.02));color:var(--ho-orange);font-weight:900;font-size:2.4rem;letter-spacing:.15em}.ho-infobox-row{display:flex;justify-content:space-between;gap:1rem;padding:.58rem 0;border-top:1px solid rgba(255,255,255,.07)}.ho-infobox-row span{text-align:right;opacity:.8}.ho-form-intro{padding:1rem;margin-bottom:1rem;border-left:3px solid var(--ho-orange);background:rgba(245,158,11,.07)}.ho-news-meta{font-size:.8rem;opacity:.65;margin-bottom:.8rem}.ho-news-summary{font-size:1.1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.ho-news-image{display:block;max-width:100%;height:auto;border-radius:14px;margin:1rem 0}.cargoTable{width:100%;border-collapse:collapse;display:block;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.cargoTable th,.cargoTable td{padding:.7rem .8rem;border-bottom:1px solid rgba(255,255,255,.08)}.cargoTable th{color:var(--ho-orange);white-space:nowrap}.mw-parser-output h2{border-bottom:1px solid rgba(245,158,11,.22);padding-bottom:.35rem}
@media(max-width:1000px){.ho-explore-grid,.ho-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ho-section--split{grid-template-columns:1fr}}@media(max-width:720px){body.page-Página_principal .mw-parser-output{max-width:none}.ho-hero--website{border-radius:20px;padding:1.55rem}.ho-hero__brand{font-size:clamp(2.6rem,16vw,4.2rem)}.ho-search{flex-direction:column}.ho-search button{width:100%}.ho-explore-grid,.ho-news-grid,.ho-feature-grid{grid-template-columns:1fr}.ho-section__head{align-items:start;flex-direction:column}.ho-infobox{float:none;width:auto;margin:0 0 1.4rem}.ho-community-steps{grid-template-columns:auto 1fr}.ho-community-steps span{margin-top:.15rem}}