/* Paginas interiores: cabeceras con imagen y componentes viejos al estilo de la marca. Ver GUIA_DE_MARCA.md */

/* Cabeceras */
.ph-img { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-height: 440px; background-color: var(--bg); background-repeat: no-repeat; background-size: cover; border-bottom: 0; }
.ph-img::after { display: block; background: linear-gradient(90deg, rgba(14, 16, 19, .78), transparent 62%), linear-gradient(transparent 62%, var(--bg)); }
.ph-chica { min-height: 300px; }
.ph-reglas { background-image: url(../img/foro/reglas-20261030.webp); background-position: center 42%; }
.ph-cambios { background-image: url(../img/foro/portada-20261030.webp); background-position: right 55%; }
.ph-creditos { background-image: url(../img/foro/economia-20261030.webp); background-position: center 45%; }
.ph-market { background-image: url(../img/foro/marketplace-20261030.webp); background-position: center 25%; }
.ph-cuenta { background-image: url(../img/aldemar-panel-cabecera-20261030.webp); background-position: right 58%; }
@media (max-width: 960px) {
	.ph-img, .ph-chica { min-height: 0; padding-top: 58vw; background-size: auto 68vw; background-position: 80% top; }
	.ph-img::after { background: linear-gradient(transparent calc(68vw * .55), var(--bg) 68vw); }
}

/* Forma: esquinas de 2 px y sin brillos */
.box, .panel-block, .form-box, .acc-item, .note, .social-card, .price, .mk-chip, .mk-page, .mk-badge, .mk-price, .mk-cartbtn, .mk-cart-count, .mk-add, .mk-cart-rm, .mk-cart-qty input, .mk-buy select, .mk-buy input[type="number"], .mk-filters input, .mk-filters select, .tfa-need, .usdt-box, .ref-code, .mk-icon, .mk-icon-lg, .mk-icon-xl { border-radius: 2px; box-shadow: none; }
.acc-item { background: var(--bg); }
.acc-item.open .acc-header { color: var(--text); }
.acc-item.open { border-color: var(--border); }
.tfa-need { border: 0; border-left: 2px solid var(--gold); background: var(--bg-card); color: var(--text); }
.tfa-need .tfa-need-title { color: var(--text); }
.note { border-left-width: 2px; background: var(--bg-card); }
.st-dot { box-shadow: none; animation: none; }
.done-icon { display: none; }

/* Formularios */
.form-box input, .form-box select, .mk-filters input, .mk-filters select, .mk-buy select, .mk-buy input[type="number"], .mk-cart-qty input { min-height: 46px; border: 1px solid #7A828C; border-radius: 2px; font-size: 16px; }
.form-box input:focus, .form-box select:focus, .mk-filters input:focus, .mk-filters select:focus, .mk-buy select:focus, .mk-buy input[type="number"]:focus { border-color: var(--gold); outline: 1px solid var(--gold); }

/* Soporte: Discord en oro, no en su azul */
.social-card { border: 0; background: var(--bg-card); }
.social-card .logo { border-radius: 2px; background: var(--bg); }
.social-card .logo svg { fill: var(--violet-light); }
.social-card .btn { background: var(--gold); color: #15110A !important; border-radius: 2px; }
.social-card .btn:hover { background: var(--gold-light); filter: none; }

/* Texto de lectura: nada por debajo de 14 px; etiquetas desde 12 px */
.rc-label, .price .method, .changelog-date { font-size: 12px; }
.rank-empty { font-size: 15px; font-style: normal; }
.changelog-entry p, .changelog-entry li, .check-list li, .rule-list li, .acc-body-inner, .box-body p { font-size: 15px; }
.field-hint { font-size: 13px; }

/* Cabecera de Soporte */
.ph-soporte { background-image: url(../img/aldemar-soporte-cabecera-20261031.webp); background-position: center; }
@media (max-width: 960px) {
	.ph-soporte { background-position: 84% top; }
}