/* Joyeros Pro Polish (Full Width + Responsive) 🙄 */
:root{
  --joy-shadow: 0 10px 30px rgba(0,0,0,.08);
  --joy-border: rgba(0,0,0,.10);
  --joy-pad: clamp(14px, 2vw, 22px);
}

/* 100% ancho en secciones (pantalla completa) */
.wp-site-blocks{
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Mantener contenido legible al centro (solo lo que NO sea alignfull/alignwide) */
:where(.is-layout-constrained) > :where(:not(.alignfull):not(.alignwide)){
  max-width: var(--wp--style--global--content-size, 820px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--joy-pad);
  padding-right: var(--joy-pad);
}

/* Wide para “catálogo” */
:where(.is-layout-constrained) > :where(.alignwide){
  max-width: var(--wp--style--global--wide-size, 1180px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--joy-pad);
  padding-right: var(--joy-pad);
}

/* Full width real */
:where(.alignfull){
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Tipografía premium */
body{
  background:#FAF7F2;
  color:#121212;
}
.wp-site-blocks, .wp-site-blocks *{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6,
.wp-block-site-title, .wp-block-site-title a{
  font-family: "Playfair Display", ui-serif, Georgia, serif !important;
  letter-spacing:.01em;
}

/* Cards finas */
.wp-block-group,
.wp-block-post,
.wp-block-query .wp-block-post,
.woocommerce ul.products li.product{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  background: rgba(255,255,255,.55);
}

/* Imágenes tipo catálogo */
.wp-block-image img,
.woocommerce img{
  border-radius: 18px;
  box-shadow: var(--joy-shadow);
  height: auto;
  max-width: 100%;
}

/* Botones WP + WooCommerce */
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  border-radius:999px !important;
  background:#121212 !important;
  color:#FAF7F2 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  padding:14px 22px !important;
  transition: transform .12s ease, box-shadow .12s ease;
  white-space: nowrap;
}
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
}

/* Header responsive (evita que se rompa el nav) */
@media (max-width: 782px){
  .wp-site-blocks .wp-block-template-part .wp-block-group{
    flex-wrap: wrap !important;
    gap: 10px;
  }
  .wp-site-blocks .wp-block-template-part nav,
  .wp-site-blocks .wp-block-template-part .wp-block-buttons{
    width: 100%;
    justify-content: flex-start !important;
  }
  .wp-site-blocks .wp-block-template-part .wp-block-site-title{
    font-size: 18px !important;
  }
}