.aparencia-page{max-width:500px;min-height:calc(100vh - 264px);margin:0 auto;padding:3rem 1.5rem}.aparencia-page__title{color:#1a1a1a;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}html.dark-mode .aparencia-page__title{color:#eee}.aparencia-page__subtitle{color:#999;margin:0 0 1.5rem;font-size:.8rem}.aparencia-page__section{margin-bottom:1.25rem}.aparencia-page__section:last-child{margin-bottom:0}.aparencia-page__label{color:#999;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.65rem;font-weight:600;display:block}.aparencia-page__row{gap:.4rem;display:flex}.aparencia-page__option{color:#666;cursor:pointer;background:#eee;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .5rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;line-height:1.2;transition:all .2s;display:flex}.aparencia-page__option:hover{background:#e0e0e0;transform:scale(1.02)}.aparencia-page__option.active{background:var(--accent-primary,#d4a04a);color:#fff;font-weight:600}html.dark-mode .aparencia-page__option{color:#aaa;background:#2a2a2a}html.dark-mode .aparencia-page__option:hover{background:#333;transform:scale(1.02)}html.dark-mode .aparencia-page__option.active{background:var(--accent-primary,#d4a04a);color:#0c0d0e}.aparencia-page__option--mode{flex-direction:column;gap:.2rem;padding:.6rem .5rem}.aparencia-page__option-line{justify-content:center;align-items:center;gap:.35rem;display:flex}.aparencia-page__option-desc{color:#999;text-align:center;font-size:.6rem;font-weight:400;line-height:1.2}.aparencia-page__option.active .aparencia-page__option-desc{color:#fffc}html.dark-mode .aparencia-page__option-desc{color:#777}html.dark-mode .aparencia-page__option.active .aparencia-page__option-desc{color:#0c0d0eb3}.aparencia-page__slider-wrap{padding:.25rem 0}.aparencia-page__slider{appearance:none;cursor:pointer;background:#e0e0e0;border-radius:3px;outline:none;width:100%;height:6px}.aparencia-page__slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary,#d4a04a);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 1px 4px #0003}.aparencia-page__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.aparencia-page__slider::-moz-range-thumb{background:var(--accent-primary,#d4a04a);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0003}.aparencia-page__slider-value{color:var(--accent-primary,#d4a04a);text-align:right;margin-top:.4rem;font-size:.72rem;font-weight:600}html.dark-mode .aparencia-page__slider{background:#444}html.dark-mode .aparencia-page__slider::-webkit-slider-thumb{border-color:#1a1a1a}html.dark-mode .aparencia-page__slider::-moz-range-thumb{border-color:#1a1a1a}@media (width<=480px){.aparencia-page{padding:2rem 1rem}}.aparencia-page__option-icon--monitor,.aparencia-page__option-icon--phone{flex-shrink:0}.aparencia-page__option-icon--phone{display:none}@media (width<=768px){.aparencia-page__option-icon--monitor{display:none}.aparencia-page__option-icon--phone{display:block}}.aparencia-page__divider{background:#e0e0e0;height:1px;margin:1.25rem 0}html.dark-mode .aparencia-page__divider{background:#333}.aparencia-page__colors{flex-wrap:wrap;gap:.5rem;display:flex}.aparencia-page__color{cursor:pointer;border:3px solid #0000;border-radius:50%;flex-shrink:0;width:34px;height:34px;transition:all .2s}.aparencia-page__color:hover{transform:scale(1.15)}.aparencia-page__color.active{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px}html.dark-mode .aparencia-page__color.active{border-color:#fff;box-shadow:0 0 0 2px #222,0 0 0 4px}.aparencia-page__reset{color:#888;cursor:pointer;background:0 0;border:1px solid #0000001f;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.aparencia-page__reset:hover{color:#e11d48;background:#e11d480f;border-color:#e11d4880}html.dark-mode .aparencia-page__reset{color:#777;border-color:#ffffff26}html.dark-mode .aparencia-page__reset:hover{color:#f43f5e;background:#f43f5e14;border-color:#f43f5e80}@media (width<=768px){.aparencia-page__section--header{display:none}}