/* prodbycisco · referencia visual: hojas de papel oscuro pegadas con cinta sobre una
   pared negra, con trazos de pintura roja. un solo tema oscuro, columna de 1120px.
   los colores salen de Estilos (theme.json): si los cambiás ahí, cambian acá. */

:root {
  --pbc-carbon: var(--wp--preset--color--carbon, #0D0B0B);
  --pbc-hollin: var(--wp--preset--color--hollin, #221D1B);
  --pbc-sangre: var(--wp--preset--color--sangre, #D42A20);
  --pbc-coagulo: var(--wp--preset--color--coagulo, #6B0F12);
  --pbc-hueso: var(--wp--preset--color--hueso, #EDE4D6);
  --pbc-ceniza: var(--wp--preset--color--ceniza, #9C9089);
  --pbc-cinta: color-mix(in srgb, var(--wp--preset--color--cinta, #C9BBA3) 75%, transparent);
  --pbc-titulo: var(--wp--preset--font-family--rock-salt, "Rock Salt", cursive);
  --pbc-texto: var(--wp--preset--font-family--special-elite, "Special Elite", "Courier New", monospace);
  --pbc-top: var(--wp-admin--admin-bar--height, 0px);

  --pbc-brush-long: url("../img/brush-long.png");
  --pbc-brush-mid: url("../img/brush-mid.png");
  --pbc-brush-short: url("../img/brush-short.png");
  --pbc-brush-alt: url("../img/brush-alt.png");
  --pbc-dab: url("../img/dab.png");
  --pbc-stain: url("../img/stain.png");
  --pbc-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .96 0 0 0 0 .9 0 0 0 .55 -.22'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --pbc-grit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .9 0 0 0 .35 -.16'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --pbc-strike: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M-2 27C30 25 58 24 92 20S160 15 202 13' fill='none' stroke='%23D42A20' stroke-width='7.5' stroke-linecap='round'/%3E%3Cpath d='M14 33C55 30 96 27 130 25S175 21 196 20' fill='none' stroke='%23D42A20' stroke-width='3' stroke-linecap='round' opacity='.9'/%3E%3C/svg%3E");
  color-scheme: dark;
}

html { background: var(--pbc-carbon); scroll-padding-top: calc(var(--pbc-top) + 5.5rem); }
html.pbc-has-dialog { overflow: hidden; }

body {
  background-color: var(--pbc-carbon);
  background-image:
    var(--pbc-grit),
    radial-gradient(120% 70% at 50% -10%, rgb(237 228 214 / .045), transparent 60%),
    radial-gradient(90% 60% at 100% 100%, rgb(107 15 18 / .12), transparent 70%);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
  min-height: 100vh;
  min-height: 100dvh;
}
/* páginas cortas (carrito, cuenta): el pie queda abajo y la pared llega hasta el final */
.wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
.wp-site-blocks > footer:last-child { margin-top: auto !important; }

:where(.wp-site-blocks) :focus-visible { outline: 2px dashed var(--pbc-hueso); outline-offset: 3px; }
::selection { background: var(--pbc-coagulo); color: var(--pbc-hueso); }
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6 { text-wrap: balance; }

.pbc-main { padding-bottom: 4rem; }
.pbc-pagina { padding-top: 1.5rem; }
.pbc-titulo-pagina { color: var(--pbc-sangre); margin-bottom: 1.5rem; }
.pbc-archivo .wp-block-term-description { margin-top: -.5rem; margin-bottom: 2.75rem; color: var(--pbc-ceniza); }
.pbc-archivo .pbc-catalogo { margin-top: 2.25rem; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ------------------------------------------------------------ franjas de pincel */
.pbc-franja, .pbc-btn, .pbc-tab-label, .pbc-tag, .pbc-lang, .pbc-play,
.wp-block-button__link, .wc-block-components-button:not(.is-link), .woocommerce .button,
.is-style-franja, .is-style-franja-sangre {
  position: relative;
  isolation: isolate;
}
.pbc-franja::before, .pbc-btn::before, .pbc-tab-label::before, .pbc-tag::before, .pbc-lang::before,
.wp-block-button__link::before, .wc-block-components-button:not(.is-link)::before, .woocommerce .button::before,
.is-style-franja::before, .is-style-franja-sangre::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -.18em -.5em;
  background: var(--pbc-sangre);
  -webkit-mask: var(--pbc-brush, var(--pbc-brush-mid)) center / 100% 100% no-repeat;
  mask: var(--pbc-brush, var(--pbc-brush-mid)) center / 100% 100% no-repeat;
  transition: background-color .15s ease, opacity .15s ease;
}

.pbc-franja, .is-style-franja, .is-style-franja-sangre {
  display: inline-block;
  width: auto;
  padding: .12em .6em;
  color: var(--pbc-carbon);
}
.pbc-franja--coagulo, .is-style-franja { color: var(--pbc-hueso); }
.pbc-franja--coagulo::before, .is-style-franja::before { background: var(--pbc-coagulo); }
.pbc-franja--larga { --pbc-brush: var(--pbc-brush-long); }
p.is-style-franja, p.is-style-franja-sangre { margin-inline: .5em; rotate: -1.4deg; }

/* botones: los del plugin, los de WordPress y los de WooCommerce */
.pbc-btn, .wp-block-button__link, .wc-block-components-button:not(.is-link), .woocommerce .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  min-height: 3rem;
  padding: .7rem 1.35rem;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--pbc-carbon) !important;
  font-family: var(--pbc-texto) !important;
  font-size: 1.06rem;
  line-height: 1.2;
  letter-spacing: .02em;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: none !important;
}
.pbc-btn::before, .wp-block-button__link::before, .wc-block-components-button:not(.is-link)::before, .woocommerce .button::before { inset: 0 -.15rem; }
.pbc-btn:hover, .wp-block-button__link:hover, .wc-block-components-button:not(.is-link):hover, .woocommerce .button:hover { color: var(--pbc-hueso) !important; }
.pbc-btn:hover::before, .wp-block-button__link:hover::before, .wc-block-components-button:not(.is-link):hover::before, .woocommerce .button:hover::before { background: var(--pbc-coagulo); }
.pbc-btn:active, .wp-block-button__link:active { translate: 0 1px; }
.pbc-btn:focus-visible, .wp-block-button__link:focus-visible { outline-offset: 6px; }
.pbc-btn[disabled], .wc-block-components-button[disabled] { opacity: .6; cursor: progress; }
.pbc-btn--coagulo, .is-style-coagulo .wp-block-button__link { color: var(--pbc-hueso) !important; --pbc-brush: var(--pbc-brush-alt); }
.pbc-btn--coagulo::before, .is-style-coagulo .wp-block-button__link::before { background: var(--pbc-coagulo); }
.pbc-btn--coagulo:hover, .is-style-coagulo .wp-block-button__link:hover { color: var(--pbc-carbon) !important; }
.pbc-btn--coagulo:hover::before, .is-style-coagulo .wp-block-button__link:hover::before { background: var(--pbc-sangre); }
.is-style-texto .wp-block-button__link { color: var(--pbc-hueso) !important; text-decoration: underline !important; text-decoration-color: var(--pbc-ceniza) !important; text-underline-offset: .25em; padding-inline: 0; }
.is-style-texto .wp-block-button__link::before { display: none; }

.pbc-tag {
  display: inline-block;
  padding: .05rem .6rem .1rem;
  font-size: .8rem;
  color: var(--pbc-hueso);
  --pbc-brush: var(--pbc-brush-short);
}
.pbc-tag::before { background: var(--pbc-coagulo); inset: -.05em -.25em; }
.pbc-tags { display: flex; flex-wrap: wrap; gap: .55rem .9rem; list-style: none; margin: .25rem .3rem .6rem; padding: 0; }

.pbc-link, .pbc-pdf-link {
  color: var(--pbc-hueso);
  text-decoration: underline;
  text-decoration-color: var(--pbc-ceniza);
  text-underline-offset: .25em;
}

/* ------------------------------------------------------------ tachado a mano */
s.pbc-tachado {
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  background: var(--pbc-strike) no-repeat 50% 55% / 0% 60%;
  margin-inline: -.06em;
  padding-inline: .06em;
  animation: pbc-tachar .6s cubic-bezier(.6, .1, .3, 1) .45s forwards;
}
.pbc-settled s.pbc-tachado, .block-editor-page s.pbc-tachado, .editor-styles-wrapper s.pbc-tachado { animation: none; background-size: 108% 60%; }
@keyframes pbc-tachar { to { background-size: 108% 60%; } }

/* ------------------------------------------------------------ hojas de papel */
.pbc-hoja {
  position: relative;
  z-index: 0;
  transform: rotate(var(--tilt, 0deg));
  transition: transform .3s ease;
}
.pbc-hoja::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 10px 6px -8px;
  background: rgb(0 0 0 / .7);
  filter: blur(14px);
  pointer-events: none;
}
.pbc-papel {
  position: relative;
  padding: 1.6rem 1.25rem 1.4rem;
  background-color: var(--pbc-hollin);
  background-image:
    var(--pbc-grain),
    radial-gradient(130% 90% at 20% 0%, rgb(237 228 214 / .045), transparent 55%),
    radial-gradient(100% 80% at 100% 100%, rgb(0 0 0 / .22), transparent 60%);
}
@media (hover: hover) {
  .pbc-card:hover { transform: rotate(calc(var(--tilt, 0deg) * .35)) translateY(-3px); }
}
.pbc-cinta {
  position: absolute;
  z-index: 3;
  top: -.8rem;
  left: var(--tape-x, 50%);
  width: 5.75rem;
  height: 1.65rem;
  translate: -50% 0;
  rotate: var(--tape-rot, -2deg);
  background: linear-gradient(180deg, rgb(255 255 255 / .1), transparent 40%, rgb(0 0 0 / .06)), var(--pbc-cinta);
  clip-path: polygon(0 12%, 3% 0, 97% 6%, 100% 18%, 97.5% 34%, 100% 50%, 97% 68%, 100% 84%, 96% 100%, 4% 94%, 0 82%, 2.5% 66%, 0 50%, 3% 32%);
  pointer-events: none;
}
.pbc-tape-1 { clip-path: polygon(2% 0, 98% 8%, 100% 24%, 97% 40%, 100% 58%, 98% 76%, 100% 100%, 3% 92%, 0 76%, 3% 58%, 0 42%, 2.5% 22%); width: 5.25rem; }
.pbc-tape-2 { clip-path: polygon(0 4%, 96% 0, 99% 16%, 96.5% 30%, 100% 48%, 97% 64%, 99.5% 82%, 97% 100%, 2% 96%, 0 78%, 3% 60%, 0 44%, 2.5% 26%); width: 6.25rem; }

/* bordes de papel cortado a mano */
.pbc-edge-0, .is-style-hoja::before { clip-path: polygon(0.4% 3px, 7% 0.5px, 15% 2.5px, 24% 0px, 33% 2px, 41% 1px, 52% 3px, 61% 0.5px, 70% 2.5px, 79% 0px, 88% 2px, 96% 0.5px, 99.6% 2.5px, calc(100% - 2px) 8%, calc(100% - 0.5px) 19%, calc(100% - 3px) 31%, calc(100% - 1px) 44%, calc(100% - 2.5px) 57%, calc(100% - 0px) 69%, calc(100% - 2px) 82%, calc(100% - 1px) 93%, 99.4% calc(100% - 2px), 91% calc(100% - 0.5px), 82% calc(100% - 3px), 72% calc(100% - 1px), 63% calc(100% - 2.5px), 54% calc(100% - 0px), 44% calc(100% - 2px), 35% calc(100% - 1px), 25% calc(100% - 3px), 16% calc(100% - 0.5px), 7% calc(100% - 2px), 0.5% calc(100% - 1px), 2px 92%, 0px 80%, 2.5px 67%, 0.5px 54%, 3px 42%, 1px 29%, 2.5px 16%, 0px 6%); }
.pbc-edge-1 { clip-path: polygon(0.6% 1px, 9% 3px, 18% 0.5px, 27% 2.5px, 35% 0px, 46% 2px, 55% 0px, 64% 3px, 73% 1px, 83% 2.5px, 91% 0px, 99.3% 2px, calc(100% - 1px) 6%, calc(100% - 3px) 17%, calc(100% - 0.5px) 29%, calc(100% - 2px) 40%, calc(100% - 0px) 53%, calc(100% - 3px) 64%, calc(100% - 1px) 77%, calc(100% - 2.5px) 88%, calc(100% - 0.5px) 97%, 93% calc(100% - 3px), 85% calc(100% - 0.5px), 76% calc(100% - 2px), 66% calc(100% - 0px), 57% calc(100% - 3px), 47% calc(100% - 1px), 38% calc(100% - 2.5px), 28% calc(100% - 0px), 19% calc(100% - 2px), 10% calc(100% - 0.5px), 1% calc(100% - 2.5px), 0.5px 89%, 3px 77%, 0px 65%, 2px 52%, 0.5px 39%, 2.5px 27%, 0px 15%, 2px 5%); }
.pbc-edge-2 { clip-path: polygon(0.3% 2px, 6% 0px, 14% 3px, 22% 1px, 31% 2.5px, 40% 0px, 49% 1.5px, 58% 3px, 67% 0.5px, 76% 2px, 86% 0px, 94% 2.5px, 99.7% 0.5px, calc(100% - 2.5px) 10%, calc(100% - 0px) 21%, calc(100% - 2px) 33%, calc(100% - 0.5px) 46%, calc(100% - 3px) 58%, calc(100% - 1px) 71%, calc(100% - 2.5px) 84%, calc(100% - 0px) 95%, 97% calc(100% - 1.5px), 88% calc(100% - 3px), 78% calc(100% - 0.5px), 69% calc(100% - 2px), 59% calc(100% - 0px), 50% calc(100% - 3px), 41% calc(100% - 1px), 31% calc(100% - 2.5px), 22% calc(100% - 0px), 12% calc(100% - 2px), 4% calc(100% - 0.5px), 0.3% calc(100% - 3px), 2px 90%, 0px 78%, 3px 66%, 1px 53%, 2.5px 41%, 0px 28%, 2px 17%, 0.5px 7%); }
.pbc-edge-3 { clip-path: polygon(0.5% 0px, 8% 2.5px, 17% 1px, 25% 3px, 34% 0px, 43% 2px, 51% 0.5px, 60% 2.5px, 69% 0px, 78% 3px, 87% 1px, 95% 2.5px, 99.5% 0px, calc(100% - 0.5px) 7%, calc(100% - 2.5px) 18%, calc(100% - 1px) 30%, calc(100% - 3px) 42%, calc(100% - 0px) 55%, calc(100% - 2px) 67%, calc(100% - 0.5px) 79%, calc(100% - 3px) 91%, 98.5% calc(100% - 0.5px), 90% calc(100% - 2.5px), 81% calc(100% - 0px), 71% calc(100% - 2px), 62% calc(100% - 0.5px), 52% calc(100% - 3px), 43% calc(100% - 1px), 33% calc(100% - 2.5px), 24% calc(100% - 0px), 14% calc(100% - 2px), 6% calc(100% - 3px), 0.6% calc(100% - 0.5px), 2.5px 88%, 0.5px 75%, 2px 63%, 0px 50%, 3px 38%, 1px 25%, 2.5px 13%, 0px 4%); }
.pbc-edge-4 { clip-path: polygon(0.2% 1.5px, 10% 0px, 19% 2.5px, 28% 0.5px, 38% 3px, 47% 1px, 56% 2px, 66% 0px, 75% 2.5px, 84% 1px, 93% 3px, 99.8% 1px, calc(100% - 2px) 5%, calc(100% - 0px) 16%, calc(100% - 2.5px) 27%, calc(100% - 1px) 39%, calc(100% - 3px) 51%, calc(100% - 0.5px) 63%, calc(100% - 2px) 75%, calc(100% - 0px) 86%, calc(100% - 2.5px) 96%, 95% calc(100% - 0px), 86% calc(100% - 2.5px), 77% calc(100% - 1px), 68% calc(100% - 3px), 58% calc(100% - 0.5px), 49% calc(100% - 2px), 39% calc(100% - 0px), 30% calc(100% - 3px), 20% calc(100% - 1px), 11% calc(100% - 2.5px), 3% calc(100% - 0px), 0.2% calc(100% - 2px), 1px 91%, 3px 79%, 0.5px 68%, 2px 56%, 0px 44%, 2.5px 31%, 0.5px 19%, 3px 8%); }
.pbc-edge-5 { clip-path: polygon(0.7% 2.5px, 8% 0.5px, 16% 3px, 26% 1px, 35% 2px, 44% 0px, 54% 2.5px, 62% 1px, 71% 3px, 81% 0px, 90% 2px, 98% 0.5px, 99.4% 3px, calc(100% - 1.5px) 9%, calc(100% - 3px) 20%, calc(100% - 0px) 32%, calc(100% - 2px) 45%, calc(100% - 1px) 56%, calc(100% - 3px) 68%, calc(100% - 0.5px) 80%, calc(100% - 2px) 92%, 99% calc(100% - 3px), 92% calc(100% - 1px), 83% calc(100% - 2.5px), 74% calc(100% - 0px), 64% calc(100% - 2px), 55% calc(100% - 0.5px), 45% calc(100% - 3px), 36% calc(100% - 1px), 27% calc(100% - 2.5px), 17% calc(100% - 0px), 8% calc(100% - 2px), 0.8% calc(100% - 0px), 3px 93%, 0.5px 81%, 2px 69%, 0px 57%, 2.5px 45%, 1px 33%, 3px 20%, 0.5px 9%); }

/* estilo "Hoja con cinta" para grupos, columnas e imágenes del editor */
.is-style-hoja {
  position: relative;
  isolation: isolate;
  padding: 1.75rem 1.4rem 1.5rem !important;
  box-shadow: 0 14px 26px -10px rgb(0 0 0 / .75);
  rotate: -.5deg;
}
.is-style-hoja:nth-of-type(3n + 2) { rotate: .6deg; }
.is-style-hoja:nth-of-type(3n) { rotate: -.2deg; }
.is-style-hoja::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--pbc-hollin);
  background-image: var(--pbc-grain), radial-gradient(130% 90% at 20% 0%, rgb(237 228 214 / .045), transparent 55%);
}
.is-style-hoja::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -.8rem;
  left: 50%;
  width: 5.75rem;
  height: 1.65rem;
  translate: -50% 0;
  rotate: -3deg;
  background: linear-gradient(180deg, rgb(255 255 255 / .1), transparent 40%), var(--pbc-cinta);
  clip-path: polygon(0 12%, 3% 0, 97% 6%, 100% 18%, 97.5% 34%, 100% 50%, 97% 68%, 100% 84%, 96% 100%, 4% 94%, 0 82%, 2.5% 66%, 0 50%, 3% 32%);
}
.wp-block-image.is-style-hoja, .wp-block-post-featured-image.is-style-hoja { padding: .8rem !important; }
.wp-block-image.is-style-hoja img, .wp-block-post-featured-image.is-style-hoja img { display: block; width: 100%; height: auto; }
.is-style-nota {
  position: relative;
  padding: 1.35rem 1.25rem 1.2rem 2.4rem !important;
  background-color: var(--pbc-hollin);
  background-image:
    var(--pbc-grain),
    linear-gradient(90deg, transparent 1.45rem, var(--pbc-coagulo) 1.45rem, var(--pbc-coagulo) calc(1.45rem + 2px), transparent calc(1.45rem + 2px)),
    repeating-linear-gradient(transparent 0 1.55rem, rgb(156 144 137 / .08) 1.55rem calc(1.55rem + 1px));
  box-shadow: 0 12px 22px -10px rgb(0 0 0 / .7);
}
.is-style-rojo, h2.wp-block-heading:not([class*="has-"][class*="-color"]) { color: var(--pbc-sangre); }
.is-style-antetitulo { font-size: .85rem; letter-spacing: .12em; color: var(--pbc-ceniza); }
ul.is-style-rayitas, .pbc-rayitas { list-style: none; padding-left: 0; display: grid; gap: .3rem; margin: 0; }
ul.is-style-rayitas li, .pbc-rayitas li { position: relative; padding-left: 1.35rem; }
ul.is-style-rayitas li::before, .pbc-rayitas li::before { content: ""; position: absolute; left: .1rem; top: .72em; width: .7rem; height: 2px; background: var(--pbc-ceniza); rotate: -8deg; }
hr.is-style-trazo {
  border: 0 !important;
  height: 14px !important;
  background: var(--pbc-coagulo) !important;
  -webkit-mask: var(--pbc-brush-long) center / 100% 100% no-repeat;
  mask: var(--pbc-brush-long) center / 100% 100% no-repeat;
  opacity: 1 !important;
}
.wp-block-details { border-bottom: 1px dashed rgb(156 144 137 / .35); padding: .6rem 0; }
.wp-block-details summary { cursor: pointer; }

/* ------------------------------------------------------------ encabezado y pie */
.pbc-cabecera { padding-block: 1rem .3rem; }
.pbc-cabecera-acciones { gap: .4rem !important; align-items: center; }
.pbc-marca a {
  font-family: var(--pbc-titulo);
  font-size: 1.15rem;
  letter-spacing: .01em;
  text-decoration: none;
  color: var(--pbc-hueso);
  white-space: nowrap;
}
.pbc-by { color: var(--pbc-sangre); }
.pbc-idioma { display: flex; gap: .5rem; margin-right: .3rem; }
.pbc-lang {
  display: inline-grid;
  place-items: center;
  min-width: 2.6rem;
  min-height: 2.6rem;
  padding: 0 .3rem;
  font-size: .95rem;
  letter-spacing: .08em;
  text-decoration: none;
  color: var(--pbc-ceniza);
  --pbc-brush: var(--pbc-brush-short);
}
.pbc-lang::before { opacity: 0; inset: .45rem -.1rem; }
.pbc-lang:hover { color: var(--pbc-hueso); }
.pbc-lang:hover::before { opacity: 1; background: var(--pbc-coagulo); }
.pbc-lang.is-on { color: var(--pbc-carbon); }
.pbc-lang.is-on::before { opacity: 1; background: var(--pbc-sangre); }
.pbc-cabecera .wc-block-customer-account a, .pbc-cabecera .wc-block-mini-cart__button { color: var(--pbc-hueso); padding: .45rem; }
/* siempre el ícono de línea, sin la foto de gravatar */
.pbc-cabecera .wc-block-customer-account__avatar { display: none !important; }
.pbc-cabecera .wc-block-mini-cart__badge { background: var(--pbc-sangre) !important; color: var(--pbc-carbon) !important; }
.pbc-cabecera svg { fill: currentColor; }

.pbc-pie {
  margin-top: 2rem;
  padding-block: 2.25rem calc(2.25rem + env(safe-area-inset-bottom, 0px));
  border-top: 1px dashed rgb(156 144 137 / .3);
  color: var(--pbc-ceniza);
  font-size: .9rem;
}
.pbc-pie .pbc-marca a { font-size: 1.05rem; }
.pbc-pie-info { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 2rem; }
.pbc-pie-info p { margin: 0; }
.pbc-pie-links { display: flex; gap: 1.4rem; }
.pbc-pie-links a { color: var(--pbc-hueso); text-underline-offset: .25em; text-decoration-color: var(--pbc-ceniza); }

/* ------------------------------------------------------------ portada */
.pbc-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 2.5rem;
  padding-block: 1.75rem 2.75rem;
}
.pbc-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -10px;
  top: -2.5rem;
  width: min(34rem, 92%);
  aspect-ratio: 1;
  background: var(--pbc-coagulo);
  -webkit-mask: var(--pbc-stain) center / contain no-repeat;
  mask: var(--pbc-stain) center / contain no-repeat;
  opacity: .5;
  pointer-events: none;
}
.pbc-hero-copy { min-width: 0; }
.pbc-kicker { margin: 0; font-size: .85rem; letter-spacing: .12em; color: var(--pbc-ceniza); }
.pbc-hero-title {
  margin: .8rem 0 1.2rem;
  font-size: clamp(1.7rem, 7.6vw, 3.55rem);
  line-height: 1.42;
  color: var(--pbc-hueso);
}
.pbc-hero-sub { margin: 0; max-width: 34ch; font-size: 1.12rem; line-height: 1.55; }
.pbc-hero-stripe { margin: 1.9rem 0 0; }
.pbc-hero-stripe .pbc-franja { padding: .35em .9em .4em; font-size: 1.02rem; transform: rotate(-1.6deg); }
.pbc-hero-art { display: none; margin: 0; }
@media (min-width: 860px) {
  .pbc-hero--con-arte { grid-template-columns: minmax(0, 1.3fr) minmax(0, .85fr); align-items: center; gap: 3.5rem; padding-block: 2.5rem 4rem; }
  .pbc-hero-art { display: block; }
  .pbc-hero-art .pbc-papel { padding: .85rem; }
  .pbc-hero-art img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
  .pbc-hero-art .pbc-cinta--abajo { left: auto; right: -1.2rem; top: auto; bottom: 1.2rem; rotate: 62deg; translate: 0 0; }
}

/* ------------------------------------------------------------ pestañas */
.pbc-tabs-bar {
  position: sticky;
  top: calc(var(--pbc-top) + env(safe-area-inset-top, 0px));
  z-index: 30;
  isolation: isolate;
}
/* el fondo de la barra va de borde a borde de la pantalla */
.pbc-tabs-bar::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 calc(50% - 50vw);
  background-color: var(--pbc-carbon);
  background-image: var(--pbc-grit);
  box-shadow: 0 10px 18px -12px rgb(0 0 0 / .9);
}
.pbc-tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: .25rem; padding-block: .55rem .5rem; }
.pbc-tab {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: .25rem;
  min-height: 3rem;
  padding: .35rem .15rem;
  text-decoration: none;
  color: var(--pbc-hueso);
  -webkit-tap-highlight-color: transparent;
}
.pbc-tab-label {
  display: inline-block;
  padding: .2rem .55rem .25rem;
  font-family: var(--pbc-titulo);
  font-size: clamp(.78rem, 3.5vw, 1.05rem);
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.5;
  --pbc-brush: var(--pbc-brush-short);
}
.pbc-tab-label::before { opacity: 0; inset: -.05em -.2em; }
.pbc-tab:hover .pbc-tab-label::before { opacity: 1; background: var(--pbc-coagulo); }
.pbc-tab.is-on .pbc-tab-label { color: var(--pbc-carbon); }
.pbc-tab.is-on .pbc-tab-label::before { opacity: 1; background: var(--pbc-sangre); }
.pbc-tab-tag { display: none; font-size: .78rem; color: var(--pbc-ceniza); white-space: nowrap; }
.pbc-tab:focus-visible { outline-offset: -2px; }
@media (min-width: 760px) {
  .pbc-tabs { display: flex; gap: 2.25rem; padding-block: .8rem .7rem; }
  .pbc-tab { justify-items: start; }
  .pbc-tab-tag { display: block; padding-left: .55rem; }
  .pbc-panel-intro { display: none; }
}
.pbc-panels { padding-block: 2rem 1rem; }
.pbc-tienda:not(.is-ready) .pbc-panel + .pbc-panel { display: none; }
.pbc-panel:focus { outline: none; }
.pbc-panel > * + * { margin-top: 0; }
.pbc-panel-intro { margin: 0 0 1.75rem; color: var(--pbc-ceniza); }
.pbc-panel-intro::before { content: "— "; }
.pbc-empty, .pbc-aside { color: var(--pbc-ceniza); font-size: .95rem; }
.pbc-aside { margin-top: 2.25rem; max-width: 40ch; }
.pbc-subhead { margin: 3.5rem 0 1.5rem; font-size: 1.3rem; color: var(--pbc-hueso); }

/* ------------------------------------------------------------ grillas y fichas */
.pbc-grid { display: grid; gap: 2.75rem 1.75rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); }
.pbc-grid--loops { grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); }
.pbc-grid--kits { grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr)); max-width: 46rem; }
.pbc-grid--lic { grid-template-columns: repeat(auto-fill, minmax(min(100%, 15.5rem), 1fr)); gap: 2.5rem 1.5rem; }
.pbc-card-grid { display: grid; gap: 1.1rem; }
.pbc-card-body { min-width: 0; display: grid; gap: .1rem; align-content: start; }
.pbc-portada { margin: 0; }
.pbc-portada img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; background: var(--pbc-carbon); }
.pbc-card-title { margin: 0; font-size: 1.32rem; line-height: 1.45; overflow-wrap: break-word; color: var(--pbc-hueso); }
.pbc-card-title a { color: inherit; text-decoration: none; }
.pbc-card-title a:hover { text-decoration: underline; text-decoration-color: var(--pbc-sangre); text-underline-offset: .2em; }
.pbc-card-title--sm { font-size: 1.02rem; }
.pbc-eyebrow { display: flex; align-items: center; gap: .9rem; margin: 0 0 .55rem; font-size: .85rem; }
.pbc-nuevo { color: var(--pbc-ceniza); letter-spacing: .1em; }
.pbc-specs { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .55rem; margin: .35rem 0 .65rem; font-size: .85rem; color: var(--pbc-ceniza); font-variant-numeric: tabular-nums; }
.pbc-dot { opacity: .7; }
.pbc-code { color: var(--pbc-hueso); letter-spacing: .06em; font-size: .85rem; }
.pbc-card-desc { margin: .45rem 0 .9rem; max-width: 42ch; }
.pbc-card-desc p { margin: 0; }
.pbc-buy { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: 1.15rem; }
.pbc-price { font-size: .95rem; color: var(--pbc-ceniza); }
.pbc-price strong { font-weight: 400; color: var(--pbc-hueso); font-size: 1.05rem; }
.pbc-vendido { color: var(--pbc-ceniza); letter-spacing: .08em; }
.pbc-card--destacado .pbc-papel { padding: 1.1rem 1.1rem 1.6rem; }
.pbc-card--destacado .pbc-card-title { font-size: clamp(2rem, 9vw, 3.3rem); color: var(--pbc-sangre); line-height: 1.3; }
.pbc-card--destacado .pbc-card-desc { font-size: 1.1rem; }
@media (min-width: 760px) {
  .pbc-card--destacado .pbc-card-title { font-size: clamp(2rem, 3.8vw, 3.1rem); }
  .pbc-card--destacado .pbc-papel { padding: 1.4rem; }
  .pbc-card--destacado .pbc-card-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 2.25rem; align-items: center; }
  .pbc-card--destacado .pbc-card-body { padding-right: .75rem; }
}
.pbc-card--loop .pbc-papel { padding: 1.5rem 1.15rem 1.25rem; }
.pbc-loop-head { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; }
.pbc-loop-head .pbc-code { font-size: .78rem; color: var(--pbc-ceniza); white-space: nowrap; }
.pbc-card--loop .pbc-eyebrow { margin: .35rem 0 .1rem; }
.pbc-card--loop .pbc-buy { margin-top: .9rem; }
.pbc-card--loop .pbc-btn { font-size: 1rem; min-height: 2.75rem; padding: .55rem 1.1rem; }
.pbc-mini {
  margin: .9rem 0 .35rem;
  font-family: var(--pbc-texto);
  font-size: .78rem;
  text-transform: lowercase;
  letter-spacing: .14em;
  color: var(--pbc-ceniza);
}
.pbc-placeholder { padding: 1.25rem; border: 1px dashed var(--pbc-ceniza); color: var(--pbc-ceniza); }

/* ------------------------------------------------------------ reproductor */
.pbc-player { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: .8rem; margin-top: .65rem; }
.pbc-play {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--pbc-carbon);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.pbc-play::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--pbc-sangre);
  -webkit-mask: var(--pbc-dab) center / 100% 100% no-repeat;
  mask: var(--pbc-dab) center / 100% 100% no-repeat;
  transition: background-color .15s ease, transform .15s ease;
}
.pbc-play:hover { color: var(--pbc-hueso); }
.pbc-play:hover::before { background: var(--pbc-coagulo); }
.pbc-play:active::before { transform: scale(.94); }
.pbc-play:focus-visible { outline-offset: 4px; border-radius: 50%; }
.pbc-ico { width: 1.3rem; height: 1.3rem; fill: currentColor; }
.pbc-ico-play { translate: 1px 0; }
.pbc-ico-pause { display: none; }
.pbc-player.is-playing .pbc-ico-pause { display: block; }
.pbc-player.is-playing .pbc-ico-play { display: none; }
.pbc-player.is-loading .pbc-play::after { content: ""; position: absolute; inset: -5px; border: 2px dashed var(--pbc-ceniza); border-radius: 50%; animation: pbc-girar 1.4s linear infinite; }
@keyframes pbc-girar { to { rotate: 1turn; } }
.pbc-wave { height: 2.75rem; cursor: pointer; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.pbc-wave canvas { display: block; width: 100%; height: 100%; }
.pbc-time { display: inline-flex; align-items: center; gap: .2rem; font-size: .78rem; color: var(--pbc-ceniza); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pbc-time-sep { opacity: .6; }
.pbc-loop-flag { display: inline-flex; margin-left: .25rem; }
.pbc-ico-loop { width: .95rem; height: .95rem; fill: none; stroke: var(--pbc-ceniza); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pbc-player-error { display: none; grid-column: 2 / -1; font-size: .78rem; color: var(--pbc-ceniza); }
.pbc-player.is-error .pbc-player-error { display: block; }
.pbc-player--big { column-gap: 1rem; margin-top: 1rem; }
.pbc-player--big .pbc-play { width: 3.6rem; height: 3.6rem; }
.pbc-player--big .pbc-ico { width: 1.55rem; height: 1.55rem; }
.pbc-player--big .pbc-wave { height: 3.6rem; }
@media (max-width: 380px) {
  .pbc-player:not(.pbc-player--big) { grid-template-columns: auto minmax(0, 1fr); row-gap: .15rem; }
  .pbc-player:not(.pbc-player--big) .pbc-time { grid-column: 2; justify-self: end; }
}

/* ------------------------------------------------------------ grupos, notas e info */
.pbc-group + .pbc-group { margin-top: 4.25rem; }
.pbc-group-head { margin-bottom: 2rem; max-width: 44rem; }
.pbc-group-title { margin: 0; font-size: clamp(1.9rem, 8vw, 2.9rem); color: var(--pbc-sangre); line-height: 1.3; }
.pbc-group-desc { margin: .85rem 0 0; max-width: 50ch; }
.pbc-notes { margin-top: 4rem; max-width: 30rem; }
.pbc-note .pbc-papel {
  padding: 1.35rem 1.25rem 1.2rem 2.4rem;
  background-image:
    var(--pbc-grain),
    linear-gradient(90deg, transparent 1.45rem, var(--pbc-coagulo) 1.45rem, var(--pbc-coagulo) calc(1.45rem + 2px), transparent calc(1.45rem + 2px)),
    repeating-linear-gradient(transparent 0 1.55rem, rgb(156 144 137 / .08) 1.55rem calc(1.55rem + 1px));
}
.pbc-note-title { margin: 0 0 .55rem; font-size: .98rem; color: var(--pbc-hueso); }
.pbc-note p { margin: 0; }
.pbc-note p + p { margin-top: .45rem; }
.pbc-note-list { list-style: none; counter-reset: n; display: grid; gap: .3rem; margin: 0; padding: 0; }
.pbc-note-list li { counter-increment: n; position: relative; padding-left: 1.8rem; }
.pbc-note-list li::before { content: counter(n) "."; position: absolute; left: 0; color: var(--pbc-ceniza); }
.pbc-notes + .pbc-notes { margin-top: 2rem; }
.pbc-info-block + .pbc-info-block { margin-top: 4.25rem; }
.pbc-block-title { margin: 0; font-size: clamp(1.6rem, 6.5vw, 2.4rem); color: var(--pbc-sangre); }
.pbc-block-intro { margin: .9rem 0 2rem; max-width: 52ch; }
.pbc-lic, .pbc-lic .pbc-papel { height: 100%; }
.pbc-lic .pbc-papel { padding: 1.6rem 1.2rem 1.4rem; }
.pbc-lic-name { margin: 0; font-size: 1.2rem; color: var(--pbc-hueso); }
.pbc-lic-sum { margin: .2rem 0 0; color: var(--pbc-ceniza); }
.pbc-terminos { margin-top: .9rem; }
.pbc-terminos summary { cursor: pointer; color: var(--pbc-hueso); text-decoration: underline dashed var(--pbc-ceniza); text-underline-offset: .3em; padding: .3rem 0; }
.pbc-terms { display: grid; gap: .4rem; font-size: .9rem; margin: .6rem 0 0; }
.pbc-terms div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: .75rem; border-bottom: 1px dashed rgb(156 144 137 / .25); padding-bottom: .35rem; }
.pbc-terms dt { color: var(--pbc-ceniza); }
.pbc-terms dd { margin: 0; }
.pbc-faq { display: grid; gap: .25rem; max-width: 46rem; }
.pbc-faq-item { border-bottom: 1px dashed rgb(156 144 137 / .35); }
.pbc-faq-item summary { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; cursor: pointer; list-style: none; font-size: 1.05rem; }
.pbc-faq-item summary::-webkit-details-marker { display: none; }
.pbc-faq-item summary::after { content: "+"; color: var(--pbc-ceniza); font-size: 1.3rem; line-height: 1; }
.pbc-faq-item[open] summary::after { content: "−"; }
.pbc-faq-item p { margin: 0; padding: 0 0 1rem; max-width: 60ch; }
.pbc-contact-links { display: flex; flex-wrap: wrap; gap: 1.25rem 2rem; }

/* ------------------------------------------------------------ comprar (modal y página del producto) */
.pbc-dlg {
  width: min(40rem, calc(100vw - 2rem));
  max-width: none;
  max-height: min(90dvh, 54rem);
  padding: 0;
  border: 0;
  overflow: visible;
  background: transparent;
  color: var(--pbc-hueso);
}
.pbc-dlg::backdrop { background: rgb(13 11 11 / .82); }
.pbc-dlg-hoja { height: 100%; max-height: inherit; display: flex; }
.pbc-dlg-hoja::before { inset: 14px 10px -12px; }
.pbc-dlg-papel { flex: 1; max-height: min(90dvh, 54rem); overflow-y: auto; overscroll-behavior: contain; padding: 1.9rem 1.4rem 1.6rem; }
.pbc-dlg-head { position: relative; padding-right: 3rem; margin-bottom: 1rem; }
.pbc-dlg-kicker { margin: 0; font-size: .85rem; color: var(--pbc-ceniza); }
.pbc-dlg-title, .pbc-compra-title { margin: .35rem 0 0; font-size: clamp(1.35rem, 6vw, 1.9rem); color: var(--pbc-hueso); }
.pbc-compra-title { margin: 0 0 1rem; scroll-margin-top: calc(var(--pbc-top) + 1rem); }
.pbc-dlg-close { position: absolute; top: -.4rem; right: -.5rem; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border: 0; background: none; cursor: pointer; }
.pbc-dlg-close svg { width: 1.5rem; height: 1.5rem; fill: none; stroke: var(--pbc-hueso); stroke-width: 2.2; stroke-linecap: round; }
.pbc-dlg-close:hover svg { stroke: var(--pbc-ceniza); }
@media (max-width: 600px) {
  .pbc-dlg { width: 100%; max-height: 92dvh; margin: auto 0 0; }
  .pbc-dlg-papel { max-height: 92dvh; padding: 1.9rem max(1.15rem, env(safe-area-inset-right, 0px)) calc(1.5rem + env(safe-area-inset-bottom, 0px)) max(1.15rem, env(safe-area-inset-left, 0px)); }
  .pbc-dlg-hoja::before { display: none; }
}
.pbc-compra, .pbc-gratis { display: grid; gap: .9rem; }
.pbc-compra fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.pbc-compra legend { padding: 0; }
.pbc-opts { display: grid; gap: .6rem; }
.pbc-opt, .pbc-cur-opt {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .1rem 1rem;
  padding: .8rem 1rem .8rem 2.6rem;
  border: 1px dashed rgb(156 144 137 / .5);
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.pbc-opt input, .pbc-cur-opt input { position: absolute; opacity: 0; pointer-events: none; }
.pbc-opt::before, .pbc-cur-opt::before { content: ""; position: absolute; left: .95rem; top: 1.05rem; width: .95rem; height: .95rem; border: 2px solid var(--pbc-ceniza); border-radius: 50% 45% 52% 48%; }
.pbc-opt:hover, .pbc-cur-opt:hover { border-color: var(--pbc-hueso); }
.pbc-opt.is-on, .pbc-cur-opt.is-on { background: var(--pbc-coagulo); border-color: transparent; }
.pbc-opt.is-on::before, .pbc-cur-opt.is-on::before { border-color: var(--pbc-hueso); background: radial-gradient(circle, var(--pbc-hueso) 0 40%, transparent 44%); }
.pbc-opt:has(input:focus-visible), .pbc-cur-opt:has(input:focus-visible) { outline: 2px dashed var(--pbc-hueso); outline-offset: 3px; }
.pbc-opt.is-closed, .pbc-cur-opt.is-off { opacity: .5; cursor: not-allowed; }
.pbc-opt-name { font-family: var(--pbc-titulo); text-transform: uppercase; font-size: .95rem; line-height: 1.6; }
.pbc-opt-price { font-variant-numeric: tabular-nums; text-align: right; }
.pbc-opt-sum { grid-column: 1 / -1; font-size: .88rem; color: var(--pbc-ceniza); }
.pbc-opt.is-on .pbc-opt-sum { color: var(--pbc-hueso); }
.pbc-lic-nombre { margin: 0; font-family: var(--pbc-titulo); text-transform: uppercase; font-size: .95rem; }
.pbc-lic-nombre span { font-family: var(--pbc-texto); text-transform: none; color: var(--pbc-ceniza); }
.pbc-lic-detalle--hoja .pbc-mini:first-child { margin-top: .9rem; }
.pbc-cur { display: grid; gap: .5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.pbc-cur legend { grid-column: 1 / -1; }
.pbc-cur-opt { grid-template-columns: 1fr; }
.pbc-cur-opt strong { font-weight: 400; font-size: 1.1rem; }
.pbc-cur-opt span { font-size: .85rem; color: var(--pbc-ceniza); }
.pbc-cur-opt.is-on span { color: var(--pbc-hueso); }
.pbc-cta { display: grid; justify-items: start; gap: .9rem; margin-top: .4rem; }
.pbc-cta-comprar, .pbc-cta-consultar { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.6rem; }
.pbc-cta [hidden] { display: none !important; }
.pbc-fine { margin: 0; font-size: .85rem; color: var(--pbc-ceniza); max-width: 48ch; }
.pbc-field { display: grid; gap: .25rem; min-width: 0; }
.pbc-field .pbc-mini { margin: 0; }
.pbc-field input, .pbc-cabecera input {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 3rem;
  padding: .6rem .8rem;
  border: 1px dashed var(--pbc-ceniza);
  border-radius: 0;
  background: var(--pbc-hollin);
  color: var(--pbc-hueso);
  font: 1rem var(--pbc-texto);
}
.pbc-gratis > .pbc-btn { justify-self: start; }
.pbc-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.pbc-form-msg:empty { display: none; }
.pbc-form-msg { display: grid; gap: .5rem; }
.pbc-form-msg p { margin: 0; }
.pbc-form-msg.is-error { padding: .6rem .8rem; background: var(--pbc-coagulo); color: var(--pbc-hueso); }
.pbc-dl-links { list-style: none; display: grid; gap: .6rem; justify-items: start; margin: 0; padding: 0; }
.pbc-compra-hoja { margin-top: 2.5rem; }
.pbc-compra-hoja .pbc-papel { padding: 1.8rem 1.4rem 1.6rem; }
.pbc-vendido-msg { color: var(--pbc-ceniza); }

/* ------------------------------------------------------------ página del producto */
.pbc-producto { padding-top: 1.5rem; }
.pbc-producto-grid { gap: 2.5rem !important; }
.pbc-producto-titulo { margin: 0; color: var(--pbc-sangre); font-size: clamp(2rem, 8vw, 3.2rem); line-height: 1.3; }
.pbc-producto .wp-block-woocommerce-product-summary, .pbc-producto .wc-block-components-product-summary { margin-top: .5rem; }
.pbc-ficha { margin-top: .4rem; }

/* ------------------------------------------------------------ selector de moneda y avisos */
.pbc-moneda { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1.1rem; font-size: .92rem; }
.pbc-moneda .pbc-mini { margin: 0; }
.pbc-moneda-opt { color: var(--pbc-ceniza); text-decoration: none; }
.pbc-moneda-opt.is-on { color: var(--pbc-hueso); text-decoration: underline; text-decoration-color: var(--pbc-sangre); text-decoration-thickness: 3px; text-underline-offset: .35em; }
.pbc-esperando { margin: 1rem auto; padding: .8rem 1rem; max-width: 46rem; background: var(--pbc-coagulo); color: var(--pbc-hueso); }
.pbc-renovar { margin: 0 0 1.5rem; padding: 1rem 1.2rem; background: var(--pbc-coagulo); color: var(--pbc-hueso); }
.pbc-renovar p { margin: 0 0 .8rem; }

/* ------------------------------------------------------------ WooCommerce: carrito, checkout, cuenta */
.wc-block-components-text-input input, .wc-block-components-text-input textarea,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select select, .wc-block-components-textarea,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce-Input {
  background: var(--pbc-hollin) !important;
  color: var(--pbc-hueso) !important;
  border: 1px dashed var(--pbc-ceniza) !important;
  border-radius: 0 !important;
  font-family: var(--pbc-texto) !important;
}
.wc-block-components-text-input label, .wc-block-components-combobox label, .wc-blocks-components-select label { color: var(--pbc-ceniza) !important; }
.wc-block-components-text-input.is-active input, .wc-block-components-text-input input:focus { box-shadow: none !important; outline: 2px dashed var(--pbc-hueso) !important; outline-offset: 2px; }
.wc-block-components-radio-control__input, .wc-block-components-checkbox__input { border-color: var(--pbc-ceniza) !important; background: var(--pbc-hollin) !important; }
.wc-block-components-radio-control__input:checked::before { background: var(--pbc-sangre) !important; }
.wc-block-components-checkbox__mark { fill: var(--pbc-sangre) !important; }
.wc-block-components-radio-control-accordion-option, .wc-block-components-radio-control__option { border-color: rgb(156 144 137 / .4) !important; }
.wc-block-cart, .wc-block-checkout, .wc-block-components-sidebar, .wc-block-components-totals-wrapper { color: var(--pbc-hueso); }
.wc-block-components-sidebar .wc-block-components-panel, .wc-block-checkout__sidebar, .wc-block-cart__sidebar .wc-block-components-sidebar-layout { border-color: rgb(156 144 137 / .3) !important; }
.wc-block-components-order-summary, .wc-block-components-totals-wrapper { border-color: rgb(156 144 137 / .3) !important; }
.wc-block-components-product-name, .wc-block-cart-item__product a { color: var(--pbc-hueso) !important; font-family: var(--pbc-titulo); text-transform: uppercase; font-size: 1rem !important; text-decoration: none; }
.wc-block-components-product-metadata, .wc-block-components-product-details { color: var(--pbc-ceniza) !important; }
.wc-block-cart-items, .wc-block-cart-items td, .wc-block-cart-items th { border-color: rgb(156 144 137 / .3) !important; }
.wc-block-components-title, .wc-block-cart__totals-title, .wc-block-components-checkout-step__title { font-family: var(--pbc-titulo) !important; text-transform: uppercase; font-size: 1.05rem !important; color: var(--pbc-hueso) !important; }
.wc-block-components-checkout-step__description, .wc-block-components-checkout-step__container .wc-block-components-checkout-step__description { color: var(--pbc-ceniza); }
.wc-block-components-notice-banner { background: var(--pbc-hollin) !important; color: var(--pbc-hueso) !important; border: 1px dashed var(--pbc-ceniza) !important; border-radius: 0 !important; }
.wc-block-components-notice-banner.is-error { background: var(--pbc-coagulo) !important; border-color: transparent !important; }
.wc-block-components-notice-banner > svg { fill: var(--pbc-hueso) !important; background: transparent !important; }
.wc-block-components-notice-banner a { color: var(--pbc-hueso) !important; }
.wc-block-components-notice-banner .button, .wc-block-components-notice-banner .wc-forward {
  min-height: 0 !important; padding: 0 !important; font-size: inherit !important;
  color: var(--pbc-hueso) !important; text-decoration: underline !important; text-underline-offset: .25em;
}
.wc-block-components-notice-banner .button::before, .wc-block-components-notice-banner .wc-forward::before { display: none !important; }
.wc-block-components-panel__button, .wc-block-components-totals-coupon-link { color: var(--pbc-hueso) !important; }
.wc-block-mini-cart__drawer .components-modal__content, .wc-block-mini-cart__drawer .wc-block-mini-cart__template-part, .wc-block-components-drawer { background: var(--pbc-hollin) !important; color: var(--pbc-hueso) !important; }
.wc-block-components-drawer__screen-overlay { background: rgb(13 11 11 / .8) !important; }
.wc-block-mini-cart__title { font-family: var(--pbc-titulo); text-transform: uppercase; font-size: 1.2rem !important; }
.wc-block-components-quantity-selector { display: none !important; }
.wc-block-cart-item__remove-link, .wc-block-components-product-remove-link { color: var(--pbc-ceniza) !important; }
.wc-block-components-button.is-link, .wc-block-components-checkout-return-to-cart-button { color: var(--pbc-hueso) !important; }
.wc-block-components-checkout-place-order-button, .wc-block-cart__submit-button, .wc-block-mini-cart__footer-checkout { min-height: 3.2rem !important; font-size: 1.1rem !important; }

.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin: 0 0 1.5rem; }
.woocommerce-MyAccount-navigation a { position: relative; isolation: isolate; display: inline-block; padding: .3rem .6rem; color: var(--pbc-hueso); text-decoration: none; }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--pbc-carbon); }
.woocommerce-MyAccount-navigation li.is-active a::before { content: ""; position: absolute; inset: 0 -.3rem; z-index: -1; background: var(--pbc-sangre); -webkit-mask: var(--pbc-brush-short) center / 100% 100% no-repeat; mask: var(--pbc-brush-short) center / 100% 100% no-repeat; }
.woocommerce table.shop_table, .woocommerce-table, .woocommerce table.my_account_orders { border: 1px dashed rgb(156 144 137 / .4) !important; border-radius: 0 !important; border-collapse: collapse; width: 100%; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: rgb(156 144 137 / .3) !important; padding: .7rem .8rem; }
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice { background: var(--pbc-hollin) !important; color: var(--pbc-hueso) !important; border: 1px dashed var(--pbc-ceniza) !important; border-top-color: var(--pbc-sangre) !important; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--pbc-sangre) !important; }
.woocommerce-order-downloads__title, .woocommerce-order-details__title, .woocommerce-column__title { font-family: var(--pbc-titulo); text-transform: uppercase; color: var(--pbc-hueso); font-size: 1.2rem; }
.wc-block-order-confirmation-status h1 { font-family: var(--pbc-titulo); color: var(--pbc-sangre); }
.wc-block-order-confirmation-status p { font-family: var(--pbc-texto); text-transform: none; font-size: 1.15rem !important; line-height: 1.6; }
.woocommerce-order-downloads a.woocommerce-MyAccount-downloads-file, .wc-block-order-confirmation-downloads a { color: var(--pbc-hueso); }
/* el archivo para bajar, como botón de pincel */
.wc-block-order-confirmation-downloads a.button {
  position: relative; isolation: isolate; display: inline-flex; align-items: center;
  padding: .55rem 1.1rem; color: var(--pbc-carbon) !important; text-decoration: none; overflow-wrap: anywhere; text-align: left;
}
.wc-block-order-confirmation-downloads a.button::before {
  content: ""; position: absolute; z-index: -1; inset: 0 -.15rem; background: var(--pbc-sangre);
  -webkit-mask: var(--pbc-brush-mid) center / 100% 100% no-repeat; mask: var(--pbc-brush-mid) center / 100% 100% no-repeat;
}
.wc-block-order-confirmation-downloads a.button:hover { color: var(--pbc-hueso) !important; }
.wc-block-order-confirmation-downloads a.button:hover::before { background: var(--pbc-coagulo); }
/* en el celular, la tabla de descargas se apila como en "mi cuenta" */
@media (max-width: 640px) {
  .wc-block-order-confirmation-downloads__table thead { display: none; }
  .wc-block-order-confirmation-downloads__table, .wc-block-order-confirmation-downloads__table tbody,
  .wc-block-order-confirmation-downloads__table tr, .wc-block-order-confirmation-downloads__table td { display: block; width: 100%; box-sizing: border-box; }
  .wc-block-order-confirmation-downloads__table tr + tr { border-top: 1px dashed rgb(156 144 137 / .4); }
  .wc-block-order-confirmation-downloads__table td {
    display: flex; justify-content: space-between; align-items: baseline; gap: 1rem;
    padding: .6rem .9rem !important; border-bottom-width: 0 !important; text-align: right !important;
  }
  .wc-block-order-confirmation-downloads__table td::before { content: attr(data-title); font-weight: 700; text-align: left; }
  .wc-block-order-confirmation-downloads__table td.download-file { flex-direction: column; align-items: flex-start; gap: .7rem; padding-bottom: 1rem !important; }
}
.woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password { border: 1px dashed rgb(156 144 137 / .4) !important; border-radius: 0 !important; padding: 1.5rem !important; background: var(--pbc-hollin); }
.pbc-otros-accesos { margin-top: 2rem; padding: 1.5rem; border: 1px dashed rgb(156 144 137 / .4); background: var(--pbc-hollin); }
.pbc-otros-accesos h2 { margin-top: 0; font-size: 1.15rem; color: var(--pbc-hueso); }
.pbc-acceso-google { margin-bottom: 1.2rem; }
.pbc-acceso-magico p { margin: 0 0 .8rem; color: var(--pbc-ceniza); }
.pbc-acceso-magico input[type="text"], .pbc-acceso-magico input[type="email"] {
  box-sizing: border-box; width: 100%; min-height: 3rem; padding: .6rem .8rem;
  border: 1px dashed var(--pbc-ceniza); border-radius: 0; background: var(--pbc-carbon); color: var(--pbc-hueso); font: 1rem var(--pbc-texto);
}

/* ------------------------------------------------------------ editor */
.pbc-tienda-editor { border: 1px dashed var(--pbc-ceniza); padding: 1rem; }
.pbc-editor-label { margin: 0 0 .8rem; font-size: .8rem; letter-spacing: .08em; color: var(--pbc-ceniza); }
.pbc-pestana-editor { border-top: 3px solid var(--pbc-sangre); padding: .8rem 0 1.5rem; margin-bottom: 1.5rem; }
.pbc-pestana-cabecera { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; margin-bottom: 1rem; }
.pbc-pestana-nombre { font-family: var(--pbc-titulo); text-transform: uppercase; font-size: 1.1rem; }
.pbc-pestana-bajada, .pbc-pestana-slug { color: var(--pbc-ceniza); font-size: .85rem; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
  s.pbc-tachado { background-size: 108% 60%; }
  .pbc-card:hover { transform: rotate(var(--tilt, 0deg)); }
}