.elementor-6676 .elementor-element.elementor-element-2af4edee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6676 .elementor-element.elementor-element-2af4edee:not(.elementor-motion-effects-element-type-background), .elementor-6676 .elementor-element.elementor-element-2af4edee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#23558A;}.elementor-6676 .elementor-element.elementor-element-16e44d22{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:60px;--padding-bottom:60px;--padding-left:015px;--padding-right:15px;}.elementor-6676 .elementor-element.elementor-element-16e44d22:not(.elementor-motion-effects-element-type-background), .elementor-6676 .elementor-element.elementor-element-16e44d22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7F8;}.elementor-6676 .elementor-element.elementor-element-b7ff6a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.woocommerce .elementor-6676 .elementor-element.elementor-element-7eaaac1c .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-6676 .elementor-element.elementor-element-7eaaac1c .flex-viewport, .woocommerce .elementor-6676 .elementor-element.elementor-element-7eaaac1c .flex-control-thumbs img{border-style:solid;border-width:-10px -10px -10px -10px;}.woocommerce .elementor-6676 .elementor-element.elementor-element-7eaaac1c .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-6676 .elementor-element.elementor-element-7eaaac1c .flex-viewport{border-radius:9px 9px 9px 9px;}.woocommerce .elementor-6676 .elementor-element.elementor-element-7eaaac1c .flex-viewport:not(:last-child){margin-bottom:0px;}.elementor-6676 .elementor-element.elementor-element-5dc8de88{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-6676 .elementor-element.elementor-element-5bb413c3{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#23558A;--border-color:#23558A;--border-radius:015px 015px 015px 015px;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-6676 .elementor-element.elementor-element-5bb413c3:not(.elementor-motion-effects-element-type-background), .elementor-6676 .elementor-element.elementor-element-5bb413c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6676 .elementor-element.elementor-element-76794615 .elementor-heading-title{font-size:13px;font-weight:600;color:#000000;}.elementor-6676 .elementor-element.elementor-element-26683663{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6676 .elementor-element.elementor-element-1dbc5924{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6676 .elementor-element.elementor-element-5b7307e0{--e-rating-justify-content:center;--e-rating-icon-font-size:11px;--e-rating-gap:0px;}.elementor-6676 .elementor-element.elementor-element-3b6cf1d2.elementor-element{--align-self:center;}.elementor-6676 .elementor-element.elementor-element-3b6cf1d2{text-align:start;}.elementor-6676 .elementor-element.elementor-element-3b6cf1d2 .elementor-heading-title{font-size:12px;font-weight:300;line-height:19px;color:#000000;}.elementor-6676 .elementor-element.elementor-element-61e57b41.elementor-element{--align-self:flex-start;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6676 .elementor-element.elementor-element-543f726f{text-align:center;}.elementor-6676 .elementor-element.elementor-element-543f726f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-6676 .elementor-element.elementor-element-3f2018b7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-6676 .elementor-element.elementor-element-7921b196{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;text-align:center;}.woocommerce .elementor-6676 .elementor-element.elementor-element-7921b196 .price{color:#5C5C5C;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.woocommerce .elementor-6676 .elementor-element.elementor-element-7921b196 .price ins{color:#23558A;font-size:33px;font-weight:700;text-decoration:none;}.elementor-6676 .elementor-element.elementor-element-76f7852d{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DBDBDB;--border-color:#DBDBDB;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-6676 .elementor-element.elementor-element-10de671a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6676 .elementor-element.elementor-element-40946f22{padding:0px 0px 0px 0px;}.elementor-6676 .elementor-element.elementor-element-40946f22 img{width:22px;}.elementor-6676 .elementor-element.elementor-element-60dddbd2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6676 .elementor-element.elementor-element-526d231c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:500;font-style:italic;line-height:26px;color:#00B75B;}.elementor-6676 .elementor-element.elementor-element-3cbe7d0d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;line-height:21px;color:#49538E;}.elementor-6676 .elementor-element.elementor-element-2e9a9d1b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6676 .elementor-element.elementor-element-35bd2d5f{padding:0px 0px -1px 0px;}.elementor-6676 .elementor-element.elementor-element-35bd2d5f img{max-width:22px;}.elementor-6676 .elementor-element.elementor-element-7abb39ac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6676 .elementor-element.elementor-element-bc3b1c3{padding:0px 0px 0px 0px;}.elementor-6676 .elementor-element.elementor-element-bc3b1c3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;line-height:17px;color:#000000;}.elementor-6676 .elementor-element.elementor-element-fb540fa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:6px 6px;--row-gap:6px;--column-gap:6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6676 .elementor-element.elementor-element-7b967134{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 2px;padding:0px 0px -1px 0px;}.elementor-6676 .elementor-element.elementor-element-7b967134 img{max-width:19px;}.elementor-6676 .elementor-element.elementor-element-495ff98c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6676 .elementor-element.elementor-element-348d5c74{padding:0px 0px 0px 0px;}.elementor-6676 .elementor-element.elementor-element-348d5c74 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:800;line-height:17px;color:#23558A;}.elementor-6676 .elementor-element.elementor-element-3c88bf9b:not(.elementor-motion-effects-element-type-background), .elementor-6676 .elementor-element.elementor-element-3c88bf9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1526;}.elementor-6676 .elementor-element.elementor-element-3c88bf9b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0em;margin-bottom:0em;padding:0px 0px 0px 0px;}.elementor-6676 .elementor-element.elementor-element-3c88bf9b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6676 .elementor-element.elementor-element-6d1352fb > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6676 .elementor-element.elementor-element-783b76ac:not(.elementor-motion-effects-element-type-background), .elementor-6676 .elementor-element.elementor-element-783b76ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#060A14;}.elementor-6676 .elementor-element.elementor-element-783b76ac{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0em;margin-bottom:0em;padding:0px 0px 0px 0px;}.elementor-6676 .elementor-element.elementor-element-783b76ac > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6676 .elementor-element.elementor-element-586970a0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6676 .elementor-element.elementor-element-33ef3f5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:3px 3px 3px 3px;padding:5px 5px 5px 5px;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#020202;margin-bottom:5px;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#020202;margin-bottom:5px;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-weight:600;}.woocommerce .elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products .products > h2{color:#0C0C0C;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product .price{color:#FFFFFF;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product .price ins{color:#FFFFFF;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product .price ins .amount{color:#FFFFFF;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product .button{font-family:"Roboto", Sans-serif;font-weight:500;border-radius:3px 3px 3px 3px;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-6676 .elementor-element.elementor-element-16e44d22{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-6676 .elementor-element.elementor-element-5bb413c3{--flex-wrap:nowrap;--padding-top:6px;--padding-bottom:4px;--padding-left:10px;--padding-right:10px;}.elementor-6676 .elementor-element.elementor-element-76794615 .elementor-heading-title{font-size:10px;}.elementor-6676 .elementor-element.elementor-element-26683663{--gap:3px 3px;--row-gap:3px;--column-gap:3px;}.elementor-6676 .elementor-element.elementor-element-1dbc5924{--width:auto;}.elementor-6676 .elementor-element.elementor-element-5b7307e0.elementor-element{--align-self:center;}.elementor-6676 .elementor-element.elementor-element-7921b196{text-align:center;}.elementor-6676 .elementor-element.elementor-element-10de671a{--flex-wrap:nowrap;}.elementor-6676 .elementor-element.elementor-element-526d231c .elementor-heading-title{font-size:10px;}.elementor-6676 .elementor-element.elementor-element-3cbe7d0d .elementor-heading-title{font-size:11px;}.elementor-6676 .elementor-element.elementor-element-2e9a9d1b{--flex-wrap:nowrap;}.elementor-6676 .elementor-element.elementor-element-bc3b1c3 .elementor-heading-title{font-size:11px;}.elementor-6676 .elementor-element.elementor-element-fb540fa{--flex-wrap:nowrap;}.elementor-6676 .elementor-element.elementor-element-348d5c74 .elementor-heading-title{font-size:11px;}.elementor-6676 .elementor-element.elementor-element-27381b1b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-6676 .elementor-element.elementor-element-b7ff6a6{--width:50%;}.elementor-6676 .elementor-element.elementor-element-5dc8de88{--width:50%;}.elementor-6676 .elementor-element.elementor-element-5bb413c3{--width:auto;}.elementor-6676 .elementor-element.elementor-element-1dbc5924{--width:auto;}}/* Start custom CSS for container, class: .elementor-element-2af4edee *//*
 * =====================================================================
 * FRENOS CALI — CSS PÁGINA DE PRODUCTO INDIVIDUAL (Single Product)
 * Añadir en: WordPress → Apariencia → Personalizar → CSS adicional
 * =====================================================================
 */

/* ── VARIABLES ── */
:root {
  --sp-naranja:    #FF5A00;
  --sp-naranja-o:  #cc4800;
  --sp-negro:      #0d0d0d;
  --sp-gris-os:    #161616;
  --sp-gris-card:  #1a1a1a;
  --sp-borde:      rgba(255,255,255,.07);
  --sp-blanco:     #ffffff;
  --sp-gris-txt:   #a0a0a0;
  --sp-wa:         #25D366;
  --sp-wa-o:       #1da851;
  --sp-radius:     14px;
  --sp-font:       'Segoe UI', system-ui, Arial, sans-serif;
}

/* ── FONDO GENERAL ── */
.single-product .site-main,
.single-product #main {
  background: var(--sp-negro);
  font-family: var(--sp-font);
}

/* ── OCULTAR PRECIO ── */
.single-product .summary .price,
.single-product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  display: none !important;
}

/* =====================================================================
   GALERÍA DE IMÁGENES
   ===================================================================== */
.woocommerce-product-gallery {
  background: var(--sp-gris-os) !important;
  border-radius: var(--sp-radius) !important;
  overflow: hidden !important;
  border: 1px solid var(--sp-borde) !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
  background: var(--sp-gris-os) !important;
  padding: 24px !important;
  object-fit: contain !important;
  transition: transform .4s ease !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:hover img {
  transform: scale(1.04) !important;
}

/* Thumbnails */
.flex-control-thumbs {
  display: flex !important;
  gap: 8px !important;
  padding: 10px !important;
  background: var(--sp-negro) !important;
  margin: 0 !important;
}
.flex-control-thumbs li {
  flex: none !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid var(--sp-borde) !important;
  opacity: .55 !important;
  transition: opacity .2s, border-color .2s !important;
  cursor: pointer !important;
}
.flex-control-thumbs li:hover,
.flex-control-thumbs li.flex-active {
  opacity: 1 !important;
  border-color: var(--sp-naranja) !important;
}
.flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Botón zoom */
.woocommerce-product-gallery__trigger {
  background: rgba(255,90,0,.15) !important;
  border: 1px solid rgba(255,90,0,.3) !important;
  border-radius: 8px !important;
  width: 36px !important;
  height: 36px !important;
  top: 14px !important;
  right: 14px !important;
  transition: background .2s !important;
}
.woocommerce-product-gallery__trigger:hover {
  background: rgba(255,90,0,.3) !important;
}

/* =====================================================================
   RESUMEN — PANEL LATERAL OSCURO
   ===================================================================== */
.summary.entry-summary {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: var(--sp-radius) !important;
  padding: 28px !important;
  color: var(--sp-blanco) !important;
}

/* Título */
.product_title.entry-title {
  font-size: clamp(20px, 3vw, 32px) !important;
  font-weight: 900 !important;
  color: #000000 !important;
  line-height: 1.15 !important;
  letter-spacing: -.5px !important;
  margin-bottom: 16px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--sp-borde) !important;
}

/* Línea naranja decorativa bajo el título */
.product_title.entry-title::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--sp-naranja) !important;
  border-radius: 2px !important;
  margin-top: 12px !important;
}

/* Rating */
.woocommerce-product-rating {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  padding: 10px 14px !important;
  background: rgba(255,90,0,.06) !important;
  border: 1px solid rgba(255,90,0,.15) !important;
  border-radius: 8px !important;
}
.woocommerce-product-rating .star-rating {
  color: var(--sp-naranja) !important;
  font-size: .95rem !important;
}
.woocommerce-product-rating .woocommerce-review-link {
  color: var(--sp-gris-txt) !important;
  font-size: .8rem !important;
  transition: color .2s !important;
  text-decoration: none !important;
}
.woocommerce-product-rating .woocommerce-review-link:hover {
  color: var(--sp-naranja) !important;
}

/* Descripción corta */
.woocommerce-product-details__short-description {
  color: rgba(255,255,255,.5) !important;
  font-size: .88rem !important;
  line-height: 1.75 !important;
  margin-bottom: 22px !important;
  padding: 14px !important;
  background: rgba(255,255,255,.03) !important;
  border-radius: 8px !important;
  border-left: 3px solid var(--sp-naranja) !important;
}

/* Badge de stock */
.stock.in-stock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(37,211,102,.1) !important;
  border: 1px solid rgba(37,211,102,.25) !important;
  color: #4ade80 !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  padding: 5px 14px !important;
  border-radius: 50px !important;
  margin-bottom: 18px !important;
}
.stock.in-stock::before {
  content: '' !important;
  width: 6px !important; height: 6px !important;
  border-radius: 50% !important;
  background: #4ade80 !important;
  display: inline-block !important;
  animation: sp-blink 2s infinite !important;
}
@keyframes sp-blink { 0%,100%{opacity:1} 50%{opacity:.3} }

.stock.out-of-stock {
  color: #f87171 !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
}

/* Meta (SKU, categorías) */
.product_meta {
  padding: 14px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: 8px !important;
  margin: 18px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.product_meta span {
  font-size: .8rem !important;
  color: var(--sp-gris-txt) !important;
}
.product_meta span a {
  color: var(--sp-naranja) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: opacity .2s !important;
}
.product_meta span a:hover { opacity: .8 !important; }
.product_meta .sku_wrapper .sku {
  color: rgba(255,255,255,.7) !important;
  font-weight: 700 !important;
}

/* =====================================================================
   BOTONES
   ===================================================================== */
.single_add_to_cart_button,
.woocommerce .cart .single_add_to_cart_button {
  background: var(--sp-wa) !important;
  color: var(--sp-blanco) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  cursor: pointer !important;
  transition: background .2s, transform .15s, box-shadow .2s !important;
  box-shadow: 0 6px 20px rgba(37,211,102,.3) !important;
  width: 100% !important;
  text-align: center !important;
}
.single_add_to_cart_button:hover {
  background: var(--sp-wa-o) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(37,211,102,.45) !important;
  color: var(--sp-blanco) !important;
}

/* Cantidad */
.quantity .qty {
  background: var(--sp-negro) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: 8px !important;
  color: var(--sp-blanco) !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  width: 70px !important;
  text-align: center !important;
  outline: none !important;
  transition: border-color .2s !important;
}
.quantity .qty:focus { border-color: var(--sp-naranja) !important; }
.cart { display: flex !important; gap: 12px !important; align-items: center !important; }

/* =====================================================================
   TABS
   ===================================================================== */
.woocommerce-tabs { margin-top: 40px !important; }

.woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 4px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--sp-borde) !important;
}
.woocommerce-tabs ul.tabs::before { display: none !important; }
.woocommerce-tabs ul.tabs li {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.woocommerce-tabs ul.tabs li a {
  padding: 11px 20px !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  color: var(--sp-gris-txt) !important;
  text-decoration: none !important;
  display: block !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  transition: color .2s, border-color .2s !important;
  letter-spacing: .2px !important;
}
.woocommerce-tabs ul.tabs li a:hover { color: var(--sp-blanco) !important; }
.woocommerce-tabs ul.tabs li.active a {
  color: var(--sp-naranja) !important;
  border-bottom-color: var(--sp-naranja) !important;
}

.woocommerce-tabs .panel {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-top: none !important;
  border-radius: 0 0 var(--sp-radius) var(--sp-radius) !important;
  padding: 26px !important;
  color: rgba(255,255,255,.55) !important;
  font-size: .88rem !important;
  line-height: 1.75 !important;
}
.woocommerce-tabs .panel h2 { display: none !important; }
.woocommerce-tabs .panel table { width: 100% !important; border-collapse: collapse !important; }
.woocommerce-tabs .panel table th,
.woocommerce-tabs .panel table td {
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--sp-borde) !important;
  font-size: .84rem !important;
  color: rgba(255,255,255,.55) !important;
  text-align: left !important;
}
.woocommerce-tabs .panel table th {
  color: var(--sp-blanco) !important;
  font-weight: 700 !important;
  width: 38% !important;
}

/* =====================================================================
   PRODUCTOS RELACIONADOS
   ===================================================================== */
.related.products { margin-top: 56px !important; }
.related.products > h2 {
  font-size: clamp(17px, 2.2vw, 24px) !important;
  font-weight: 900 !important;
  color: var(--sp-blanco) !important;
  margin-bottom: 20px !important;
  letter-spacing: -.3px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--sp-borde) !important;
  position: relative !important;
}
.related.products > h2::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important; left: 0 !important;
  width: 40px !important; height: 2px !important;
  background: var(--sp-naranja) !important;
  border-radius: 2px !important;
}

/* =====================================================================
   RESEÑAS
   ===================================================================== */
#reviews #comments ol.commentlist li {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: var(--sp-radius) !important;
  padding: 18px !important;
  margin-bottom: 12px !important;
}
#reviews .comment-text .star-rating { color: var(--sp-naranja) !important; }
#reviews .comment-text .description p { color: rgba(255,255,255,.55) !important; font-size: .86rem !important; }
#reviews .comment-text p.meta strong { color: var(--sp-blanco) !important; font-weight: 700 !important; }

#review_form .comment-form {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: var(--sp-radius) !important;
  padding: 24px !important;
  margin-top: 24px !important;
}
#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea {
  background: var(--sp-negro) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: 8px !important;
  color: var(--sp-blanco) !important;
  padding: 10px 14px !important;
  width: 100% !important;
  font-family: var(--sp-font) !important;
  font-size: .86rem !important;
  outline: none !important;
  transition: border-color .2s !important;
}
#review_form input:focus,
#review_form textarea:focus { border-color: var(--sp-naranja) !important; }
#review_form input[type="submit"] {
  background: var(--sp-naranja) !important;
  color: var(--sp-blanco) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px 26px !important;
  font-weight: 800 !important;
  font-size: .86rem !important;
  cursor: pointer !important;
  transition: background .2s !important;
  margin-top: 8px !important;
}
#review_form input[type="submit"]:hover { background: var(--sp-naranja-o) !important; }

/* =====================================================================
   BREADCRUMB
   ===================================================================== */
.woocommerce-breadcrumb {
  color: var(--sp-gris-txt) !important;
  font-size: .78rem !important;
  padding: 14px 0 !important;
}
.woocommerce-breadcrumb a {
  color: var(--sp-gris-txt) !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.woocommerce-breadcrumb a:hover { color: var(--sp-naranja) !important; }

/* =====================================================================
   SEO — SEÑALES VISUALES Y ACCESIBILIDAD
   Mejora Core Web Vitals, legibilidad y estructura semántica.
   ===================================================================== */

/* ── H1 claro y único: refuerza la relevancia del keyword principal ── */
.single-product .product_title.entry-title {
  font-size: clamp(22px, 3.5vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  word-break: break-word !important;      /* evita overflow en móvil */
}

/* ── Breadcrumb visible: mejora estructura de navegación (Googlebot lo lee) ── */
.woocommerce-breadcrumb {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--sp-gris-txt) !important;
  font-size: .78rem !important;
}
.woocommerce-breadcrumb a {
  color: var(--sp-gris-txt) !important;
  text-decoration: underline !important;   /* señal de enlace para crawlers */
  text-underline-offset: 2px !important;
  transition: color .2s !important;
}
.woocommerce-breadcrumb a:hover { color: var(--sp-naranja) !important; text-decoration: none !important; }

/* ── Imágenes: evita Layout Shift (CLS) forzando dimensiones ── */
.woocommerce-product-gallery img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
}

/* ── Descripción legible: tiempo en página impacta SEO ── */
.woocommerce-product-details__short-description,
.woocommerce-tabs .panel p,
.woocommerce-tabs .panel li {
  font-size: clamp(14px, 1.6vw, 16px) !important;
  line-height: 1.8 !important;
  color: rgba(255,255,255,.6) !important;
}

/* ── Contraste accesible en textos clave (WCAG AA) ── */
.woocommerce-tabs .panel th { color: #ffffff !important; }
.woocommerce-tabs .panel td { color: rgba(255,255,255,.75) !important; }
.product_meta span           { color: rgba(255,255,255,.65) !important; }

/* ── Focus visible: accesibilidad teclado (señal de calidad para Google) ── */
.single-product a:focus-visible,
.single-product button:focus-visible,
.single-product input:focus-visible,
.single-product textarea:focus-visible {
  outline: 2px solid var(--sp-naranja) !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}

/* ── SKU y meta visibles: datos estructurados de soporte ── */
.product_meta .sku_wrapper,
.product_meta .posted_in,
.product_meta .tagged_as {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ── Reseñas visibles: contenido generado por usuario, positivo para SEO ── */
#reviews { display: block !important; visibility: visible !important; }
#reviews h2 {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: var(--sp-blanco) !important;
  margin-bottom: 16px !important;
}

/* ── Productos relacionados: aumentan páginas por sesión ── */
.related.products ul.products li.product a {
  display: block !important;
  text-decoration: none !important;
}

/* ── No ocultar contenido relevante con display:none (Google lo penaliza) ── */
.woocommerce-product-details__short-description,
.woocommerce-tabs,
.related.products {
  display: block !important;
  visibility: visible !important;
}

/* ── Evitar contenido fuera de pantalla invisible que confunde al crawler ── */
.woocommerce-tabs .panel[hidden] {
  display: none !important;
}

/* ── Imprimir: permite compartir ficha de producto (señal de autoridad) ── */
@media print {
  .fh, footer, .related { display: none !important; }
  .single-product .product_title { color: #000 !important; font-size: 22pt !important; }
  .woocommerce-product-details__short-description { color: #333 !important; }
  .woocommerce-product-gallery img { max-width: 280px !important; }
}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width: 768px) {
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary { width: 100% !important; float: none !important; }
  .summary.entry-summary { padding: 18px !important; }
  .woocommerce-tabs .panel { padding: 16px !important; }
  .cart { flex-wrap: wrap !important; }
  .single_add_to_cart_button { width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16e44d22 *//*
 * =====================================================================
 * FRENOS CALI — CSS PÁGINA DE PRODUCTO INDIVIDUAL (Single Product)
 * Añadir en: WordPress → Apariencia → Personalizar → CSS adicional
 * =====================================================================
 */

/* ── VARIABLES ── */
:root {
  --sp-naranja:    #FF5A00;
  --sp-naranja-o:  #cc4800;
  --sp-negro:      #0d0d0d;
  --sp-gris-os:    #161616;
  --sp-gris-card:  #1a1a1a;
  --sp-borde:      rgba(255,255,255,.07);
  --sp-blanco:     #ffffff;
  --sp-gris-txt:   #a0a0a0;
  --sp-wa:         #25D366;
  --sp-wa-o:       #1da851;
  --sp-radius:     14px;
  --sp-font:       'Segoe UI', system-ui, Arial, sans-serif;
}

/* ── FONDO GENERAL ── */
.single-product .site-main,
.single-product #main {
  background: var(--sp-negro);
  font-family: var(--sp-font);
}

/* ── OCULTAR PRECIO ── */
.single-product .summary .price,
.single-product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  display: none !important;
}

/* =====================================================================
   GALERÍA DE IMÁGENES
   ===================================================================== */
.woocommerce-product-gallery {
  background: var(--sp-gris-os) !important;
  border-radius: var(--sp-radius) !important;
  overflow: hidden !important;
  border: 1px solid var(--sp-borde) !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
  background: var(--sp-gris-os) !important;
  padding: 24px !important;
  object-fit: contain !important;
  transition: transform .4s ease !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:hover img {
  transform: scale(1.04) !important;
}

/* Thumbnails */
.flex-control-thumbs {
  display: flex !important;
  gap: 8px !important;
  padding: 10px !important;
  background: var(--sp-negro) !important;
  margin: 0 !important;
}
.flex-control-thumbs li {
  flex: none !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid var(--sp-borde) !important;
  opacity: .55 !important;
  transition: opacity .2s, border-color .2s !important;
  cursor: pointer !important;
}
.flex-control-thumbs li:hover,
.flex-control-thumbs li.flex-active {
  opacity: 1 !important;
  border-color: var(--sp-naranja) !important;
}
.flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Botón zoom */
.woocommerce-product-gallery__trigger {
  background: rgba(255,90,0,.15) !important;
  border: 1px solid rgba(255,90,0,.3) !important;
  border-radius: 8px !important;
  width: 36px !important;
  height: 36px !important;
  top: 14px !important;
  right: 14px !important;
  transition: background .2s !important;
}
.woocommerce-product-gallery__trigger:hover {
  background: rgba(255,90,0,.3) !important;
}

/* =====================================================================
   RESUMEN — PANEL LATERAL OSCURO
   ===================================================================== */
.summary.entry-summary {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: var(--sp-radius) !important;
  padding: 28px !important;
  color: var(--sp-blanco) !important;
}

/* Título */
.product_title.entry-title,
.single-product .product_title,
.single-product h1.product_title,
body.single-product h1.entry-title,
body.single-product .entry-summary h1,
body.woocommerce-page.single-product h1 {
  color: #000000 !important;
  font-size: clamp(20px, 3vw, 32px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -.5px !important;
  margin-bottom: 16px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--sp-borde) !important;
}

/* Línea naranja decorativa bajo el título */
.product_title.entry-title::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--sp-naranja) !important;
  border-radius: 2px !important;
  margin-top: 12px !important;
}

/* Rating */
.woocommerce-product-rating {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  padding: 10px 14px !important;
  background: rgba(255,90,0,.06) !important;
  border: 1px solid rgba(255,90,0,.15) !important;
  border-radius: 8px !important;
}
.woocommerce-product-rating .star-rating {
  color: var(--sp-naranja) !important;
  font-size: .95rem !important;
}
.woocommerce-product-rating .woocommerce-review-link {
  color: var(--sp-gris-txt) !important;
  font-size: .8rem !important;
  transition: color .2s !important;
  text-decoration: none !important;
}
.woocommerce-product-rating .woocommerce-review-link:hover {
  color: var(--sp-naranja) !important;
}

/* Descripción corta */
.woocommerce-product-details__short-description {
  color: rgba(255,255,255,.5) !important;
  font-size: .88rem !important;
  line-height: 1.75 !important;
  margin-bottom: 22px !important;
  padding: 14px !important;
  background: rgba(255,255,255,.03) !important;
  border-radius: 8px !important;
  border-left: 3px solid var(--sp-naranja) !important;
}

/* Badge de stock */
.stock.in-stock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(37,211,102,.1) !important;
  border: 1px solid rgba(37,211,102,.25) !important;
  color: #4ade80 !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  padding: 5px 14px !important;
  border-radius: 50px !important;
  margin-bottom: 18px !important;
}
.stock.in-stock::before {
  content: '' !important;
  width: 6px !important; height: 6px !important;
  border-radius: 50% !important;
  background: #4ade80 !important;
  display: inline-block !important;
  animation: sp-blink 2s infinite !important;
}
@keyframes sp-blink { 0%,100%{opacity:1} 50%{opacity:.3} }

.stock.out-of-stock {
  color: #f87171 !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
}

/* Meta (SKU, categorías) */
.product_meta {
  padding: 14px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: 8px !important;
  margin: 18px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.product_meta span {
  font-size: .8rem !important;
  color: var(--sp-gris-txt) !important;
}
.product_meta span a {
  color: var(--sp-naranja) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: opacity .2s !important;
}
.product_meta span a:hover { opacity: .8 !important; }
.product_meta .sku_wrapper .sku {
  color: rgba(255,255,255,.7) !important;
  font-weight: 700 !important;
}

/* =====================================================================
   BOTONES
   ===================================================================== */
.single_add_to_cart_button,
.woocommerce .cart .single_add_to_cart_button {
  background: var(--sp-wa) !important;
  color: var(--sp-blanco) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  cursor: pointer !important;
  transition: background .2s, transform .15s, box-shadow .2s !important;
  box-shadow: 0 6px 20px rgba(37,211,102,.3) !important;
  width: 100% !important;
  text-align: center !important;
}
.single_add_to_cart_button:hover {
  background: var(--sp-wa-o) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(37,211,102,.45) !important;
  color: var(--sp-blanco) !important;
}

/* Cantidad */
.quantity .qty {
  background: var(--sp-negro) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: 8px !important;
  color: var(--sp-blanco) !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  width: 70px !important;
  text-align: center !important;
  outline: none !important;
  transition: border-color .2s !important;
}
.quantity .qty:focus { border-color: var(--sp-naranja) !important; }
.cart { display: flex !important; gap: 12px !important; align-items: center !important; }

/* =====================================================================
   TABS
   ===================================================================== */
.woocommerce-tabs { margin-top: 40px !important; }

.woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 4px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--sp-borde) !important;
}
.woocommerce-tabs ul.tabs::before { display: none !important; }
.woocommerce-tabs ul.tabs li {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.woocommerce-tabs ul.tabs li a {
  padding: 11px 20px !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  color: var(--sp-gris-txt) !important;
  text-decoration: none !important;
  display: block !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  transition: color .2s, border-color .2s !important;
  letter-spacing: .2px !important;
}
.woocommerce-tabs ul.tabs li a:hover { color: var(--sp-blanco) !important; }
.woocommerce-tabs ul.tabs li.active a {
  color: var(--sp-naranja) !important;
  border-bottom-color: var(--sp-naranja) !important;
}

.woocommerce-tabs .panel {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-top: none !important;
  border-radius: 0 0 var(--sp-radius) var(--sp-radius) !important;
  padding: 26px !important;
  color: rgba(255,255,255,.55) !important;
  font-size: .88rem !important;
  line-height: 1.75 !important;
}
.woocommerce-tabs .panel h2 { display: none !important; }
.woocommerce-tabs .panel table { width: 100% !important; border-collapse: collapse !important; }
.woocommerce-tabs .panel table th,
.woocommerce-tabs .panel table td {
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--sp-borde) !important;
  font-size: .84rem !important;
  color: rgba(255,255,255,.55) !important;
  text-align: left !important;
}
.woocommerce-tabs .panel table th {
  color: var(--sp-blanco) !important;
  font-weight: 700 !important;
  width: 38% !important;
}

/* =====================================================================
   PRODUCTOS RELACIONADOS
   ===================================================================== */
.related.products { margin-top: 56px !important; }
.related.products > h2 {
  font-size: clamp(17px, 2.2vw, 24px) !important;
  font-weight: 900 !important;
  color: var(--sp-blanco) !important;
  margin-bottom: 20px !important;
  letter-spacing: -.3px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--sp-borde) !important;
  position: relative !important;
}
.related.products > h2::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important; left: 0 !important;
  width: 40px !important; height: 2px !important;
  background: var(--sp-naranja) !important;
  border-radius: 2px !important;
}

/* =====================================================================
   RESEÑAS
   ===================================================================== */
#reviews #comments ol.commentlist li {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: var(--sp-radius) !important;
  padding: 18px !important;
  margin-bottom: 12px !important;
}
#reviews .comment-text .star-rating { color: var(--sp-naranja) !important; }
#reviews .comment-text .description p { color: rgba(255,255,255,.55) !important; font-size: .86rem !important; }
#reviews .comment-text p.meta strong { color: var(--sp-blanco) !important; font-weight: 700 !important; }

#review_form .comment-form {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: var(--sp-radius) !important;
  padding: 24px !important;
  margin-top: 24px !important;
}
#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea {
  background: var(--sp-negro) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: 8px !important;
  color: var(--sp-blanco) !important;
  padding: 10px 14px !important;
  width: 100% !important;
  font-family: var(--sp-font) !important;
  font-size: .86rem !important;
  outline: none !important;
  transition: border-color .2s !important;
}
#review_form input:focus,
#review_form textarea:focus { border-color: var(--sp-naranja) !important; }
#review_form input[type="submit"] {
  background: var(--sp-naranja) !important;
  color: var(--sp-blanco) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px 26px !important;
  font-weight: 800 !important;
  font-size: .86rem !important;
  cursor: pointer !important;
  transition: background .2s !important;
  margin-top: 8px !important;
}
#review_form input[type="submit"]:hover { background: var(--sp-naranja-o) !important; }

/* =====================================================================
   BREADCRUMB
   ===================================================================== */
.woocommerce-breadcrumb {
  color: var(--sp-gris-txt) !important;
  font-size: .78rem !important;
  padding: 14px 0 !important;
}
.woocommerce-breadcrumb a {
  color: var(--sp-gris-txt) !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.woocommerce-breadcrumb a:hover { color: var(--sp-naranja) !important; }

/* =====================================================================
   SEO — SEÑALES VISUALES Y ACCESIBILIDAD
   Mejora Core Web Vitals, legibilidad y estructura semántica.
   ===================================================================== */

/* ── H1 claro y único: refuerza la relevancia del keyword principal ── */
.single-product .product_title.entry-title,
body.single-product h1.product_title {
  font-size: clamp(22px, 3.5vw, 36px) !important;
  font-weight: 900 !important;
  color: #000000 !important;
  line-height: 1.15 !important;
  word-break: break-word !important;
}

/* ── Breadcrumb visible: mejora estructura de navegación (Googlebot lo lee) ── */
.woocommerce-breadcrumb {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--sp-gris-txt) !important;
  font-size: .78rem !important;
}
.woocommerce-breadcrumb a {
  color: var(--sp-gris-txt) !important;
  text-decoration: underline !important;   /* señal de enlace para crawlers */
  text-underline-offset: 2px !important;
  transition: color .2s !important;
}
.woocommerce-breadcrumb a:hover { color: var(--sp-naranja) !important; text-decoration: none !important; }

/* ── Imágenes: evita Layout Shift (CLS) forzando dimensiones ── */
.woocommerce-product-gallery img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
}

/* ── Descripción legible: tiempo en página impacta SEO ── */
.woocommerce-product-details__short-description,
.woocommerce-tabs .panel p,
.woocommerce-tabs .panel li {
  font-size: clamp(14px, 1.6vw, 16px) !important;
  line-height: 1.8 !important;
  color: rgba(255,255,255,.6) !important;
}

/* ── Contraste accesible en textos clave (WCAG AA) ── */
.woocommerce-tabs .panel th { color: #ffffff !important; }
.woocommerce-tabs .panel td { color: rgba(255,255,255,.75) !important; }
.product_meta span           { color: rgba(255,255,255,.65) !important; }

/* ── Focus visible: accesibilidad teclado (señal de calidad para Google) ── */
.single-product a:focus-visible,
.single-product button:focus-visible,
.single-product input:focus-visible,
.single-product textarea:focus-visible {
  outline: 2px solid var(--sp-naranja) !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}

/* ── SKU y meta visibles: datos estructurados de soporte ── */
.product_meta .sku_wrapper,
.product_meta .posted_in,
.product_meta .tagged_as {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ── Reseñas visibles: contenido generado por usuario, positivo para SEO ── */
#reviews { display: block !important; visibility: visible !important; }
#reviews h2 {
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: var(--sp-blanco) !important;
  margin-bottom: 16px !important;
}

/* ── Productos relacionados: aumentan páginas por sesión ── */
.related.products ul.products li.product a {
  display: block !important;
  text-decoration: none !important;
}

/* ── No ocultar contenido relevante con display:none (Google lo penaliza) ── */
.woocommerce-product-details__short-description,
.woocommerce-tabs,
.related.products {
  display: block !important;
  visibility: visible !important;
}

/* ── Evitar contenido fuera de pantalla invisible que confunde al crawler ── */
.woocommerce-tabs .panel[hidden] {
  display: none !important;
}

/* ── Imprimir: permite compartir ficha de producto (señal de autoridad) ── */
@media print {
  .fh, footer, .related { display: none !important; }
  .single-product .product_title { color: #000 !important; font-size: 22pt !important; }
  .woocommerce-product-details__short-description { color: #333 !important; }
  .woocommerce-product-gallery img { max-width: 280px !important; }
}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width: 768px) {
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary { width: 100% !important; float: none !important; }
  .summary.entry-summary { padding: 18px !important; }
  .woocommerce-tabs .panel { padding: 16px !important; }
  .cart { flex-wrap: wrap !important; }
  .single_add_to_cart_button { width: 100% !important; }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-27381b1b *//*
 * =====================================================================
 * FRENOS CALI — CSS PERSONALIZADO TIENDA WOOCOMMERCE
 * Pegar en: WordPress Admin → Apariencia → Personalizar → CSS adicional
 * O en Elementor → Configuración del sitio → CSS personalizado
 * =====================================================================
 */

/* ── VARIABLES ── */
:root {
  --fc-naranja:    #FF5A00;
  --fc-naranja-o:  #cc4800;
  --fc-negro:      #0d0d0d;
  --fc-gris-os:    #161616;
  --fc-gris-card:  #1a1a1a;
  --fc-gris-borde: rgba(255,255,255,.08);
  --fc-blanco:     #ffffff;
  --fc-gris-txt:   #b0b0b0;
  --fc-wa:         #25D366;
  --fc-wa-o:       #1da851;
  --fc-font:       'Segoe UI', Arial, sans-serif;
  --fc-radius:     14px;
}

/* ── FONDO GENERAL DE LA TIENDA ── */
.woocommerce-page .site-main,
.woocommerce .site-main,
body.woocommerce-shop {
  background: var(--fc-negro);
}

/* =====================================================================
   BARRA SUPERIOR DE LA TIENDA (resultado + ordenar)
   ===================================================================== */
.woocommerce-products-header {
  text-align: center;
  padding: 40px 0 10px;
}
.woocommerce-products-header__title {
  font-size: 2rem;
  font-weight: 800;
  color: var(--fc-blanco);
  letter-spacing: -0.5px;
}

.woocommerce-result-count {
  font-size: .82rem;
  color: var(--fc-gris-txt);
  margin: 0 0 12px;
}

.woocommerce-ordering select {
  background: var(--fc-gris-card);
  color: var(--fc-blanco);
  border: 1px solid var(--fc-gris-borde);
  border-radius: 8px;
  padding: 8px 14px;
  font-size: .82rem;
  outline: none;
  cursor: pointer;
  transition: border-color .2s;
}
.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
  border-color: var(--fc-naranja);
}

/* =====================================================================
   GRID DE PRODUCTOS
   ===================================================================== */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin: 0 !important;
  padding: 24px 0 !important;
  list-style: none !important;
}

@media (max-width: 1100px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 720px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
@media (max-width: 440px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr;
  }
}

/* =====================================================================
   TARJETA DE PRODUCTO
   ===================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--fc-gris-card) !important;
  border: 1px solid var(--fc-gris-borde) !important;
  border-radius: var(--fc-radius) !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform .22s, box-shadow .22s, border-color .22s !important;
  position: relative;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(255,90,0,.18) !important;
  border-color: rgba(255,90,0,.35) !important;
}

/* Badge de categoría (esquina) */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .product-category a {
  color: var(--fc-naranja);
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ── Imagen ── */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  width: 100% !important;
  height: 190px !important;
  object-fit: contain !important;
  background: #111 !important;
  padding: 16px !important;
  display: block !important;
  transition: transform .3s !important;
}
.woocommerce ul.products li.product:hover a img {
  transform: scale(1.04) !important;
}

/* Contenedor del texto de la tarjeta */
.woocommerce ul.products li.product .fc-card-body,
.woocommerce ul.products li.product {
  position: relative;
}

/* ── Título del producto ── */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  font-size: .82rem !important;
  font-weight: 600 !important;
  color: var(--fc-blanco) !important;
  line-height: 1.35 !important;
  padding: 12px 14px 4px !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 48px !important;
}

/* ── Precio ── */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: var(--fc-naranja) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  padding: 4px 14px 10px !important;
  margin: 0 !important;
  display: block !important;
}
.woocommerce ul.products li.product .price del {
  color: var(--fc-gris-txt) !important;
  font-size: .78rem !important;
  font-weight: 400 !important;
  margin-right: 6px;
  opacity: .7;
}

/* ── Botón "Añadir al carrito" / "Comprar por WhatsApp" ── */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce-page ul.products li.product a.button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: calc(100% - 28px) !important;
  margin: 0 14px 14px !important;
  padding: 10px 0 !important;
  background: var(--fc-wa) !important;
  color: var(--fc-blanco) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background .2s, transform .15s, box-shadow .2s !important;
  box-shadow: 0 4px 14px rgba(37,211,102,.25) !important;
  letter-spacing: .3px !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
  background: var(--fc-wa-o) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(37,211,102,.4) !important;
  color: var(--fc-blanco) !important;
}

/* Icono WhatsApp antes del texto del botón */
.woocommerce ul.products li.product .button::before,
.woocommerce-page ul.products li.product .button::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

/* ── Estrella de rating ── */
.woocommerce .star-rating {
  color: var(--fc-naranja) !important;
  font-size: .8rem !important;
  margin: 0 14px 4px !important;
}

/* =====================================================================
   SIDEBAR / FILTROS DE CATEGORÍAS
   ===================================================================== */
.woocommerce-sidebar,
.widget_product_categories,
.widget_layered_nav {
  background: var(--fc-gris-card) !important;
  border: 1px solid var(--fc-gris-borde) !important;
  border-radius: var(--fc-radius) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
}

.widget-title,
.widgettitle {
  color: var(--fc-blanco) !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  border-bottom: 1px solid var(--fc-gris-borde) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}

.product-categories li a,
.woocommerce-widget-layered-nav-list__item a {
  color: var(--fc-gris-txt) !important;
  font-size: .85rem !important;
  transition: color .18s !important;
  text-decoration: none !important;
}
.product-categories li a:hover,
.woocommerce-widget-layered-nav-list__item a:hover {
  color: var(--fc-naranja) !important;
}
.product-categories li.current-cat > a,
.woocommerce-widget-layered-nav-list__item--chosen a {
  color: var(--fc-naranja) !important;
  font-weight: 700 !important;
}

.count {
  color: var(--fc-gris-txt) !important;
  font-size: .75rem !important;
  opacity: .7;
}

/* =====================================================================
   PAGINACIÓN
   ===================================================================== */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
  display: flex !important;
  gap: 6px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  padding: 24px 0 40px !important;
  list-style: none !important;
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .18s, color .18s !important;
  border: 1px solid var(--fc-gris-borde) !important;
  background: var(--fc-gris-card) !important;
  color: var(--fc-gris-txt) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: rgba(255,90,0,.15) !important;
  border-color: var(--fc-naranja) !important;
  color: var(--fc-naranja) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--fc-naranja) !important;
  border-color: var(--fc-naranja) !important;
  color: var(--fc-blanco) !important;
}

/* =====================================================================
   OCULTAR SOLO EL PRECIO EN LISTADO DE TIENDA
   ===================================================================== */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product span.price,
.woocommerce-page ul.products li.product span.price,
ul.products li.product .price { display: none !important; }

/* =====================================================================
   NOTIFICACIONES / MENSAJES WOOCOMMERCE
   ===================================================================== */
.woocommerce-message,
.woocommerce-info {
  background: var(--fc-gris-card) !important;
  border-top-color: var(--fc-naranja) !important;
  color: var(--fc-blanco) !important;
}
.woocommerce-error {
  background: var(--fc-gris-card) !important;
  border-top-color: #e55 !important;
  color: var(--fc-blanco) !important;
}

/* =====================================================================
   BREADCRUMBS
   ===================================================================== */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
  color: var(--fc-gris-txt) !important;
  font-size: .8rem !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}
.woocommerce .woocommerce-breadcrumb a {
  color: var(--fc-gris-txt) !important;
  text-decoration: none !important;
  transition: color .18s !important;
}
.woocommerce .woocommerce-breadcrumb a:hover {
  color: var(--fc-naranja) !important;
}

/* =====================================================================
   BÚSQUEDA DE PRODUCTOS
   ===================================================================== */
.widget_product_search form,
.woocommerce-product-search {
  display: flex !important;
  gap: 8px !important;
}
.widget_product_search input[type="search"],
.woocommerce-product-search input[type="search"] {
  flex: 1 !important;
  background: var(--fc-negro) !important;
  border: 1px solid var(--fc-gris-borde) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  color: var(--fc-blanco) !important;
  font-size: .85rem !important;
  outline: none !important;
  transition: border-color .2s !important;
}
.widget_product_search input[type="search"]:focus {
  border-color: var(--fc-naranja) !important;
}
.widget_product_search button,
.woocommerce-product-search button {
  background: var(--fc-naranja) !important;
  color: var(--fc-blanco) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background .2s !important;
}
.widget_product_search button:hover {
  background: var(--fc-naranja-o) !important;
}

/* =====================================================================
   FILTRO DE PRECIO (SLIDER)
   ===================================================================== */
.price_slider_wrapper .ui-slider {
  background: var(--fc-gris-borde) !important;
}
.price_slider_wrapper .ui-slider .ui-slider-range {
  background: var(--fc-naranja) !important;
}
.price_slider_wrapper .ui-slider .ui-slider-handle {
  background: var(--fc-naranja) !important;
  border: none !important;
  border-radius: 50% !important;
}
.price_slider_amount .button {
  background: var(--fc-naranja) !important;
  color: var(--fc-blanco) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 7px 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

/* =====================================================================
   RESPONSIVE MÓVIL — ajustes finos
   ===================================================================== */
@media (max-width: 600px) {
  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img {
    height: 150px !important;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: .78rem !important;
    min-height: 40px !important;
  }
  .woocommerce ul.products li.product .price {
    font-size: .92rem !important;
  }
  .woocommerce ul.products li.product .button {
    font-size: .76rem !important;
    padding: 9px 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS *//*
 * =====================================================================
 * FRENOS CALI — CSS PÁGINA DE PRODUCTO INDIVIDUAL (Single Product)
 * Añadir en: WordPress → Apariencia → Personalizar → CSS adicional
 * =====================================================================
 */

/* ── VARIABLES ── */
:root {
  --sp-naranja:    #FF5A00;
  --sp-naranja-o:  #cc4800;
  --sp-negro:      #0d0d0d;
  --sp-gris-os:    #161616;
  --sp-gris-card:  #1a1a1a;
  --sp-borde:      rgba(255,255,255,.07);
  --sp-blanco:     #ffffff;
  --sp-gris-txt:   #a0a0a0;
  --sp-wa:         #25D366;
  --sp-wa-o:       #1da851;
  --sp-radius:     14px;
  --sp-font:       'Segoe UI', system-ui, Arial, sans-serif;
}

/* ── FONDO GENERAL ── */
.single-product .site-main,
.single-product #main {
  background: var(--sp-negro);
  font-family: var(--sp-font);
}

/* ── OCULTAR PRECIO ── */
.single-product .summary .price,
.single-product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  display: none !important;
}

/* =====================================================================
   GALERÍA DE IMÁGENES
   ===================================================================== */
.woocommerce-product-gallery {
  background: var(--sp-gris-os) !important;
  border-radius: var(--sp-radius) !important;
  overflow: hidden !important;
  border: 1px solid var(--sp-borde) !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image img {
  background: var(--sp-gris-os) !important;
  padding: 24px !important;
  object-fit: contain !important;
  transition: transform .4s ease !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:hover img {
  transform: scale(1.04) !important;
}

/* Thumbnails */
.flex-control-thumbs {
  display: flex !important;
  gap: 8px !important;
  padding: 10px !important;
  background: var(--sp-negro) !important;
  margin: 0 !important;
}
.flex-control-thumbs li {
  flex: none !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid var(--sp-borde) !important;
  opacity: .55 !important;
  transition: opacity .2s, border-color .2s !important;
  cursor: pointer !important;
}
.flex-control-thumbs li:hover,
.flex-control-thumbs li.flex-active {
  opacity: 1 !important;
  border-color: var(--sp-naranja) !important;
}
.flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Botón zoom */
.woocommerce-product-gallery__trigger {
  background: rgba(255,90,0,.15) !important;
  border: 1px solid rgba(255,90,0,.3) !important;
  border-radius: 8px !important;
  width: 36px !important;
  height: 36px !important;
  top: 14px !important;
  right: 14px !important;
  transition: background .2s !important;
}
.woocommerce-product-gallery__trigger:hover {
  background: rgba(255,90,0,.3) !important;
}

/* =====================================================================
   RESUMEN — PANEL LATERAL OSCURO
   ===================================================================== */
.summary.entry-summary {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: var(--sp-radius) !important;
  padding: 28px !important;
  color: var(--sp-blanco) !important;
}

/* Título */
.product_title.entry-title {
  font-size: clamp(20px, 3vw, 32px) !important;
  font-weight: 900 !important;
  color: var(--sp-blanco) !important;
  line-height: 1.15 !important;
  letter-spacing: -.5px !important;
  margin-bottom: 16px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--sp-borde) !important;
}

/* Línea naranja decorativa bajo el título */
.product_title.entry-title::after {
  content: '' !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: var(--sp-naranja) !important;
  border-radius: 2px !important;
  margin-top: 12px !important;
}

/* Rating */
.woocommerce-product-rating {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  padding: 10px 14px !important;
  background: rgba(255,90,0,.06) !important;
  border: 1px solid rgba(255,90,0,.15) !important;
  border-radius: 8px !important;
}
.woocommerce-product-rating .star-rating {
  color: var(--sp-naranja) !important;
  font-size: .95rem !important;
}
.woocommerce-product-rating .woocommerce-review-link {
  color: var(--sp-gris-txt) !important;
  font-size: .8rem !important;
  transition: color .2s !important;
  text-decoration: none !important;
}
.woocommerce-product-rating .woocommerce-review-link:hover {
  color: var(--sp-naranja) !important;
}

/* Descripción corta */
.woocommerce-product-details__short-description {
  color: rgba(255,255,255,.5) !important;
  font-size: .88rem !important;
  line-height: 1.75 !important;
  margin-bottom: 22px !important;
  padding: 14px !important;
  background: rgba(255,255,255,.03) !important;
  border-radius: 8px !important;
  border-left: 3px solid var(--sp-naranja) !important;
}

/* Badge de stock */
.stock.in-stock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(37,211,102,.1) !important;
  border: 1px solid rgba(37,211,102,.25) !important;
  color: #4ade80 !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  padding: 5px 14px !important;
  border-radius: 50px !important;
  margin-bottom: 18px !important;
}
.stock.in-stock::before {
  content: '' !important;
  width: 6px !important; height: 6px !important;
  border-radius: 50% !important;
  background: #4ade80 !important;
  display: inline-block !important;
  animation: sp-blink 2s infinite !important;
}
@keyframes sp-blink { 0%,100%{opacity:1} 50%{opacity:.3} }

.stock.out-of-stock {
  color: #f87171 !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
}

/* Meta (SKU, categorías) */
.product_meta {
  padding: 14px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: 8px !important;
  margin: 18px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
.product_meta span {
  font-size: .8rem !important;
  color: var(--sp-gris-txt) !important;
}
.product_meta span a {
  color: var(--sp-naranja) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: opacity .2s !important;
}
.product_meta span a:hover { opacity: .8 !important; }
.product_meta .sku_wrapper .sku {
  color: rgba(255,255,255,.7) !important;
  font-weight: 700 !important;
}

/* =====================================================================
   BOTONES
   ===================================================================== */
.single_add_to_cart_button,
.woocommerce .cart .single_add_to_cart_button {
  background: var(--sp-wa) !important;
  color: var(--sp-blanco) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
  cursor: pointer !important;
  transition: background .2s, transform .15s, box-shadow .2s !important;
  box-shadow: 0 6px 20px rgba(37,211,102,.3) !important;
  width: 100% !important;
  text-align: center !important;
}
.single_add_to_cart_button:hover {
  background: var(--sp-wa-o) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(37,211,102,.45) !important;
  color: var(--sp-blanco) !important;
}

/* Cantidad */
.quantity .qty {
  background: var(--sp-negro) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: 8px !important;
  color: var(--sp-blanco) !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  width: 70px !important;
  text-align: center !important;
  outline: none !important;
  transition: border-color .2s !important;
}
.quantity .qty:focus { border-color: var(--sp-naranja) !important; }
.cart { display: flex !important; gap: 12px !important; align-items: center !important; }

/* =====================================================================
   TABS
   ===================================================================== */
.woocommerce-tabs { margin-top: 40px !important; }

.woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 4px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--sp-borde) !important;
}
.woocommerce-tabs ul.tabs::before { display: none !important; }
.woocommerce-tabs ul.tabs li {
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.woocommerce-tabs ul.tabs li a {
  padding: 11px 20px !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  color: var(--sp-gris-txt) !important;
  text-decoration: none !important;
  display: block !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  transition: color .2s, border-color .2s !important;
  letter-spacing: .2px !important;
}
.woocommerce-tabs ul.tabs li a:hover { color: var(--sp-blanco) !important; }
.woocommerce-tabs ul.tabs li.active a {
  color: var(--sp-naranja) !important;
  border-bottom-color: var(--sp-naranja) !important;
}

.woocommerce-tabs .panel {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-top: none !important;
  border-radius: 0 0 var(--sp-radius) var(--sp-radius) !important;
  padding: 26px !important;
  color: rgba(255,255,255,.55) !important;
  font-size: .88rem !important;
  line-height: 1.75 !important;
}
.woocommerce-tabs .panel h2 { display: none !important; }
.woocommerce-tabs .panel table { width: 100% !important; border-collapse: collapse !important; }
.woocommerce-tabs .panel table th,
.woocommerce-tabs .panel table td {
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--sp-borde) !important;
  font-size: .84rem !important;
  color: rgba(255,255,255,.55) !important;
  text-align: left !important;
}
.woocommerce-tabs .panel table th {
  color: var(--sp-blanco) !important;
  font-weight: 700 !important;
  width: 38% !important;
}

/* =====================================================================
   PRODUCTOS RELACIONADOS
   ===================================================================== */
.related.products { margin-top: 56px !important; }
.related.products > h2 {
  font-size: clamp(17px, 2.2vw, 24px) !important;
  font-weight: 900 !important;
  color: var(--sp-blanco) !important;
  margin-bottom: 20px !important;
  letter-spacing: -.3px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--sp-borde) !important;
  position: relative !important;
}
.related.products > h2::after {
  content: '' !important;
  position: absolute !important;
  bottom: -1px !important; left: 0 !important;
  width: 40px !important; height: 2px !important;
  background: var(--sp-naranja) !important;
  border-radius: 2px !important;
}

/* =====================================================================
   RESEÑAS
   ===================================================================== */
#reviews #comments ol.commentlist li {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: var(--sp-radius) !important;
  padding: 18px !important;
  margin-bottom: 12px !important;
}
#reviews .comment-text .star-rating { color: var(--sp-naranja) !important; }
#reviews .comment-text .description p { color: rgba(255,255,255,.55) !important; font-size: .86rem !important; }
#reviews .comment-text p.meta strong { color: var(--sp-blanco) !important; font-weight: 700 !important; }

#review_form .comment-form {
  background: var(--sp-gris-card) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: var(--sp-radius) !important;
  padding: 24px !important;
  margin-top: 24px !important;
}
#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea {
  background: var(--sp-negro) !important;
  border: 1px solid var(--sp-borde) !important;
  border-radius: 8px !important;
  color: var(--sp-blanco) !important;
  padding: 10px 14px !important;
  width: 100% !important;
  font-family: var(--sp-font) !important;
  font-size: .86rem !important;
  outline: none !important;
  transition: border-color .2s !important;
}
#review_form input:focus,
#review_form textarea:focus { border-color: var(--sp-naranja) !important; }
#review_form input[type="submit"] {
  background: var(--sp-naranja) !important;
  color: var(--sp-blanco) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px 26px !important;
  font-weight: 800 !important;
  font-size: .86rem !important;
  cursor: pointer !important;
  transition: background .2s !important;
  margin-top: 8px !important;
}
#review_form input[type="submit"]:hover { background: var(--sp-naranja-o) !important; }

/* =====================================================================
   BREADCRUMB
   ===================================================================== */
.woocommerce-breadcrumb {
  color: var(--sp-gris-txt) !important;
  font-size: .78rem !important;
  padding: 14px 0 !important;
}
.woocommerce-breadcrumb a {
  color: var(--sp-gris-txt) !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.woocommerce-breadcrumb a:hover { color: var(--sp-naranja) !important; }

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width: 768px) {
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary { width: 100% !important; float: none !important; }
  .summary.entry-summary { padding: 18px !important; }
  .woocommerce-tabs .panel { padding: 16px !important; }
  .cart { flex-wrap: wrap !important; }
  .single_add_to_cart_button { width: 100% !important; }
}/* End custom CSS */