/* By Lady Executive · 27-oct-2026 (Henry: "negro brillante con espejo y dorado brillante tipo Apple, nada de iconitos de colores").
   Lo comparten la página, la reserva, las tarjetas de la bio y el panel. */
:root{
  --bg:#050506;--bg2:#0B0B0D;--tx:#F6F1E7;--mu:#9E978C;--line:rgba(255,255,255,.09);
  --oro:#D9B867;--oro2:#F3DDA0;--oro3:#A8843F;
  --oro-grad:linear-gradient(135deg,#9C7733 0%,#E3C37A 20%,#FFF4CF 38%,#D8B262 55%,#A07A35 74%,#EDD291 100%);
  --espejo:linear-gradient(180deg,#1E1E22 0%,#121215 38%,#08080A 100%);
  --brillo:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.6);
}
/* texto dorado brillante */
.oro{background:var(--oro-grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* negro espejo: degradado + filo de luz arriba + reflejo diagonal */
.espejo{position:relative;background:var(--espejo);border:1px solid var(--line);box-shadow:var(--brillo),0 20px 40px -24px rgba(0,0,0,.9);overflow:hidden;isolation:isolate}
.espejo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 34%,rgba(255,255,255,.07) 44%,rgba(255,255,255,.015) 52%,transparent 62%)}
.espejo.marco-oro{border-color:rgba(217,184,103,.45);box-shadow:var(--brillo),0 0 0 1px rgba(217,184,103,.12),0 24px 50px -24px rgba(0,0,0,.95)}
/* botón dorado tipo Apple: metal pulido con un destello que cruza */
.b-oro{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;color:#1A1307;font-weight:800;
  background:var(--oro-grad);background-size:160% 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 4px rgba(120,84,20,.35),0 10px 26px -8px rgba(217,184,103,.45);transition:background-position .6s,transform .2s}
.b-oro::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:destello 4.5s ease-in-out infinite}
.b-oro:hover{background-position:100% 0}.b-oro:active{transform:scale(.98)}
@keyframes destello{0%,62%{left:-60%}100%{left:130%}}
/* botón negro espejo */
.b-negro{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:var(--tx);font-weight:700;background:var(--espejo);border:1px solid rgba(255,255,255,.14);box-shadow:var(--brillo)}
/* íconos de línea fina */
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ic-oro{color:var(--oro)}
.medalla{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;color:var(--oro2);background:radial-gradient(circle at 30% 25%,#2A2A2F,#0B0B0D 70%);border:1px solid rgba(217,184,103,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
@media(prefers-reduced-motion:reduce){.b-oro::after{animation:none}}