/* buttons */
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--s-2);
  min-height:50px;
  padding:0 var(--s-6);
  font-weight:700;
  line-height:1.2;
  color:var(--c-blanco);
  text-decoration:none;
  cursor:pointer;
  background:var(--c-quemado);
  border:1px solid var(--c-quemado);
  border-radius:999px;
}
.btn:hover {
  color:var(--c-blanco);
  background:var(--c-rescoldo);
  border-color:var(--c-rescoldo);
}
.btn:disabled {
  cursor:wait;
  background:var(--c-urdimbre);
  border-color:var(--c-urdimbre);
}
.btn-alt {
  color:var(--c-carbon);
  background:transparent;
  border-color:var(--c-carbon);
}
.btn-alt:hover {
  color:var(--c-blanco);
  background:var(--c-carbon);
  border-color:var(--c-carbon);
}
.btn-sm {
  min-height:44px;
  padding:0 var(--s-5);
  font-size:.95rem;
}
html:not(.js-yes) .jsx {
  display:none;
}
.js-yes .njs {
  display:none;
}
/* chips */
.chp-ls {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s-2);
  margin:0;
  padding:0;
  list-style:none;
}
.chp {
  padding:var(--s-2) var(--s-4);
  font-size:.93rem;
  font-weight:600;
  background:var(--c-blanco);
  border:1px solid var(--c-hebra);
  border-radius:999px;
}
.chp b {
  color:var(--c-quemado);
}
/* bordered block */
.crd-b {
  padding:var(--s-6);
  background:var(--c-blanco);
  border:1px solid var(--c-hebra);
  border-radius:var(--s-r);
  box-shadow:0 22px 48px -28px var(--c-sombra);
}
.crd-b h2, .crd-b h3 {
  margin-bottom:var(--s-3);
}
.crd-b p + p {
  margin-top:var(--s-3);
}
.nt {
  padding:var(--s-4) var(--s-5);
  font-size:.96rem;
  background:var(--c-lana);
  border:1px solid var(--c-hebra);
  border-left:4px solid var(--c-quemado);
  border-radius:var(--s-rs);
}
.num {
  font-family:var(--f-hd);
  font-weight:900;
  color:var(--c-quemado);
}
/* hero */
.hro {
  padding-top:var(--s-8);
  padding-bottom:var(--s-8);
  border-bottom:1px solid var(--c-hebra);
}
.hro-g {
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
  align-items:start;
  gap:var(--s-7);
}
.hro-tx {
  display:grid;
  gap:var(--s-4);
}
.hro-tx h1 {
  max-width:18ch;
}
.hro-rot {
  min-height:2.2em;
  font-family:var(--f-hd);
  font-size:1.4rem;
  font-weight:800;
}
.rot {
  display:inline-block;
  padding-bottom:2px;
  color:var(--c-quemado);
  background:linear-gradient(var(--c-quemado), var(--c-quemado)) left bottom / 100% 2px no-repeat;
}
.rot.state-in {
  animation:hilo .9s ease-out;
}
@keyframes hilo {
  from {
    background-size:0 2px;
  }
  to {
    background-size:100% 2px;
  }
}
.hro-ld {
  max-width:56ch;
  font-size:1.12rem;
}
.hro-pn {
  position:relative;
  padding:var(--s-6);
  background:var(--c-blanco);
  border:1px solid var(--c-hebra);
  border-radius:24px;
  box-shadow:0 30px 60px -36px var(--c-sombra);
}
.hro-big {
  display:block;
  font-family:var(--f-hd);
  font-size:clamp(4rem, 2rem + 6vw, 8.5rem);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.05em;
  color:var(--c-quemado);
}
.hro-big small {
  display:block;
  margin-top:.22em;
  font-size:.42em;
  letter-spacing:-.03em;
  color:var(--c-carbon);
}
.hro-cap {
  margin-top:var(--s-3);
  margin-bottom:var(--s-5);
  font-weight:600;
}
.hro-dl {
  display:grid;
  margin:0;
  border-top:1px solid var(--c-hebra);
}
.hro-dl div {
  display:flex;
  justify-content:space-between;
  gap:var(--s-4);
  padding:var(--s-3) 0;
  border-bottom:1px solid var(--c-hebra);
}
.hro-dl dt {
  font-weight:700;
}
.hro-dl dd {
  margin:0;
  text-align:right;
}
@media (max-width:900px) {
  .hro-g {
    grid-template-columns:minmax(0, 1fr);
  }
  .hro {
    padding-top:var(--s-6);
  }
}
/* marquee */
.mq {
  overflow:hidden;
  padding-top:var(--s-4);
  padding-bottom:var(--s-4);
  color:var(--c-lana);
  background:var(--c-carbon);
}
.mq-trk {
  display:flex;
  width:max-content;
  animation:cinta 38s linear infinite;
}
.mq:hover .mq-trk {
  animation-play-state:paused;
}
.mq-ls {
  display:flex;
  margin:0;
  padding:0;
  list-style:none;
}
.mq-ls li {
  display:flex;
  align-items:center;
  gap:var(--s-5);
  padding-right:var(--s-5);
  font-family:var(--f-hd);
  font-size:clamp(1.3rem, 1rem + 1.2vw, 2rem);
  font-weight:800;
  white-space:nowrap;
}
.mq-ls li::after {
  width:10px;
  height:10px;
  content:"";
  border:2px solid var(--c-quemado);
  border-radius:999px;
}
@keyframes cinta {
  to {
    transform:translateX(-50%);
  }
}
/* playbill */
.pb {
  margin:0;
  padding:0;
  list-style:none;
  border-top:2px solid var(--c-carbon);
}
.pb-row {
  display:grid;
  grid-template-columns:4rem minmax(0, 1fr) auto auto;
  align-items:center;
  gap:var(--s-5);
  padding:var(--s-5) 0;
  border-bottom:1px solid var(--c-hebra);
}
.pb-n {
  font-family:var(--f-hd);
  font-size:1.6rem;
  font-weight:900;
  color:var(--c-quemado);
}
.pb-nm h3 {
  font-size:clamp(1.4rem, 1.1rem + 1vw, 2rem);
}
.pb-nm p {
  margin-top:var(--s-1);
  font-size:.98rem;
}
.pb-pr {
  font-family:var(--f-hd);
  font-size:1.3rem;
  font-weight:900;
  color:var(--c-quemado);
  white-space:nowrap;
}
.pb-pr small {
  display:block;
  font-family:var(--f-tx);
  font-size:.8rem;
  font-weight:600;
  color:var(--c-carbon);
}
@media (max-width:700px) {
  .pb-row {
    grid-template-columns:2.6rem minmax(0, 1fr);
  }
  .pb-pr, .pb-row .btn {
    grid-column:2;
    justify-self:start;
  }
}
/* map */
.mp-g {
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr);
  align-items:start;
  gap:var(--s-6);
}
.mp-fr {
  padding:var(--s-5);
  background:var(--c-blanco);
  border:1px solid var(--c-hebra);
  border-radius:24px;
}
.mp-svg {
  display:block;
  width:100%;
  height:auto;
}
.mp-z {
  cursor:pointer;
  fill:var(--c-madeja);
  stroke:var(--c-carbon);
  stroke-width:1.2;
  transition:fill .2s;
}
.mp-z.state-in {
  fill:var(--c-quemado);
}
.mp-no {
  fill:var(--c-lana);
  stroke:var(--c-urdimbre);
  stroke-dasharray:3 3;
}
.mp-no.state-in {
  fill:var(--c-hebra);
}
.mp-lb {
  font-family:var(--f-tx);
  font-size:11px;
  font-weight:700;
  fill:var(--c-carbon);
}
.mp-fig {
  margin-top:var(--s-3);
  font-size:.9rem;
}
.mp-sd {
  display:grid;
  gap:var(--s-5);
}
.mp-chs {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s-2);
  margin:0;
  padding:0;
  list-style:none;
}
.mp-ch {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 var(--s-4);
  font-weight:700;
  text-decoration:none;
  background:var(--c-blanco);
  border:1px solid var(--c-carbon);
  border-radius:999px;
}
.mp-ch.state-in {
  color:var(--c-blanco);
  background:var(--c-carbon);
}
.tb {
  font-size:.97rem;
  background:var(--c-blanco);
  border:1px solid var(--c-hebra);
}
.tb caption {
  padding-bottom:var(--s-2);
  font-weight:700;
  text-align:left;
}
.tb th, .tb td {
  padding:var(--s-3);
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--c-hebra);
}
.tb thead th {
  font-size:.85rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:var(--c-madeja);
}
.tb tr.state-in td, .tb tr.state-in th {
  background:var(--c-lana);
  box-shadow:inset 4px 0 0 var(--c-quemado);
}
@media (max-width:860px) {
  .mp-g {
    grid-template-columns:minmax(0, 1fr);
  }
}
@media (max-width:520px) {
  .tb {
    font-size:.88rem;
  }
  .tb th, .tb td {
    padding:var(--s-2);
  }
}
/* who */
.qn-g {
  display:grid;
  grid-template-columns:minmax(0, 440px) minmax(0, 1fr);
  align-items:start;
  gap:var(--s-7);
}
.qn-tx {
  display:grid;
  gap:var(--s-4);
}
.stp {
  display:grid;
  gap:var(--s-3);
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:stp;
}
.stp li {
  position:relative;
  padding:var(--s-4) var(--s-4) var(--s-4) 4.2rem;
  background:var(--c-blanco);
  border:1px solid var(--c-hebra);
  border-radius:var(--s-rs);
  counter-increment:stp;
}
.stp li::before {
  position:absolute;
  top:var(--s-3);
  left:var(--s-4);
  content:counter(stp, decimal-leading-zero);
  font-family:var(--f-hd);
  font-size:1.7rem;
  font-weight:900;
  color:var(--c-quemado);
}
.stp a, .fch-dl a, .rq a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
}
.tst-ls {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--s-5);
  margin-top:var(--s-7);
}
.tst {
  margin:0;
  padding:var(--s-5);
  background:var(--c-lana);
  border:1px solid var(--c-hebra);
  border-radius:var(--s-r);
}
.tst p {
  font-family:var(--f-hd);
  font-size:1.08rem;
  font-weight:700;
  line-height:1.4;
}
.tst footer {
  margin-top:var(--s-3);
  font-size:.92rem;
}
@media (max-width:900px) {
  .qn-g, .tst-ls {
    grid-template-columns:minmax(0, 1fr);
  }
}
/* cta band */
.cta-b {
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:var(--s-6);
  padding:var(--s-7);
  color:var(--c-lana);
  background:var(--c-carbon);
  border-radius:24px;
}
.cta-b p {
  margin-top:var(--s-3);
  max-width:60ch;
}
.cta-b a:not(.btn) {
  color:var(--c-lana);
}
@media (max-width:760px) {
  .cta-b {
    grid-template-columns:minmax(0, 1fr);
    padding:var(--s-6) var(--s-5);
  }
}
/* catalog */
.cat-nv {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s-2);
  margin:var(--s-5) 0 0;
  padding:0;
  list-style:none;
}
.cat-sec {
  padding-top:var(--s-7);
}
.cat-sec h2 {
  display:flex;
  align-items:baseline;
  gap:var(--s-3);
  margin-bottom:var(--s-5);
}
.cat-sec h2 span {
  font-size:1rem;
  color:var(--c-quemado);
}
.crd-g {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--s-6) var(--s-5);
}
.crd {
  display:grid;
  gap:var(--s-2);
  padding-top:var(--s-4);
  border-top:2px solid var(--c-carbon);
}
.crd-im {
  display:block;
  margin-bottom:var(--s-2);
  background:var(--c-madeja);
}
.crd:nth-child(3n+2) .crd-im {
  padding:10px 10px 28px;
  transform:rotate(1.2deg);
  background:var(--c-blanco);
  border:1px solid var(--c-hebra);
}
.crd h3 {
  font-size:1.15rem;
}
.crd h3 a {
  text-decoration:none;
}
.crd-mt {
  font-size:.95rem;
}
.crd-pr {
  font-family:var(--f-hd);
  font-size:1.3rem;
  font-weight:900;
  color:var(--c-quemado);
}
@media (max-width:980px) {
  .crd-g {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width:540px) {
  .crd-g {
    grid-template-columns:minmax(0, 1fr);
  }
}
/* product */
.fch-g {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  align-items:start;
  gap:var(--s-7);
}
.fch-ph {
  max-width:620px;
}
.fch-ph img {
  max-height:78vh;
  margin:0 auto;
}
.fch-by {
  display:grid;
  gap:var(--s-4);
}
.fch-pr {
  font-family:var(--f-hd);
  font-size:2.2rem;
  font-weight:900;
  line-height:1;
  color:var(--c-quemado);
}
.fch-pr small {
  margin-left:var(--s-2);
  font-family:var(--f-tx);
  font-size:.95rem;
  font-weight:600;
  color:var(--c-carbon);
}
.tl-fs {
  margin:0;
  padding:0;
  border:0;
}
.tl-fs legend {
  margin-bottom:var(--s-2);
  font-weight:700;
}
.tl-ls {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s-2);
}
.tl {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:var(--s-2);
  min-height:46px;
  padding:0 var(--s-4);
  font-weight:700;
  cursor:pointer;
  background:var(--c-blanco);
  border:1px solid var(--c-carbon);
  border-radius:999px;
}
.tl input {
  width:18px;
  height:18px;
  margin:0;
  accent-color:var(--c-quemado);
}
.tl:has(input:checked) {
  color:var(--c-blanco);
  background:var(--c-carbon);
}
.tl-ag {
  color:var(--c-urdimbre);
  cursor:not-allowed;
  background:var(--c-madeja);
  border-color:var(--c-hebra);
}
.tl-ag span {
  text-decoration:line-through;
}
.tl-ag em {
  font-size:.8rem;
  font-style:normal;
  font-weight:600;
}
.fch-q {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s-3);
}
.fch-q label {
  font-weight:700;
}
.fch-q select {
  min-width:88px;
  min-height:46px;
  padding:0 var(--s-3);
  background:var(--c-blanco);
  border:1px solid var(--c-carbon);
  border-radius:999px;
}
.msg {
  min-height:1.6em;
  font-weight:600;
}
.msg.state-in {
  color:var(--c-rescoldo);
}
.fch-dl {
  display:grid;
  margin:0;
  border-top:1px solid var(--c-hebra);
}
.fch-dl div {
  display:grid;
  grid-template-columns:9.5rem minmax(0, 1fr);
  gap:var(--s-3);
  padding:var(--s-3) 0;
  border-bottom:1px solid var(--c-hebra);
}
.fch-dl dt {
  font-weight:700;
}
.fch-dl dd {
  margin:0;
}
.fch-tx {
  display:grid;
  gap:var(--s-3);
}
@media (max-width:860px) {
  .fch-g {
    grid-template-columns:minmax(0, 1fr);
    gap:var(--s-5);
  }
  .fch-by {
    order:-1;
  }
  .fch-ph img {
    max-height:52vh;
    width:auto;
  }
}
@media (max-width:480px) {
  .fch-dl div {
    grid-template-columns:minmax(0, 1fr);
    gap:0;
  }
}
/* side panel */
.pnl-bk {
  position:fixed;
  inset:0;
  z-index:390;
  visibility:hidden;
  background:#1A1A1F66;
}
.pnl-bk.state-open {
  visibility:visible;
}
.pnl {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:400;
  display:flex;
  flex-direction:column;
  width:min(100%, 420px);
  visibility:hidden;
  transform:translateX(100%);
  background:var(--c-lana);
  border-left:1px solid var(--c-hebra);
  transition:transform .25s ease, visibility .25s;
}
.pnl.state-open {
  visibility:visible;
  transform:none;
}
.pnl-hd {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:var(--s-4) var(--s-5);
  border-bottom:1px solid var(--c-hebra);
}
.pnl-hd h2 {
  font-size:1.4rem;
}
.pnl-ls {
  flex:1;
  margin:0;
  padding:var(--s-3) var(--s-5);
  overflow-y:auto;
  list-style:none;
}
.pnl-ls li {
  display:grid;
  grid-template-columns:64px minmax(0, 1fr) auto;
  align-items:center;
  gap:var(--s-3);
  padding:var(--s-3) 0;
  font-size:.95rem;
  border-bottom:1px solid var(--c-hebra);
}
.pnl-ls img {
  width:64px;
  height:64px;
}
.pnl-ft {
  display:grid;
  gap:var(--s-3);
  padding:var(--s-5);
  background:var(--c-blanco);
  border-top:1px solid var(--c-hebra);
}
/* bag + checkout */
.bl-g {
  display:grid;
  grid-template-columns:minmax(0, 1.4fr) minmax(0, .9fr);
  align-items:start;
  gap:var(--s-6);
}
.bl-ls {
  margin:0;
  padding:0;
  list-style:none;
  border-top:2px solid var(--c-carbon);
}
.bl-row {
  display:grid;
  grid-template-columns:96px minmax(0, 1fr) auto;
  align-items:center;
  gap:var(--s-4);
  padding:var(--s-4) 0;
  border-bottom:1px solid var(--c-hebra);
}
.bl-row img {
  width:96px;
  height:96px;
}
.bl-row h3 {
  font-size:1.08rem;
}
.bl-ctl {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--s-2);
  margin-top:var(--s-2);
}
.bl-qty {
  display:inline-flex;
  align-items:center;
  border:1px solid var(--c-carbon);
  border-radius:999px;
}
.bl-qty button {
  width:44px;
  height:44px;
  font-size:1.2rem;
  font-weight:700;
  cursor:pointer;
  background:transparent;
  border:0;
  border-radius:999px;
}
.bl-qty output {
  min-width:2rem;
  font-weight:700;
  text-align:center;
}
.bl-rm {
  min-height:44px;
  padding:0 var(--s-3);
  font-weight:600;
  text-decoration:underline;
  cursor:pointer;
  background:transparent;
  border:0;
}
.bl-sub {
  font-family:var(--f-hd);
  font-size:1.15rem;
  font-weight:900;
  white-space:nowrap;
}
.sm {
  position:sticky;
  top:var(--s-4);
}
.sm-dl {
  display:grid;
  margin:0 0 var(--s-4);
}
.sm-dl div {
  display:flex;
  justify-content:space-between;
  gap:var(--s-3);
  padding:var(--s-2) 0;
  border-bottom:1px solid var(--c-hebra);
}
.sm-dl dd {
  margin:0;
  font-weight:700;
  white-space:nowrap;
}
.sm-dl .sm-tot {
  padding-top:var(--s-3);
  font-size:1.2rem;
  border-bottom:0;
}
.sm-tot dd {
  font-family:var(--f-hd);
  font-weight:900;
  color:var(--c-quemado);
}
.sm-it {
  margin:0 0 var(--s-4);
  padding:0;
  font-size:.95rem;
  list-style:none;
}
.sm-it li {
  display:flex;
  justify-content:space-between;
  gap:var(--s-3);
  padding:var(--s-1) 0;
}
.vac {
  display:grid;
  justify-items:start;
  gap:var(--s-4);
}
.frm {
  display:grid;
  gap:var(--s-4);
}
.frm-g2 {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--s-4);
}
.fld {
  display:grid;
  gap:var(--s-1);
}
.fld label {
  font-weight:700;
}
.fld input, .fld textarea, .fld select {
  width:100%;
  min-height:48px;
  padding:var(--s-2) var(--s-3);
  background:var(--c-blanco);
  border:1px solid var(--c-urdimbre);
  border-radius:var(--s-rs);
}
.fld textarea {
  min-height:120px;
  resize:vertical;
}
.fld-e {
  min-height:1.3em;
  font-size:.9rem;
  font-weight:600;
  color:var(--c-rescoldo);
}
.fld input[aria-invalid="true"], .fld textarea[aria-invalid="true"] {
  border-color:var(--c-rescoldo);
  box-shadow:0 0 0 2px var(--c-rescoldo);
}
.chk {
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:start;
  gap:var(--s-3);
}
.chk input {
  width:22px;
  height:22px;
  margin:2px 0 0;
  accent-color:var(--c-quemado);
}
.pay {
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:var(--s-3);
  padding:var(--s-4);
  background:var(--c-lana);
  border:2px solid var(--c-carbon);
  border-radius:var(--s-rs);
}
.pay input {
  width:20px;
  height:20px;
  accent-color:var(--c-quemado);
}
.frm-fs {
  display:grid;
  gap:var(--s-4);
  margin:0;
  padding:0;
  border:0;
}
.frm-fs legend {
  margin-bottom:var(--s-3);
  font-family:var(--f-hd);
  font-size:1.3rem;
  font-weight:800;
}
@media (max-width:900px) {
  .bl-g {
    grid-template-columns:minmax(0, 1fr);
  }
  .sm {
    position:static;
  }
}
@media (max-width:560px) {
  .frm-g2 {
    grid-template-columns:minmax(0, 1fr);
  }
  .bl-row {
    grid-template-columns:72px minmax(0, 1fr);
  }
  .bl-row img {
    width:72px;
    height:72px;
  }
  .bl-sub {
    grid-column:2;
  }
}
/* legal */
.toc {
  display:grid;
  gap:var(--s-1);
  margin:0;
  padding:var(--s-5);
  list-style:none;
  background:var(--c-blanco);
  border:1px solid var(--c-hebra);
  border-radius:var(--s-r);
}
.toc a {
  display:flex;
  align-items:center;
  min-height:44px;
  font-weight:600;
}
.lgl {
  display:grid;
  grid-template-columns:minmax(0, 280px) minmax(0, 1fr);
  align-items:start;
  gap:var(--s-7);
}
.lgl-sd {
  position:sticky;
  top:var(--s-4);
}
.lgl-bd {
  display:grid;
  gap:var(--s-6);
}
.lgl-bd h2 {
  margin-bottom:var(--s-3);
}
.lgl-bd p + p, .lgl-bd p + ul, .lgl-bd ul + p {
  margin-top:var(--s-3);
}
.lgl-bd ul {
  padding-left:1.2rem;
}
.rq th {
  width:38%;
  overflow-wrap:anywhere;
}
.rq td {
  overflow-wrap:anywhere;
}
.lg-cds {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--s-4);
}
.lg-cd {
  padding:var(--s-5);
  background:var(--c-lana);
  border:1px solid var(--c-hebra);
  border-top:4px solid var(--c-carbon);
  border-radius:var(--s-rs);
}
.lg-cd h3 {
  margin-bottom:var(--s-2);
  font-size:1.1rem;
}
.frmd {
  padding:var(--s-5);
  font-size:.98rem;
  background:var(--c-lana);
  border:1px dashed var(--c-urdimbre);
  border-radius:var(--s-rs);
}
.frmd ul {
  padding-left:1.1rem;
}
.upd {
  font-size:.92rem;
}
@media (max-width:900px) {
  .lgl {
    grid-template-columns:minmax(0, 1fr);
  }
  .lgl-sd {
    position:static;
  }
}
@media (max-width:620px) {
  .lg-cds {
    grid-template-columns:minmax(0, 1fr);
  }
}
/* contact */
.ct-g {
  display:grid;
  grid-template-areas:"hd cd" "fm st";
  grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr);
  align-items:start;
  gap:var(--s-6) var(--s-7);
  padding-top:var(--s-7);
  padding-bottom:var(--s-8);
}
.ct-hd {
  grid-area:hd;
}
.ct-cd {
  grid-area:cd;
  display:grid;
  gap:var(--s-3);
}
.ct-cd h2 {
  margin-bottom:0;
}
.ct-fm {
  grid-area:fm;
}
.ct-st {
  grid-area:st;
  display:grid;
  gap:var(--s-4);
}
.ct-ad {
  display:grid;
  gap:var(--s-1);
  font-style:normal;
}
.ct-ad a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-weight:700;
}
@media (max-width:900px) {
  .ct-g {
    grid-template-areas:"hd" "fm" "st" "cd";
    grid-template-columns:minmax(0, 1fr);
  }
}
/* status */
.st-res {
  margin-top:var(--s-5);
}
.st-res:not([hidden]) {
  display:block;
}
.st-ln {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s-2);
  margin:var(--s-4) 0 0;
  padding:0;
  list-style:none;
}
.st-ln li {
  padding:var(--s-2) var(--s-4);
  font-size:.92rem;
  font-weight:700;
  background:var(--c-lana);
  border:1px solid var(--c-hebra);
  border-radius:999px;
}
.st-ln li.state-in {
  color:var(--c-blanco);
  background:var(--c-quemado);
  border-color:var(--c-quemado);
}
/* consent */
.consent-bar {
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:350;
  width:min(440px, calc(100% - 32px));
  padding:var(--s-3) var(--s-4);
  font-size:.88rem;
  line-height:1.4;
  background:var(--c-blanco);
  border:1px solid var(--c-carbon);
  border-radius:var(--s-r);
  box-shadow:0 24px 50px -20px var(--c-sombra);
}
.consent-bar:not([hidden]) {
  display:grid;
  gap:var(--s-2);
}
.ck-act {
  display:flex;
  flex-wrap:wrap;
  gap:var(--s-2);
}
@media (max-width:620px) {
  .consent-bar {
    right:8px;
    bottom:8px;
    width:calc(100% - 16px);
    padding:var(--s-2) var(--s-3);
    font-size:.84rem;
  }
}
/* stacked tables on phones */
@media (max-width:560px) {
  .tb-r thead {
    display:none;
  }
  .tb-r tr {
    display:block;
    padding:var(--s-2) 0;
    border-bottom:1px solid var(--c-hebra);
  }
  .tb-r th, .tb-r td {
    display:block;
    padding:var(--s-1) var(--s-3);
    border-bottom:0;
  }
  .tb-r td::before {
    content:attr(data-th) ": ";
    font-weight:700;
  }
  .ct-fm textarea {
    min-height:96px;
  }
}
[hidden] {
  display:none;
}