.elementor-kit-7{--e-global-color-primary:#002855;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#002855;--e-global-color-accent:#E10600;--e-global-color-939c7d6:#0085E5;--e-global-color-9fad0e9:#D9D9D9;--e-global-color-6236135:#000000;--e-global-color-ee0043b:#F6F6F6;--e-global-color-d83639a:#F1AA06;--e-global-color-9bfe38e:#F4F4F4;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-size:28px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-letter-spacing:-0.25px;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-letter-spacing:-0.25px;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:20px;--e-global-typography-text-letter-spacing:-0.25px;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:20px;--e-global-typography-accent-letter-spacing:-0.25px;--e-global-typography-9dffabb-font-family:"JDSansPro";--e-global-typography-9dffabb-font-weight:800;--e-global-typography-9dffabb-text-transform:none;--e-global-typography-f2dfc93-font-family:"JDSansPro";--e-global-typography-f2dfc93-font-weight:400;--e-global-typography-f2dfc93-text-transform:none;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:743px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ====== PDP Woo + Elementor — CLS Fixes (Desktop & Mobile) ====== */

/* Ratio base de tus fotos (800x650 ≈ 800/650). 
   Si en algunos productos usas 1:1 o 4:3, crea variantes o ajusta este valor. */
:root{
  --pdp-img-ratio: 800/650;
  --pdp-gap: .5rem;
}

/* 1) Galería principal: reservar espacio y anular height inline del slider */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image{
  aspect-ratio: var(--pdp-img-ratio);
}
.single-product .woocommerce-product-gallery .flex-viewport{
  height: auto !important;       /* Woo/Flexslider mete altura inline: forzamos auto */
  overflow: hidden;               /* evita micro-saltos al iniciar zoom/drag */
}
.single-product .woocommerce-product-gallery__image img{
  width: 100%;
  height: 100%;
  object-fit: contain;            /* usa cover si prefieres llenar el cuadro sin bordes */
}

/* 2) Miniaturas: tamaño estable para que no empujen el layout */
.single-product .flex-control-nav.flex-control-thumbs li{ aspect-ratio: 1/1; }
.single-product .flex-control-nav.flex-control-thumbs img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 3) Logo de marca (YITH) — reservar bloque */
.single-product .yith-wcbr-brands-logo{
  display: block;
  aspect-ratio: 5/1;
}
.single-product .yith-wcbr-brands-logo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 4) Botonera: reservar alto inmediato e impedir “reflow” por iconos */
.single-product [data-id="dcd02cf"]{
  display: flex;
  align-items: center;
  gap: var(--pdp-gap);
}
.elementor-button .e-font-icon-svg{
  inline-size: 1em;
  block-size: 1em;
}

/* 5) Títulos y bloques de texto: evitar rebote por webfonts */
.single-product h1.product_title{ line-height: 1.15; }

/* ====== Mobile ====== */
@media (max-width: 767px){
  .single-product .yith-wcbr-brands-logo{ width: min(220px, 50vw); }
  .single-product h1.product_title{ min-height: 2.8rem; }  /* 2 líneas aprox */
  .single-product [data-id="af86a2f"]{ min-height: 32px; } /* H2 "Descripción" */
  .single-product [data-id="4fd5617"]{ min-height: 160px; }/* Párrafos desc. */
  .single-product [data-id="9cad4bc"]{ min-height: 32px; } /* H2 "Ficha Técnica" */
  .single-product [data-id="15a9aba"]{ min-height: 120px; }/* Bullets ficha */
  .single-product [data-id="dcd02cf"]{ min-height: 56px; } /* Botonera */
}

/* ====== Desktop / Tablet ====== */
@media (min-width: 768px){
  /* Ajusta el ancho del logo y alturas para tipografías más grandes */
  .single-product .yith-wcbr-brands-logo{ width: 260px; }
  .single-product h1.product_title{ min-height: 3.2rem; }   /* ~2 líneas desktop */
  .single-product [data-id="dcd02cf"]{ min-height: 64px; }

  /* Si la galería va en columna fija y el texto a la derecha,
     evita que cambios internos de la galería afecten al texto */
  .single-product .woocommerce-product-gallery{ contain: layout; }
}

/* ==========================================================
   BADGE "Salfa certificado" — PDP Woo (solo productos USADOS)
   ========================================================== */

/* Desktop */
@media (min-width: 1024px) {
  .single-product.product_cat-usados .yith-wcbr-brands-logo {
    display: inline-block;
    vertical-align: middle;
  }

  /* El badge "Salfa certificado" */
  .single-product.product_cat-usados [data-id="c4ba79f"] {
    position: static !important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .75rem;
    z-index: 1;
  }

  .single-product.product_cat-usados [data-id="c4ba79f"] .elementor-heading-title {
    display: inline-block;
    padding: .35rem .75rem;
    line-height: 1;
    font-size: .85rem;
    font-weight: 600;
    border-radius: 999px;
    white-space: nowrap;
    background-color: #0b2c53; /* azul corporativo Salfa */
    color: #fff;
  }
}

/* Mobile: badge debajo del logo */
@media (max-width: 1023px) {
  .single-product.product_cat-usados [data-id="c4ba79f"] {
    position: static !important;
    display: block;
    margin: .5rem 0 0 0;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'JDSansPro';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('/wp-content/uploads/2024/12/JDSansPro-Bold.woff2') format('woff2'),
		url('/wp-content/uploads/2024/12/JDSansPro-Bold.woff') format('woff'),
		url('/wp-content/uploads/2024/12/JDSansPro-Bold_0.ttf') format('truetype');
}
@font-face {
	font-family: 'JDSansPro';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('/wp-content/uploads/2024/12/JDSansPro-Book.woff2') format('woff2'),
		url('/wp-content/uploads/2024/12/JDSansPro-Book.woff') format('woff'),
		url('/wp-content/uploads/2024/12/JDSansPro-Book_0.ttf') format('truetype');
}
@font-face {
	font-family: 'JDSansPro';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('/wp-content/uploads/2024/12/JDSansPro-Semibold.woff2') format('woff2'),
		url('/wp-content/uploads/2024/12/JDSansPro-Semibold.woff') format('woff'),
		url('/wp-content/uploads/2024/12/JDSansPro-Semibold_0.ttf') format('truetype');
}
@font-face {
	font-family: 'JDSansPro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('/wp-content/uploads/2024/12/JDSansPro-Medium.woff2') format('woff2'),
		url('/wp-content/uploads/2024/12/JDSansPro-Medium.woff') format('woff'),
		url('/wp-content/uploads/2024/12/JDSansPro-Medium_0.ttf') format('truetype');
}
/* End Custom Fonts CSS */