/* Refinamiento visual 22 octubre: solo presentación; no toca datos ni fotografías */
:root{--terracota:#b44d34;--tinta:#3b3028;--crema:#fffaf2}
body,.app,.top{background:var(--crema);color:var(--tinta)}
.section-title{font-family:Georgia,serif;font-size:24px;letter-spacing:-.35px;color:var(--tinta)}
.main-action{background:#faf5ed!important;border:1px solid #eadfce;box-shadow:0 2px 9px #76523c0b}
.main-action:nth-child(1){border-left:5px solid #bd725c}.main-action:nth-child(2){border-left:5px solid #819b7d}.main-action:nth-child(3){border-left:5px solid #c5a153}.main-action:nth-child(4){border-left:5px solid #94a9a1}
.main-action .bigicon{background:#fffaf6}
.category-grid{gap:12px;grid-auto-rows:154px}
.category-grid .category-tile{height:154px;min-height:154px;box-shadow:none;border:1px solid #eee2d2;border-radius:22px}
.category-grid .category-tile span{background:#f3dfd3;color:#a84931}
.category-grid .category-tile:nth-child(4n+1) span{background:#f6e5b9;color:#94670f}
.category-grid .category-tile:nth-child(4n+2) span{background:#dbe5d9;color:#426e50}
.category-grid .category-tile:nth-child(4n+3) span{background:#e5e8cf;color:#5b713f}
.category-grid .category-tile b{font-size:15px;line-height:1.25;color:var(--tinta);background:#fffaf4}
.category-grid .category-tile.tile-14 span img,.category-grid .category-tile.tile-15 span img,.category-grid .category-tile.tile-16 span img{border-radius:50%;object-fit:cover}
.category-list button b{font-size:14px;color:var(--tinta)}
.bottom-nav{background:#fffaf5;border-top:1px solid #e9dccb;padding-bottom:calc(9px + env(safe-area-inset-bottom));bottom:0}
/* iOS Safari: barra anclada al viewport sin transformaciones ni containment */
html,body{overflow-x:hidden}
.bottom-nav{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;contain:none!important;will-change:auto!important;margin:0 auto!important;width:100%!important;max-width:520px!important;z-index:200!important}
.bottom-nav button{font-size:12px;color:#74665c}
.bottom-nav button.active{color:var(--terracota)}
.bottom-nav button.active .navicon{background:#f4ded4;border-radius:999px}
.navicon svg{width:23px;height:23px;stroke:currentColor}
.category-tile:focus-visible,.bottom-nav button:focus-visible,.main-action:focus-visible{outline:2px solid var(--terracota);outline-offset:2px}
@media(max-width:380px){.category-grid .category-tile b{font-size:13px}.section-title{font-size:22px}}
/* Márgenes laterales y tarjetas de categorías, octubre 2026 */
#content{padding-left:clamp(19px,5vw,26px)!important;padding-right:clamp(19px,5vw,26px)!important;padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
.top{padding-left:clamp(19px,5vw,26px)!important;padding-right:clamp(19px,5vw,26px)!important}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-auto-rows:auto}
.category-grid .category-tile{height:112px;min-height:112px;border-radius:19px;background:#fffdf9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 5px;gap:8px;overflow:hidden}
.category-grid .category-tile span{position:static;inset:auto;background:transparent!important;filter:none;font-size:34px;line-height:1.1;min-height:40px}
.category-grid .category-tile b{position:static;background:transparent!important;padding:0;font-size:12px;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.category-grid .category-tile span img{width:48px;height:48px;object-fit:cover;border-radius:50%}
.category-list{padding:7px 13px}
.category-list button{padding:12px 4px;gap:10px}
.main-actions{gap:12px}.main-action{padding:15px 16px;border-radius:19px}
@media(max-width:370px){.category-grid{gap:8px}.category-grid .category-tile b{font-size:11px}}