/* =========================================================
   SS DECO 2026 — CAPA VISUAL FINAL
   Marfil, blanco cálido, salvia y rosa empolvado.
   ========================================================= */

:root,
html[data-ss-theme='light'],
html[data-ss-theme='dark'] {
	color-scheme: light;
	--ss-bg: #f7f2e9;
	--ss-surface: #fffdfa;
	--ss-surface-2: #ffffff;
	--ss-text: #34312e;
	--ss-text-soft: #5e5953;
	--ss-muted: #817a72;
	--ss-line: rgba(80, 69, 58, .16);
	--ss-accent: #b77d88;
	--ss-sage: #dfe6d6;
	--ss-sage-strong: #75856d;
	--ss-rose: #ead8dc;
	--ss-shadow: 0 18px 50px rgba(74, 60, 48, .08);
	--ss-shop-paper: #f7f2e9;
	--ss-shop-ink: #34312e;
	--ss-shop-muted: #817a72;
	--ss-shop-line: rgba(80, 69, 58, .16);
	--ss-shop-accent: #b77d88;
}

/* La propuesta prescinde de numeraciones decorativas: los textos conservan
   el significado sin presentar 01, 02, 03 o 04 en portada y proceso. */
.ss-home-hero__facts dt,
.ss-process-step__number {
	display: none !important;
}

/* Portada clara: sustituye las dos franjas oscuras heredadas del boceto
   anterior y mantiene el contraste de títulos, botones y separadores. */
html[data-ss-theme] .ss-home-hero {
	background: linear-gradient(135deg, var(--ss-bg) 0%, #fffdfa 58%, var(--ss-rose) 100%) !important;
	color: var(--ss-text) !important;
}

html[data-ss-theme] .ss-home-hero__title,
html[data-ss-theme] .ss-home-hero__lead,
html[data-ss-theme] .ss-home-hero__facts dd {
	color: var(--ss-text) !important;
}

html[data-ss-theme] .ss-home-hero__facts,
html[data-ss-theme] .ss-home-hero__facts > div {
	border-color: var(--ss-line) !important;
}

html[data-ss-theme] .ss-home-hero .ss-button--dark {
	background: var(--ss-accent) !important;
	color: #fffdfa !important;
}

html[data-ss-theme] .ss-home-hero .ss-button--text {
	color: var(--ss-text) !important;
}

html[data-ss-theme] .ss-home-process {
	background: var(--ss-sage) !important;
	color: var(--ss-text) !important;
}

html[data-ss-theme] .ss-home-process__head h2,
html[data-ss-theme] .ss-process-step h3,
html[data-ss-theme] .ss-process-step p {
	color: var(--ss-text) !important;
}

html[data-ss-theme] .ss-process-grid,
html[data-ss-theme] .ss-process-step {
	border-color: rgba(71, 86, 64, .2) !important;
}

html[data-ss-theme] body,
html[data-ss-theme] .site-main,
html[data-ss-theme] body:not(.home) .site-main {
	background: var(--ss-bg) !important;
	color: var(--ss-text) !important;
}

html[data-ss-theme] h1,
html[data-ss-theme] h2,
html[data-ss-theme] h3,
html[data-ss-theme] .entry-title,
html[data-ss-theme] .woocommerce-loop-product__title {
	color: var(--ss-text) !important;
	font-family: Georgia, 'Times New Roman', serif;
	letter-spacing: -.025em;
}

html[data-ss-theme] #header [data-row='middle'] {
	background: rgba(255, 253, 250, .96) !important;
	border-color: var(--ss-line) !important;
	box-shadow: 0 1px 0 var(--ss-line);
	backdrop-filter: blur(12px);
}

html[data-ss-theme] #header [data-row='top'] {
	background: var(--ss-sage) !important;
}

html[data-ss-theme] #header [data-row='top'],
html[data-ss-theme] #header [data-row='top'] p,
html[data-ss-theme] #header [data-row='top'] a {
	color: #3f4939 !important;
}

/* Catálogo */
html[data-ss-theme] .ssdeco-shop-intro,
html[data-ss-theme] body.woocommerce-shop .site-main,
html[data-ss-theme] body.tax-product_cat .site-main {
	background: var(--ss-bg) !important;
}

html[data-ss-theme] .ssdeco-shop-intro {
	border: 1px solid var(--ss-line) !important;
	box-shadow: var(--ss-shadow);
}

html[data-ss-theme] .ssdeco-shop-categories a {
	border-color: var(--ss-line) !important;
	background: var(--ss-surface) !important;
	color: var(--ss-text) !important;
}

html[data-ss-theme] .ssdeco-shop-categories a[aria-current='page'],
html[data-ss-theme] .ssdeco-shop-categories a:hover {
	border-color: #bdcbb2 !important;
	background: var(--ss-sage) !important;
	color: #35402f !important;
}

html[data-ss-theme] ul.products li.product {
	color: var(--ss-text) !important;
}

html[data-ss-theme] ul.products li.product .price {
	color: var(--ss-accent) !important;
}

/* Ficha de producto */
html[data-ss-theme] body.single-product .summary,
html[data-ss-theme] body.single-product .woocommerce-product-gallery,
html[data-ss-theme] body.single-product .woocommerce-tabs,
html[data-ss-theme] body.single-product .related.products {
	color: var(--ss-text) !important;
}

html[data-ss-theme] body.single-product table.variations select,
html[data-ss-theme] body.single-product .quantity,
html[data-ss-theme] body.single-product input.qty {
	border-color: var(--ss-line) !important;
	background: var(--ss-surface) !important;
	color: var(--ss-text) !important;
}

/* Carrito, pago y cuenta */
html[data-ss-theme] body.woocommerce-cart,
html[data-ss-theme] body.woocommerce-checkout,
html[data-ss-theme] body.woocommerce-account {
	background: var(--ss-bg) !important;
	color: var(--ss-text) !important;
}

html[data-ss-theme] .woocommerce-cart-form,
html[data-ss-theme] .cart-collaterals,
html[data-ss-theme] .woocommerce-checkout-review-order,
html[data-ss-theme] .woocommerce-checkout-payment,
html[data-ss-theme] .woocommerce-form,
html[data-ss-theme] .woocommerce-MyAccount-content,
html[data-ss-theme] .woocommerce-MyAccount-navigation {
	border-color: var(--ss-line) !important;
	background: var(--ss-surface) !important;
	color: var(--ss-text) !important;
	box-shadow: var(--ss-shadow);
}

html[data-ss-theme] .woocommerce table.shop_table,
html[data-ss-theme] .woocommerce table.shop_table th,
html[data-ss-theme] .woocommerce table.shop_table td,
html[data-ss-theme] .wc-block-components-order-summary,
html[data-ss-theme] .wc-block-components-totals-wrapper {
	border-color: var(--ss-line) !important;
	color: var(--ss-text) !important;
}

html[data-ss-theme] .select2-container .select2-selection,
html[data-ss-theme] .select2-dropdown,
html[data-ss-theme] .select2-results__option,
html[data-ss-theme] .woocommerce form input.input-text,
html[data-ss-theme] .woocommerce form textarea,
html[data-ss-theme] .woocommerce form select {
	border-color: var(--ss-line) !important;
	background: var(--ss-surface-2) !important;
	color: var(--ss-text) !important;
}

html[data-ss-theme] .select2-results__option--highlighted,
html[data-ss-theme] .select2-results__option[aria-selected='true'] {
	background: var(--ss-sage) !important;
	color: #35402f !important;
}

html[data-ss-theme] .woocommerce a.button,
html[data-ss-theme] .woocommerce button.button,
html[data-ss-theme] .woocommerce input.button,
html[data-ss-theme] .wc-block-components-button {
	border-color: #bdcbb2 !important;
	background: var(--ss-sage) !important;
	color: #35402f !important;
}

html[data-ss-theme] .woocommerce .single_add_to_cart_button,
html[data-ss-theme] .woocommerce .checkout-button,
html[data-ss-theme] .woocommerce #place_order,
html[data-ss-theme] .wc-block-components-checkout-place-order-button,
html[data-ss-theme] .wpforms-container .wpforms-submit {
	border-color: var(--ss-accent) !important;
	background: var(--ss-accent) !important;
	color: #fffdfa !important;
}

html[data-ss-theme] .woocommerce .single_add_to_cart_button:hover,
html[data-ss-theme] .woocommerce .checkout-button:hover,
html[data-ss-theme] .woocommerce #place_order:hover,
html[data-ss-theme] .wc-block-components-checkout-place-order-button:hover,
html[data-ss-theme] .wpforms-container .wpforms-submit:hover {
	border-color: #9d6470 !important;
	background: #9d6470 !important;
	color: #ffffff !important;
}

@media (max-width: 767px) {
	html[data-ss-theme] .woocommerce-cart-form,
	html[data-ss-theme] .cart-collaterals,
	html[data-ss-theme] .woocommerce-checkout-review-order,
	html[data-ss-theme] .woocommerce-checkout-payment,
	html[data-ss-theme] .woocommerce-form,
	html[data-ss-theme] .woocommerce-MyAccount-content,
	html[data-ss-theme] .woocommerce-MyAccount-navigation {
		box-shadow: none;
	}
}

/* =========================================================
   SS DECO - BOCETO APROBADO + IMAGENES COMPLETAS
   ========================================================= */
html[data-ss-theme] .ss-home-hero {
  padding-block: clamp(46px, 6vw, 84px) !important;
  background: #f7f2e9 !important;
}
html[data-ss-theme] .ss-home-hero__inner {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.13fr) !important;
  gap: clamp(36px, 5vw, 72px) !important;
}
html[data-ss-theme] .ss-home-hero .ss-home-eyebrow {
  color: #626f5a !important;
  font-size: .75rem !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}
html[data-ss-theme] .ss-home-hero__title {
  max-width: 9ch !important;
  margin-bottom: 26px !important;
  color: #34312e !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(3.5rem, 5.7vw, 6rem) !important;
  font-weight: 400 !important;
  letter-spacing: -.045em !important;
  line-height: 1.03 !important;
}
html[data-ss-theme] .ss-home-hero__title em { color: #744052; font-weight: 400; }
html[data-ss-theme] .ss-home-hero__lead {
  max-width: 31rem !important;
  color: #66625d !important;
  font-size: 1.08rem !important;
}
html[data-ss-theme] .ss-home-hero__actions { margin-bottom: 22px !important; }
html[data-ss-theme] .ss-home-hero__foot { margin: 0; color: #6c7167; font-size: .75rem; }
html[data-ss-theme] .ss-home-hero__figure {
  min-height: 530px;
  aspect-ratio: 1 / 1.04 !important;
  border-radius: 46% 46% 8px 8px;
  background: #e9e4d9 !important;
}
html[data-ss-theme] .ss-home-hero__caption {
  position: absolute;
  right: 22px; bottom: 22px; left: 22px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 2px 16px;
  padding: 15px 20px;
  background: rgba(255,253,247,.95);
  color: #34382f;
  z-index: 2;
}
html[data-ss-theme] .ss-home-hero__caption span {
  font-size: .65rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
}
html[data-ss-theme] .ss-home-hero__caption strong {
  grid-column: 1; font-family: Georgia, 'Times New Roman', serif; font-size: 2rem; font-weight: 400;
}
html[data-ss-theme] .ss-home-hero__caption a {
  grid-column: 2; grid-row: 1 / span 2; align-self: center;
  color: #744052 !important; font-size: .78rem; font-weight: 700; text-decoration: none;
}

html[data-ss-theme] body.woocommerce-shop ul.products li.product .ct-image-container,
html[data-ss-theme] body.tax-product_cat ul.products li.product .ct-image-container,
html[data-ss-theme] body.post-type-archive-product ul.products li.product .ct-image-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #f0ece4 !important;
}
html[data-ss-theme] body.woocommerce-shop ul.products li.product .ct-image-container img,
html[data-ss-theme] body.tax-product_cat ul.products li.product .ct-image-container img,
html[data-ss-theme] body.post-type-archive-product ul.products li.product .ct-image-container img,
html[data-ss-theme] body.single-product .related ul.products li.product .ct-image-container img,
html[data-ss-theme] body.single-product .up-sells ul.products li.product .ct-image-container img {
  width: 100% !important;
  height: 100% !important;
  padding: clamp(10px, 1.4vw, 20px) !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
html[data-ss-theme] body.single-product .woocommerce-product-gallery .flexy-item .ct-media-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: #f0ece4 !important;
}
html[data-ss-theme] body.single-product .woocommerce-product-gallery .flexy-item .ct-media-container > img:not(.zoomImg) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: clamp(10px, 1.4vw, 20px) !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
html[data-ss-theme] body.single-product .woocommerce-product-gallery img.zoomImg { display: none !important; }
html[data-ss-theme] body.single-product .woocommerce-product-gallery .thumbs-list .ct-media-container img,
html[data-ss-theme] body.single-product .woocommerce-product-gallery .flex-control-thumbs img {
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
@media (max-width: 999px) {
  html[data-ss-theme] .ss-home-hero__inner { grid-template-columns: 1fr !important; }
  html[data-ss-theme] .ss-home-hero__figure { min-height: 0; aspect-ratio: 4 / 3 !important; }
}
@media (max-width: 689px) {
  html[data-ss-theme] .ss-home-hero__inner { gap: 24px !important; }
  html[data-ss-theme] .ss-home-hero__title { font-size: clamp(2.7rem, 11.6vw, 4rem) !important; }
  html[data-ss-theme] .ss-home-hero__visual { order: 2; }
  html[data-ss-theme] .ss-home-hero__figure { aspect-ratio: 1 / 1 !important; border-radius: 44% 44% 8px 8px; }
  html[data-ss-theme] .ss-home-hero__caption { right: 14px; bottom: 14px; left: 14px; padding: 10px 14px; }
}

/* Blocksy usa ct-media-container en las tarjetas publicadas. */
html[data-ss-theme] body.woocommerce-shop ul.products li.product .ct-media-container,
html[data-ss-theme] body.tax-product_cat ul.products li.product .ct-media-container,
html[data-ss-theme] body.post-type-archive-product ul.products li.product .ct-media-container,
html[data-ss-theme] body.single-product .related ul.products li.product .ct-media-container,
html[data-ss-theme] body.single-product .up-sells ul.products li.product .ct-media-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #f0ece4 !important;
}
html[data-ss-theme] body.woocommerce-shop ul.products li.product .ct-media-container img,
html[data-ss-theme] body.tax-product_cat ul.products li.product .ct-media-container img,
html[data-ss-theme] body.post-type-archive-product ul.products li.product .ct-media-container img,
html[data-ss-theme] body.single-product .related ul.products li.product .ct-media-container img,
html[data-ss-theme] body.single-product .up-sells ul.products li.product .ct-media-container img {
  width: 100% !important;
  height: 100% !important;
  padding: clamp(10px, 1.4vw, 20px) !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}