:root{
  --oficina-papel:#ffffff;
  --oficina-tinta:#0a0a0a;
  --oficina-gris:#6f6e68;
  --oficina-linea:#deddd7;
  --oficina-serif:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,Baskerville,"Times New Roman",serif;
  color-scheme:only light;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--oficina-papel);color:var(--oficina-tinta)}
body{
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));
  font-family:var(--oficina-serif);
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
}
.oficina{
  width:min(420px,100%);
  padding:36px 28px 32px;
  border:1px solid var(--oficina-linea);
  border-radius:19px;
  background:var(--oficina-papel);
}
.oficina__marca{
  margin:0;
  font:400 20px/1 var(--oficina-serif);
  letter-spacing:.27em;
}
.oficina__titulo{
  margin:22px 0 6px;
  font:500 30px/1.15 var(--oficina-serif);
}
.oficina__texto{
  margin:0 0 24px;
  color:var(--oficina-gris);
  font:400 17px/1.5 var(--oficina-serif);
}
.oficina__puertas{display:grid;gap:12px}
.oficina__boton{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 18px;
  border:1px solid var(--oficina-tinta);
  border-radius:99px;
  background:var(--oficina-papel);
  color:var(--oficina-tinta);
  font:500 19px/1.2 var(--oficina-serif);
  letter-spacing:.02em;
  text-decoration:none;
  transition:background-color .15s ease,color .15s ease;
}
.oficina__boton:hover,.oficina__boton:focus-visible{background:var(--oficina-tinta);color:var(--oficina-papel)}
.oficina__boton:focus-visible{outline:2px solid var(--oficina-tinta);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.oficina__boton{transition:none}}