:root {
    --tilt-x: 0px;
    --tilt-y: 0px;
    --fondo: #0B0F08;
    --oliva: #6E7F3C;
    --oliva-claro: #A8B96B;
    --ambar: #C9A24B;
    --crema: #EDEFE3;
    --serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: smooth; }

body {
    background: var(--fondo);
    color: var(--crema);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    min-height: 100vh;
    overflow-x: hidden;
}



.cargador{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;
  background:#090d07;transition:opacity .38s ease,visibility .38s ease
}
.cargador.oculto{opacity:0;visibility:hidden;pointer-events:none}
.cargador-ambiente{
  position:absolute;inset:-20%;
  background:
    radial-gradient(circle at 50% 42%,rgba(168,185,107,.10),transparent 24%),
    radial-gradient(circle at 50% 58%,rgba(201,162,75,.055),transparent 22%),
    linear-gradient(180deg,#090d07,#0b1008 55%,#090d07);
  animation:cargadorRespira 3.2s ease-in-out infinite
}
.cargador-centro{position:relative;z-index:2;display:grid;place-items:center;text-align:center;gap:.75rem;padding:1.2rem}
.cargador-sello{display:grid;place-items:center;gap:.2rem;animation:cargadorSello 2.4s ease-in-out infinite}
.cargador-logo{font-family:var(--serif);font-size:clamp(3.7rem,13vw,5.4rem);line-height:.9;color:var(--ambar);letter-spacing:.14em;text-shadow:0 8px 32px rgba(0,0,0,.42)}
.cargador-sub{font-family:var(--serif);font-size:.82rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(237,239,227,.58)}
.cargador-centro p{font-family:var(--serif);font-style:italic;font-size:1rem;letter-spacing:.06em;color:rgba(237,239,227,.7)}
.cargador-linea{width:132px;height:1px;position:relative;overflow:hidden;background:rgba(168,185,107,.17)}
.cargador-linea span{position:absolute;inset:0 auto 0 0;width:44%;background:linear-gradient(90deg,transparent,var(--oliva-claro),var(--ambar),transparent);animation:cargadorBarra 1.6s ease-in-out infinite}
.cargador-hoja{position:absolute;width:28px;height:18px;border-radius:90% 12% 90% 12%;background:linear-gradient(135deg,rgba(168,185,107,.68),rgba(79,96,44,.28));filter:blur(.1px);opacity:.38}
.hoja-a{left:13%;top:24%;animation:hojaLenta 6.8s ease-in-out infinite}
.hoja-b{right:12%;top:34%;transform:scale(.72) rotate(38deg);animation:hojaLentaB 7.7s ease-in-out infinite .5s}
.hoja-c{left:24%;bottom:20%;transform:scale(.56) rotate(-22deg);animation:hojaLenta 8.4s ease-in-out infinite 1.2s}
@keyframes cargadorBarra{0%{transform:translateX(-125%)}100%{transform:translateX(340%)}}
@keyframes cargadorSello{0%,100%{transform:translateY(0);opacity:.94}50%{transform:translateY(-3px);opacity:1}}
@keyframes cargadorRespira{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.035);opacity:1}}
@keyframes hojaLenta{0%,100%{transform:translate3d(0,0,0) rotate(-8deg)}50%{transform:translate3d(16px,12px,0) rotate(18deg)}}
@keyframes hojaLentaB{0%,100%{transform:translate3d(0,0,0) scale(.72) rotate(38deg)}50%{transform:translate3d(-18px,13px,0) scale(.72) rotate(16deg)}}

#bg { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; }
#hoja-def { position: absolute; }

.rama { position: fixed; z-index: 1; pointer-events: none; opacity: .32; will-change: transform; transform: translate3d(var(--tilt-x), var(--tilt-y), 0); }
.rama svg { width: 100%; height: auto; }
.r-tl { top: -14px; left: -22px; width: min(210px, 34vw); }
.r-br { bottom: -14px; right: -22px; width: min(230px, 38vw); transform: rotate(180deg) translate3d(var(--tilt-x), var(--tilt-y), 0); }
.r-tr { top: 26%; right: -28px; width: min(150px, 25vw); transform: scaleX(-1) translate3d(var(--tilt-x), var(--tilt-y), 0); opacity: .22; }
.r-ml { top: 37%; left: -30px; width: min(180px, 24vw); opacity: .18; }
.r-bl { bottom: 8%; left: -24px; width: min(175px, 22vw); opacity: .24; }
.r-bc { bottom: -14px; left: 50%; width: min(340px, 44vw); transform: translateX(-50%) translate3d(var(--tilt-x), var(--tilt-y), 0); opacity: .14; }
.r-tr .mece, .r-ml .mece { animation-duration: 10.2s; animation-delay: -4.2s; }
.mece { transform-origin: 15% 12%; animation: mecer 9s ease-in-out infinite alternate; }
.r-br .mece, .r-bl .mece { animation-duration: 11s; animation-delay: -3s; }
.r-bc .mece { animation-duration: 12.5s; animation-delay: -1.8s; }
@keyframes mecer { from { transform: rotate(-1.4deg) } to { transform: rotate(1.6deg) } }

header {
    position: relative; z-index: 10;
    display: flex; flex-direction: column; align-items: center;
    padding: 1.3rem 1rem .4rem;
}
.volver {
    position: absolute; top: 1.1rem; left: 1.1rem;
    color: rgba(237, 239, 227, .65); text-decoration: none;
    font-size: .85rem; padding: .42rem .9rem;
    border: 1px solid rgba(168, 185, 107, .3); border-radius: 999px;
    backdrop-filter: blur(8px); transition: .2s;
}
.volver:hover { color: var(--crema); border-color: var(--oliva-claro); }

.marca img { height: 175px; width: auto; filter: drop-shadow(0 6px 16px rgba(0, 0, 0, .55)); }
@media (min-width: 768px) { .marca img { height: 230px; } }

.eyebrow { text-transform: uppercase; letter-spacing: .34em; font-size: .62rem; color: var(--ambar); margin-top: .2rem; }
h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(1.9rem, 5vw, 2.7rem); margin-top: .15rem; }
.divisor svg { width: 130px; height: 22px; margin-top: .4rem; opacity: .9; }
.nota { font-size: .66rem; text-transform: uppercase; letter-spacing: .16em; color: var(--oliva-claro); margin-top: .3rem; }

.pdf {
    display: inline-flex; align-items: center; gap: .4rem;
    margin-top: .9rem; font-size: .78rem;
    color: rgba(237, 239, 227, .55); text-decoration: none;
    border-bottom: 1px dotted rgba(168, 185, 107, .5); padding-bottom: .15rem;
    transition: color .2s, border-color .2s;
}
.pdf:hover { color: var(--oliva-claro); border-color: var(--oliva-claro); }

/* acceso rapido: boton flotante que despliega los chips */
.acceso { position: sticky; top: .7rem; z-index: 30; display: flex; justify-content: center; margin: 1.2rem 0 .3rem; }
.acceso-tog {
    display: flex; align-items: center; gap: .5rem;
    padding: .5rem 1.1rem; border-radius: 999px; cursor: pointer;
    background: rgba(20, 26, 14, .8); backdrop-filter: blur(14px);
    border: 1px solid rgba(168, 185, 107, .3); color: var(--crema);
    font: inherit; font-size: .8rem; letter-spacing: .04em;
}
.acceso-tog::after { content: 'Ir a categoría'; }
.acceso-tog:hover { border-color: var(--oliva-claro); }

.acceso-lista {
    position: absolute; top: 3rem; left: 50%; transform: translateX(-50%) scale(.96);
    width: min(90vw, 30rem);
    max-height: 60vh; overflow-y: auto;
    display: none; flex-wrap: wrap; gap: .45rem; justify-content: center;
    padding: 1rem; border-radius: 1rem;
    background: rgba(15, 20, 11, .95); backdrop-filter: blur(16px);
    border: 1px solid rgba(168, 185, 107, .2);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
    opacity: 0; transition: opacity .2s, transform .2s;
}
.acceso.abierto .acceso-lista { display: flex; opacity: 1; transform: translateX(-50%) scale(1); }
.acceso-lista a {
    padding: .38rem .85rem; border-radius: 999px;
    background: rgba(255, 255, 255, .04); border: 1px solid rgba(168, 185, 107, .22);
    color: rgba(237, 239, 227, .8); text-decoration: none; font-size: .78rem; white-space: nowrap;
    transition: .18s;
}
.acceso-lista a:hover { background: var(--oliva); color: var(--crema); border-color: var(--oliva); }

main { position: relative; z-index: 10; max-width: 60rem; margin: 0 auto; padding: 0 1rem 4rem; }

.grupo { font-family: var(--serif); font-style: italic; font-weight: 500; text-align: center; font-size: 1.7rem; color: var(--oliva-claro); margin: 2.4rem 0 .3rem; }

.cat { padding: 1.6rem 0 .6rem; scroll-margin-top: 4.5rem; border-top: 1px solid rgba(168, 185, 107, .08); }
.cat:first-of-type { border-top: none; }

.cat-head { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.1rem; }
.cat-foto {
    width: 92px; height: 92px; flex-shrink: 0;
    border-radius: 1rem; overflow: hidden;
    border: 1px solid rgba(168, 185, 107, .25);
    background: radial-gradient(circle at 35% 25%, #39471f, #141a0c 75%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .4);
}
.cat-foto img { width: 100%; height: 100%; object-fit: cover; }
.cat-foto.sin-foto img { display: none; }
.cat-head h3 { font-family: var(--serif); font-weight: 500; font-size: 1.85rem; color: var(--ambar); letter-spacing: .01em; }

.lista { display: grid; grid-template-columns: 1fr; gap: .1rem .2rem; }
@media (min-width: 620px) { .lista { grid-template-columns: 1fr 1fr; column-gap: 2.6rem; } }

.item { display: flex; align-items: baseline; gap: .5rem; padding: .5rem 0; }
.in { color: rgba(237, 239, 227, .9); font-size: .9rem; }
.ln { flex: 1; border-bottom: 1px dashed rgba(168, 185, 107, .28); transform: translateY(-3px); min-width: 12px; }
.pr { color: var(--ambar); font-weight: 600; font-size: .82rem; white-space: nowrap; }

footer { position: relative; z-index: 10; text-align: center; padding: 1rem 1rem 2.4rem; color: rgba(237, 239, 227, .4); font-size: .72rem; }

::selection { background: var(--oliva); color: #fff; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: #2E381C; border-radius: 8px; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .mece { animation: none; } }

/* Animación de entrada al hacer scroll. */
.grupo{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}
.grupo.visible{opacity:1;transform:translateY(0)}
.cat{opacity:0;transform:translateY(34px) scale(.985);filter:blur(5px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.2,1),filter .72s ease}
.cat.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.item{opacity:0;transform:translateX(-14px);transition:opacity .48s ease,transform .48s cubic-bezier(.2,.75,.2,1)}
.cat.visible .item.visible{opacity:1;transform:translateX(0)}
.cat.visible .item:nth-child(2n){transform:translateX(14px)}
.cat.visible .item.visible:nth-child(2n){transform:translateX(0)}
.cat-foto{transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s ease}
.cat.visible .cat-foto{animation:fotoRespira 5s ease-in-out infinite 1s}
@keyframes fotoRespira{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.018)}}
.rama{filter:drop-shadow(0 8px 15px rgba(0,0,0,.16));transition:opacity .25s ease}

@media (prefers-reduced-motion: reduce){
  .grupo,.cat,.item{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .cat.visible .cat-foto{animation:none!important}
  .cargador-ambiente,.cargador-sello,.cargador-linea span,.cargador-hoja{animation:none!important}
}

/* =========================================================
   ADMINISTRACIÓN · reconstrucción del panel
   Mantiene la misma paleta y lenguaje visual del menú público.
   ========================================================= */
body.admin-open{overflow:hidden}
.admin-overlay,.editor-overlay{position:fixed;inset:0;z-index:500;display:none}
.admin-overlay.open,.editor-overlay.open{display:block}
.admin-backdrop,.editor-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(12px)}
.admin-shell{position:absolute;inset:3vh 3vw;max-width:1280px;margin:auto;overflow:hidden;background:#0d1209;border:1px solid rgba(168,185,107,.24);border-radius:24px;box-shadow:0 35px 120px rgba(0,0,0,.75);color:var(--crema)}
.admin-close{position:absolute;right:13px;top:8px;z-index:20;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.05);color:var(--crema);font-size:1.8rem;line-height:1;cursor:pointer}
.admin-close:hover{background:rgba(168,185,107,.15);color:var(--ambar)}
.admin-login{height:100%;min-height:620px;display:grid;place-items:center;text-align:center;padding:3rem 1.5rem;background:radial-gradient(circle at 50% 20%,rgba(110,127,60,.14),transparent 40%)}
.login-mark{font-family:var(--serif);font-size:4.6rem;color:var(--ambar);letter-spacing:.08em;text-shadow:0 0 35px rgba(201,162,75,.18)}
.admin-login h2{font-family:var(--serif);font-size:2.35rem;font-weight:500;color:var(--ambar);margin:.25rem 0 .55rem}
.admin-login .admin-help{max-width:470px;margin:0 auto}
.login-form{width:min(100%,390px);display:grid;gap:.8rem;margin-top:1.4rem;text-align:left}
.login-form label,.editor-form label{display:grid;gap:.38rem;color:rgba(237,239,227,.68);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.login-form input,.editor-form input,.editor-form textarea,.admin-select{width:100%;border:1px solid rgba(168,185,107,.2);background:#11170c;color:var(--crema);border-radius:11px;padding:.78rem .85rem;font:inherit;outline:none}
.login-form input:focus,.editor-form input:focus,.editor-form textarea:focus,.admin-select:focus{border-color:rgba(201,162,75,.75);box-shadow:0 0 0 3px rgba(201,162,75,.08)}
.admin-primary,.admin-secondary-btn,.admin-danger,.admin-ghost,.icon-btn{border:1px solid rgba(168,185,107,.25);border-radius:10px;padding:.72rem 1rem;font:inherit;cursor:pointer;transition:.18s}
.admin-primary{background:var(--oliva);color:var(--crema);font-weight:600}.admin-primary:hover{background:#7c9046;transform:translateY(-1px)}
.admin-secondary-btn{background:rgba(255,255,255,.04);color:var(--crema)}.admin-secondary-btn:hover{border-color:var(--oliva-claro)}
.admin-danger{background:rgba(125,43,35,.12);border-color:rgba(190,80,60,.45);color:#e8a39a}.admin-danger:hover{background:rgba(125,43,35,.25)}
.admin-ghost{background:transparent;color:rgba(237,239,227,.72);width:100%}.admin-ghost:hover{color:var(--crema);border-color:rgba(168,185,107,.5)}
.admin-app{height:100%;min-height:620px;display:grid;grid-template-columns:220px minmax(0,1fr)}
.admin-sidebar{background:rgba(5,8,4,.52);border-right:1px solid rgba(168,185,107,.11);padding:1.4rem 1rem;display:flex;flex-direction:column;min-width:0}
.admin-brand{display:flex;gap:.7rem;align-items:center;padding:.4rem .45rem 1.5rem}.admin-brand>span{font-family:var(--serif);font-size:2rem;color:var(--ambar)}.admin-brand strong{display:block;font-family:var(--serif);font-size:1.2rem;font-weight:500}.admin-brand small{display:block;color:rgba(237,239,227,.4);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
.admin-nav{display:grid;gap:.35rem}.admin-nav button{display:flex;align-items:center;gap:.7rem;width:100%;border:1px solid transparent;border-radius:11px;padding:.72rem .7rem;background:transparent;color:rgba(237,239,227,.55);text-align:left;font:inherit;cursor:pointer}.admin-nav button span{font-size:.58rem;color:rgba(168,185,107,.5);width:20px}.admin-nav button.active,.admin-nav button:hover{background:rgba(168,185,107,.08);border-color:rgba(168,185,107,.13);color:var(--crema)}.admin-nav button.active span{color:var(--ambar)}
.admin-sidebar-foot{margin-top:auto;display:grid;gap:.6rem}.admin-sidebar-foot small{color:rgba(237,239,227,.32);font-size:.62rem;line-height:1.4;padding:.2rem .3rem}
.admin-main{min-width:0;overflow:auto;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 22%)}
.admin-page{padding:2.2rem 2.3rem 3rem;min-height:100%}.admin-mobile-head{display:none}
.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;padding-right:3rem}.admin-head h2{font-family:var(--serif);font-weight:500;font-size:2rem;color:var(--ambar);margin-top:.15rem}.admin-kicker{color:var(--oliva-claro);text-transform:uppercase;letter-spacing:.22em;font-size:.61rem}.admin-help{color:rgba(237,239,227,.48);font-size:.74rem;line-height:1.5}.admin-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.admin-actions .admin-select{min-width:210px;width:auto}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1.4rem}.stat{border:1px solid rgba(168,185,107,.13);background:rgba(255,255,255,.025);border-radius:14px;padding:1rem 1.1rem}.stat b{font-family:var(--serif);font-size:1.8rem;font-weight:500;color:var(--ambar);display:block}.stat span{font-size:.62rem;color:rgba(237,239,227,.42);text-transform:uppercase;letter-spacing:.1em}
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin:1.1rem 0}.admin-search{max-width:320px;width:100%;border:1px solid rgba(168,185,107,.16);background:rgba(255,255,255,.025);color:var(--crema);border-radius:10px;padding:.72rem .8rem;font:inherit}.admin-search:focus{outline:1px solid rgba(201,162,75,.5)}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.admin-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.72rem;border:1px solid rgba(168,185,107,.12);border-radius:13px;background:rgba(255,255,255,.025)}.admin-card:hover{border-color:rgba(168,185,107,.28);background:rgba(168,185,107,.045)}.admin-thumb{width:54px;height:54px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 35% 25%,#39471f,#141a0c 75%);border:1px solid rgba(168,185,107,.18);display:grid;place-items:center;color:rgba(168,185,107,.45);font-size:.7rem}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-card-main{min-width:0}.admin-card-main strong{display:block;font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-card-main p{font-size:.68rem;color:rgba(237,239,227,.42);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.18rem}.admin-price{color:var(--ambar);font-size:.76rem;font-weight:600;margin-top:.22rem}.admin-card-actions{display:flex;gap:.35rem}.mini-btn{border:1px solid rgba(168,185,107,.18);background:transparent;color:rgba(237,239,227,.68);border-radius:8px;padding:.48rem .58rem;font-size:.68rem;cursor:pointer}.mini-btn:hover{color:var(--crema);border-color:rgba(168,185,107,.5)}.mini-btn.danger:hover{color:#e8a39a;border-color:rgba(190,80,60,.45)}
.section-list{display:grid;gap:.65rem}.section-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.8rem;border:1px solid rgba(168,185,107,.12);border-radius:14px;background:rgba(255,255,255,.025)}.section-thumb{width:72px;height:72px;border-radius:11px;overflow:hidden;background:radial-gradient(circle at 35% 25%,#39471f,#141a0c 75%);border:1px solid rgba(168,185,107,.18)}.section-thumb img{width:100%;height:100%;object-fit:cover}.section-meta strong{font-family:var(--serif);font-size:1.2rem;font-weight:500;color:var(--ambar)}.section-meta p{font-size:.68rem;color:rgba(237,239,227,.42);margin-top:.2rem}.badge{display:inline-flex;margin-top:.45rem;padding:.22rem .48rem;border-radius:999px;background:rgba(168,185,107,.08);border:1px solid rgba(168,185,107,.13);font-size:.58rem;color:rgba(237,239,227,.5)}
.security-box{max-width:620px;border:1px solid rgba(168,185,107,.13);border-radius:16px;padding:1.2rem;background:rgba(255,255,255,.025)}.security-box h3{font-family:var(--serif);font-size:1.45rem;color:var(--ambar);font-weight:500}.security-box .editor-form{margin-top:1rem}
.empty-state{text-align:center;padding:2.5rem 1rem;border:1px dashed rgba(168,185,107,.15);border-radius:14px;color:rgba(237,239,227,.4)}.empty-state strong{display:block;color:rgba(237,239,227,.7);font-family:var(--serif);font-size:1.25rem;margin-bottom:.25rem}
.editor-overlay{z-index:700}.editor-drawer{position:absolute;top:0;right:0;height:100%;width:min(520px,100%);overflow:auto;background:#0d1209;border-left:1px solid rgba(168,185,107,.2);box-shadow:-30px 0 90px rgba(0,0,0,.6);padding:1.5rem}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-right:2.8rem;margin-bottom:1.2rem}.editor-top h3{font-family:var(--serif);font-size:1.8rem;font-weight:500;color:var(--ambar)}.editor-close{position:absolute;right:1rem;top:1rem;width:34px;height:34px;border-radius:50%;border:1px solid rgba(168,185,107,.15);background:transparent;color:var(--crema);cursor:pointer;font-size:1.2rem}.editor-form{display:grid;gap:.9rem}.editor-form textarea{min-height:110px;resize:vertical}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.photo-field{display:grid;gap:.55rem}.photo-preview{width:100%;height:190px;border-radius:14px;object-fit:cover;background:radial-gradient(circle at 35% 25%,#39471f,#141a0c 75%);border:1px solid rgba(168,185,107,.16)}.photo-actions{display:flex;gap:.5rem;flex-wrap:wrap}.file-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(168,185,107,.2);border-radius:9px;padding:.62rem .75rem;background:rgba(255,255,255,.03);color:var(--crema);font-size:.72rem;cursor:pointer}.file-btn input{display:none}.editor-foot{display:flex;gap:.6rem;justify-content:flex-end;border-top:1px solid rgba(168,185,107,.1);padding-top:1rem;margin-top:.2rem}.saving{opacity:.65;pointer-events:none}
.toast{position:fixed;left:50%;bottom:1.4rem;z-index:1000;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#11170c;border:1px solid rgba(168,185,107,.28);color:var(--crema);border-radius:999px;padding:.7rem 1rem;box-shadow:0 15px 50px rgba(0,0,0,.45);font-size:.74rem;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.admin-msg{font-size:.72rem;color:#e8a39a;min-height:1em}.notice{padding:.7rem .8rem;border-radius:10px;background:rgba(201,162,75,.07);border:1px solid rgba(201,162,75,.13);color:rgba(237,239,227,.58);font-size:.68rem;line-height:1.5}
@media(max-width:900px){.admin-shell{inset:0;border-radius:0}.admin-app{grid-template-columns:1fr}.admin-sidebar{position:absolute;z-index:10;left:0;top:0;bottom:0;width:230px;transform:translateX(-102%);transition:.25s;box-shadow:25px 0 60px rgba(0,0,0,.5)}.admin-app.nav-open .admin-sidebar{transform:translateX(0)}.admin-main{width:100%}.admin-mobile-head{height:58px;display:flex;align-items:center;gap:.7rem;padding:0 1rem;border-bottom:1px solid rgba(168,185,107,.1);position:sticky;top:0;z-index:5;background:rgba(13,18,9,.94);backdrop-filter:blur(12px)}.icon-btn{background:transparent;color:var(--crema);padding:.5rem}.admin-page{padding:1.3rem 1rem 2rem}.admin-head{padding-right:0}.admin-grid{grid-template-columns:1fr}}
@media(max-width:600px){.admin-stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.admin-head{align-items:flex-start;flex-direction:column}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-search{max-width:none}.section-card{grid-template-columns:58px minmax(0,1fr);}.section-thumb{width:58px;height:58px}.section-card .admin-card-actions{grid-column:2}.admin-grid{grid-template-columns:1fr}.admin-actions .admin-select{width:100%}.editor-grid{grid-template-columns:1fr}.editor-drawer{width:100%;border-left:0}.admin-login{min-height:100vh}}
@media(prefers-reduced-motion:reduce){.admin-card,.admin-primary,.admin-sidebar,.toast{transition:none}}