/*
Theme Name: Un mundo + amable Child
Template: umma
Version: 1.0
*/

/* HR personalizado */
.hr-amable{
  border: 0;
  height: 1px;
  max-width: var(--max);
  opacity: .35;
  background: linear-gradient(to right, transparent, var(--gris), transparent);
}

/* Base común */
.umma-card{
  background: var(--navfoot);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

.umma-card + .umma-card{
  margin-top: 30px;
}

.umma-card-title{
  margin: 0 0 10px;
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 400;
  color: var(--texto);
}

.umma-bullets{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.umma-bullets li{
  position: relative;
  padding-left: 1.2em;
}

.umma-bullets li::before{
  content: "◦";
  position: absolute;
  left: 0;
  top: 0.15em;
  color: var(--rojo);
  font-size: 1.1em;
  line-height: 1;
}

.umma-link-underline{
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.umma-link-underline::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: var(--rojo);
  transition: width .25s ease;
}

.umma-link-underline:hover::after{
  width: 100%;
}

.umma-field{
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.14);
  padding: 0 44px 0 12px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  color: var(--texto);
  background: var(--bg);
}

.umma-field:focus{
  outline: none;
  border-color: rgba(var(--rojo-rgb), .55);
  box-shadow: 0 0 0 3px rgba(var(--rojo-rgb), .12);
}

.umma-icon-btn{
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  transition: background-color .15s ease, box-shadow .15s ease;
}

.umma-icon-btn:focus,
.umma-icon-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--rojo-rgb), .18);
}

/* Novedades */
.nov-title{
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 28px;
  letter-spacing: .2px;
  color: var(--texto);
  text-align: center;
  margin: -20px 0 20px 0;
}

.novedades{
  position: relative;
  padding: 60px 0 70px;
}

.novedades::before{
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100dvw;
  z-index: -1;
}

.novedades img{
  border-radius: 18px;
  border: 1px solid rgba(70, 70, 68, .18);
  box-shadow:
    0 6px 16px rgba(0,0,0,.12),
    0 2px 6px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease;
  will-change: transform;
}

@media (hover: hover){
  .novedades a:hover img,
  .novedades a:focus-visible img{
    transform: translateY(-4px);
    box-shadow:
      0 10px 22px rgba(0,0,0,.14),
      0 4px 10px rgba(0,0,0,.10);
  }
}

.novedades .wp-block-post-title{
  margin: 14px 0 6px !important;
  line-height: 1.25 !important;
}

.novedades .wp-block-post-title a{
  font-size: 18px;
  color: var(--texto);
  text-decoration: none;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
}

@media (hover: hover){
  .novedades .wp-block-post-title a:hover{
    color: var(--rojo);
  }
}

.novedades .wc-block-components-product-price{
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--gris);
  margin-top: 6px;
}

body.home .novedades{
  margin: 0;
  padding: 2rem 0;
}

body.home .novedades.is-layout-constrained > .nov-title,
body.home .novedades.is-layout-constrained > .wp-block-buttons,
body.home .novedades.is-layout-constrained .wp-block-woocommerce-product-collection.alignwide,
body.home .novedades.is-layout-constrained .wc-block-product-template__responsive{
  width: 100% !important;
  max-width: var(--max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Home: eliminar margen fantasma */
body.home .entry-content{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.home .entry-content > *:last-child{
  margin-bottom: 0 !important;
}

/* Botones pill (global Gutenberg/Woo blocks) */
.wp-block-button.wc-block-components-product-button .wp-block-button__link,
.wp-block-button .wp-block-button__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .62rem 1.05rem;
  border-radius: 999px;
  font-size: .92rem;
  font-weight: 600 !important;
  letter-spacing: .1px;
  background: var(--bg-alpha);
  color: var(--texto);
  border: 1px solid rgba(29,29,27,.14);
  text-decoration: none;
}

.wp-block-button.wc-block-components-product-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:hover{
  background: var(--navfoot);
  color: var(--rojo);
  border-color: var(--rojo);
  box-shadow: 0 10px 22px rgba(29,29,27,.10);
  text-decoration: none;
}

.wp-block-button.wc-block-components-product-button .wp-block-button__link:focus-visible,
.wp-block-button .wp-block-button__link:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(232,60,53,.18), 0 10px 22px rgba(29,29,27,.10);
}

.wc-block-components-product-button__button.wp-element-button{
  box-shadow: none !important;
}

/* Separar botón "Ver catálogo" */
.wp-block-button .wp-block-button__link[href*="tienda"],
.wp-block-button .wp-block-button__link[href*="catalog"]{
  margin-top: 1rem;
}

/* Alinear botones en grillas de productos (blocks) */
.wc-block-product .wp-block-post-title,
.wc-block-components-product-title,
.wc-block-product-title{
  min-height: calc(1.4em * 2);
  line-height: 1.4;
  margin-bottom: .55rem;
}

/* CTA WhatsApp en el menú */
.menu-whatsapp > a{
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(var(--gris-rgb), 0.5);
  background: #25D366;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  box-shadow: none;
}

.menu-whatsapp > a:hover{
  background: #1ebe5d;
  text-decoration: none;
}

.menu-whatsapp > a::before{
  content: "\f232";
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

.menu-whatsapp > a::after{
  display: none !important;
}

@media (max-width: 768px){
  .menu-whatsapp{
    display: flex;
    justify-content: center;
  }

  .menu-whatsapp > a{
    width: auto !important;
    max-width: none !important;
    padding: 0.5rem 1.25rem !important;
  }
}

/* Woo breadcrumb */
.woocommerce .woocommerce-breadcrumb{
  max-width: var(--max);
  margin: 1.25rem auto 0.5rem;
  padding: 0 1rem;
  font-size: 0.9rem;
  color: rgba(var(--gris-rgb), 0.85);
  letter-spacing: 0.01em;
  text-decoration: underline;
  text-decoration-color: rgba(var(--rojo-rgb), 0.55);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.woocommerce .woocommerce-breadcrumb a{
  color: rgba(var(--texto-rgb), 0.85);
  text-decoration: none;
}

.woocommerce .woocommerce-breadcrumb a:hover{
  text-decoration: underline;
  text-decoration-color: rgba(var(--rojo-rgb), 0.35);
  text-underline-offset: 4px;
}

/* Catálogo WooCommerce */
body.woocommerce.archive .woocommerce-result-count,
body.woocommerce.archive .woocommerce-ordering{
  display: none !important;
}

@media (min-width: 992px){
  body.woocommerce.archive{
    display: grid;
    grid-template-columns:
      1fr
      minmax(0, calc(var(--max) - 320px - 2.25rem))
      320px
      1fr;
    column-gap: 2.25rem;
    align-items: start;
  }

  body.woocommerce.archive > header.site-header,
  body.woocommerce.archive > footer.site-footer,
  body.woocommerce.archive > .site-subfooter{
    grid-column: 1 / -1;
  }

  body.woocommerce.archive > #primary{
    grid-column: 2;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  body.woocommerce.archive #primary > .site-main{
    padding-left: 0;
    padding-right: 0;
  }

  body.woocommerce.archive #primary .woocommerce{
    margin-left: 0;
    padding-left: 0;
  }

  body.woocommerce.archive > #sidebar-shop{
    grid-column: 3;
    margin: 0;
    padding: 0;
  }

  body.woocommerce.archive #sidebar-shop > .sidebar-block:first-child{
    margin-top: 36px;
  }
}

body.woocommerce.archive ul.products{
  margin-left: 0;
  padding-left: 0;
}

/* Título catálogo */
body.woocommerce.archive .woocommerce-products-header__title,
.woocommerce-products-header__title.page-title {
  margin: 0 0 clamp(1.5rem, 2vw, 2.25rem) 0;
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 28px;
  line-height: 1.25;
  color: var(--texto);
}

/* Cards catálogo (look home) */
body.woocommerce.archive ul.products li.product{
  background: transparent;
  text-align: center;
  display: flex;
  flex-direction: column;
}

body.woocommerce.archive ul.products li.product .woocommerce-LoopProduct-link{
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

body.woocommerce.archive ul.products li.product a img{
  border-radius: 18px;
  border: 1px solid rgba(70, 70, 68, .18);
  box-shadow:
    0 6px 16px rgba(0,0,0,.12),
    0 2px 6px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease;
  will-change: transform;
}

@media (hover: hover){
  body.woocommerce.archive ul.products li.product a:hover img,
  body.woocommerce.archive ul.products li.product a:focus-visible img{
    transform: translateY(-4px);
    box-shadow:
      0 10px 22px rgba(0,0,0,.14),
      0 4px 10px rgba(0,0,0,.10);
  }
}

body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title{
  margin: -10.5px 0 6px !important;
  line-height: 1.25 !important;
  font-size: 18px;
  color: var(--texto);
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  min-height: calc(1.25em * 3);
  max-height: calc(1.25em * 3);
}

@media (max-width: 520px){
  body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title{
    -webkit-line-clamp: 4;
    min-height: calc(1.25em * 4);
    max-height: calc(1.25em * 4);
  }
}

@media (hover: hover){
  body.woocommerce.archive ul.products li.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title{
    color: var(--rojo);
  }
}

body.woocommerce.archive ul.products li.product .price{
  display: block;
  margin-top: -8px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: var(--gris);
  min-height: 1.6em;
}

body.woocommerce.archive ul.products li.product a.button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .62rem 1.05rem;
  border-radius: 999px;
  font-size: .92rem;
  font-weight: 600;
  letter-spacing: .1px;
  background: var(--bg-alpha);
  color: var(--texto);
  border: 1px solid rgba(29,29,27,.14);
  text-decoration: none;

  margin-top: auto;
  align-self: center;
  width: auto;
}

body.woocommerce.archive ul.products li.product a.button:hover{
  background: var(--navfoot);
  color: var(--rojo);
  border-color: var(--rojo);
  text-decoration: none;
}

body.woocommerce.archive ul.products li.product a.button:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(232,60,53,.18), 0 10px 22px rgba(29,29,27,.10);
}

/* Sidebar Woo (archive + single) */
.woocommerce #sidebar-shop .sidebar-block{
  background: var(--navfoot);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 18px 18px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

.woocommerce #sidebar-shop .sidebar-block + .sidebar-block{
  margin-top: 30px;
  margin-bottom: 2rem;
}

.woocommerce #sidebar-shop h2{
  margin: 0 0 10px;
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 400;
  color: var(--texto);
}

.woocommerce #sidebar-shop .product-categories{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.woocommerce #sidebar-shop .product-categories li{
  position: relative;
  padding-left: 1.2em;
}

.woocommerce #sidebar-shop .product-categories li::before{
  content: "◦";
  position: absolute;
  left: 0;
  top: 0.15em;
  color: var(--rojo);
  font-size: 1.1em;
  line-height: 1;
}

.woocommerce #sidebar-shop .product-categories a{
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--gris);
}

.woocommerce #sidebar-shop .product-categories a:hover {
  color: var(--rojo);
}

/* Buscador Woo (lupa clickeable) */
.woocommerce #sidebar-shop .shop-search__field{
  position: relative;
  overflow: visible;
}

.woocommerce #sidebar-shop .shop-search__field input[type="search"]{
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.14);
  padding: 0 44px 0 12px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  color: var(--texto);
  background: var(--bg);
}

.woocommerce #sidebar-shop .shop-search__field input[type="search"]:focus{
  outline: none;
  border-color: rgba(var(--rojo-rgb), .55);
  box-shadow: 0 0 0 3px rgba(var(--rojo-rgb), .12);
}

.woocommerce #sidebar-shop .shop-search__submit{
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--gris-rgb), .85);
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}

.woocommerce #sidebar-shop .shop-search__submit:hover{
  color: var(--rojo);
  background: rgba(var(--rojo-rgb), .10);
}

.woocommerce #sidebar-shop .shop-search__submit:focus,
.woocommerce #sidebar-shop .shop-search__submit:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--rojo-rgb), .18);
}

/* Paginación catálogo */
body.woocommerce.archive nav.woocommerce-pagination{
  margin-top: 28px;
  border: 0;
}

body.woocommerce.archive .woocommerce-pagination .page-numbers{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.woocommerce.archive .woocommerce-pagination .page-numbers li{
  border: 0;
}

body.woocommerce.archive .woocommerce-pagination .page-numbers a,
body.woocommerce.archive .woocommerce-pagination .page-numbers span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .1px;
  color: var(--texto);
  background: var(--bg-alpha);
  border: 1px solid rgba(29,29,27,.14);
  text-decoration: none;
  box-shadow: none;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

body.woocommerce.archive .woocommerce-pagination .page-numbers a:hover{
  background: var(--navfoot);
  border-color: rgba(var(--rojo-rgb), .55);
  color: var(--rojo);
  text-decoration: none;
}

body.woocommerce.archive .woocommerce-pagination .page-numbers .current{
  background: var(--navfoot);
  border-color: rgba(var(--rojo-rgb), .55);
  color: var(--rojo);
}

body.woocommerce.archive .woocommerce-pagination .page-numbers .next,
body.woocommerce.archive .woocommerce-pagination .page-numbers .prev{
  padding-inline: 16px;
}

/* Single product – layout tipo catálogo */
@media (min-width: 992px){
  body.single-product{
    display: grid;
    grid-template-columns:
      1fr
      minmax(0, calc(var(--max) - 320px - 2.25rem))
      320px
      1fr;
    column-gap: 2.25rem;
    align-items: start;
    background: transparent;
  }

  body.single-product > header.site-header,
  body.single-product > footer.site-footer,
  body.single-product > .site-subfooter{
    grid-column: 1 / -1;
  }

  body.single-product > #primary{
    grid-column: 2;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  body.single-product > #sidebar-shop{
    grid-column: 3;
    margin: 0;
    padding: 0;
  }

  body.single-product #sidebar-shop > .sidebar-block:first-child{
    margin-top: 36px;
  }
}

body.single-product .product_title{
  margin: 0 0 clamp(1.5rem, 2vw, 2.25rem) 0;
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 28px;
  line-height: 1.25;
  color: var(--texto);
}

/* Galería producto */
body.single-product .woocommerce-product-gallery{
  max-width: 560px;
}

body.single-product .woocommerce-product-gallery .flex-viewport{
  overflow: hidden !important;
  border-radius: 18px;
  border: 1px solid rgba(70,70,68,.18);
  background: #fff;
  box-shadow:
    0 10px 24px rgba(0,0,0,.12),
    0 4px 10px rgba(0,0,0,.08);
}

body.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image{
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a{
  display: block;
}

body.single-product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a > img{
  display: block;
  width: 100% !important;
  height: auto !important;
}

body.single-product .woocommerce-product-gallery .zoomImg{
  border-radius: 18px;
}

body.single-product .woocommerce-product-gallery .flex-control-nav{
  margin-top: 18px !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs{
  display: flex;
  gap: 14px;
  padding: 0 !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li{
  width: 72px;
  margin: 0 !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img{
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid rgba(70,70,68,.18);
  opacity: .75;
  transition: opacity .2s ease, transform .2s ease;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
body.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover{
  opacity: 1;
  transform: translateY(-2px);
}

body.single-product .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__image{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(70,70,68,.18);
  background: #fff;
  box-shadow:
    0 10px 24px rgba(0,0,0,.12),
    0 4px 10px rgba(0,0,0,.08);
}

/* Lightbox overlay */
.pswp__bg{
  background: rgba(0,0,0,.78) !important;
}

/* Single product – bloque editorial */
.umma-product-editorial{
  display: flex;
  flex-direction: column;
  --umma-icon-col: 1.6rem;
  --umma-icon-gap: .25rem;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.umma-section-title{
  display: flex;
  align-items: center;
  gap: var(--umma-icon-gap);
  font-size: 16.5px;
  font-weight: 600;
  letter-spacing: .15px;
  color: var(--texto);
  margin: 0;
}

.umma-section-title i{
  color: var(--rojo);
  font-size: 1em;
  line-height: 1;
  flex: 0 0 var(--umma-icon-col);
  width: var(--umma-icon-col);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.umma-desc-long,
.umma-product-cats,
.umma-product-price{
  font-family: inherit;
  font-size: 16px;
  line-height: 1.6;
  color: var(--gris);
  padding-left: 2rem;
}

/* Variaciones: lista "Tamaños y precios" (mismo estilo que bullets sidebar) */
.umma-variation-price-list{
  font-family: inherit;
  font-size: 16px;
  line-height: 1.6;
  color: var(--gris);
  padding-left: 2rem; /* alinea con Descripción/Categoría/Precio */
  margin-top: .25rem; /* mismo “aire” que los otros bloques */
}

.umma-variation-price-list ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6x;
}

.umma-variation-price-list li{
  position: relative;
  padding-left: 1.2em;
}

.umma-variation-price-list li::before{
  content: "◦";
  position: absolute;
  left: 0;
  top: 0.15em;
  color: var(--rojo);
  font-size: 1.1em;
  line-height: 1;
}

.umma-desc-long p{
  margin: 0;
  text-align: justify;
}

.umma-product-cats a{
  color: inherit;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.umma-product-cats a:hover {
  color: var(--rojo);
}

/* Ritmo */
.umma-section-title + .umma-desc-long,
.umma-section-title + .umma-product-cats,
.umma-section-title + .umma-product-price{
  margin-top: 0.25rem;
}

.umma-desc-long + .umma-section-title,
.umma-product-cats + .umma-section-title,
.umma-product-price + .umma-section-title{
  margin-top: 1.5rem;
}

.umma-product-price + .umma-whatsapp-cta{
  margin-top: 1.5rem;
}

/* Single product – Tamaños y precios (minimal, estilo editorial) */
.umma-variation-price-list{
  font-family: inherit;
  font-size: 16px;
  line-height: 1.6;
  color: var(--gris);
  padding-left: 2rem; /* misma sangría que desc/cats/precio */
  margin-top: .25rem; /* como el resto */
}

.umma-variation-price-list > strong{
  display: block;
  font-weight: 600;
  color: var(--texto);
  margin: 0 0 .35rem 0;
}

.umma-variation-price-list ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.umma-variation-price-list li{
  position: relative;
  padding-left: 1.2em;
}

.umma-variation-price-list li::before{
  content: "◦";
  position: absolute;
  left: 0;
  top: 0.15em;
  color: var(--rojo);
  font-size: 1.1em;
  line-height: 1;
}

.umma-variation-price-list .amount{
  white-space: nowrap;
}

/* CTA WhatsApp (producto) */
.umma-whatsapp-cta{
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .55rem 1.05rem;
  border-radius: 8px;
  border: 1px solid rgba(var(--gris-rgb), .5);
  background: #25D366;
  color: #ffffff;
  font-weight: 600;
  font-size: .9rem;
  text-decoration: none;
  transition: background .15s ease, transform .15s ease;
}

.umma-whatsapp-cta:hover{
  background: #1ebe5d;
  transform: translateY(-1px);
  text-decoration: none;
}

.umma-whatsapp-cta:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(37,211,102,.35);
}

/* Single product – separación lista de variaciones */
.umma-variation-price-list{
  margin-bottom: 14px;
}

/* CTA Compartir (producto) — mismo estilo que WhatsApp */
.umma-share-btn{
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .55rem 1.05rem;
  border-radius: 8px;
  border: 1px solid rgba(var(--gris-rgb), .5);
  background: var(--gris-alpha);
  color: var(--texto);
  font-weight: 600;
  font-size: .9rem;
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease, transform .15s ease;
}

.umma-share-btn:hover{
  background: #f3efe8;
  transform: translateY(-1px);
}

.umma-share-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(37,211,102,.25);
}

/* Fila de CTAs (WhatsApp + Compartir) */
.umma-product-ctas{
  display: inline-flex;
  gap: 8px; /* ESTE es el valor a tocar */
  margin-top: 1.5rem;
}

/* Productos relacionados */
.woocommerce-tabs{
  padding-top: 2.5rem;
}

.woocommerce-tabs.wc-tabs-wrapper ul.products li.product{
  background: transparent;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.woocommerce-tabs.wc-tabs-wrapper ul.products li.product .woocommerce-LoopProduct-link{
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

.woocommerce-tabs.wc-tabs-wrapper ul.products li.product a img{
  border-radius: 18px;
  border: 1px solid rgba(70, 70, 68, .18);
  box-shadow:
    0 6px 16px rgba(0,0,0,.12),
    0 2px 6px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease;
  will-change: transform;
}

@media (hover: hover){
  .woocommerce-tabs.wc-tabs-wrapper ul.products li.product a:hover img,
  .woocommerce-tabs.wc-tabs-wrapper ul.products li.product a:focus-visible img{
    transform: translateY(-4px);
    box-shadow:
      0 10px 22px rgba(0,0,0,.14),
      0 4px 10px rgba(0,0,0,.10);
  }
}

.woocommerce-tabs.wc-tabs-wrapper ul.products li.product .woocommerce-loop-product__title{
  margin: 14px 0 6px !important;
  line-height: 1.25 !important;
  font-size: 18px;
  color: var(--texto);
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  min-height: calc(1.25em * 3);
  max-height: calc(1.25em * 3);
}

@media (max-width: 520px){
  .woocommerce-tabs.wc-tabs-wrapper ul.products li.product .woocommerce-loop-product__title{
    -webkit-line-clamp: 4;
    min-height: calc(1.25em * 4);
    max-height: calc(1.25em * 4);
  }
}

@media (hover: hover){
  .woocommerce-tabs.wc-tabs-wrapper ul.products li.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title{
    color: var(--rojo);
  }
}

.woocommerce-tabs.wc-tabs-wrapper ul.products li.product .price{
  display: block;
  margin-top: 6px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--gris);
  min-height: 1.6em;
}

.woocommerce-tabs.wc-tabs-wrapper ul.products li.product a.button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .62rem 1.05rem;
  border-radius: 999px;
  font-size: .92rem;
  font-weight: 600;
  letter-spacing: .1px;
  background: var(--bg-alpha);
  color: var(--texto);
  border: 1px solid rgba(29,29,27,.14);
  text-decoration: none;

  margin-top: auto;
  align-self: center;
  width: auto;
}

.woocommerce-tabs.wc-tabs-wrapper ul.products li.product a.button:hover{
  background: var(--navfoot);
  color: var(--rojo);
  border-color: var(--rojo);
  text-decoration: none;
}

.woocommerce-tabs.wc-tabs-wrapper ul.products li.product a.button:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(232,60,53,.18), 0 10px 22px rgba(29,29,27,.10);
}

/* Ocultar título "Productos relacionados" */
body.single-product .woocommerce-tabs section.related.products > h2{
  display: none;
}

/* Volver al catálogo */
.volver-catalogo{
  position: relative;
  display: inline-block;
  margin: 0 0 1rem;
  font-size: 14px;
  color: var(--gris);
  text-decoration: none;
}

.volver-catalogo:hover {
  color: var(--rojo);
  text-decoration: none;
}

body.single-product .product{
  position: relative;
  padding-top: 1.25rem;
}

body.single-product .volver-catalogo{
  position: absolute;
  top: -1.5rem;
  left: 0;
}

@media (max-width: 768px){
  body.single-product .volver-catalogo{
    top: -1rem;
  }
}

/* Ajustes mobile padding sidebars */
@media (max-width: 1024px){
  .woocommerce #sidebar-shop{
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* Anti-fondos */
body.woocommerce.archive,
body.home{
  background: transparent !important;
}

@media (max-width: 1024px){
  body,
  .site-footer,
  .site-subfooter{
    background: var(--bg-alpha) !important;
  }
}

/* Micro ajuste single */
body.single-product .site-main{
  padding-bottom: 1px;
  margin-bottom: -30px;
}

/* NOTICIAS – Layout base */
.umma-news-layout{
  width: min(var(--max), calc(100% - 32px));
  margin-inline: auto;
  max-width: none;
  padding: 0;
}

.umma-news-main{
  min-width: 0;
}

.titulo_noticias{
  margin: 0 0 1.25rem 0;
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 28px;
  line-height: 1.25;
  color: var(--texto);
}

/* Noticias: fondo general */
body.blog,
body.archive,
body.single-post{
  background: var(--bg-alpha);
}

/* Noticias: thumb */
.umma-news-thumb{
  display: block;
  height: 200px;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(70,70,68,.18);
  box-shadow:
    0 6px 16px rgba(0,0,0,.12),
    0 2px 6px rgba(0,0,0,.08);
  background: #fff;
}

.umma-news-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (hover: hover){
  .umma-news-thumb{
    transition: transform .25s ease, box-shadow .25s ease;
  }

  .umma-news-thumb:hover{
    transform: translateY(-4px);
    box-shadow:
      0 10px 22px rgba(0,0,0,.14),
      0 4px 10px rgba(0,0,0,.10);
  }
}

/* Noticias – layout desktop alineado al catálogo */
@media (min-width: 992px){
  /* Marco general (igual que catálogo) */
  body.blog,
  body.single-post,
  body.archive{
    display: grid;
    grid-template-columns:
      1fr
      minmax(0, calc(var(--max) - 320px - 2.25rem))
      320px
      1fr;
    column-gap: 2.25rem;
    align-items: start;
  }

  /* Header y footer a todo el ancho */
  body.blog > header.site-header,
  body.blog > footer.site-footer,
  body.blog > .site-subfooter,
  body.single-post > header.site-header,
  body.single-post > footer.site-footer,
  body.single-post > .site-subfooter,
  body.archive > header.site-header,
  body.archive > footer.site-footer,
  body.archive > .site-subfooter{
    grid-column: 1 / -1;
  }

  /* Contenedor noticias (contenido + sidebar) */
  body.blog .umma-news-layout,
  body.single-post .umma-news-layout,
  body.archive .umma-news-layout{
    grid-column: 2 / 4;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    column-gap: 2.25rem;
    align-items: start;
  }

  /* Grilla de cards */
  body.blog .umma-news-main,
  body.archive .umma-news-main{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    row-gap: 10px;
  }

  body.blog .umma-news-main > .titulo_noticias,
  body.archive .umma-news-main > .titulo_noticias{
    grid-column: 1 / -1;
  }

  /* Sidebar */
  body.blog .umma-sidebar--news,
  body.single-post .umma-sidebar--news,
  body.archive .umma-sidebar--news{
    width: 320px;
    max-width: 320px;
    justify-self: start;
  }

  body.blog .umma-sidebar--news .umma-widget:first-child,
  body.archive .umma-sidebar--news .umma-widget:first-child,
  body.single-post .umma-sidebar--news .umma-widget:first-child{
    margin-top: 36px;
  }
}


@media (min-width: 768px) and (max-width: 991px){
  body.blog .umma-news-main,
  body.archive .umma-news-main{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    row-gap: 10px;
  }

  body.blog .umma-news-main > .titulo_noticias,
  body.archive .umma-news-main > .titulo_noticias{
    grid-column: 1 / -1;
  }
}

/* Noticias: título + meta */
/* Noticias: alinear categoría y fecha a la misma altura (cards parejas) */
@media (min-width: 768px){
  body.blog .umma-news-item,
  body.archive .umma-news-item{
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-bottom: 0; /* la grilla ya maneja el gap */
  }

  /* Título a 2 líneas para que todas las cards queden parejas */
  body.blog .umma-news-item .entry-title,
  body.archive .umma-news-item .entry-title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: calc(1.25em * 2); /* misma altura en todas */
  }

  /* Empuja la meta al “piso” de la card */
  body.blog .umma-news-item .umma-news-meta,
  body.archive .umma-news-item .umma-news-meta{
    margin-top: auto;
    margin-bottom: 2.992em;
  }
}

.umma-news-item{
  margin-bottom: 3rem;
  text-align: center;
}

.umma-news-item .entry-title{
  margin: 14px 0 6px 0;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
}

.umma-news-item .entry-title a{
  color: var(--texto);
  text-decoration: none;
  transition: color .2s ease;
}

@media (hover: hover){
  .umma-news-item .entry-title a:hover{
    color: var(--rojo);
  }

  .umma-news-thumb:hover ~ .entry-title a{
    color: var(--rojo);
  }
}

.umma-news-meta{
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 6px;
  font-size: 14px;
  color: rgba(70,70,68,.9);
}

.umma-news-meta a{
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: var(--gris);
}

.umma-news-meta a{
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.umma-news-meta a:hover{
  color: var(--rojo);
}

.umma-news-meta .umma-news-cat{
  font-weight: 600;
}

.umma-news-meta .umma-news-date{
  font-size: 13px;
  color: rgba(70,70,68,.75);
}

/* Noticias: sidebar widgets (mismo look que catálogo) */
body.blog .umma-sidebar--news .umma-widget,
body.archive .umma-sidebar--news .umma-widget,
body.single-post .umma-sidebar--news .umma-widget{
  background: var(--navfoot);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

body.blog .umma-sidebar--news .umma-widget + .umma-widget,
body.archive .umma-sidebar--news .umma-widget + .umma-widget,
body.single-post .umma-sidebar--news .umma-widget + .umma-widget{
  margin: 30px 0;
}

.umma-sidebar--news .umma-widget-title{
  margin: 0 0 10px;
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 400;
  color: var(--texto);
}

/* Noticias: buscador (lupa por SVG, igual de confiable que catálogo) */
.umma-sidebar--news .umma-widget-search form{
  position: relative;
}

.umma-sidebar--news .umma-widget-search input[type="text"]{
  width: 100%;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.14);
  padding: 0 44px 0 12px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  color: var(--texto);
  background: var(--bg);
}

.umma-sidebar--news .umma-widget-search input[type="text"]:focus{
  outline: none;
  border-color: rgba(var(--rojo-rgb), .55);
  box-shadow: 0 0 0 3px rgba(var(--rojo-rgb), .12);
}

.umma-sidebar--news .umma-widget-search input[type="submit"]{
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background-color: transparent;
  cursor: pointer;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236b6b6b' d='M10 4a6 6 0 1 1 0 12a6 6 0 0 1 0-12m0-2a8 8 0 1 0 4.9 14.3l4.4 4.4l1.4-1.4l-4.4-4.4A8 8 0 0 0 10 2Z'/%3E%3C/svg%3E");

  transition: background-color .15s ease;
}

.umma-sidebar--news .umma-widget-search input[type="submit"]:hover{
  background-color: rgba(var(--rojo-rgb), .10);

  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e83c35' d='M10 4a6 6 0 1 1 0 12a6 6 0 0 1 0-12m0-2a8 8 0 1 0 4.9 14.3l4.4 4.4l1.4-1.4l-4.4-4.4A8 8 0 0 0 10 2Z'/%3E%3C/svg%3E");
}

.umma-sidebar--news .umma-widget-search input[type="submit"]:focus,
.umma-sidebar--news .umma-widget-search input[type="submit"]:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--rojo-rgb), .18);
}

/* Noticias: listas (categorías, etc.) */
.umma-sidebar--news .umma-widget-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.umma-sidebar--news .umma-widget-list li{
  position: relative;
  padding-left: 1.2em;
}

.umma-sidebar--news .umma-widget-list li::before{
  content: "◦";
  position: absolute;
  left: 0;
  top: 0.15em;
  color: var(--rojo);
  font-size: 1.1em;
  line-height: 1;
}

.umma-sidebar--news .umma-widget-list a{
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: var(--gris);
  transition: color .2s ease;
}

@media (hover: hover){
  .umma-sidebar--news .umma-widget-list a:hover{
    color: var(--rojo);
  }
}

/* Noticias: archivo + chevron */
.umma-sidebar--news .umma-archives-year__toggle{
  all: unset;
  cursor: pointer;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--texto);

  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.umma-sidebar--news .umma-archives-year__toggle::after{
  content: "›";
  display: inline-block;
  font-size: 30px;
  line-height: 1;
  color: var(--texto);
  transform: rotate(0deg);
  transition: transform .2s ease, color .2s ease;
  position: relative;
  top: -1px;
}

.umma-sidebar--news .umma-archives-year__toggle[aria-expanded="true"]::after{
  color: var(--rojo);
  transform: rotate(90deg);
}

.umma-sidebar--news .umma-archives-list{
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.umma-sidebar--news .umma-archives-list li{
  position: relative;
  padding-left: 1.2em;
}

.umma-sidebar--news .umma-archives-list li::before{
  content: "◦";
  position: absolute;
  left: 0;
  top: 0.25em;
  color: var(--rojo);
  font-size: 1.1em;
  line-height: 1;
}

.umma-sidebar--news .umma-archives-list a{
  position: relative;
  display: inline-block;
  color: var(--gris);
  text-decoration: none;
  font-size: 15px;
}

.umma-sidebar--news .umma-archives-list a:hover{
  color: var(--rojo);
}
/* Noticias: incluir Search en el mismo layout */
body.search{
  background: var(--bg-alpha);
}

@media (min-width: 992px){
  body.search{
    display: grid;
    grid-template-columns:
      1fr
      minmax(0, calc(var(--max) - 320px - 2.25rem))
      320px
      1fr;
    column-gap: 2.25rem;
    align-items: start;
  }

  body.search > header.site-header,
  body.search > footer.site-footer,
  body.search > .site-subfooter{
    grid-column: 1 / -1;
  }

  body.search .umma-news-layout{
    grid-column: 2 / 4;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    column-gap: 2.25rem;
    align-items: start;
  }

  body.search .umma-news-main{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    row-gap: 10px;
  }

  body.search .umma-news-main > .page-header{
    grid-column: 1 / -1;
  }

  body.search .umma-sidebar--news{
    width: 320px;
    max-width: 320px;
    justify-self: start;
  }

  body.search .umma-sidebar--news .umma-widget:first-child{
    margin-top: 36px;
  }
}

@media (max-width: 767px){
  body.search .umma-news-main{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    row-gap: 22px;
    align-items: start;
  }

  body.search .umma-news-main > .page-header{
    grid-column: 1 / -1;
  }

  body.search .umma-news-item{
    margin: 0;
    align-items: center;
    text-align: center;
  }

  body.search .umma-news-thumb{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0 auto 10px;
  }

  body.search .umma-news-item .entry-title{
    margin: 8px 0 6px 0;
    line-height: 1.25;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: calc(1.25em * 2);
  }
}

/* Sidebar noticias padding en mobile (search incluido) */
@media (max-width: 1024px){
  body.search .umma-sidebar.umma-sidebar--news{
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 2rem;
  }
}

/* Noticias mobile */
@media (max-width: 767px){
  body.blog .umma-news-main,
  body.archive .umma-news-main{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    row-gap: 22px;
    align-items: start;
  }

  body.blog .umma-news-main > .titulo_noticias,
  body.archive .umma-news-main > .titulo_noticias{
    grid-column: 1 / -1;
  }

  body.blog .umma-news-item,
  body.archive .umma-news-item{
    margin: 0;
    align-items: center;
    text-align: center;
  }

  body.blog .umma-news-thumb,
  body.archive .umma-news-thumb{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0 auto 10px;
  }

  body.blog .umma-news-item .entry-title,
  body.archive .umma-news-item .entry-title{
    margin: 8px 0 6px 0;
    line-height: 1.25;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: calc(1.25em * 2);
  }
}

@media (max-width: 1024px){
  .umma-sidebar.umma-sidebar--news{
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 2rem;
  }
}
/* STOCK */

/* Para poder posicionar el badge */
body.woocommerce.archive ul.products li.product .woocommerce-LoopProduct-link{
  position: relative;
}

/* Badge en catálogo */
.umma-stock-badge{
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
  padding: .4rem .7rem;
  border-radius: 999px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  background: var(--rojo);
  color: #fff !important;
  border: 1px solid var(--bg);
  box-shadow:
    2px 2px 3px rgba(0,0,0,.22),
    2px 2px 3px rgba(0,0,0,.18);
  transform: rotate(-4deg); /* izquierda abajo, derecha arriba */
}

/* Variantes */
.umma-stock--out{
  border-color: rgba(var(--rojo-rgb), .45);
  color: var(--rojo);
}

.umma-stock--backorder{
  border-color: rgba(29,29,27,.18);
  color: var(--gris);
}

/* Single product (debajo del precio) */
.umma-product-stock{
  display: inline-block;
  margin-top: .45rem;
  padding: .35rem .65rem;
  border-radius: 999px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
  background: var(--rojo);
  color: #fff;
  border: 1px solid var(--rojo);
  box-shadow:
    0 4px 12px rgba(0,0,0,.20),
    0 2px 6px rgba(0,0,0,.16);
  transform: rotate(-4deg); /* izquierda abajo, derecha arriba */
}

/* Precio + estado de stock en una misma línea */
.umma-product-price{
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap; /* por si en mobile necesita bajar */
}


.umma-product-price .amount{
  white-space: nowrap;
}

/* HOME – Badge "Agotado" en Novedades (Woo Blocks) */

/* El contenedor del item debe permitir posicionar el sticker */
body.home .novedades li.outofstock{
  position: relative;
}

/* En blocks, la imagen suele estar envuelta así */
body.home .novedades li.outofstock .wc-block-components-product-image{
  position: relative;
  display: block;
}

/* Sticker */
body.home .novedades li.outofstock .wc-block-components-product-image::before{
  content: "Agotado";
  position: absolute;
  top: 14px;
  left: 12px;
  z-index: 2;
  padding: .4rem .7rem;
  border-radius: 999px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  background: var(--rojo);
  color: #fff;
  border: 1px solid var(--rojo);
  box-shadow:
    0 6px 16px rgba(0,0,0,.22),
    0 2px 6px rgba(0,0,0,.18);
  transform: rotate(-4deg);
}

/* Sidebar catálogo: últimas noticias (alineado con Categorías) */
.woocommerce #sidebar-shop .sidebar-latest-news .umma-latest-news{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Item */
.woocommerce #sidebar-shop .sidebar-latest-news .umma-latest-news__item{
  position: relative;
  padding-left: 1.2em; /* igual que Categorías */
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Separador suave entre items */
.woocommerce #sidebar-shop .sidebar-latest-news .umma-latest-news__item + .umma-latest-news__item{
  border-top: 1px solid rgba(70, 70, 68, .12);
}

/* Bullet rojo alineado con la primera línea del texto */
.woocommerce #sidebar-shop .sidebar-latest-news .umma-latest-news__item::before{
  content: "◦";
  position: absolute;
  left: 0;
  top: .75em; /* ajuste fino de alineación */
  color: var(--rojo);
  font-size: 1.1em;
  line-height: 1;
}

/* Título (clamp 2 líneas) */
.woocommerce #sidebar-shop .sidebar-latest-news .umma-latest-news__title{
  text-decoration: none;
  color: var(--texto);
  font-weight: 400;
  line-height: 1.35;

  /* clamp 2 líneas */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  transition: color .2s ease;
}

.woocommerce #sidebar-shop .sidebar-latest-news .umma-latest-news__title:hover{
  color: var(--rojo);
}

/* Fecha debajo */
.woocommerce #sidebar-shop .sidebar-latest-news .umma-latest-news__date{
  margin-top: 0.75rem;
  font-size: 13px;
  color: var(--gris);
  line-height: 1.2;
}

/* Ícono calendario */
.woocommerce #sidebar-shop .sidebar-latest-news .umma-latest-news__date i{
  opacity: .75;
}

/* Mensaje vacío */
.woocommerce #sidebar-shop .sidebar-latest-news .umma-latest-news__empty{
  margin: 0;
  font-size: 14px;
  color: var(--gris);
}
/* Buscador Noticias: ocultar el texto "Buscar" pero mantener el botón (y la lupa) */
body.blog input#searchsubmit,
body.archive input#searchsubmit,
body.search input#searchsubmit,
body.single-post input#searchsubmit{
  color: transparent;       /* oculta el texto */
  text-shadow: none;
  font-size: 0;             /* evita que se reserve espacio para letras */
  line-height: 0;
  letter-spacing: -1em;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}

/* Noticias single: base */
body.single-post .umma-news-item{
  text-align: left;
}

/* Título */
body.single-post .entry-title{
  margin: 0 0 clamp(1.5rem, 2vw, 2.25rem);
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--texto);
  text-align: left;
}

/* Volver a noticias */
body.single-post .volver-catalogo{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin: 0 0 .5rem 0;
  font-size: 14px;
  color: var(--gris);
}

body.single-post .volver-catalogo:hover{
  color: var(--rojo);
}

/* Imagen single */
body.single-post .umma-news-thumb{
  transition: none !important;
  transform: none !important;
  box-shadow:
    0 6px 16px rgba(0,0,0,.12),
    0 2px 6px rgba(0,0,0,.08);
}

body.single-post .umma-news-thumb:hover{
  transform: none !important;
}

/* Imagen tipo producto */
body.single-post .umma-news-thumb--single{
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: .35rem 0 0 0;
  border-radius: 18px;
  border: 1px solid rgba(70,70,68,.18);
  background: #fff;
  box-shadow:
    0 10px 24px rgba(0,0,0,.12),
    0 4px 10px rgba(0,0,0,.08);
  overflow: hidden;
}

body.single-post .umma-news-thumb--single img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Texto */
body.single-post .entry-content{
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: var(--gris);
}

body.single-post .entry-content p{
  margin: 0 0 1.1rem;
}

body.single-post .entry-content p:last-child{
  margin-bottom: 0;
}

/* Links en texto */
body.single-post .entry-content a{
  color: var(--texto);
  text-decoration: underline;
  text-decoration-color: rgba(var(--rojo-rgb), .45);
  text-underline-offset: 4px;
}

body.single-post .entry-content a:hover{
  color: var(--rojo);
  text-decoration-color: rgba(var(--rojo-rgb), .75);
}

/* Desktop: grilla 1/3 – 2/3 */
@media (min-width: 992px){
  body.single-post .umma-news-item{
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 2.25rem;
    align-items: start;
  }

  body.single-post .entry-title,
  body.single-post .volver-catalogo{
    grid-column: 1 / -1;
  }

  body.single-post .umma-news-thumb--single{
    grid-column: 1;
  }

  body.single-post .entry-content{
    grid-column: 2;
    padding-top: .25rem;
  }
}

/* Mobile / tablet */
@media (max-width: 991px){
  body.single-post .umma-news-thumb--single{
    margin-bottom: 1.1rem;
  }
}

/* Noticias categoría: grilla */
body.category .umma-news-main{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

/* Header categoría */
body.category .page-header{
  grid-column: 1 / -1;
  margin: 0 0 -1.5rem;
}

body.category .page-header .titulo_noticias{
  margin: 0 0 6px;
  line-height: 1.05;
}

body.category .volver-catalogo{
  display: inline-flex;
  align-items: center;
  margin: 0 0 18px;
}

/* Items */
body.category .umma-news-item{
  display: block;
}
/* Noticias archivo (fecha) */
body.archive .umma-news-main .page-header{
  margin: 0 0 -1.5rem 0;
}

body.archive .umma-news-main .titulo_noticias{
  margin: 0 0 6px;
  line-height: 1.05;
}

body.archive .umma-news-main .volver-catalogo{
  display: inline-flex;
  align-items: center;
  margin: 0 0 18px;
}

/* Noticias – archivo */
body.archive .umma-news-main{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

body.archive .page-header{
  grid-column: 1 / -1;
  margin-bottom: .5rem;
}

body.archive .umma-news-main .page-header{
  margin: 0 0 -1.5rem 0;
}

body.archive .umma-news-main .page-header .titulo_noticias{
  margin: 0 0 6px;
  line-height: 1.05;
}

body.archive .umma-news-main .volver-catalogo{
  display: inline-flex;
  align-items: center;
  margin: 0 0 18px;
}

/* NOTICIAS: MOBILE unificar Blog + Categorías + Archivo */
@media (max-width: 767px){

  /* Grilla 2 columnas */
  body.blog .umma-news-main,
  body.category .umma-news-main,
  body.archive .umma-news-main{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    row-gap: 22px;
    align-items: start;
  }

  /* Header a lo ancho */
  body.blog .umma-news-main > .titulo_noticias,
  body.category .umma-news-main > .page-header,
  body.archive .umma-news-main > .page-header{
    grid-column: 1 / -1;
  }

  /* Evitar márgenes “de lista” */
  body.blog .umma-news-item,
  body.category .umma-news-item,
  body.archive .umma-news-item{
    margin: 0;
    align-items: center;
    text-align: center;
  }

  /* Thumb cuadrado */
  body.blog .umma-news-thumb,
  body.category .umma-news-thumb,
  body.archive .umma-news-thumb{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0 auto 10px;
  }

  /* Título clamp 2 líneas */
  body.blog .umma-news-item .entry-title,
  body.category .umma-news-item .entry-title,
  body.archive .umma-news-item .entry-title{
    margin: 8px 0 6px 0;
    line-height: 1.25;
    font-size: 15px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: calc(1.25em * 2);
  }
}
/* Noticias – Search: mismo layout/estética que Noticias */
body.search{
  background: var(--bg-alpha);
}

@media (min-width: 992px){
  body.search{
    display: grid;
    grid-template-columns:
      1fr
      minmax(0, calc(var(--max) - 320px - 2.25rem))
      320px
      1fr;
    column-gap: 2.25rem;
    align-items: start;
  }

  body.search > header.site-header,
  body.search > footer.site-footer,
  body.search > .site-subfooter{
    grid-column: 1 / -1;
  }

  body.search .umma-news-layout{
    grid-column: 2 / 4;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    column-gap: 2.25rem;
    align-items: start;
  }

  body.search .umma-news-main{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    row-gap: 10px;
  }

  body.search .umma-news-main > .titulo_noticias,
  body.search .umma-news-main > .page-header{
    grid-column: 1 / -1;
  }

  body.search .umma-sidebar--news{
    width: 320px;
    max-width: 320px;
    justify-self: start;
  }

  body.search .umma-sidebar--news .umma-widget:first-child{
    margin-top: 36px;
  }
}

/* Search mobile: igual que Noticias */
@media (max-width: 767px){
  body.search .umma-news-main{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    row-gap: 22px;
    align-items: start;
  }

  body.search .umma-news-main > .titulo_noticias,
  body.search .umma-news-main > .page-header{
    grid-column: 1 / -1;
  }

  body.search .umma-news-item{
    margin: 0;
    align-items: center;
    text-align: center;
  }

  body.search .umma-news-thumb{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0 auto 10px;
  }

  body.search .umma-news-item .entry-title{
    margin: 8px 0 6px 0;
    line-height: 1.25;
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: calc(1.25em * 2);
  }
}

/* Sidebar widgets en Search: mismo look */
body.search .umma-sidebar--news .umma-widget{
  background: var(--navfoot);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}

body.search .umma-sidebar--news .umma-widget + .umma-widget{
  margin: 30px 0;
}

/* Woo categorías: título + volver al catálogo */
body.tax-product_cat.woocommerce.archive .woocommerce-products-header__title.page-title,
body.search.post-type-archive-product .page-title{
  margin-bottom: .5rem;
}

body.tax-product_cat.woocommerce.archive .volver-catalogo--cat,
body.search.post-type-archive-product .volver-catalogo--search {
  display: inline-flex;
  align-items: center;
   position: relative;
  top: -3px;
  margin: 0 0 clamp(1.25rem, 2vw, 2rem) 0;
}

/* Navbar: forzar activo "Catálogo" en categorías de producto */
body.tax-product_cat .site-header #menu-item-78 > .nav-link::after{
  width: 100%;
  left: 0;
}

/* Mobile: respetar el ancho fijo del subrayado */
@media (max-width: 576px){
  body.tax-product_cat .site-header #menu-item-78 > .nav-link::after{
    width: 110px;
  }
}

.wp-block-media-text__media{
  border-radius: 16px;
  overflow: hidden;
}

.wp-block-media-text__media img{
  width: 100%;
  height: 320px;
  display: block;
  object-fit: cover;
  object-position: 50% 35%;
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.12);
  transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
}

@media (hover: hover){
  .wp-block-media-text__media img:hover{
    transform: scale(1.04) translateY(-3px);
    box-shadow: 0 18px 55px rgba(0,0,0,.16);
    filter: saturate(1.03);
  }
}

/* Títulos genéricos */
.wp-block-heading.titulos {
    margin: 0 0 20px 0;
  font-family: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 28px;
  line-height: 1.25;
  color: var(--texto);
}

.site-footer__text a {
  text-decoration: none;
}
.site-footer__text a:hover {
  text-decoration: none;
  color: var(--rojo)
}

/* Ocultar título de todas las páginas */
.page .entry-title{
  display: none;
}

/* Contacto: datos laterales */
.contacto-datos{
  list-style: none;
  padding: 0;
  margin: 0;
}

.contacto-datos li{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gris);
}

.contacto-datos i{
  margin-top: 2px;
  color: var(--rojo);
  min-width: 18px;
  text-align: center;
}

/* CONTACTO */
.page-id-75 .site-main{
  padding-top: 18px;
}

/* Layout 2 columnas (form + datos) */
.page-id-75 .wpcf7{
  max-width: var(--max);
}

/* El grid real del formulario */
.page-id-75 .wpcf7 form{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

/* Reset de los <p> que usa CF7 */
.page-id-75 .wpcf7 form p{
  margin: 0;
}

/* Campos: tipografía de label */
.page-id-75 .wpcf7 label{
  display: block;
  font-size: 15px;
  color: var(--texto);
}

/* Inputs / textarea */
.page-id-75 .wpcf7 input[type="text"],
.page-id-75 .wpcf7 input[type="email"],
.page-id-75 .wpcf7 input[type="tel"],
.page-id-75 .wpcf7 textarea{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.14);
  padding: 10px 12px;
  font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  color: var(--texto);
  background: var(--bg);
}

/* Textarea grande */
.page-id-75 .wpcf7 textarea{
  min-height: 220px;
  resize: vertical;
}

/* Foco */
.page-id-75 .wpcf7 input:focus,
.page-id-75 .wpcf7 textarea:focus{
  outline: none;
  border-color: rgba(var(--rojo-rgb), .55);
  box-shadow: 0 0 0 3px rgba(var(--rojo-rgb), .12);
}

/* HACER QUE EL BLOQUE DEL TEXTAREA OCUPE LAS 2 COLUMNAS */
.page-id-75 .wpcf7 form p:has(textarea){
  grid-column: 1 / -1;
}

/* Botón debajo del textarea, alineado a la izquierda */
.page-id-75 .wpcf7 form p:has(input[type="submit"]){
  grid-column: 1 / -1;
  justify-self: start;
}

/* Botón */
.page-id-75 .wpcf7 input[type="submit"]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .62rem 1.05rem;
  border-radius: 999px;
  font-size: .92rem;
  font-weight: 600;
  letter-spacing: .1px;
  background: var(--bg-alpha);
  color: var(--texto);
  border: 1px solid rgba(29,29,27,.14);
  cursor: pointer;
}

.page-id-75 .wpcf7 input[type="submit"]:hover{
  background: var(--navfoot);
  color: var(--rojo);
  border-color: var(--rojo);
  box-shadow: 0 10px 22px rgba(29,29,27,.10);
}

/* Mobile */
@media (max-width: 768px){
  .page-id-75 .wpcf7 form{
    grid-template-columns: 1fr;
  }
}

contacto-datos a{
  color: var(--gris);
  text-decoration: none;
}

.contacto-datos a:hover{
  color: var(--rojo);
  text-decoration: none;
}

/* Noticias single – ancho completo del contenido cuando no hay imagen destacada */
@media (min-width: 992px){
  body.single-post .umma-news-item{
    display: block;
  }

  body.single-post .entry-content{
    padding-top: 0;
  }
}
h3{
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 20px;
  color: var(--rojo);
}

@media (max-width: 1024px){
  body.woocommerce.archive ul.products li.product .price{
    margin-top: -50px;
    font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }
}

.justify-text{
  text-align: justify;
}

/* Tabla editorial */
.umma-table table{
  border-collapse: separate;
  border-spacing: 0;
  background: var(--navfoot);
  border-radius: 16px;
  overflow: hidden;
}

.umma-table td{
  padding: 16px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  vertical-align: top;
}

.umma-table tr:first-child td{
  font-weight: 600;
  background: rgba(0,0,0,.04);
}

.umma-table tr:last-child td{
  border-bottom: 0;
}