:root{--ink:#291b3f;--purple:#7146a6;--lilac:#bca5de;--pale:#f7f0ff;--cream:#fffaf2;--gold:#d8a55c;--line:#e7dff0;--white:#fff;--shadow:0 18px 50px #38204b20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.5 Inter,system-ui,sans-serif;color:var(--ink);background:#fff}button,input,textarea{font:inherit}button,a{cursor:pointer}.shipping{text-align:center;padding:8px;background:var(--ink);color:#fff;font-size:13px}header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand img{width:54px;height:54px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand b{letter-spacing:2px}.brand small{color:var(--purple)}nav{display:flex;gap:26px}nav a{color:var(--ink);text-decoration:none}.cart{border:0;background:var(--pale);border-radius:30px;padding:12px 18px;color:var(--purple)}.hero{min-height:620px;padding:70px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:linear-gradient(135deg,#fbf7ff,#fff8ef)}h1{font:700 clamp(44px,6vw,82px)/.98 Georgia,serif;margin:15px 0}h2{font:700 clamp(30px,4vw,48px)/1.1 Georgia,serif;margin:8px 0 28px}.hero p:not(.eyebrow){font-size:19px;max-width:580px}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:800;color:var(--purple)}.primary{display:inline-block;border:0;border-radius:12px;background:var(--purple);color:#fff;text-decoration:none;padding:15px 22px;font-weight:800}.window img{width:100%;max-height:540px;object-fit:cover;border-radius:48% 48% 8px 8px;box-shadow:var(--shadow)}.section{padding:75px 7vw}.pale{background:var(--pale)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.card>img{width:100%;height:260px;object-fit:cover}.card>div{padding:20px}.card h3{font-size:21px;margin:7px 0}.card button{width:100%;margin-top:15px;padding:12px;border:1px solid var(--purple);color:var(--purple);background:#fff;border-radius:10px}.card button:disabled{opacity:.4}.delivery{margin:60px 7vw;padding:35px;border-radius:20px;background:var(--ink);color:#fff;font-size:18px}.delivery b{font-size:25px}footer{padding:35px 7vw;background:#170d26;color:#fff;display:flex;justify-content:space-between}footer a{color:#fff}.drawer{position:fixed;inset:0;background:#1b102bbd;z-index:30;display:none;justify-content:flex-end}.drawer.open{display:flex}.drawerBody{background:#fff;width:min(760px,100%);height:100%;overflow:auto;padding:40px;position:relative}.drawerBody.order{width:min(520px,100%)}.close{position:absolute;right:20px;top:15px;border:0;background:transparent;font-size:35px}.numbered{position:relative;margin:25px 0}.numbered img{width:100%;display:block;border-radius:18px}.numbered button{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;border:2px solid #fff;background:var(--purple);color:#fff;font-weight:800;box-shadow:0 3px 10px #0005}.numbered button.held,.rowList button.held{background:#d29b39}.numbered button.sold,.rowList button.sold{background:#777}.numbered button.selected,.rowList button.selected{background:#ef4f99;outline:4px solid #ef4f9940}.rows{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rowList{padding:15px;border:1px solid var(--line);border-radius:12px}.rowList div{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.rowList button{width:34px;height:34px;border-radius:50%;border:0;background:var(--pale);color:var(--purple)}label{display:flex;flex-direction:column;gap:6px;font-weight:700;margin:15px 0}input,textarea{padding:13px;border:1px solid #cfc3da;border-radius:9px;background:#fff}textarea{min-height:90px}.orderItems p,#orderItems p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:8px}.success{padding:20px;background:#effaf3;border-radius:15px}.adminBody{background:#f8f6fa}.side{position:fixed;inset:0 auto 0 0;width:250px;background:var(--ink);color:#fff;padding:25px;display:flex;flex-direction:column}.side .brand{color:#fff}.side nav{display:flex;flex-direction:column;gap:7px;margin:45px 0}.side nav button,.side>a,.side>button{border:0;background:transparent;color:#fff;padding:13px;text-align:left;text-decoration:none;border-radius:9px}.side nav button:hover{background:#ffffff15}.adminMain{margin-left:250px}.adminMain>header{position:static}.tab{padding:35px 5vw}.hidden{display:none}.welcome{padding:30px;border-radius:20px;background:linear-gradient(120deg,var(--purple),#4a2b72);color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.metrics article{padding:20px;background:#fff;border-radius:15px}.metrics b{display:block;font-size:28px}.pageTitle{display:flex;justify-content:space-between;align-items:center}.panel,.orderCard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.orderCard{display:grid;grid-template-columns:1.1fr 2fr auto auto;gap:18px;align-items:center;margin:14px 0}.orderCard p{margin:3px 0}.orderActions{grid-column:1/-1;display:flex;gap:10px}.orderActions button{padding:9px;border:1px solid var(--purple);color:var(--purple);background:#fff;border-radius:8px}.badge{padding:6px 10px;border-radius:20px;background:var(--pale)}.badge.paid{background:#dff5e7;color:#18723b}.badge.cancelled,.badge.expired{background:#eee;color:#666}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;max-width:800px}.wide{grid-column:1/-1}.login{width:min(430px,90%);margin:10vh auto;padding:35px;background:#fff;border-radius:22px;box-shadow:var(--shadow)}.login img{width:100px;display:block;margin:auto}
@media(max-width:760px){.shipping{font-size:11px}header{height:68px;padding:0 16px}header nav,.brand span{display:none}.brand img{width:45px}.hero{min-height:0;padding:45px 22px;display:flex;flex-direction:column}.hero h1{font-size:46px}.window img{max-height:360px}.section{padding:48px 20px}.cards{grid-template-columns:1fr 1fr;gap:12px}.card>img{height:170px}.card>div{padding:13px}.card h3{font-size:17px}.delivery{margin:35px 20px}.drawerBody{padding:30px 18px}.rows{grid-template-columns:1fr}.side{position:static;width:100%;height:auto}.side nav{flex-direction:row;overflow:auto;margin:18px 0}.side nav button{white-space:nowrap}.adminMain{margin:0}.adminMain>header{display:none}.tab{padding:25px 16px}.metrics{grid-template-columns:1fr 1fr}.orderCard{grid-template-columns:1fr auto}.orderCard>div:nth-child(2){grid-column:1/-1}.formGrid{grid-template-columns:1fr}.wide{grid-column:auto}.pageTitle{align-items:flex-start;gap:15px}footer{flex-direction:column;gap:10px}}

/* Acceso administrativo: evita que el título herede el tamaño del hero. */
.login{
  margin:clamp(24px,8vh,80px) auto;
  padding:clamp(24px,4vw,38px);
}
.login img{
  width:min(150px,55%);
  height:auto;
  margin:0 auto 22px;
}
.login h1{
  margin:0 0 28px;
  font:700 clamp(30px,4vw,42px)/1.08 Georgia,serif;
  text-align:center;
  overflow-wrap:anywhere;
}
.login .primary{
  min-width:134px;
}

@media(max-width:480px){
  .login{
    width:calc(100% - 28px);
    margin:20px auto;
    border-radius:18px;
  }
  .login h1{
    font-size:30px;
  }
}