*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}body.trv26{color:var(--tr-body-text)}body.trv26 .tr-main{font-family:var(--tr-body-font);font-weight:var(--tr-body-weight);color:var(--tr-body-text)}body.trv26 .tr-main .woocommerce-loop-product__title{font-family:var(--tr-heading-font)}body.trv26:not(.elementor-page) .tr-main a{color:var(--tr-link-color);text-decoration:none}body.trv26:not(.elementor-page) .tr-main a:hover{color:var(--tr-link-hover)}img{max-width:100%;height:auto;display:block}.tr-container{width:min(100% - 48px,1360px);margin-inline:auto}.tr-preheader{background:#0f0f0f;color:#fff;font-size:13px}.tr-preheader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:10px 0}.tr-site-header{position:relative;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);z-index:9999;transition:all .25s}.tr-sticky-header .tr-site-header{position:sticky;top:0}.tr-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.tr-logo img{width:auto!important;max-width:var(--tr-logo-size);height:auto!important;transition:max-width .25s}.tr-site-header.tr-is-sticky .tr-logo img{max-width:var(--tr-logo-sticky-size)}.tr-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.tr-nav a{font-weight:700;font-size:14px}.woocommerce .tr-woo-page,.tr-archive{padding:54px 0}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(var(--tr-catalog-cols),minmax(0,1fr));gap:34px!important;margin:34px 0!important;padding:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0!important;list-style:none}.tr-product-card{position:relative}.tr-card-inner{position:relative;height:100%;background:var(--tr-catalog-bg);border-radius:var(--tr-card-radius);overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s}.tr-card-inner:hover{transform:translateY(-5px)}.tr-card-media{position:relative;display:block;border-radius:var(--tr-image-radius);overflow:hidden;background:#f5f5f5;isolation:isolate}.tr-card-media img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .45s,opacity .35s}.tr-card-media .tr-alt-image{position:absolute;inset:0;opacity:0}.tr-card-media:hover .tr-alt-image{opacity:1}.tr-card-media:hover img:first-child{transform:scale(1.04)}.tr-card-content{position:relative;padding:24px;text-align:center}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:clamp(18px,1.4vw,25px);line-height:1.1;font-weight:850;color:var(--tr-catalog-title);padding:0;margin:0 0 12px}.tr-card-excerpt{font-size:14px;line-height:1.55;color:#5f5f5f;margin:0 0 14px}.woocommerce ul.products li.product .price{display:block;color:var(--tr-catalog-price);font-weight:800;font-size:20px;margin:0 0 18px}.woocommerce ul.products li.product .button{background:var(--tr-catalog-button-bg)!important;color:var(--tr-catalog-button-color)!important;border:0!important;border-radius:999px!important;padding:12px 24px!important;font-weight:850!important;line-height:1!important}.tr-frame-anchor{position:relative}.tr-frame-anchor::after{content:"";position:absolute;inset:var(--tr-catalog-frame-gap);border-radius:max(0px,calc(var(--tr-image-radius) - var(--tr-catalog-frame-gap)));pointer-events:none;z-index:5}.tr-catalog-frame-target-card .tr-card-inner.tr-frame-anchor::after{border-radius:max(0px,calc(var(--tr-card-radius) - var(--tr-catalog-frame-gap)))}.tr-catalog-frame-inner .tr-frame-anchor::after{box-shadow:inset 0 0 0 var(--tr-catalog-frame-w) var(--tr-catalog-frame-color)}.tr-catalog-frame-outline .tr-frame-anchor::after{inset:0;border:var(--tr-catalog-frame-w) solid var(--tr-catalog-frame-color)}.tr-catalog-frame-corners .tr-frame-anchor::after{background:linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) top left/54px var(--tr-catalog-frame-w) no-repeat,linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) top left/var(--tr-catalog-frame-w) 54px no-repeat,linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) top right/54px var(--tr-catalog-frame-w) no-repeat,linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) top right/var(--tr-catalog-frame-w) 54px no-repeat,linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) bottom left/54px var(--tr-catalog-frame-w) no-repeat,linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) bottom left/var(--tr-catalog-frame-w) 54px no-repeat,linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) bottom right/54px var(--tr-catalog-frame-w) no-repeat,linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) bottom right/var(--tr-catalog-frame-w) 54px no-repeat}.tr-catalog-frame-top_bottom .tr-frame-anchor::after{background:linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) top/100% var(--tr-catalog-frame-w) no-repeat,linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) bottom/100% var(--tr-catalog-frame-w) no-repeat}.tr-catalog-frame-sides .tr-frame-anchor::after{background:linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) left/var(--tr-catalog-frame-w) 100% no-repeat,linear-gradient(var(--tr-catalog-frame-color),var(--tr-catalog-frame-color)) right/var(--tr-catalog-frame-w) 100% no-repeat}.tr-catalog-frame-double .tr-frame-anchor::after{box-shadow:inset 0 0 0 var(--tr-catalog-frame-w) var(--tr-catalog-frame-color),inset 0 0 0 calc(var(--tr-catalog-frame-w) + 8px) rgba(0,0,0,.07)}
.tr-catalog-clean_editorial .tr-card-inner{box-shadow:none;background:transparent}.tr-catalog-clean_editorial .tr-card-content{text-align:left;padding:20px 0}.tr-catalog-soft_luxury .tr-card-inner{padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.07)}.tr-catalog-dark_gallery .woocommerce ul.products{background:#111;padding:32px!important;border-radius:28px}.tr-catalog-dark_gallery .tr-card-inner{background:#1b1b1b}.tr-catalog-dark_gallery .woocommerce-loop-product__title,.tr-catalog-dark_gallery .tr-card-excerpt{color:#fff!important}.tr-catalog-boutique_frame .tr-card-inner{padding:22px;border:1px solid #ddd;box-shadow:0 10px 30px rgba(0,0,0,.05)}.tr-catalog-boutique_frame .tr-card-media{border-radius:10px}.tr-catalog-split_commerce .tr-card-inner{display:grid;grid-template-columns:.95fr 1fr;align-items:center;min-height:260px}.tr-catalog-split_commerce .tr-card-content{text-align:left}.tr-catalog-minimal_market .tr-card-inner{border-radius:0;background:transparent;border-bottom:1px solid #ddd}.tr-catalog-minimal_market .tr-card-media{border-radius:0}.tr-catalog-shadow_float .tr-card-inner{box-shadow:0 28px 70px rgba(0,0,0,.12);padding:16px}.tr-catalog-bold_conversion .tr-card-inner{border:2px solid #111}.tr-catalog-bold_conversion .button{width:100%;border-radius:0!important;text-transform:uppercase!important;letter-spacing:.08em}.tr-catalog-magazine_grid .tr-card-media img{aspect-ratio:4/5}.tr-catalog-magazine_grid .tr-card-content{text-align:left}.tr-catalog-jewelry_showcase .tr-card-inner{background:#f7f4ee;padding:20px}.tr-catalog-jewelry_showcase .tr-card-media{background:#fff}.tr-catalog-jewelry_showcase .woocommerce-loop-product__title{text-transform:uppercase;letter-spacing:.12em;font-size:16px!important}.single-product .tr-main{background:var(--tr-single-bg)}.single-product .tr-woo-page{width:min(100% - 60px,1460px);margin-inline:auto;padding:54px 0}.tr-single-product-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.78fr);gap:58px;align-items:start}.tr-single-gallery-shell,.tr-single-summary{min-width:0}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:100%!important;margin:0!important}.woocommerce-product-gallery{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;align-items:start;overflow:visible!important}.woocommerce-product-gallery>.flex-viewport,.woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{grid-column:2;grid-row:1}.woocommerce div.product div.images .flex-control-thumbs{grid-column:1;grid-row:1;display:grid!important;grid-template-columns:1fr!important;gap:16px;margin:0!important;padding:0!important}.woocommerce div.product div.images .flex-control-thumbs li{width:auto!important;float:none!important;list-style:none}.woocommerce div.product div.images .flex-control-thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;opacity:.58;transition:opacity .2s,transform .2s}.woocommerce div.product div.images .flex-control-thumbs img.flex-active,.woocommerce div.product div.images .flex-control-thumbs img:hover{opacity:1;transform:translateX(3px)}.woocommerce-product-gallery__image:first-child{position:relative;border-radius:var(--tr-single-radius);overflow:hidden;background:#fff;isolation:isolate}.woocommerce-product-gallery__image:first-child a{display:block;border-radius:inherit;overflow:hidden}.woocommerce-product-gallery__image:first-child img{width:100%!important;height:auto!important;border-radius:inherit}.woocommerce-product-gallery__image:first-child::after{content:"";position:absolute;inset:var(--tr-single-frame-gap);border-radius:max(0px,calc(var(--tr-single-radius) - var(--tr-single-frame-gap)));pointer-events:none;z-index:6}.tr-single-frame-inner .woocommerce-product-gallery__image:first-child::after{box-shadow:inset 0 0 0 var(--tr-single-frame-w) var(--tr-single-frame-color)}.tr-single-frame-outline .woocommerce-product-gallery__image:first-child::after{inset:0;border:var(--tr-single-frame-w) solid var(--tr-single-frame-color)}.tr-single-frame-corners .woocommerce-product-gallery__image:first-child::after{background:linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) top left/70px var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) top left/var(--tr-single-frame-w) 70px no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) top right/70px var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) top right/var(--tr-single-frame-w) 70px no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) bottom left/70px var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) bottom left/var(--tr-single-frame-w) 70px no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) bottom right/70px var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) bottom right/var(--tr-single-frame-w) 70px no-repeat}.tr-single-frame-top_bottom .woocommerce-product-gallery__image:first-child::after{background:linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) top/100% var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) bottom/100% var(--tr-single-frame-w) no-repeat}.tr-single-frame-sides .woocommerce-product-gallery__image:first-child::after{background:linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left/var(--tr-single-frame-w) 100% no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right/var(--tr-single-frame-w) 100% no-repeat}.tr-single-frame-double .woocommerce-product-gallery__image:first-child::after{box-shadow:inset 0 0 0 var(--tr-single-frame-w) var(--tr-single-frame-color),inset 0 0 0 calc(var(--tr-single-frame-w) + 10px) rgba(0,0,0,.08)}.tr-single-summary{background:var(--tr-single-panel-bg);padding:8px 0 32px}.woocommerce div.product .product_title{color:var(--tr-single-title);font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:clamp(24px,2.2vw,39px);line-height:1.35;margin:0 0 16px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--tr-single-price);font-size:24px;font-weight:400;letter-spacing:.12em;margin:0 0 28px}.woocommerce-product-details__short-description{color:var(--tr-single-excerpt);font-size:16px;line-height:1.75;margin:30px 0}.woocommerce div.product form.cart{margin:28px 0}.woocommerce div.product form.cart .button{width:100%;background:var(--tr-single-button-bg)!important;color:var(--tr-single-button-color)!important;border:0!important;border-radius:0!important;padding:17px 28px!important;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:800}.quantity .qty{height:50px;border:1px solid #ddd}.product_meta{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#777}.tr-single-product-bottom{margin-top:70px;clear:both}.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 28px!important;border-bottom:1px solid #ddd}.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none!important}.woocommerce div.product .woocommerce-tabs ul.tabs li{border:0!important;background:transparent!important;margin:0 22px 0 0!important;padding:0!important}.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:16px 0!important;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.woocommerce div.product .woocommerce-tabs .panel{font-size:18px;line-height:1.8;max-width:980px}
.tr-single-diamond_editorial .woocommerce-product-gallery__image:first-child{border-radius:0}.tr-single-gallery_column .tr-single-product-top{grid-template-columns:minmax(0,1.55fr) minmax(340px,.62fr)}.tr-single-gallery_column .woocommerce-product-gallery{grid-template-columns:1fr}.tr-single-gallery_column .woocommerce-product-gallery>.flex-viewport,.tr-single-gallery_column .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{grid-column:1}.tr-single-gallery_column .woocommerce div.product div.images .flex-control-thumbs{grid-column:1;grid-row:2;grid-template-columns:repeat(var(--tr-thumb-cols),1fr)!important}.tr-single-atelier_split .tr-single-product-top{grid-template-columns:1fr}.tr-single-atelier_split .tr-single-summary{max-width:980px;margin:auto;text-align:center;padding:48px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.08)}.tr-single-minimal_jewelry{--tr-single-bg:#fff}.tr-single-minimal_jewelry .tr-single-summary{background:transparent}.tr-single-minimal_jewelry .product_title{letter-spacing:.04em;text-transform:none;font-weight:700}.tr-single-conversion_luxury .tr-single-summary{background:var(--tr-single-panel-bg);color:var(--tr-single-excerpt);padding:44px;border-radius:0}.tr-single-conversion_luxury .product_title{color:var(--tr-single-title)!important}.tr-single-conversion_luxury .woocommerce-product-details__short-description{color:var(--tr-single-excerpt)!important}.tr-single-conversion_luxury form.cart .button{background:var(--tr-single-button-bg)!important;color:var(--tr-single-button-color)!important}.tr-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0}.tr-post-card{border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.07)}.tr-post-media{display:block;aspect-ratio:4/3;background:#eee;overflow:hidden}.tr-post-media img{width:100%;height:100%;object-fit:cover}.tr-post-body{padding:24px}.tr-post-title{font-size:26px}.tr-post-excerpt{color:#555}.tr-read-more{font-weight:800}.tr-blog-minimal_list .tr-post-grid{grid-template-columns:1fr}.tr-blog-minimal_list .tr-post-card{display:grid;grid-template-columns:320px 1fr}.tr-blog-dark_magazine .tr-post-grid{background:#111;padding:32px;border-radius:28px}.tr-blog-dark_magazine .tr-post-card{background:#1b1b1b;color:#fff}.tr-single-post{max-width:980px;padding-top:60px}.tr-single-post h1{font-size:clamp(var(--tr-post-h1-size-mobile,32px),5vw,var(--tr-post-h1-size-desktop,44px));line-height:var(--tr-post-h1-line-height,1.12);letter-spacing:-.035em;margin-top:0}.tr-single-post-image{border-radius:28px;overflow:hidden;margin:34px 0}.tr-single-post-content{font-size:var(--tr-post-content-font-size,18px);line-height:var(--tr-post-content-line-height,1.65)}.tr-single-post-content h2{font-size:clamp(var(--tr-post-h2-size-mobile,23px),3.2vw,var(--tr-post-h2-size-desktop,28px));line-height:var(--tr-post-h2-line-height,1.28);margin-top:1.45em;margin-bottom:.55em}@media(max-width:1100px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tr-single-product-top{grid-template-columns:1fr;gap:34px}.tr-post-grid{grid-template-columns:1fr 1fr}.tr-preheader-grid{grid-template-columns:1fr}.tr-catalog-split_commerce .tr-card-inner{grid-template-columns:1fr}}@media(max-width:700px){.tr-container,.single-product .tr-woo-page{width:min(100% - 24px,1360px)}.woocommerce ul.products{grid-template-columns:1fr!important}.tr-header-inner{flex-direction:column;align-items:flex-start;padding:16px 0}.tr-nav ul{flex-wrap:wrap;gap:12px}.woocommerce-product-gallery{grid-template-columns:1fr}.woocommerce-product-gallery>.flex-viewport,.woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{grid-column:1}.woocommerce div.product div.images .flex-control-thumbs{grid-column:1;grid-row:2;grid-template-columns:repeat(var(--tr-thumb-cols),1fr)!important}.tr-single-summary{padding:28px 0}.tr-post-grid{grid-template-columns:1fr}.tr-blog-minimal_list .tr-post-card{display:block}}
/* =========================================================
TR PRO V26 REAL PRODUCT ENGINE - HARD OVERRIDES
Purpose: make single-product layouts visibly different and
attach frames to the real main gallery image only.
========================================================= */
.single-product .tr-woo-page{width:min(100% - 56px,1440px);margin-inline:auto;padding:56px 0 80px}.single-product div.product.tr-single-product-layout{position:relative}.single-product div.product .tr-single-product-top{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:56px;align-items:start}.single-product div.product .tr-single-gallery-shell{min-width:0}.single-product div.product .tr-single-summary{min-width:0;background:var(--tr-single-panel-bg);color:var(--tr-single-excerpt);padding:0}.single-product div.product .product_title{color:var(--tr-single-title);font-family:var(--tr-heading-font);font-size:clamp(28px,3vw,46px);line-height:1.12;margin:0 0 18px}.single-product div.product p.price,.single-product div.product span.price{color:var(--tr-single-price);font-size:22px;font-weight:600;margin:0 0 26px}.single-product div.product .woocommerce-product-details__short-description{color:var(--tr-single-excerpt);font-size:16px;line-height:1.75;margin:26px 0}.single-product div.product form.cart .button{background:var(--tr-single-button-bg)!important;color:var(--tr-single-button-color)!important;border:0!important;padding:17px 26px!important;font-weight:800;text-transform:uppercase;letter-spacing:.14em;border-radius:0!important}.single-product div.product div.images{float:none!important;width:100%!important;margin:0!important;max-width:none!important}.single-product div.product div.summary{float:none!important;width:100%!important;margin:0!important}.single-product div.product div.images .woocommerce-product-gallery__wrapper{margin:0!important}.single-product div.product div.images .woocommerce-product-gallery__image{margin:0!important}.single-product div.product div.images .woocommerce-product-gallery__image a{display:block;position:relative;border-radius:var(--tr-single-radius);overflow:hidden;background:#fff}.single-product div.product div.images .woocommerce-product-gallery__image img{width:100%!important;height:auto!important;border-radius:var(--tr-single-radius);object-fit:contain;background:#fff}.single-product div.product div.images .woocommerce-product-gallery__trigger{z-index:20}
/* Gallery directions */
.single-product .woocommerce-product-gallery{display:grid!important;gap:22px!important;align-items:start;overflow:visible!important}.single-product.tr-gallery-vertical .woocommerce-product-gallery{grid-template-columns:82px minmax(0,1fr)!important}.single-product.tr-gallery-vertical .woocommerce-product-gallery>.flex-viewport,.single-product.tr-gallery-vertical .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{grid-column:2!important;grid-row:1!important}.single-product.tr-gallery-vertical div.images .flex-control-thumbs{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:0!important;padding:0!important}.single-product.tr-gallery-horizontal .woocommerce-product-gallery,.single-product.tr-gallery-grid .woocommerce-product-gallery{grid-template-columns:1fr!important}.single-product.tr-gallery-horizontal .woocommerce-product-gallery>.flex-viewport,.single-product.tr-gallery-horizontal .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper,.single-product.tr-gallery-grid .woocommerce-product-gallery>.flex-viewport,.single-product.tr-gallery-grid .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{grid-column:1!important;grid-row:1!important}.single-product.tr-gallery-horizontal div.images .flex-control-thumbs,.single-product.tr-gallery-grid div.images .flex-control-thumbs{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(var(--tr-thumb-cols),minmax(0,1fr))!important;gap:14px!important;margin:0!important;padding:0!important}.single-product div.images .flex-control-thumbs li{float:none!important;width:auto!important;margin:0!important;list-style:none!important}.single-product div.images .flex-control-thumbs img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:8px!important;opacity:.55!important;transition:.2s ease}.single-product div.images .flex-control-thumbs img.flex-active,.single-product div.images .flex-control-thumbs img:hover{opacity:1!important;transform:translateY(-2px)}.single-product.tr-gallery-vertical div.images .flex-control-thumbs img.flex-active,.single-product.tr-gallery-vertical div.images .flex-control-thumbs img:hover{transform:translateX(3px)}
/* Main image frame: real image anchor, no external broken borders */
.single-product div.product div.images .woocommerce-product-gallery__image:first-child a::after{content:"";position:absolute;inset:var(--tr-single-frame-gap);border-radius:max(0px,calc(var(--tr-single-radius) - var(--tr-single-frame-gap)));pointer-events:none;z-index:12;background:none;box-shadow:none;border:0}.single-product.tr-single-frame-none div.product div.images .woocommerce-product-gallery__image:first-child a::after{display:none}.single-product.tr-single-frame-inner div.product div.images .woocommerce-product-gallery__image:first-child a::after{box-shadow:inset 0 0 0 var(--tr-single-frame-w) var(--tr-single-frame-color)}.single-product.tr-single-frame-outline div.product div.images .woocommerce-product-gallery__image:first-child a::after{inset:calc(var(--tr-single-frame-gap) / 2);box-shadow:inset 0 0 0 var(--tr-single-frame-w) var(--tr-single-frame-color)}.single-product.tr-single-frame-double div.product div.images .woocommerce-product-gallery__image:first-child a::after{box-shadow:inset 0 0 0 var(--tr-single-frame-w) var(--tr-single-frame-color),inset 0 0 0 calc(var(--tr-single-frame-w) + 9px) rgba(0,0,0,.08)}.single-product.tr-single-frame-top_bottom div.product div.images .woocommerce-product-gallery__image:first-child a::after{background:linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) top/100% var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) bottom/100% var(--tr-single-frame-w) no-repeat}.single-product.tr-single-frame-sides div.product div.images .woocommerce-product-gallery__image:first-child a::after{background:linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left/var(--tr-single-frame-w) 100% no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right/var(--tr-single-frame-w) 100% no-repeat}.single-product.tr-single-frame-corners div.product div.images .woocommerce-product-gallery__image:first-child a::after{--tr-corner:76px;background:linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left top/var(--tr-corner) var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left top/var(--tr-single-frame-w) var(--tr-corner) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right top/var(--tr-corner) var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right top/var(--tr-single-frame-w) var(--tr-corner) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left bottom/var(--tr-corner) var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left bottom/var(--tr-single-frame-w) var(--tr-corner) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right bottom/var(--tr-corner) var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right bottom/var(--tr-single-frame-w) var(--tr-corner) no-repeat}
/* 5 visible product layouts based on premium jewelry reference */
.single-product.tr-single-diamond_editorial .tr-main{background:#efefef}.single-product.tr-single-diamond_editorial div.product .tr-single-product-top{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:70px}.single-product.tr-single-diamond_editorial .tr-single-summary{padding-top:8px}.single-product.tr-single-diamond_editorial .product_title{text-transform:uppercase;letter-spacing:.18em;font-size:clamp(24px,2.2vw,38px);font-weight:500}.single-product.tr-single-diamond_editorial p.price{letter-spacing:.14em;font-weight:400}.single-product.tr-single-diamond_editorial div.images .woocommerce-product-gallery__image:first-child a{border-radius:0}.single-product.tr-single-diamond_editorial div.images .woocommerce-product-gallery__image:first-child img{border-radius:0}.single-product.tr-single-diamond_editorial .woocommerce-product-details__short-description{font-size:15px;letter-spacing:.02em}.single-product.tr-single-diamond_editorial form.cart .button{background:#1b1b1b!important}
.single-product.tr-single-gallery_column .tr-main{background:#faf9f6}.single-product.tr-single-gallery_column div.product .tr-single-product-top{grid-template-columns:minmax(0,1.55fr) minmax(360px,.68fr);gap:44px}.single-product.tr-single-gallery_column .tr-single-summary{background:#fff;padding:42px;border:1px solid rgba(0,0,0,.08);box-shadow:0 24px 80px rgba(0,0,0,.06);position:sticky;top:110px}.single-product.tr-single-gallery_column .product_title{font-size:clamp(32px,3vw,52px);letter-spacing:-.02em;text-transform:none;font-weight:800}.single-product.tr-single-gallery_column div.images .woocommerce-product-gallery__image:first-child a{border-radius:28px}.single-product.tr-single-gallery_column div.images .woocommerce-product-gallery__image:first-child img{border-radius:28px}.single-product.tr-single-gallery_column p.price{font-size:30px;color:#9a7238!important}.single-product.tr-single-gallery_column form.cart .button{border-radius:999px!important}
.single-product.tr-single-atelier_split .tr-main{background:#fff}.single-product.tr-single-atelier_split div.product .tr-single-product-top{grid-template-columns:1fr;gap:36px}.single-product.tr-single-atelier_split .tr-single-summary{max-width:1040px;margin-inline:auto;text-align:center;background:#f7f4ef;padding:54px 70px;border-radius:30px}.single-product.tr-single-atelier_split .product_title{max-width:880px;margin-inline:auto;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.single-product.tr-single-atelier_split .woocommerce-product-details__short-description{max-width:760px;margin:28px auto}.single-product.tr-single-atelier_split div.product form.cart{max-width:560px;margin-inline:auto}.single-product.tr-single-atelier_split div.images .woocommerce-product-gallery__image:first-child a{border-radius:34px}.single-product.tr-single-atelier_split .tr-single-product-bottom{max-width:1040px;margin-inline:auto}
.single-product.tr-single-minimal_jewelry .tr-main{background:#fff}.single-product.tr-single-minimal_jewelry div.product .tr-single-product-top{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:84px}.single-product.tr-single-minimal_jewelry .tr-single-summary{background:transparent;padding-top:30px}.single-product.tr-single-minimal_jewelry .product_title{text-transform:none;letter-spacing:-.035em;font-size:clamp(40px,4.4vw,72px);font-weight:750}.single-product.tr-single-minimal_jewelry .woocommerce-product-details__short-description{font-size:18px;line-height:1.85;color:#555}.single-product.tr-single-minimal_jewelry p.price{font-size:26px;letter-spacing:0}.single-product.tr-single-minimal_jewelry form.cart .button{background:#fff!important;color:#111!important;border:1px solid #111!important}.single-product.tr-single-minimal_jewelry div.images .woocommerce-product-gallery__image:first-child a{border-radius:8px}
.single-product.tr-single-conversion_luxury .tr-main{background:var(--tr-single-bg)}.single-product.tr-single-conversion_luxury .tr-woo-page{width:min(100% - 56px,1320px)}.single-product.tr-single-conversion_luxury div.product .tr-single-product-top{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:38px}.single-product.tr-single-conversion_luxury .tr-single-summary{background:var(--tr-single-panel-bg);padding:46px;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.single-product.tr-single-conversion_luxury .product_title{font-size:clamp(30px,3.3vw,54px);text-transform:none;letter-spacing:-.02em;font-weight:900;color:var(--tr-single-title)!important}.single-product.tr-single-conversion_luxury p.price{font-size:34px;color:var(--tr-single-price)!important;font-weight:900}.single-product.tr-single-conversion_luxury form.cart .button{font-size:15px;padding:20px 28px!important;border-radius:14px!important;background:var(--tr-single-button-bg)!important;color:var(--tr-single-button-color)!important}.single-product.tr-single-conversion_luxury div.images .woocommerce-product-gallery__image:first-child a{border-radius:24px;background:#fff}.single-product.tr-single-conversion_luxury .tr-single-product-bottom{background:var(--tr-single-panel-bg);border-radius:24px;padding:34px;margin-top:42px;color:var(--tr-single-excerpt)}
/* Catalog frames safer with rounded cards */
.tr-frame-anchor{isolation:isolate}.tr-frame-anchor::after{box-sizing:border-box}.tr-catalog-frame-corners .tr-frame-anchor::after{--tr-corner:58px}.tr-catalog-frame-inner .tr-frame-anchor::after,.tr-catalog-frame-double .tr-frame-anchor::after{overflow:hidden}.woocommerce ul.products li.product .tr-card-media{transform:translateZ(0)}
@media(max-width:1100px){.single-product div.product .tr-single-product-top,.single-product.tr-single-diamond_editorial div.product .tr-single-product-top,.single-product.tr-single-gallery_column div.product .tr-single-product-top,.single-product.tr-single-minimal_jewelry div.product .tr-single-product-top,.single-product.tr-single-conversion_luxury div.product .tr-single-product-top{grid-template-columns:1fr!important;gap:34px}.single-product.tr-single-gallery_column .tr-single-summary{position:relative;top:auto}.single-product.tr-gallery-vertical .woocommerce-product-gallery{grid-template-columns:1fr!important}.single-product.tr-gallery-vertical .woocommerce-product-gallery>.flex-viewport,.single-product.tr-gallery-vertical .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{grid-column:1!important}.single-product.tr-gallery-vertical div.images .flex-control-thumbs{grid-column:1!important;grid-row:2!important;grid-template-columns:repeat(var(--tr-thumb-cols),minmax(0,1fr))!important}.single-product.tr-gallery-vertical div.images .flex-control-thumbs img.flex-active,.single-product.tr-gallery-vertical div.images .flex-control-thumbs img:hover{transform:translateY(-2px)}}@media(max-width:680px){.single-product .tr-woo-page{width:min(100% - 24px,1440px);padding:28px 0 56px}.single-product.tr-single-atelier_split .tr-single-summary,.single-product.tr-single-gallery_column .tr-single-summary,.single-product.tr-single-conversion_luxury .tr-single-summary{padding:28px 22px;border-radius:18px}.single-product div.product .product_title{font-size:30px!important}.single-product div.product div.images .woocommerce-product-gallery__trigger{top:12px!important;right:12px!important}}
/* ===============================
TR PRO V27 PRODUCT FIXES ONLY
Catálogo se mantiene intacto.
=============================== */
.single-product .tr-single-product-top{
align-items:flex-start!important;
}
.single-product .tr-single-summary .product_title{
margin:0 0 18px!important;
line-height:1.08!important;
}
.single-product .tr-single-summary p.price{
margin:0 0 24px!important;
}
.single-product .tr-single-summary .woocommerce-product-details__short-description{
margin:26px 0 32px!important;
color:var(--tr-single-excerpt)!important;
}
.single-product .tr-single-summary .woocommerce-product-details__short-description > *:first-child{margin-top:0!important;}
.single-product .tr-single-summary .woocommerce-product-details__short-description > *:last-child{margin-bottom:0!important;}
@media (min-width:1101px){
.single-product.tr-single-summary-sticky .tr-single-summary{
position:sticky!important;
top:112px!important;
align-self:start!important;
z-index:5;
}
}
/* Main product image: one reliable target, no duplicate pseudo-elements */
.single-product div.product div.images .woocommerce-product-gallery__image:first-child,
.single-product div.product div.images .woocommerce-product-gallery__image:first-child a,
.single-product div.product div.images .woocommerce-product-gallery__image:first-child img{
border-radius:var(--tr-single-radius)!important;
}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child{
position:relative!important;
overflow:hidden!important;
isolation:isolate!important;
background:#fff!important;
box-sizing:border-box!important;
}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child a{
display:block!important;
overflow:hidden!important;
position:relative!important;
}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child img{
display:block!important;
width:100%!important;
height:auto!important;
object-fit:cover!important;
}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child a::after{display:none!important;content:none!important;}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child::after{
content:""!important;
position:absolute!important;
inset:var(--tr-single-frame-gap)!important;
border-radius:max(0px, calc(var(--tr-single-radius) - var(--tr-single-frame-gap)))!important;
pointer-events:none!important;
z-index:8!important;
box-sizing:border-box!important;
background:none!important;
box-shadow:none!important;
border:0!important;
}
.single-product.tr-single-frame-inner div.product div.images .woocommerce-product-gallery__image:first-child::after{
box-shadow:inset 0 0 0 var(--tr-single-frame-w) var(--tr-single-frame-color)!important;
}
.single-product.tr-single-frame-outline div.product div.images .woocommerce-product-gallery__image:first-child::after{
box-shadow:inset 0 0 0 var(--tr-single-frame-w) var(--tr-single-frame-color)!important;
}
.single-product.tr-single-frame-double div.product div.images .woocommerce-product-gallery__image:first-child::after{
box-shadow:inset 0 0 0 var(--tr-single-frame-w) var(--tr-single-frame-color), inset 0 0 0 calc(var(--tr-single-frame-w) + 10px) rgba(0,0,0,.08)!important;
}
.single-product.tr-single-frame-top_bottom div.product div.images .woocommerce-product-gallery__image:first-child::after{
background:linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) top/100% var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) bottom/100% var(--tr-single-frame-w) no-repeat!important;
}
.single-product.tr-single-frame-sides div.product div.images .woocommerce-product-gallery__image:first-child::after{
background:linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left/var(--tr-single-frame-w) 100% no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right/var(--tr-single-frame-w) 100% no-repeat!important;
}
.single-product.tr-single-frame-corners div.product div.images .woocommerce-product-gallery__image:first-child::after{
--tr-corner-size:min(82px, 22%);
background:
linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left top/var(--tr-corner-size) var(--tr-single-frame-w) no-repeat,
linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left top/var(--tr-single-frame-w) var(--tr-corner-size) no-repeat,
linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right top/var(--tr-corner-size) var(--tr-single-frame-w) no-repeat,
linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right top/var(--tr-single-frame-w) var(--tr-corner-size) no-repeat,
linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left bottom/var(--tr-corner-size) var(--tr-single-frame-w) no-repeat,
linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left bottom/var(--tr-single-frame-w) var(--tr-corner-size) no-repeat,
linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right bottom/var(--tr-corner-size) var(--tr-single-frame-w) no-repeat,
linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right bottom/var(--tr-single-frame-w) var(--tr-corner-size) no-repeat!important;
}
/* Gallery orientation rebuilt */
.single-product .woocommerce-product-gallery{
width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
.single-product.tr-gallery-vertical .woocommerce-product-gallery{
display:grid!important;
grid-template-columns:84px minmax(0,1fr)!important;
gap:24px!important;
align-items:start!important;
}
.single-product.tr-gallery-vertical .woocommerce-product-gallery>.flex-viewport,
.single-product.tr-gallery-vertical .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{
grid-column:2!important;
grid-row:1!important;
min-width:0!important;
}
.single-product.tr-gallery-horizontal .woocommerce-product-gallery,
.single-product.tr-gallery-grid .woocommerce-product-gallery{
display:grid!important;
grid-template-columns:1fr!important;
gap:18px!important;
}
.single-product.tr-gallery-horizontal .woocommerce-product-gallery>.flex-viewport,
.single-product.tr-gallery-horizontal .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper,
.single-product.tr-gallery-grid .woocommerce-product-gallery>.flex-viewport,
.single-product.tr-gallery-grid .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{
grid-column:1!important;
grid-row:1!important;
}
.single-product div.product div.images .flex-control-thumbs,
.single-product div.product div.images .flex-control-thumbs li{
list-style:none!important;
margin:0!important;
padding:0!important;
}
.single-product div.product div.images .flex-control-thumbs img{
display:block!important;
width:100%!important;
height:auto!important;
aspect-ratio:1/1!important;
object-fit:cover!important;
border-radius:10px!important;
opacity:.58!important;
transition:opacity .2s ease, transform .2s ease, box-shadow .2s ease!important;
}
.single-product div.product div.images .flex-control-thumbs img.flex-active,
.single-product div.product div.images .flex-control-thumbs img:hover{
opacity:1!important;
box-shadow:0 10px 28px rgba(0,0,0,.13)!important;
}
/* Non-slider grid thumbnails */
.single-product:not(.tr-gallery-slider-on).tr-gallery-horizontal div.product div.images .flex-control-thumbs,
.single-product:not(.tr-gallery-slider-on).tr-gallery-grid div.product div.images .flex-control-thumbs{
display:grid!important;
grid-template-columns:repeat(var(--tr-thumb-cols), minmax(0,1fr))!important;
gap:14px!important;
width:100%!important;
overflow:visible!important;
}
.single-product:not(.tr-gallery-slider-on).tr-gallery-vertical div.product div.images .flex-control-thumbs{
display:grid!important;
grid-template-columns:1fr!important;
gap:14px!important;
width:100%!important;
}
.single-product:not(.tr-gallery-slider-on).tr-gallery-horizontal div.product div.images .flex-control-thumbs li,
.single-product:not(.tr-gallery-slider-on).tr-gallery-grid div.product div.images .flex-control-thumbs li,
.single-product:not(.tr-gallery-slider-on).tr-gallery-vertical div.product div.images .flex-control-thumbs li{
float:none!important;
width:auto!important;
}
/* Slider thumbnails with arrows */
.single-product.tr-gallery-slider-on .tr-thumb-slider{
position:relative!important;
min-width:0!important;
}
.single-product.tr-gallery-slider-on.tr-gallery-vertical .woocommerce-product-gallery>.tr-thumb-slider{
grid-column:1!important;
grid-row:1!important;
height:100%!important;
max-height:620px!important;
}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal .woocommerce-product-gallery>.tr-thumb-slider,
.single-product.tr-gallery-slider-on.tr-gallery-grid .woocommerce-product-gallery>.tr-thumb-slider{
grid-column:1!important;
grid-row:2!important;
width:100%!important;
}
.single-product.tr-gallery-slider-on div.product div.images .flex-control-thumbs{
scrollbar-width:none!important;
-ms-overflow-style:none!important;
scroll-behavior:smooth!important;
}
.single-product.tr-gallery-slider-on div.product div.images .flex-control-thumbs::-webkit-scrollbar{display:none!important;}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs,
.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs{
display:flex!important;
gap:14px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
padding:2px!important;
scroll-snap-type:x proximity!important;
}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs li,
.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs li{
float:none!important;
flex:0 0 calc((100% - (14px * (var(--tr-thumb-cols) - 1))) / var(--tr-thumb-cols))!important;
width:auto!important;
scroll-snap-align:start!important;
}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs{
display:flex!important;
flex-direction:column!important;
gap:14px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
max-height:620px!important;
padding:2px!important;
scroll-snap-type:y proximity!important;
}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs li{
float:none!important;
flex:0 0 84px!important;
width:84px!important;
scroll-snap-align:start!important;
}
.tr-thumb-arrow{
position:absolute!important;
z-index:20!important;
width:34px!important;
height:34px!important;
border-radius:999px!important;
border:1px solid rgba(0,0,0,.14)!important;
background:rgba(255,255,255,.92)!important;
box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
color:#111!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
cursor:pointer!important;
line-height:1!important;
font-size:18px!important;
}
.tr-thumb-arrow:hover{background:#fff!important;}
.tr-gallery-vertical .tr-thumb-prev{top:0!important;left:50%!important;transform:translate(-50%,-45%) rotate(90deg)!important;}
.tr-gallery-vertical .tr-thumb-next{bottom:0!important;left:50%!important;transform:translate(-50%,45%) rotate(90deg)!important;}
.tr-gallery-horizontal .tr-thumb-prev,.tr-gallery-grid .tr-thumb-prev{left:0!important;top:50%!important;transform:translate(-45%,-50%)!important;}
.tr-gallery-horizontal .tr-thumb-next,.tr-gallery-grid .tr-thumb-next{right:0!important;top:50%!important;transform:translate(45%,-50%)!important;}
@media(max-width:1100px){
.single-product.tr-single-summary-sticky .tr-single-summary{position:relative!important;top:auto!important;}
.single-product.tr-gallery-vertical .woocommerce-product-gallery{grid-template-columns:1fr!important;gap:18px!important;}
.single-product.tr-gallery-vertical .woocommerce-product-gallery>.flex-viewport,
.single-product.tr-gallery-vertical .woocommerce-product-gallery>.woocommerce-product-gallery__wrapper{grid-column:1!important;grid-row:1!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical .woocommerce-product-gallery>.tr-thumb-slider{grid-column:1!important;grid-row:2!important;height:auto!important;max-height:none!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs li{flex:0 0 calc((100% - (14px * (var(--tr-thumb-cols) - 1))) / var(--tr-thumb-cols))!important;width:auto!important;}
.tr-gallery-vertical .tr-thumb-prev{left:0!important;top:50%!important;transform:translate(-45%,-50%)!important;}
.tr-gallery-vertical .tr-thumb-next{right:0!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translate(45%,-50%)!important;}
}
@media(max-width:680px){
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs li,
.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs li,
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs li{flex-basis:74px!important;}
}
/* =========================================================
TR PRO V28 — SINGLE PRODUCT ONLY FIXES
Catálogo queda intacto. Todo apunta solo a producto simple.
========================================================= */
.single-product .tr-single-product-top{align-items:start!important;gap:clamp(34px,4vw,72px)!important;overflow:visible!important;}
.single-product .tr-single-summary{background:var(--tr-single-panel-bg)!important;padding:clamp(30px,3.2vw,54px)!important;box-sizing:border-box!important;min-width:0!important;}
.single-product .tr-single-summary .product_title{margin:0 0 28px!important;line-height:1.22!important;max-width:100%!important;overflow-wrap:anywhere!important;}
.single-product .tr-single-summary p.price,.single-product .tr-single-summary span.price{display:block!important;margin:0 0 30px!important;}
.single-product .tr-single-summary .woocommerce-product-details__short-description{margin:34px 0 36px!important;padding-top:0!important;line-height:1.9!important;max-width:720px!important;}
.single-product .tr-single-summary form.cart{margin-top:34px!important;}
@media (min-width:1025px){.single-product.tr-single-summary-sticky .tr-single-summary{position:sticky!important;top:calc(var(--tr-logo-sticky-size,110px) + 36px)!important;align-self:start!important;z-index:5!important;}}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child,.single-product div.product div.images .woocommerce-product-gallery__image:first-child a,.single-product div.product div.images .woocommerce-product-gallery__image:first-child img{border-radius:var(--tr-single-radius)!important;}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child{overflow:hidden!important;box-sizing:border-box!important;transform:translateZ(0)!important;background:#fff!important;}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child::after{inset:var(--tr-single-frame-gap)!important;width:auto!important;height:auto!important;border-radius:max(0px, calc(var(--tr-single-radius) - var(--tr-single-frame-gap)))!important;box-sizing:border-box!important;clip-path:inset(0 round max(0px, calc(var(--tr-single-radius) - var(--tr-single-frame-gap))))!important;}
.single-product.tr-single-frame-outline div.product div.images .woocommerce-product-gallery__image:first-child::after,.single-product.tr-single-frame-inner div.product div.images .woocommerce-product-gallery__image:first-child::after{border:0!important;box-shadow:inset 0 0 0 var(--tr-single-frame-w) var(--tr-single-frame-color)!important;background:none!important;}
.single-product.tr-single-frame-corners div.product div.images .woocommerce-product-gallery__image:first-child::after{--tr-corner-size:clamp(38px,12%,86px);border:0!important;box-shadow:none!important;background:linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left top/var(--tr-corner-size) var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left top/var(--tr-single-frame-w) var(--tr-corner-size) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right top/var(--tr-corner-size) var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right top/var(--tr-single-frame-w) var(--tr-corner-size) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left bottom/var(--tr-corner-size) var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) left bottom/var(--tr-single-frame-w) var(--tr-corner-size) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right bottom/var(--tr-corner-size) var(--tr-single-frame-w) no-repeat,linear-gradient(var(--tr-single-frame-color),var(--tr-single-frame-color)) right bottom/var(--tr-single-frame-w) var(--tr-corner-size) no-repeat!important;}
.single-product div.product div.images .flex-control-nav.flex-control-thumbs{list-style:none!important;padding:0!important;margin:0!important;}
.single-product.tr-gallery-slider-on div.product div.images .flex-control-thumbs{scroll-behavior:smooth!important;scrollbar-width:none!important;}
.single-product.tr-gallery-slider-on div.product div.images .flex-control-thumbs::-webkit-scrollbar{display:none!important;}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs,.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;max-width:100%!important;padding:2px 2px 10px!important;box-sizing:border-box!important;scroll-snap-type:x proximity!important;}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs li,.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs li{float:none!important;width:auto!important;min-width:0!important;flex:0 0 calc((100% - (14px * (var(--tr-thumb-cols) - 1))) / var(--tr-thumb-cols))!important;scroll-snap-align:start!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical .woocommerce-product-gallery>.tr-thumb-slider{height:var(--tr-main-gallery-height,620px)!important;max-height:var(--tr-main-gallery-height,620px)!important;min-height:320px!important;overflow:hidden!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs{display:flex!important;flex-direction:column!important;gap:14px!important;overflow-y:auto!important;overflow-x:hidden!important;height:100%!important;max-height:100%!important;padding:2px 8px!important;box-sizing:border-box!important;scroll-snap-type:y proximity!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs li{float:none!important;width:100%!important;flex:0 0 auto!important;scroll-snap-align:start!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs img{width:100%!important;max-width:100%!important;}
.single-product.tr-gallery-slider-on .tr-thumb-slider{position:relative!important;width:100%!important;max-width:100%!important;overflow:visible!important;}
.single-product .tr-thumb-arrow{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:999px!important;border:1px solid rgba(0,0,0,.18)!important;background:rgba(255,255,255,.96)!important;color:#111!important;font-size:30px!important;line-height:1!important;font-family:Arial,sans-serif!important;box-shadow:0 12px 32px rgba(0,0,0,.16)!important;cursor:pointer!important;position:absolute!important;z-index:30!important;text-indent:0!important;overflow:hidden!important;}
.single-product.tr-gallery-horizontal .tr-thumb-prev,.single-product.tr-gallery-grid .tr-thumb-prev{left:4px!important;top:50%!important;transform:translate(-55%,-50%)!important;}
.single-product.tr-gallery-horizontal .tr-thumb-next,.single-product.tr-gallery-grid .tr-thumb-next{right:4px!important;top:50%!important;transform:translate(55%,-50%)!important;}
.single-product.tr-gallery-vertical .tr-thumb-prev{top:6px!important;left:50%!important;transform:translate(-50%,-45%) rotate(90deg)!important;}
.single-product.tr-gallery-vertical .tr-thumb-next{bottom:6px!important;left:50%!important;transform:translate(-50%,45%) rotate(90deg)!important;}
.single-product .flex-direction-nav,.single-product .woocommerce-product-gallery .flex-direction-nav,.single-product .woocommerce-product-gallery .flex-direction-nav li{list-style:none!important;margin:0!important;padding:0!important;}
.single-product .flex-direction-nav a,.single-product .woocommerce-product-gallery .flex-prev,.single-product .woocommerce-product-gallery .flex-next{font-size:0!important;color:transparent!important;text-indent:-9999px!important;overflow:hidden!important;}
.single-product .flex-direction-nav a::before,.single-product .woocommerce-product-gallery .flex-prev::before,.single-product .woocommerce-product-gallery .flex-next::before{font-size:0!important;content:""!important;}
@media (max-width:1100px){.single-product .tr-single-product-top{grid-template-columns:1fr!important;gap:34px!important;}.single-product .tr-single-summary{padding:28px!important;position:relative!important;top:auto!important;}.single-product.tr-gallery-vertical .woocommerce-product-gallery{grid-template-columns:1fr!important;}.single-product.tr-gallery-slider-on.tr-gallery-vertical .woocommerce-product-gallery>.tr-thumb-slider{height:auto!important;max-height:none!important;min-height:0!important;}.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;height:auto!important;}.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs li{flex:0 0 calc((100% - (14px * (var(--tr-thumb-cols) - 1))) / var(--tr-thumb-cols))!important;width:auto!important;}.single-product.tr-gallery-vertical .tr-thumb-prev{left:4px!important;top:50%!important;transform:translate(-55%,-50%)!important;}.single-product.tr-gallery-vertical .tr-thumb-next{right:4px!important;left:auto!important;bottom:auto!important;top:50%!important;transform:translate(55%,-50%)!important;}}
/* =========================================================
TR PRO V29 — PRODUCT ONLY PATCH. DO NOT TOUCH CATALOG.
========================================================= */
.single-product .tr-single-product-top{
align-items:start!important;
gap:clamp(42px,4.5vw,84px)!important;
}
.single-product .tr-single-summary{
padding:clamp(38px,3.8vw,64px)!important;
}
.single-product .tr-single-summary .product_title{
margin:0 0 34px!important;
line-height:1.16!important;
letter-spacing:.12em;
}
.single-product .tr-single-summary p.price{
margin:0 0 34px!important;
}
.single-product .tr-single-summary .woocommerce-product-details__short-description{
margin:38px 0 40px!important;
padding-top:0!important;
line-height:1.95!important;
}
.single-product .tr-single-product-bottom{
clear:both!important;
margin-top:clamp(44px,5vw,90px)!important;
position:relative!important;
z-index:2!important;
}
@media (min-width:1101px){
.single-product.tr-single-summary-sticky .tr-single-summary{
position:sticky!important;
top:110px!important;
align-self:start!important;
}
}
/* Hide Woo/FlexSlider text nav completely */
.single-product .flex-direction-nav,
.single-product .flex-direction-nav li,
.single-product .flex-direction-nav a,
.single-product .woocommerce-product-gallery .flex-prev,
.single-product .woocommerce-product-gallery .flex-next{
display:none!important;
visibility:hidden!important;
opacity:0!important;
width:0!important;
height:0!important;
overflow:hidden!important;
pointer-events:none!important;
}
/* Stable thumbnail columns when NOT using slider */
.single-product:not(.tr-gallery-slider-on).tr-gallery-horizontal div.product div.images .flex-control-thumbs,
.single-product:not(.tr-gallery-slider-on).tr-gallery-grid div.product div.images .flex-control-thumbs{
display:grid!important;
grid-template-columns:repeat(var(--tr-thumb-cols), minmax(0, 1fr))!important;
gap:14px!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
.single-product:not(.tr-gallery-slider-on).tr-gallery-horizontal div.product div.images .flex-control-thumbs li,
.single-product:not(.tr-gallery-slider-on).tr-gallery-grid div.product div.images .flex-control-thumbs li{
float:none!important;
width:auto!important;
max-width:100%!important;
}
/* Slider arrows: always visible and not text-based */
.single-product.tr-gallery-slider-on .tr-thumb-arrow{
display:flex!important;
visibility:visible!important;
opacity:1!important;
font-size:24px!important;
font-weight:800!important;
text-indent:0!important;
width:42px!important;
height:42px!important;
background:#fff!important;
color:#111!important;
border:1px solid rgba(0,0,0,.18)!important;
box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs li,
.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs li{
flex:0 0 calc((100% - (14px * (var(--tr-thumb-cols) - 1))) / var(--tr-thumb-cols))!important;
width:auto!important;
max-width:none!important;
}
/* Main image internal frame and radius consistency */
.single-product div.product div.images .woocommerce-product-gallery__image:first-child,
.single-product div.product div.images .woocommerce-product-gallery__image:first-child a,
.single-product div.product div.images .woocommerce-product-gallery__image:first-child img{
border-radius:var(--tr-single-radius)!important;
}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child{
overflow:hidden!important;
position:relative!important;
transform:translateZ(0)!important;
}
.single-product div.product div.images .woocommerce-product-gallery__image:first-child::after{
border-radius:max(0px, calc(var(--tr-single-radius) - var(--tr-single-frame-gap)))!important;
inset:var(--tr-single-frame-gap)!important;
}
@media(max-width:1100px){
.single-product .tr-single-summary{position:relative!important;top:auto!important;padding:30px!important;}
.single-product .tr-single-summary .product_title{letter-spacing:.06em!important;}
}
/* TR PRO V30 PRODUCT ENGINE FIX - single product only, catalog untouched */
.single-product .tr-single-product-top{position:relative!important;align-items:start!important;overflow:visible!important;}
.single-product .tr-single-summary{min-width:0!important;will-change:top!important;}
.single-product .tr-single-summary.is-tr-fixed{position:fixed!important;top:var(--tr-summary-fixed-top,112px)!important;z-index:30!important;}
.single-product .tr-single-summary.is-tr-stopped{position:absolute!important;top:var(--tr-summary-stop-top,0px)!important;right:0!important;z-index:20!important;}
.single-product .tr-single-summary .product_title{margin:0 0 26px!important;padding:0!important;line-height:1.08!important;}
.single-product .tr-single-summary p.price{margin:0 0 32px!important;padding:0!important;line-height:1.25!important;}
.single-product .tr-single-summary .woocommerce-product-details__short-description{margin:34px 0 42px!important;padding:0!important;line-height:1.75!important;}
.single-product .tr-single-summary .woocommerce-product-details__short-description p{margin:0 0 18px!important;}
.single-product .tr-single-summary .woocommerce-product-details__short-description p:last-child{margin-bottom:0!important;}
.single-product div.product div.images .flex-direction-nav,.single-product div.product div.images .flex-direction-nav li,.single-product div.product div.images .flex-prev,.single-product div.product div.images .flex-next{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;overflow:hidden!important;font-size:0!important;line-height:0!important;}
.single-product.tr-gallery-slider-on .tr-thumb-slider{position:relative!important;width:100%!important;max-width:100%!important;overflow:visible!important;}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs,.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs,.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs{margin:0!important;padding:4px!important;list-style:none!important;scroll-behavior:smooth!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs::-webkit-scrollbar,.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs::-webkit-scrollbar,.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs::-webkit-scrollbar{display:none!important;}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs,.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;}
.single-product.tr-gallery-slider-on.tr-gallery-horizontal div.product div.images .flex-control-thumbs li,.single-product.tr-gallery-slider-on.tr-gallery-grid div.product div.images .flex-control-thumbs li{float:none!important;width:auto!important;min-width:0!important;flex:0 0 calc((100% - (14px * (var(--tr-thumb-cols) - 1))) / var(--tr-thumb-cols))!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical .woocommerce-product-gallery{grid-template-columns:minmax(72px,94px) minmax(0,1fr)!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical .tr-thumb-slider{grid-column:1!important;grid-row:1!important;height:var(--tr-main-gallery-height,620px)!important;max-height:var(--tr-main-gallery-height,620px)!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:14px!important;overflow-y:auto!important;overflow-x:hidden!important;height:100%!important;max-height:100%!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs li{float:none!important;width:100%!important;flex:0 0 auto!important;}
.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs img{width:100%!important;}
.tr-thumb-arrow{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;z-index:80!important;width:42px!important;height:42px!important;border-radius:999px!important;border:1px solid rgba(0,0,0,.16)!important;background:#fff!important;color:#111!important;box-shadow:0 12px 32px rgba(0,0,0,.16)!important;font-size:0!important;cursor:pointer!important;transition:transform .18s ease, box-shadow .18s ease!important;}
.tr-thumb-arrow::before{display:block!important;font-size:28px!important;line-height:1!important;font-weight:400!important;}
.tr-thumb-prev::before{content:'‹'!important;}.tr-thumb-next::before{content:'›'!important;}
.tr-thumb-arrow:hover{box-shadow:0 16px 42px rgba(0,0,0,.2)!important;}
.tr-gallery-horizontal .tr-thumb-prev,.tr-gallery-grid .tr-thumb-prev{left:10px!important;top:50%!important;transform:translateY(-50%)!important;}
.tr-gallery-horizontal .tr-thumb-next,.tr-gallery-grid .tr-thumb-next{right:10px!important;top:50%!important;transform:translateY(-50%)!important;}
.tr-gallery-vertical .tr-thumb-prev{left:50%!important;top:10px!important;transform:translateX(-50%) rotate(90deg)!important;}
.tr-gallery-vertical .tr-thumb-next{left:50%!important;bottom:10px!important;top:auto!important;transform:translateX(-50%) rotate(90deg)!important;}
@media(max-width:1100px){.single-product .tr-single-summary.is-tr-fixed,.single-product .tr-single-summary.is-tr-stopped{position:relative!important;top:auto!important;right:auto!important;width:auto!important;}.single-product.tr-gallery-slider-on.tr-gallery-vertical .woocommerce-product-gallery{grid-template-columns:1fr!important;}.single-product.tr-gallery-slider-on.tr-gallery-vertical .tr-thumb-slider{grid-column:1!important;grid-row:2!important;height:auto!important;max-height:none!important;}.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;height:auto!important;max-height:none!important;}.single-product.tr-gallery-slider-on.tr-gallery-vertical div.product div.images .flex-control-thumbs li{flex:0 0 calc((100% - (14px * (var(--tr-thumb-cols) - 1))) / var(--tr-thumb-cols))!important;width:auto!important;}.tr-gallery-vertical .tr-thumb-prev{left:10px!important;top:50%!important;transform:translateY(-50%)!important;}.tr-gallery-vertical .tr-thumb-next{right:10px!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;}}
/* V31: sticky summary stays inside the right product column. No fixed/absolute JS positioning. */
.single-product .tr-single-product-top{position:relative!important;align-items:start!important;}
.single-product .tr-single-summary{right:auto!important;left:auto!important;width:auto!important;max-width:100%!important;transform:none!important;}
.single-product .tr-single-summary.is-tr-fixed,
.single-product .tr-single-summary.is-tr-stopped{position:sticky!important;right:auto!important;left:auto!important;width:auto!important;top:var(--tr-summary-sticky-top,112px)!important;}
@media (min-width:1101px){
.single-product.tr-single-summary-sticky .tr-single-summary{
position:sticky!important;
top:var(--tr-summary-sticky-top,112px)!important;
align-self:start!important;
z-index:10!important;
}
}
@media (max-width:1100px){
.single-product.tr-single-summary-sticky .tr-single-summary,
.single-product .tr-single-summary.is-tr-fixed,
.single-product .tr-single-summary.is-tr-stopped{
position:relative!important;
top:auto!important;
width:auto!important;
}
}
/* =========================================================
TR PRO V32 - STICKY COLUMN FINAL PATCH
Scope: single product summary only. Catalog untouched.
========================================================= */
.single-product .tr-main,
.single-product .tr-woo-page,
.single-product .tr-single-product-layout,
.single-product .tr-single-product-top,
.single-product .tr-single-gallery-shell{
overflow:visible!important;
}
.single-product .tr-single-product-top{
display:grid!important;
align-items:start!important;
position:relative!important;
}
.single-product .tr-single-summary{
min-width:0!important;
max-width:100%!important;
width:100%!important;
right:auto!important;
left:auto!important;
bottom:auto!important;
transform:none!important;
will-change:auto!important;
}
.single-product .tr-single-summary.is-tr-fixed,
.single-product .tr-single-summary.is-tr-stopped{
position:sticky!important;
top:var(--tr-summary-sticky-top,112px)!important;
right:auto!important;
left:auto!important;
width:100%!important;
max-width:100%!important;
transform:none!important;
}
@media (min-width:1101px){
.single-product.tr-single-summary-sticky .tr-single-summary:not(.tr-sticky-disabled){
position:-webkit-sticky!important;
position:sticky!important;
top:var(--tr-summary-sticky-top,112px)!important;
align-self:start!important;
justify-self:stretch!important;
z-index:20!important;
}
.single-product:not(.tr-single-summary-sticky) .tr-single-summary,
.single-product .tr-single-summary.tr-sticky-disabled{
position:relative!important;
top:auto!important;
}
}
@media (max-width:1100px){
.single-product.tr-single-summary-sticky .tr-single-summary,
.single-product .tr-single-summary,
.single-product .tr-single-summary.is-tr-fixed,
.single-product .tr-single-summary.is-tr-stopped{
position:relative!important;
top:auto!important;
width:100%!important;
max-width:100%!important;
}
}
/* =========================================================
TR PRO V33 - REAL STICKY COLUMN ENGINE
Scope: single product summary only. Catalog untouched.
Sticky needs enough parent height. Previous versions made the
right column sticky, but its grid parent ended too early.
========================================================= */
.single-product .tr-single-product-layout,
.single-product .tr-single-product-top,
.single-product .tr-single-gallery-shell,
.single-product .tr-single-summary{
overflow:visible!important;
}
.single-product .tr-single-product-top{
display:grid!important;
align-items:start!important;
position:relative!important;
min-height:var(--tr-sticky-product-top-height, auto)!important;
}
.single-product .tr-single-gallery-shell{
min-width:0!important;
}
.single-product .tr-single-summary{
box-sizing:border-box!important;
min-width:0!important;
width:100%!important;
max-width:100%!important;
right:auto!important;
left:auto!important;
bottom:auto!important;
transform:none!important;
will-change:auto!important;
}
.single-product .tr-single-summary.is-tr-fixed,
.single-product .tr-single-summary.is-tr-stopped{
position:sticky!important;
top:var(--tr-summary-sticky-top,112px)!important;
right:auto!important;
left:auto!important;
width:100%!important;
max-width:100%!important;
transform:none!important;
}
@media (min-width:1101px){
.single-product.tr-single-summary-sticky .tr-single-summary:not(.tr-sticky-disabled){
position:-webkit-sticky!important;
position:sticky!important;
top:var(--tr-summary-sticky-top,112px)!important;
align-self:start!important;
justify-self:stretch!important;
z-index:20!important;
}
.single-product:not(.tr-single-summary-sticky) .tr-single-summary,
.single-product .tr-single-summary.tr-sticky-disabled{
position:relative!important;
top:auto!important;
}
}
@media (max-width:1100px){
.single-product .tr-single-product-top{min-height:0!important;}
.single-product.tr-single-summary-sticky .tr-single-summary,
.single-product .tr-single-summary,
.single-product .tr-single-summary.is-tr-fixed,
.single-product .tr-single-summary.is-tr-stopped{
position:relative!important;
top:auto!important;
width:100%!important;
max-width:100%!important;
}
}
/* =========================================================
TR PRO V34 - SHORTER PRODUCT STICKY
Keeps sticky inside the product hero/gallery area only.
Catalog untouched.
========================================================= */
.single-product .tr-single-product-top{
min-height:var(--tr-sticky-product-top-height, auto)!important;
}
@media (min-width:1101px){
.single-product.tr-single-summary-sticky .tr-single-summary:not(.tr-sticky-disabled){
position:-webkit-sticky!important;
position:sticky!important;
top:var(--tr-summary-sticky-top,112px)!important;
align-self:start!important;
}
}
/* ===============================
WEB INGENIERÍA PRO HEADER
=============================== */
.tr-site-header{
background:var(--tr-header-bg)!important;
border-bottom:1px solid rgba(15,23,42,.08)!important;
box-shadow:0 10px 30px rgba(15,23,42,.04);
}
.tr-header-inner{
display:grid!important;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center!important;
gap:28px!important;
min-height:86px!important;
}
.tr-logo{display:flex;align-items:center;min-width:0;}
.tr-text-logo{
display:inline-flex!important;
align-items:center!important;
white-space:nowrap!important;
font-family:var(--tr-heading-font)!important;
font-size:clamp(28px, calc(var(--tr-logo-size) / 5.2), 72px)!important;
line-height:1!important;
font-weight:900!important;
letter-spacing:-.055em!important;
background:linear-gradient(90deg,#ff6a00 0%,#ff2f55 36%,#42d6ff 72%,#17a7ff 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent!important;
text-decoration:none!important;
}
.tr-site-header.tr-is-sticky .tr-text-logo{font-size:clamp(24px, calc(var(--tr-logo-sticky-size) / 5.2), 56px)!important;}
.tr-nav{display:flex;align-items:center;min-width:0;}
.tr-nav ul{justify-content:center;align-items:center;flex-wrap:wrap;}
.tr-nav a{font-weight:800!important;letter-spacing:.01em;}
.tr-header-button{
display:inline-flex;align-items:center;justify-content:center;
min-height:44px;padding:12px 22px;
background:var(--tr-header-button-bg);color:var(--tr-header-button-color)!important;
border-radius:var(--tr-header-button-radius);font-weight:850;line-height:1;text-decoration:none!important;
box-shadow:0 12px 26px rgba(0,0,0,.12);transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;
}
.tr-header-button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.16);opacity:.96;}
body.tr-logo-pos-left .tr-logo{grid-column:1;justify-content:flex-start;} body.tr-logo-pos-center .tr-logo{grid-column:2;justify-content:center;} body.tr-logo-pos-right .tr-logo{grid-column:3;justify-content:flex-end;}
body.tr-menu-pos-left .tr-nav{grid-column:1;justify-content:flex-start;} body.tr-menu-pos-center .tr-nav{grid-column:2;justify-content:center;} body.tr-menu-pos-right .tr-nav{grid-column:2;justify-content:flex-end;}
body.tr-logo-pos-center .tr-header-button,body.tr-logo-pos-left .tr-header-button{grid-column:3;} body.tr-logo-pos-right .tr-header-button{grid-column:2;justify-self:end;}
@media(max-width:900px){.tr-header-inner{display:flex!important;flex-direction:column!important;align-items:center!important;padding:18px 0!important;text-align:center}.tr-nav{justify-content:center!important}.tr-nav ul{justify-content:center!important}.tr-header-button{width:auto}.tr-text-logo{font-size:36px!important;}}
/* FIX v36: el logo del header usa el logo subido en Apariencia > Personalizar > Identidad del sitio.
La imagen Web Ingeniería queda solo como imagen predeterminada/screenshot del theme; no reemplaza el logo elegido en la página. */
.tr-logo .custom-logo-link{
display:inline-flex!important;
align-items:center!important;
max-width:var(--tr-logo-size)!important;
width:auto!important;
}
.tr-logo .custom-logo{
display:block!important;
width:auto!important;
max-width:var(--tr-logo-size)!important;
max-height:none!important;
height:auto!important;
object-fit:contain!important;
transition:max-width .25s ease!important;
}
.tr-site-header.tr-is-sticky .tr-logo .custom-logo-link,
.tr-site-header.tr-is-sticky .tr-logo .custom-logo{
max-width:var(--tr-logo-sticky-size)!important;
}
@media(max-width:900px){
.tr-logo .custom-logo-link,.tr-logo .custom-logo{max-width:min(var(--tr-logo-size), 260px)!important;}
}
/* =========================================================
WEB INGENIERÍA PRO V37 - HEADER / MENU / HOME FIXES
- Dropdown real para submenús de WordPress.
- Posición de logo y menú sin mezclar columnas.
- Texto del home con color sólido para evitar gris blancuzco.
========================================================= */
.tr-site-header{
background:var(--tr-header-bg)!important;
color:#111827!important;
overflow:visible!important;
}
.tr-site-header .tr-container,
.tr-header-inner,
.tr-nav,
.tr-nav .menu,
.tr-primary-menu{
overflow:visible!important;
}
.tr-header-inner{
position:relative!important;
display:grid!important;
grid-template-columns:auto minmax(0,1fr) auto!important;
align-items:center!important;
gap:28px!important;
}
.tr-logo{position:relative!important;z-index:20!important;}
.tr-nav{position:relative!important;z-index:30!important;}
.tr-header-button{position:relative!important;z-index:20!important;white-space:nowrap!important;}
/* Posiciones independientes sin romper el header */
body.tr-logo-pos-left .tr-logo{grid-column:1!important;justify-self:start!important;}
body.tr-logo-pos-center .tr-logo{grid-column:2!important;justify-self:center!important;}
body.tr-logo-pos-right .tr-logo{grid-column:3!important;justify-self:end!important;}
body.tr-menu-pos-left .tr-nav{grid-column:1 / 3!important;justify-self:start!important;margin-left:calc(var(--tr-logo-size) + 28px);}
body.tr-menu-pos-center .tr-nav{grid-column:2!important;justify-self:center!important;}
body.tr-menu-pos-right .tr-nav{grid-column:2!important;justify-self:end!important;}
body.tr-logo-pos-right.tr-menu-pos-right .tr-nav{grid-column:1 / 3!important;justify-self:end!important;margin-right:calc(var(--tr-logo-size) + 28px);}
body.tr-logo-pos-center .tr-header-button,
body.tr-logo-pos-left .tr-header-button{grid-column:3!important;justify-self:end!important;}
body.tr-logo-pos-right .tr-header-button{grid-column:2!important;justify-self:end!important;}
/* Menú principal */
.tr-nav ul,
.tr-nav .menu,
.tr-primary-menu{
display:flex!important;
align-items:center!important;
gap:0!important;
list-style:none!important;
margin:0!important;
padding:0!important;
}
.tr-nav li{position:relative!important;list-style:none!important;margin:0!important;padding:0!important;}
.tr-nav > ul > li,
.tr-primary-menu > li{display:flex!important;align-items:center!important;}
.tr-nav a{
display:flex!important;
align-items:center!important;
min-height:44px!important;
padding:10px 14px!important;
color:#111827!important;
font-size:15px!important;
line-height:1.2!important;
font-weight:800!important;
text-decoration:none!important;
white-space:nowrap!important;
transition:color .2s ease, background .2s ease;
}
.tr-nav a:hover,
.tr-nav li.current-menu-item > a,
.tr-nav li.current-menu-ancestor > a{color:#0f7bdc!important;}
/* Dropdown real */
.tr-nav .sub-menu,
.tr-nav .children{
position:absolute!important;
top:100%!important;
left:0!important;
z-index:9999!important;
display:block!important;
width:max-content!important;
min-width:230px!important;
max-width:320px!important;
margin:0!important;
padding:10px!important;
background:#ffffff!important;
border:1px solid rgba(15,23,42,.10)!important;
border-radius:16px!important;
box-shadow:0 22px 55px rgba(15,23,42,.16)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateY(10px)!important;
transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
}
.tr-nav li:hover > .sub-menu,
.tr-nav li:focus-within > .sub-menu,
.tr-nav li:hover > .children,
.tr-nav li:focus-within > .children{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateY(0)!important;
}
.tr-nav .sub-menu li,
.tr-nav .children li{display:block!important;width:100%!important;}
.tr-nav .sub-menu a,
.tr-nav .children a{
min-height:0!important;
width:100%!important;
justify-content:flex-start!important;
padding:11px 12px!important;
border-radius:10px!important;
color:#111827!important;
font-size:14px!important;
font-weight:750!important;
white-space:normal!important;
}
.tr-nav .sub-menu a:hover,
.tr-nav .children a:hover{background:rgba(15,123,220,.08)!important;color:#0f7bdc!important;}
.tr-nav .sub-menu .sub-menu,
.tr-nav .children .children{
top:0!important;
left:calc(100% + 10px)!important;
transform:translateX(8px)!important;
}
.tr-nav .sub-menu li:hover > .sub-menu,
.tr-nav .sub-menu li:focus-within > .sub-menu,
.tr-nav .children li:hover > .children,
.tr-nav .children li:focus-within > .children{transform:translateX(0)!important;}
.tr-nav .menu-item-has-children > a::after,
.tr-nav .page_item_has_children > a::after{
content:"";
width:6px;height:6px;
margin-left:8px;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg) translateY(-2px);
opacity:.75;
flex:0 0 auto;
}
.tr-nav .sub-menu .menu-item-has-children > a::after,
.tr-nav .children .page_item_has_children > a::after{margin-left:auto;transform:rotate(-45deg);}
@media(max-width:1100px){
body.tr-menu-pos-left .tr-nav,
body.tr-logo-pos-right.tr-menu-pos-right .tr-nav{margin-left:0!important;margin-right:0!important;grid-column:2!important;}
.tr-nav a{padding:10px 10px!important;font-size:14px!important;}
}
@media(max-width:900px){
.tr-header-inner{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;padding:18px 0!important;text-align:center!important;}
.tr-logo,.tr-nav,.tr-header-button{grid-column:auto!important;justify-self:center!important;margin:0!important;}
.tr-nav{width:100%!important;justify-content:center!important;}
.tr-nav ul,.tr-nav .menu,.tr-primary-menu{justify-content:center!important;flex-wrap:wrap!important;gap:4px!important;}
.tr-nav .sub-menu,.tr-nav .children{
position:static!important;
display:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:none!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:4px 0 8px!important;
box-shadow:none!important;
border-radius:12px!important;
}
.tr-nav li:hover > .sub-menu,
.tr-nav li:focus-within > .sub-menu,
.tr-nav li:hover > .children,
.tr-nav li:focus-within > .children{display:block!important;}
.tr-nav .sub-menu .sub-menu,.tr-nav .children .children{left:auto!important;top:auto!important;}
}
/* Web Ingeniería Pro v50 - Elementor protegido de verdad
El theme ya NO pinta colores ni tipografías dentro de secciones/widgets Elementor.
Los controles globales del theme quedan limitados a contenido nativo directo y a WooCommerce prediseñado. */
body.trv26:not(.elementor-page) .entry-content > :where(p,ul,ol,blockquote),
body.trv26:not(.elementor-page) .tr-main > :where(p,ul,ol,blockquote){
font-family:var(--tr-body-font);
font-weight:var(--tr-body-weight);
color:var(--tr-body-text);
}
body.trv26:not(.elementor-page) .entry-content > h1,
body.trv26:not(.elementor-page) .tr-main > h1{font-family:var(--tr-heading-font);font-weight:var(--tr-h1-weight);color:inherit;}
body.trv26:not(.elementor-page) .entry-content > h2,
body.trv26:not(.elementor-page) .tr-main > h2{font-family:var(--tr-heading-font);font-weight:var(--tr-h2-weight);color:inherit;}
body.trv26:not(.elementor-page) .entry-content > h3,
body.trv26:not(.elementor-page) .tr-main > h3{font-family:var(--tr-heading-font);font-weight:var(--tr-h3-weight);color:inherit;}
body.trv26:not(.elementor-page) .entry-content > h4,
body.trv26:not(.elementor-page) .tr-main > h4{font-family:var(--tr-heading-font);font-weight:var(--tr-h4-weight);color:inherit;}
body.trv26:not(.elementor-page) .entry-content > a:not(.button):not(.wp-element-button):not(.tr-header-button),
body.trv26:not(.elementor-page) .tr-main > a:not(.button):not(.wp-element-button):not(.tr-header-button){color:var(--tr-link-color);}
body.trv26:not(.elementor-page) .entry-content > a:not(.button):not(.wp-element-button):not(.tr-header-button):hover,
body.trv26:not(.elementor-page) .tr-main > a:not(.button):not(.wp-element-button):not(.tr-header-button):hover{color:var(--tr-link-hover);}
/* Header y menú siguen obedeciendo solo a sus controles propios del theme. */
body.trv26 .tr-site-header{position:relative;z-index:9999;background:var(--tr-header-bg);}
body.trv26 .tr-nav a,
body.trv26 .tr-primary-menu a{font-family:var(--tr-menu-font)!important;font-weight:var(--tr-menu-weight)!important;color:var(--tr-menu-text)!important;}
body.trv26 .tr-nav a:hover,
body.trv26 .tr-nav li.current-menu-item>a,
body.trv26 .tr-nav li.current-menu-ancestor>a{color:var(--tr-menu-hover)!important;}
body.trv26 .tr-nav .sub-menu a,
body.trv26 .tr-nav .children a{color:var(--tr-menu-text)!important;}
body.trv26 .tr-nav .sub-menu a:hover,
body.trv26 .tr-nav .children a:hover{color:var(--tr-menu-hover)!important;background:rgba(15,123,220,.08)!important;}
/* Elementor: no reglas de color/fuente del theme dentro del canvas. */
/* Home nativo: corrige texto gris solo cuando NO es página Elementor */
body.home.trv26:not(.elementor-page) .entry-content > :where(p,ul,ol,blockquote),
body.home.trv26:not(.elementor-page) .tr-main > :where(p,ul,ol,blockquote){color:#334155;}
body.home.trv26:not(.elementor-page) .entry-content > :where(h1,h2,h3),
body.home.trv26:not(.elementor-page) .tr-main > :where(h1,h2,h3){color:inherit;}
/* =========================================================
WEB INGENIERÍA PRO v46 - WooCommerce aislado sin tocar tipografía
Regla: WooCommerce solo recibe colores dentro de .tr-main.
Header, footer y plantillas Elementor NO reciben font-family, font-size
ni font-weight desde WooCommerce ni desde los prediseños del theme.
========================================================= */
/* WooCommerce: controles de COLOR solamente dentro del contenido principal */
body.trv26:is(.woocommerce,.woocommerce-page,.single-product,.post-type-archive-product,.tax-product_cat,.tax-product_tag) .tr-main{
color:var(--tr-body-text);
}
body.trv26.single-product .tr-main{
background:var(--tr-single-bg);
}
body.trv26.single-product .tr-main .tr-single-summary{
background:var(--tr-single-panel-bg);
}
body.trv26.single-product .tr-main .product_title{
color:var(--tr-single-title);
}
body.trv26.single-product .tr-main p.price,
body.trv26.single-product .tr-main span.price,
body.trv26.single-product .tr-main .price{
color:var(--tr-single-price);
}
body.trv26.single-product .tr-main .woocommerce-product-details__short-description,
body.trv26.single-product .tr-main .woocommerce-product-details__short-description *{
color:var(--tr-single-excerpt);
}
body.trv26.single-product .tr-main .single_add_to_cart_button,
body.trv26.single-product .tr-main button.button,
body.trv26.single-product .tr-main a.button{
background:var(--tr-single-button-bg)!important;
color:var(--tr-single-button-color)!important;
}
body.trv26.woocommerce .tr-main ul.products li.product .woocommerce-loop-product__title,
body.trv26.woocommerce-page .tr-main ul.products li.product .woocommerce-loop-product__title{
color:var(--tr-catalog-title);
}
body.trv26.woocommerce .tr-main ul.products li.product .price,
body.trv26.woocommerce-page .tr-main ul.products li.product .price{
color:var(--tr-catalog-price);
}
body.trv26.woocommerce .tr-main ul.products li.product .button,
body.trv26.woocommerce-page .tr-main ul.products li.product .button{
background:var(--tr-catalog-button-bg)!important;
color:var(--tr-catalog-button-color)!important;
}
/* En WooCommerce no permitimos que el color global de enlaces contamine header/footer.
No se define tipografía, tamaño ni grosor aquí. */
body.trv26:is(.woocommerce,.woocommerce-page,.single-product,.post-type-archive-product,.tax-product_cat,.tax-product_tag) :where(.tr-site-header,.site-header,.elementor-location-header,.tr-site-footer,.site-footer,.elementor-location-footer) a,
body.trv26:is(.woocommerce,.woocommerce-page,.single-product,.post-type-archive-product,.tax-product_cat,.tax-product_tag) :where(.tr-site-header,.site-header,.elementor-location-header,.tr-site-footer,.site-footer,.elementor-location-footer) a:visited,
body.trv26:is(.woocommerce,.woocommerce-page,.single-product,.post-type-archive-product,.tax-product_cat,.tax-product_tag) :where(.tr-site-header,.site-header,.elementor-location-header,.tr-site-footer,.site-footer,.elementor-location-footer) a:hover{
color:inherit!important;
}
/* Footer nativo del theme: color estable sin forzar fuente */
body.trv26 .tr-site-footer{
background:#101010;
color:#ffffff;
}
body.trv26 .tr-site-footer a{
color:inherit;
}
/* =========================================================
WEB INGENIERÍA PRO V49 - MOBILE HAMBURGER + CLOSED SUBMENU
No toca prediseños, WooCommerce, posts, header desktop ni footer.
========================================================= */
body.tr-menu-case-uppercase .tr-site-header .tr-nav a{text-transform:uppercase!important;}
body.tr-menu-case-normal .tr-site-header .tr-nav a{text-transform:none!important;}
.tr-menu-toggle{display:none;}
@media(max-width:900px){
html body.trv26 .tr-site-header .tr-header-inner{
display:grid!important;
grid-template-columns:70% 30%!important;
align-items:center!important;
gap:0!important;
min-height:auto!important;
padding:10px 0!important;
text-align:left!important;
}
html body.trv26 .tr-site-header .tr-logo{
grid-column:1!important;
grid-row:1!important;
justify-self:start!important;
justify-content:flex-start!important;
width:100%!important;
min-width:0!important;
margin:0!important;
}
html body.trv26 .tr-site-header .tr-logo .custom-logo-link,
html body.trv26 .tr-site-header .tr-logo .custom-logo{
max-width:min(var(--tr-logo-size), 100%)!important;
}
html body.trv26 .tr-site-header .tr-menu-toggle{
grid-column:2!important;
grid-row:1!important;
justify-self:end!important;
display:inline-flex!important;
width:46px!important;
height:42px!important;
padding:8px!important;
margin:0!important;
border:0!important;
border-radius:10px!important;
background:var(--tr-mobile-hamburger-bg)!important;
color:var(--tr-mobile-hamburger-color)!important;
align-items:center!important;
justify-content:center!important;
flex-direction:column!important;
gap:5px!important;
cursor:pointer!important;
z-index:80!important;
}
html body.trv26 .tr-site-header .tr-menu-toggle span{
display:block!important;
width:25px!important;
height:2px!important;
background:var(--tr-mobile-hamburger-color)!important;
border-radius:999px!important;
transition:transform .22s ease, opacity .22s ease!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important;}
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle span:nth-child(2){opacity:0!important;}
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important;}
html body.trv26 .tr-site-header .tr-nav{
grid-column:1 / -1!important;
grid-row:2!important;
width:100%!important;
display:none!important;
justify-content:flex-start!important;
margin:10px 0 0!important;
padding:10px!important;
text-align:left!important;
background:var(--tr-header-bg)!important;
border-top:1px solid rgba(15,23,42,.08)!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-nav{display:block!important;}
html body.trv26 .tr-site-header .tr-nav ul,
html body.trv26 .tr-site-header .tr-nav .menu,
html body.trv26 .tr-site-header .tr-primary-menu{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
html body.trv26 .tr-site-header .tr-nav li,
html body.trv26 .tr-site-header .tr-primary-menu > li{
display:block!important;
width:100%!important;
}
html body.trv26 .tr-site-header .tr-nav a{
width:100%!important;
min-height:42px!important;
justify-content:flex-start!important;
padding:10px 0!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu,
html body.trv26 .tr-site-header .tr-nav .children{
position:static!important;
display:none!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0 0 0 16px!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:none!important;
}
html body.trv26 .tr-site-header .tr-nav li.tr-submenu-open > .sub-menu,
html body.trv26 .tr-site-header .tr-nav li.tr-submenu-open > .children{
display:block!important;
}
html body.trv26 .tr-site-header .tr-nav li.menu-item-has-children > a,
html body.trv26 .tr-site-header .tr-nav li.page_item_has_children > a{
position:relative!important;
padding-right:28px!important;
}
html body.trv26 .tr-site-header .tr-nav li.menu-item-has-children > a:after,
html body.trv26 .tr-site-header .tr-nav li.page_item_has_children > a:after{
content:'+'!important;
position:absolute!important;
right:2px!important;
top:50%!important;
transform:translateY(-50%)!important;
font-weight:700!important;
line-height:1!important;
}
html body.trv26 .tr-site-header .tr-nav li.tr-submenu-open > a:after{
content:'–'!important;
}
html body.trv26 .tr-site-header .tr-header-button{
grid-column:1 / -1!important;
grid-row:3!important;
width:calc(100% - 20px)!important;
margin:10px 10px 0!important;
justify-self:center!important;
text-align:center!important;
}
}
/* =========================================================
WEB INGENIERÍA PRO V50 - ELEMENTOR COLOR AUTHORITY
No se definen colores, fuentes, pesos ni tamaños dentro de .elementor.
Esta regla solo evita que presets nativos de WooCommerce se metan en widgets Elementor.
========================================================= */
body.trv26 .tr-main .elementor ul.products li.product .woocommerce-loop-product__title,
body.trv26 .tr-main .elementor div.product .product_title,
body.trv26 .tr-main .elementor .woocommerce-product-details__short-description,
body.trv26 .tr-main .elementor .woocommerce-product-details__short-description *,
body.trv26 .tr-main .elementor p.price,
body.trv26 .tr-main .elementor span.price{
font-family:revert-layer;
}
/* v52: Controles de cabecera transparente, alto y difuminación ajustable. No toca colores ni tipografías de Elementor/WooCommerce. */
body.trv26 .tr-site-header{
position:relative;
z-index:9999;
background:var(--tr-header-bg) !important;
}
body.trv26 .tr-header-inner{
min-height:var(--tr-header-height) !important;
}
body.trv26 .tr-site-header{
backdrop-filter:saturate(160%) blur(var(--tr-header-blur));
-webkit-backdrop-filter:saturate(160%) blur(var(--tr-header-blur));
}
/* =========================================================
WEB INGENIERÍA PRO V54 - MOBILE MENU OVERLAY FIX
Solo cambia el comportamiento del menú hamburguesa móvil.
El menú ya no empuja el banner ni el contenido: abre como capa flotante.
No toca WooCommerce, Elementor, prediseños, posts, footer ni header desktop.
========================================================= */
@media(max-width:900px){
html body.trv26.tr-mobile-menu-open{
overflow:hidden!important;
}
html body.trv26 .tr-site-header{
position:relative!important;
z-index:99999!important;
overflow:visible!important;
}
html body.trv26 .tr-site-header .tr-header-inner{
position:relative!important;
}
html body.trv26 .tr-site-header .tr-menu-toggle{
position:relative!important;
z-index:100002!important;
}
html body.trv26 .tr-site-header .tr-nav{
position:fixed!important;
left:0!important;
right:0!important;
top:var(--tr-mobile-overlay-top, var(--tr-header-height))!important;
bottom:0!important;
width:100vw!important;
height:auto!important;
max-height:none!important;
display:block!important;
margin:0!important;
padding:22px 18px 34px!important;
background:var(--tr-header-bg)!important;
border-top:1px solid rgba(15,23,42,.10)!important;
box-shadow:0 26px 60px rgba(0,0,0,.18)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
z-index:100000!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateY(-8px)!important;
transition:opacity .22s ease, visibility .22s ease, transform .22s ease!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-nav{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateY(0)!important;
}
html body.trv26 .tr-site-header .tr-nav ul,
html body.trv26 .tr-site-header .tr-nav .menu,
html body.trv26 .tr-site-header .tr-primary-menu{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
html body.trv26 .tr-site-header .tr-nav li,
html body.trv26 .tr-site-header .tr-primary-menu > li{
display:block!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
html body.trv26 .tr-site-header .tr-nav a{
display:flex!important;
width:100%!important;
min-height:46px!important;
align-items:center!important;
justify-content:flex-start!important;
padding:11px 0!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu,
html body.trv26 .tr-site-header .tr-nav .children{
position:static!important;
display:none!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0 0 0 16px!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:none!important;
}
html body.trv26 .tr-site-header .tr-nav li.tr-submenu-open > .sub-menu,
html body.trv26 .tr-site-header .tr-nav li.tr-submenu-open > .children{
display:block!important;
}
}
/* =========================================================
WEB INGENIERÍA PRO V55 - MOBILE OVERLAY HEIGHT FIX
Corrige el caso donde solo se veía el primer item del menú.
El menú móvil queda fuera del flujo, ocupa toda la pantalla y
el listado inicia debajo de la cabecera sin empujar el banner.
========================================================= */
@media (max-width:900px){
html body.trv26.tr-mobile-menu-open{
overflow:hidden!important;
touch-action:none!important;
}
html body.trv26 .tr-site-header{
position:relative!important;
z-index:999999!important;
overflow:visible!important;
}
html body.trv26 .tr-site-header .tr-header-inner{
position:relative!important;
z-index:1000002!important;
}
html body.trv26 .tr-site-header .tr-menu-toggle{
position:relative!important;
z-index:1000003!important;
}
html body.trv26 .tr-site-header .tr-nav{
position:fixed!important;
inset:0!important;
top:0!important;
left:0!important;
right:0!important;
bottom:auto!important;
display:block!important;
width:100vw!important;
max-width:100vw!important;
height:100vh!important;
height:100dvh!important;
min-height:100vh!important;
max-height:100vh!important;
margin:0!important;
padding:calc(var(--tr-mobile-header-offset, 92px) + 18px) 18px 42px!important;
background:var(--tr-header-bg)!important;
border:0!important;
box-shadow:none!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
z-index:1000000!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateY(-10px)!important;
transition:opacity .22s ease, visibility .22s ease, transform .22s ease!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-nav{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateY(0)!important;
}
html body.trv26 .tr-site-header .tr-nav ul,
html body.trv26 .tr-site-header .tr-nav .menu,
html body.trv26 .tr-site-header .tr-primary-menu{
display:block!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
max-height:none!important;
overflow:visible!important;
margin:0!important;
padding:0!important;
list-style:none!important;
}
html body.trv26 .tr-site-header .tr-nav li,
html body.trv26 .tr-site-header .tr-primary-menu > li{
display:block!important;
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
overflow:visible!important;
margin:0!important;
padding:0!important;
float:none!important;
clear:both!important;
}
html body.trv26 .tr-site-header .tr-nav a{
display:flex!important;
width:100%!important;
height:auto!important;
min-height:46px!important;
max-height:none!important;
align-items:center!important;
justify-content:flex-start!important;
padding:11px 0!important;
overflow:visible!important;
white-space:normal!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu,
html body.trv26 .tr-site-header .tr-nav .children{
display:none!important;
position:static!important;
width:100%!important;
height:auto!important;
max-height:none!important;
overflow:visible!important;
margin:0!important;
padding:0 0 0 16px!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:none!important;
}
html body.trv26 .tr-site-header .tr-nav li.tr-submenu-open > .sub-menu,
html body.trv26 .tr-site-header .tr-nav li.tr-submenu-open > .children{
display:block!important;
}
}
/* =========================================================
WEB INGENIERÍA PRO V56 - MOBILE HEADER FINAL FIX
Corrige dos puntos sin tocar Elementor, WooCommerce, prediseños ni footer:
1) La cabecera sticky vuelve a quedar fija en móvil cuando está activada.
2) La hamburguesa conserva fondo negro aunque la cabecera sea transparente.
Mantiene el menú móvil como overlay para no desplazar el banner.
========================================================= */
@media (max-width:900px){
html body.trv26.tr-sticky-header .tr-site-header,
html body.trv26.tr-sticky-header header.tr-site-header{
position:-webkit-sticky!important;
position:sticky!important;
top:0!important;
left:0!important;
right:0!important;
width:100%!important;
z-index:999999!important;
overflow:visible!important;
}
html body.trv26 .tr-site-header .tr-menu-toggle,
html body.trv26 .tr-site-header button.tr-menu-toggle,
html body.trv26.tr-header-transparency-scope-home .tr-site-header .tr-menu-toggle,
html body.trv26.tr-header-transparency-scope-all .tr-site-header .tr-menu-toggle,
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle{
display:inline-flex!important;
background:var(--tr-mobile-hamburger-bg)!important;
background-color:var(--tr-mobile-hamburger-bg)!important;
color:var(--tr-mobile-hamburger-color)!important;
border:1px solid var(--tr-mobile-hamburger-border)!important;
border-radius:10px!important;
width:46px!important;
height:42px!important;
min-width:46px!important;
min-height:42px!important;
padding:8px!important;
opacity:1!important;
box-shadow:none!important;
appearance:none!important;
-webkit-appearance:none!important;
z-index:1000003!important;
}
html body.trv26 .tr-site-header .tr-menu-toggle span,
html body.trv26 .tr-site-header button.tr-menu-toggle span,
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle span{
background:var(--tr-mobile-hamburger-color)!important;
background-color:var(--tr-mobile-hamburger-color)!important;
color:var(--tr-mobile-hamburger-color)!important;
opacity:1!important;
}
html body.trv26 .tr-site-header .tr-nav{
position:fixed!important;
inset:0!important;
width:100vw!important;
height:100vh!important;
height:100dvh!important;
z-index:1000000!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-nav{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
}
/* =========================================================
WEB INGENIERÍA PRO V57 - MOBILE MENU ITEM BOX FIX
Mantiene el overlay móvil y da aire interno a cada enlace del menú.
========================================================= */
@media (max-width:900px){
html body.trv26 .tr-site-header .tr-nav a{
background-color:#ffffff!important;
color:#ffffff!important;
padding:12px 18px!important;
margin-bottom:8px!important;
border-radius:10px!important;
display:flex!important;
}
}
/* Web Ingeniería Pro v60 - SEO/accessibility support */
.tr-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.tr-skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 14px;background:#000;color:#fff;z-index:10000000;border-radius:8px}
/* ===============================
TR PRO V62 BLOG SEO + POST PRESETS
No toca WooCommerce, Elementor, header ni footer.
=============================== */
.tr-blog-archive .tr-post-grid,
.tr-archive .tr-post-grid{
align-items:stretch;
}
.tr-post-card{
height:100%;
}
.tr-post-card .tr-post-title a{
color:inherit;
text-decoration:none;
}
.tr-post-card .tr-post-excerpt{
margin-top:12px;
margin-bottom:18px;
}
.tr-blog-luxury_cards .tr-post-card{
border:1px solid rgba(0,0,0,.08);
box-shadow:0 24px 70px rgba(0,0,0,.08);
border-radius:30px;
}
.tr-blog-luxury_cards .tr-post-body{
padding:30px;
}
.tr-blog-luxury_cards .tr-post-title{
font-size:clamp(24px,2vw,34px);
letter-spacing:-.025em;
}
.tr-blog-image_focus .tr-post-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.tr-blog-image_focus .tr-post-card{
position:relative;
min-height:440px;
background:#111;
color:#fff;
}
.tr-blog-image_focus .tr-post-media{
position:absolute;
inset:0;
aspect-ratio:auto;
opacity:.58;
}
.tr-blog-image_focus .tr-post-body{
position:relative;
min-height:440px;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:34px;
z-index:2;
}
.tr-blog-image_focus .tr-post-excerpt{
color:rgba(255,255,255,.82);
}
.tr-blog-image_focus .tr-read-more{
color:#fff;
}
.tr-single-post{
position:relative;
}
.tr-single-post-header{
margin-bottom:34px;
}
.tr-single-post-content img{
max-width:100%;
height:auto;
}
.tr-single-post-content a{
text-decoration-thickness:1px;
text-underline-offset:4px;
}
.tr-post-layout-luxury_story{
max-width:1120px;
}
.tr-post-layout-luxury_story .tr-single-post-header{
text-align:center;
max-width:900px;
margin-left:auto;
margin-right:auto;
}
.tr-post-layout-luxury_story .tr-single-post-header h1{
font-family:var(--tr-heading-font);
font-size:clamp(var(--tr-post-h1-size-mobile,32px),5vw,var(--tr-post-h1-size-desktop,44px));
line-height:var(--tr-post-h1-line-height,1.12);
letter-spacing:-.04em;
}
.tr-post-layout-luxury_story .tr-single-post-image{
border-radius:36px;
box-shadow:0 30px 100px rgba(0,0,0,.12);
}
.tr-post-layout-luxury_story .tr-single-post-content{
max-width:820px;
margin-left:auto;
margin-right:auto;
}
.tr-post-layout-magazine_feature{
max-width:1280px;
}
.tr-post-layout-magazine_feature .tr-single-post-header{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);
gap:40px;
align-items:end;
border-bottom:1px solid rgba(0,0,0,.12);
padding-bottom:28px;
}
.tr-post-layout-magazine_feature .tr-single-post-header h1{
font-size:clamp(var(--tr-post-h1-size-mobile,32px),5vw,var(--tr-post-h1-size-desktop,44px));
line-height:var(--tr-post-h1-line-height,1.12);
}
.tr-post-layout-magazine_feature .tr-post-meta{
text-align:right;
text-transform:uppercase;
letter-spacing:.18em;
}
.tr-post-layout-magazine_feature .tr-single-post-content{
columns:2 340px;
column-gap:56px;
}
.tr-post-layout-minimal_read{
max-width:780px;
}
.tr-post-layout-minimal_read .tr-single-post-header h1{
font-size:clamp(var(--tr-post-h1-size-mobile,32px),5vw,var(--tr-post-h1-size-desktop,44px));
line-height:var(--tr-post-h1-line-height,1.12);
letter-spacing:-.035em;
}
.tr-post-layout-minimal_read .tr-single-post-image{
border-radius:16px;
}
.tr-post-layout-minimal_read .tr-single-post-content{
font-size:var(--tr-post-content-font-size,18px);
line-height:var(--tr-post-content-line-height,1.65);
}
.tr-post-layout-bold_article{
max-width:1180px;
background:#101010;
color:#fff;
padding:64px;
border-radius:34px;
margin-top:60px;
margin-bottom:60px;
}
.tr-post-layout-bold_article .tr-single-post-header h1,
.tr-post-layout-bold_article .tr-post-meta,
.tr-post-layout-bold_article .tr-single-post-content,
.tr-post-layout-bold_article .tr-single-post-content h2,
.tr-post-layout-bold_article .tr-single-post-content h3,
.tr-post-layout-bold_article .tr-single-post-content h4{
color:#fff;
}
.tr-post-layout-bold_article .tr-single-post-image{
border-radius:24px;
}
.tr-post-layout-bold_article .tr-single-post-content a{
color:#fff;
}
@media(max-width:900px){
.tr-blog-image_focus .tr-post-grid{grid-template-columns:1fr;}
.tr-post-layout-magazine_feature .tr-single-post-header{display:block;}
.tr-post-layout-magazine_feature .tr-post-meta{text-align:left;margin-bottom:14px;}
.tr-post-layout-magazine_feature .tr-single-post-content{columns:1;}
.tr-post-layout-bold_article{padding:32px 22px;border-radius:22px;}
}
/* ===============================
TR PRO V63 BLOG COLUMNS CONTROL
Permite elegir 1, 2, 3 o 4 columnas para el catálogo de blog desde el Personalizador.
No toca WooCommerce, Elementor, header, footer ni estilos guardados.
=============================== */
body.trv26 .tr-blog-archive .tr-post-grid,
body.trv26 .tr-archive .tr-post-grid{
display:grid!important;
grid-template-columns:repeat(var(--tr-blog-cols, 3), minmax(0, 1fr))!important;
gap:30px!important;
}
body.trv26 .tr-blog-archive .tr-post-card,
body.trv26 .tr-archive .tr-post-card{
width:100%!important;
margin:0!important;
}
@media(max-width:1100px){
body.trv26 .tr-blog-archive .tr-post-grid,
body.trv26 .tr-archive .tr-post-grid{
grid-template-columns:repeat(min(var(--tr-blog-cols, 3), 2), minmax(0, 1fr))!important;
}
}
@media(max-width:700px){
body.trv26 .tr-blog-archive .tr-post-grid,
body.trv26 .tr-archive .tr-post-grid{
grid-template-columns:1fr!important;
}
}
/* =========================================================
WEB INGENIERÍA PRO V64 - MENU / SUBMENU COLOR CONTROLS
Adds independent desktop/mobile submenu colors and keeps Elementor/WooCommerce untouched.
========================================================= */
html body.trv26 .tr-site-header .tr-nav > ul > li > a,
html body.trv26 .tr-site-header .tr-primary-menu > li > a{
color:var(--tr-menu-text)!important;
}
html body.trv26 .tr-site-header .tr-nav > ul > li > a:hover,
html body.trv26 .tr-site-header .tr-primary-menu > li > a:hover,
html body.trv26 .tr-site-header .tr-nav li.current-menu-item > a,
html body.trv26 .tr-site-header .tr-nav li.current-menu-ancestor > a{
color:var(--tr-menu-hover)!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu,
html body.trv26 .tr-site-header .tr-nav .children{
background:var(--tr-submenu-bg)!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu a,
html body.trv26 .tr-site-header .tr-nav .children a{
color:var(--tr-submenu-text)!important;
background:transparent!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu a:hover,
html body.trv26 .tr-site-header .tr-nav .children a:hover,
html body.trv26 .tr-site-header .tr-nav .sub-menu li.current-menu-item > a,
html body.trv26 .tr-site-header .tr-nav .children li.current-menu-item > a{
color:var(--tr-submenu-hover)!important;
background:var(--tr-submenu-hover-bg)!important;
}
@media(max-width:900px){
html body.trv26 .tr-site-header .tr-nav{
background:var(--tr-header-bg)!important;
}
html body.trv26 .tr-site-header .tr-nav > ul > li > a,
html body.trv26 .tr-site-header .tr-primary-menu > li > a,
html body.trv26 .tr-site-header .tr-nav a{
color:var(--tr-mobile-menu-text)!important;
background:var(--tr-mobile-menu-bg)!important;
padding:12px 18px!important;
margin-bottom:8px!important;
border-radius:10px!important;
}
html body.trv26 .tr-site-header .tr-nav > ul > li > a:hover,
html body.trv26 .tr-site-header .tr-primary-menu > li > a:hover,
html body.trv26 .tr-site-header .tr-nav li.current-menu-item > a,
html body.trv26 .tr-site-header .tr-nav li.current-menu-ancestor > a{
color:var(--tr-mobile-menu-text)!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu,
html body.trv26 .tr-site-header .tr-nav .children{
background:transparent!important;
padding:0 0 0 16px!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu a,
html body.trv26 .tr-site-header .tr-nav .children a{
color:var(--tr-mobile-submenu-text)!important;
background:var(--tr-mobile-submenu-bg)!important;
padding:11px 16px!important;
margin-bottom:7px!important;
border-radius:10px!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu a:hover,
html body.trv26 .tr-site-header .tr-nav .children a:hover,
html body.trv26 .tr-site-header .tr-nav .sub-menu li.current-menu-item > a,
html body.trv26 .tr-site-header .tr-nav .children li.current-menu-item > a{
color:var(--tr-mobile-submenu-hover)!important;
background:var(--tr-mobile-submenu-hover-bg)!important;
}
}
/* =========================================================
WEB INGENIERÍA PRO 1.0 - PREMIUM HEADER OPTIONS
Modular header icons + mobile premium structure.
Preserves previous Elementor, WooCommerce, overlay and SEO behavior.
========================================================= */
html body.trv26 .tr-hide-desktop{display:none!important;}
html body.trv26 .tr-header-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:38px!important;
height:38px!important;
min-width:38px!important;
color:var(--tr-menu-text)!important;
text-decoration:none!important;
border-radius:12px!important;
background:transparent!important;
line-height:1!important;
position:relative!important;
z-index:30!important;
}
html body.trv26 .tr-header-icon svg{
width:23px!important;
height:23px!important;
display:block!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
html body.trv26 .tr-header-icon:hover{color:var(--tr-menu-hover)!important;}
html body.trv26 .tr-header-icon-search{display:inline-flex!important;color:var(--tr-search-icon-color)!important;}
html body.trv26 .tr-header-icon-search:hover{color:var(--tr-search-icon-hover)!important;}
html body.trv26 .tr-header-search-panel{display:none;background:var(--tr-header-bg);border-bottom:1px solid rgba(0,0,0,.08);position:relative;z-index:998;}
html body.trv26 .tr-header-search-panel.is-open{display:block;}
html body.trv26 .tr-header-search-panel[hidden]{display:none!important;}
html body.trv26 .tr-header-search-panel-inner{padding:14px 0;}
html body.trv26 .tr-header-search-panel .dgwt-wcas-search-wrapp{max-width:760px;margin:0 auto;}
@media(min-width:901px){
html body.trv26 .tr-header-inner{
grid-template-columns:auto 1fr auto auto auto auto!important;
gap:18px!important;
}
html body.trv26 .tr-menu-toggle{display:none!important;}
html body.trv26 .tr-logo{grid-column:1!important;}
html body.trv26 .tr-nav{grid-column:2!important;}
html body.trv26 .tr-header-button{grid-column:3!important;}
html body.trv26 .tr-header-icon-search{grid-column:4!important;}
html body.trv26 .tr-header-icon-search.tr-search-hide-desktop{display:none!important;visibility:hidden!important;pointer-events:none!important;}
html body.trv26 .tr-header-icon-user{grid-column:5!important;}
html body.trv26 .tr-header-icon-cart{grid-column:6!important;}
html body.trv26 body.tr-logo-pos-center .tr-logo{grid-column:2!important;justify-self:center!important;}
}
@media(max-width:900px){
html body.trv26 .tr-hide-mobile{display:none!important;}
html body.trv26 .tr-hide-desktop{display:inline-flex!important;}
html body.trv26 .tr-site-header .tr-header-inner{
display:grid!important;
grid-template-columns:48px 48px minmax(0,1fr) 48px 48px!important;
align-items:center!important;
justify-items:center!important;
gap:6px!important;
width:100%!important;
min-height:var(--tr-header-height)!important;
padding:8px 12px!important;
text-align:center!important;
}
html body.trv26 .tr-site-header .tr-logo{
grid-column:3!important;
justify-self:center!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
text-align:center!important;
}
html body.trv26 .tr-site-header .tr-logo .custom-logo-link,
html body.trv26 .tr-site-header .tr-logo .custom-logo{
display:inline-block!important;
max-width:min(var(--tr-logo-size), 190px)!important;
height:auto!important;
margin:0 auto!important;
}
html body.trv26 .tr-site-header .tr-menu-toggle{
grid-column:1!important;
justify-self:start!important;
background:var(--tr-mobile-hamburger-bg)!important;
color:var(--tr-mobile-hamburger-color)!important;
border-color:var(--tr-mobile-hamburger-border)!important;
border-radius:10px!important;
}
html body.trv26 .tr-site-header .tr-menu-toggle span{
background:var(--tr-mobile-hamburger-color)!important;
}
html body.trv26.tr-menu-pos-right .tr-site-header .tr-menu-toggle{
grid-column:5!important;
justify-self:end!important;
}
html body.trv26 .tr-site-header .tr-header-icon{
display:inline-flex!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
color:var(--tr-mobile-header-icons-color)!important;
background:var(--tr-mobile-header-icons-bg)!important;
border-radius:10px!important;
}
html body.trv26 .tr-site-header .tr-header-icon svg{
width:24px!important;
height:24px!important;
}
html body.trv26 .tr-site-header .tr-header-icon-user{grid-column:2!important;}
html body.trv26 .tr-site-header .tr-header-icon-search{grid-column:4!important;color:var(--tr-search-mobile-icon-color)!important;}
html body.trv26 .tr-site-header .tr-header-icon-search:hover{color:var(--tr-search-mobile-icon-hover)!important;}
html body.trv26 .tr-site-header .tr-header-icon-search.tr-search-hide-mobile{display:none!important;visibility:hidden!important;pointer-events:none!important;}
html body.trv26 .tr-site-header .tr-header-icon-cart{grid-column:5!important;}
html body.trv26.tr-menu-pos-right .tr-site-header .tr-header-icon-user{grid-column:1!important;}
html body.trv26.tr-menu-pos-right .tr-site-header .tr-header-icon-search{grid-column:2!important;}
html body.trv26.tr-menu-pos-right .tr-site-header .tr-header-icon-cart{grid-column:4!important;}
html body.trv26 .tr-site-header .tr-header-button{
grid-column:1 / -1!important;
justify-self:stretch!important;
width:calc(100% - 20px)!important;
margin:10px 10px 0!important;
text-align:center!important;
}
html body.trv26 .tr-site-header .tr-nav{
background:var(--tr-mobile-menu-bg)!important;
}
html body.trv26 .tr-site-header .tr-nav > ul > li > a,
html body.trv26 .tr-site-header .tr-primary-menu > li > a,
html body.trv26 .tr-site-header .tr-nav a{
color:var(--tr-mobile-menu-text)!important;
background:var(--tr-mobile-menu-bg)!important;
padding:13px 18px!important;
margin-bottom:8px!important;
border-radius:10px!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu a,
html body.trv26 .tr-site-header .tr-nav .children a{
color:var(--tr-mobile-submenu-text)!important;
background:var(--tr-mobile-submenu-bg)!important;
}
html body.trv26 .tr-site-header .tr-nav .sub-menu a:hover,
html body.trv26 .tr-site-header .tr-nav .children a:hover,
html body.trv26 .tr-site-header .tr-nav .sub-menu li.current-menu-item > a,
html body.trv26 .tr-site-header .tr-nav .children li.current-menu-item > a{
color:var(--tr-mobile-submenu-hover)!important;
background:var(--tr-mobile-submenu-hover-bg)!important;
}
}
/* =========================================================
WEB INGENIERÍA PRO 1.0.1 - DESKTOP HEADER ALIGNMENT FIX
Keeps previous mobile overlay/header work intact.
Fixes user/cart icons staying on the same row as menu on desktop.
========================================================= */
@media (min-width:901px){
html body.trv26 .tr-site-header .tr-header-inner{
display:grid!important;
grid-template-columns:auto minmax(0,1fr) auto auto auto auto!important;
grid-template-rows:auto!important;
align-items:center!important;
justify-items:start!important;
gap:18px!important;
min-height:var(--tr-header-height)!important;
padding:0!important;
text-align:initial!important;
}
html body.trv26 .tr-site-header .tr-menu-toggle{
display:none!important;
}
html body.trv26 .tr-site-header .tr-logo,
html body.trv26 .tr-site-header .tr-nav,
html body.trv26 .tr-site-header .tr-header-button,
html body.trv26 .tr-site-header .tr-header-icon-search,
html body.trv26 .tr-site-header .tr-header-icon-user,
html body.trv26 .tr-site-header .tr-header-icon-cart{
grid-row:1!important;
align-self:center!important;
margin-top:0!important;
margin-bottom:0!important;
position:relative!important;
}
html body.trv26 .tr-site-header .tr-logo{
grid-column:1!important;
justify-self:start!important;
margin-right:24px!important;
}
html body.trv26 .tr-site-header .tr-nav{
grid-column:2!important;
justify-self:end!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
width:auto!important;
margin:0!important;
padding:0!important;
}
html body.trv26 .tr-site-header .tr-nav ul,
html body.trv26 .tr-site-header .tr-nav .menu,
html body.trv26 .tr-site-header .tr-primary-menu{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
flex-wrap:nowrap!important;
gap:0!important;
width:auto!important;
margin:0!important;
padding:0!important;
}
html body.trv26 .tr-site-header .tr-nav li{
display:flex!important;
align-items:center!important;
margin:0!important;
}
html body.trv26 .tr-site-header .tr-nav > ul > li > a,
html body.trv26 .tr-site-header .tr-primary-menu > li > a,
html body.trv26 .tr-site-header .tr-nav a{
display:inline-flex!important;
align-items:center!important;
min-height:44px!important;
padding:10px 13px!important;
margin:0!important;
white-space:nowrap!important;
}
html body.trv26 .tr-site-header .tr-header-button{
grid-column:3!important;
justify-self:end!important;
display:inline-flex!important;
align-items:center!important;
white-space:nowrap!important;
}
html body.trv26 .tr-site-header .tr-header-icon-search{
grid-column:4!important;
justify-self:center!important;
display:inline-flex!important;
}
html body.trv26 .tr-site-header .tr-header-icon-search.tr-search-hide-desktop{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
html body.trv26 .tr-site-header .tr-header-icon-user{
grid-column:5!important;
justify-self:center!important;
display:inline-flex!important;
}
html body.trv26 .tr-site-header .tr-header-icon-cart{
grid-column:6!important;
justify-self:center!important;
display:inline-flex!important;
}
html body.trv26 .tr-site-header .tr-header-icon{
position:relative!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
transform:none!important;
}
}
/* =========================================================
WEB INGENIERIA PRO V66 - HARD SUBMENU STACK FIX
The previous global rule `.tr-nav ul{display:flex}` was also
hitting `.sub-menu`, causing children to appear in one row.
This fixes desktop dropdowns only and preserves mobile overlay.
========================================================= */
@media (min-width: 901px) {
html body.trv26 header.tr-site-header nav.tr-nav ul.tr-primary-menu > li {
position: relative !important;
}
html body.trv26 header.tr-site-header nav.tr-nav ul.tr-primary-menu > li > ul.sub-menu,
html body.trv26 header.tr-site-header nav.tr-nav ul.tr-primary-menu > li > ul.children,
html body.trv26 header.tr-site-header nav.tr-nav li.menu-item-has-children > ul.sub-menu,
html body.trv26 header.tr-site-header nav.tr-nav li.page_item_has_children > ul.children {
position: absolute !important;
top: 100% !important;
left: 0 !important;
right: auto !important;
display: none !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 0 !important;
width: 270px !important;
min-width: 270px !important;
max-width: 270px !important;
padding: 12px !important;
margin: 0 !important;
list-style: none !important;
z-index: 999999 !important;
box-sizing: border-box !important;
white-space: normal !important;
}
html body.trv26 header.tr-site-header nav.tr-nav ul.tr-primary-menu > li:hover > ul.sub-menu,
html body.trv26 header.tr-site-header nav.tr-nav ul.tr-primary-menu > li:focus-within > ul.sub-menu,
html body.trv26 header.tr-site-header nav.tr-nav li.menu-item-has-children:hover > ul.sub-menu,
html body.trv26 header.tr-site-header nav.tr-nav li.menu-item-has-children:focus-within > ul.sub-menu,
html body.trv26 header.tr-site-header nav.tr-nav li.page_item_has_children:hover > ul.children,
html body.trv26 header.tr-site-header nav.tr-nav li.page_item_has_children:focus-within > ul.children {
display: flex !important;
}
html body.trv26 header.tr-site-header nav.tr-nav ul.sub-menu > li,
html body.trv26 header.tr-site-header nav.tr-nav ul.children > li {
display: block !important;
float: none !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
html body.trv26 header.tr-site-header nav.tr-nav ul.sub-menu > li > a,
html body.trv26 header.tr-site-header nav.tr-nav ul.children > li > a {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
padding: 11px 14px !important;
margin: 0 !important;
box-sizing: border-box !important;
white-space: normal !important;
text-align: left !important;
line-height: 1.35 !important;
}
html body.trv26 header.tr-site-header nav.tr-nav ul.sub-menu ul.sub-menu,
html body.trv26 header.tr-site-header nav.tr-nav ul.children ul.children {
top: 0 !important;
left: 100% !important;
}
}
/* =========================================================
WEB INGENIERIA PRO V67
Mobile hamburger menu top-level text colors + desktop
logo/menu position repair. Preserves existing settings.
========================================================= */
@media (max-width:900px){
html body.trv26 .tr-site-header .tr-nav > ul > li > a,
html body.trv26 .tr-site-header .tr-primary-menu > li > a{
color:var(--tr-mobile-menu-text)!important;
}
html body.trv26 .tr-site-header .tr-nav > ul > li > a:hover,
html body.trv26 .tr-site-header .tr-primary-menu > li > a:hover,
html body.trv26 .tr-site-header .tr-nav > ul > li:hover > a,
html body.trv26 .tr-site-header .tr-primary-menu > li:hover > a{
color:var(--tr-mobile-menu-hover)!important;
}
html body.trv26 .tr-site-header .tr-nav > ul > li.current-menu-item > a,
html body.trv26 .tr-site-header .tr-primary-menu > li.current-menu-item > a,
html body.trv26 .tr-site-header .tr-nav > ul > li.current-menu-ancestor > a,
html body.trv26 .tr-site-header .tr-primary-menu > li.current-menu-ancestor > a{
color:var(--tr-mobile-menu-active)!important;
}
}
@media (min-width:901px){
html body.trv26 .tr-site-header .tr-header-inner{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto auto auto!important;
grid-template-rows:auto!important;
align-items:center!important;
gap:18px!important;
}
html body.trv26.tr-logo-pos-left .tr-site-header .tr-logo{
grid-column:1!important;
justify-self:start!important;
justify-content:flex-start!important;
margin-right:0!important;
}
html body.trv26.tr-logo-pos-center .tr-site-header .tr-logo{
grid-column:2!important;
justify-self:center!important;
justify-content:center!important;
margin-right:0!important;
}
html body.trv26.tr-logo-pos-right .tr-site-header .tr-logo{
grid-column:3!important;
justify-self:end!important;
justify-content:flex-end!important;
margin-right:0!important;
}
html body.trv26.tr-menu-pos-left .tr-site-header .tr-nav{
grid-column:1!important;
justify-self:start!important;
justify-content:flex-start!important;
}
html body.trv26.tr-menu-pos-center .tr-site-header .tr-nav{
grid-column:2!important;
justify-self:center!important;
justify-content:center!important;
}
html body.trv26.tr-menu-pos-right .tr-site-header .tr-nav{
grid-column:3!important;
justify-self:end!important;
justify-content:flex-end!important;
}
html body.trv26.tr-menu-pos-left .tr-site-header .tr-nav .tr-primary-menu,
html body.trv26.tr-menu-pos-left .tr-site-header .tr-nav ul{
justify-content:flex-start!important;
}
html body.trv26.tr-menu-pos-center .tr-site-header .tr-nav .tr-primary-menu,
html body.trv26.tr-menu-pos-center .tr-site-header .tr-nav ul{
justify-content:center!important;
}
html body.trv26.tr-menu-pos-right .tr-site-header .tr-nav .tr-primary-menu,
html body.trv26.tr-menu-pos-right .tr-site-header .tr-nav ul{
justify-content:flex-end!important;
}
html body.trv26 .tr-site-header .tr-header-button{
grid-column:4!important;
justify-self:end!important;
}
html body.trv26 .tr-site-header .tr-header-icon-user{
grid-column:5!important;
justify-self:center!important;
}
html body.trv26 .tr-site-header .tr-header-icon-cart{
grid-column:6!important;
justify-self:center!important;
}
}
/* =========================================================
WEB INGENIERIA PRO V69 - WHATSAPP WOOCOMMERCE COMPATIBILITY
Restores standard WooCommerce hooks in templates and keeps
WhatsApp purchase buttons visible in catalog and product page.
========================================================= */
html body.trv26 .woocommerce .wc-wsp-buy-button,
html body.trv26 .woocommerce a.wc-wsp-buy-button,
html body.trv26 .tr-card-content .wc-wsp-buy-button,
html body.trv26 .tr-single-summary .wc-wsp-buy-button{
display:inline-flex!important;
visibility:visible!important;
opacity:1!important;
height:auto!important;
min-height:44px!important;
overflow:visible!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
text-decoration:none!important;
cursor:pointer!important;
}
html body.trv26 .woocommerce .wc-wsp-buy-button-loop,
html body.trv26 .tr-card-content .wc-wsp-buy-button-loop{
width:100%!important;
max-width:230px!important;
margin-left:auto!important;
margin-right:auto!important;
}
html body.trv26 .woocommerce .wc-wsp-buy-button-single,
html body.trv26 .tr-single-summary .wc-wsp-buy-button-single{
width:auto!important;
min-width:240px!important;
margin-top:14px!important;
margin-bottom:18px!important;
}
@media(max-width:768px){
html body.trv26 .woocommerce .wc-wsp-buy-button-single,
html body.trv26 .woocommerce .wc-wsp-buy-button-loop{
width:100%!important;
max-width:100%!important;
}
}
/* v72.1.6 WooCommerce fixes: catalog title color on inner links + high-quality single gallery display. */
body.trv26.woocommerce .tr-main ul.products li.product .woocommerce-loop-product__title,
body.trv26.woocommerce .tr-main ul.products li.product .woocommerce-loop-product__title a,
body.trv26.woocommerce-page .tr-main ul.products li.product .woocommerce-loop-product__title,
body.trv26.woocommerce-page .tr-main ul.products li.product .woocommerce-loop-product__title a,
body.trv26 .tr-main ul.products li.product .woocommerce-loop-product__title,
body.trv26 .tr-main ul.products li.product .woocommerce-loop-product__title a{
color:var(--tr-catalog-title)!important;
}
body.trv26.single-product .tr-main div.product div.images .woocommerce-product-gallery__image img,
body.trv26.single-product .tr-main div.product div.images .woocommerce-product-gallery__wrapper img{
width:100%!important;
height:auto!important;
object-fit:contain!important;
image-rendering:auto!important;
}
body.trv26.single-product .tr-main div.product div.images .woocommerce-product-gallery__image:first-child,
body.trv26.single-product .tr-main div.product div.images .woocommerce-product-gallery__image:first-child a{
background:#fff!important;
}
/* =========================================================
wow-pro-1 72.1.9 - DEFINITIVE MOBILE CLOSE BUTTON FIX
Previous fix styled the hamburger, but later mobile/header rules and
the full-screen nav could still visually cover or recolor it. This locks
the open-state close control as a fixed, visible X above the overlay only
while the mobile menu is open.
========================================================= */
@media(max-width:900px){
html body.trv26.tr-mobile-menu-open .tr-site-header,
html body.trv26.tr-mobile-menu-open header.tr-site-header{
overflow:visible!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header button.tr-menu-toggle,
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle{
position:fixed!important;
top:max(14px, env(safe-area-inset-top))!important;
right:14px!important;
left:auto!important;
bottom:auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
padding:0!important;
margin:0!important;
background:var(--tr-mobile-hamburger-open-bg)!important;
background-color:var(--tr-mobile-hamburger-open-bg)!important;
color:var(--tr-mobile-hamburger-open-color)!important;
border:1px solid var(--tr-mobile-hamburger-open-border)!important;
border-radius:999px!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:none!important;
box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
z-index:2147483647!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header button.tr-menu-toggle span,
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle span{
position:absolute!important;
top:50%!important;
left:50%!important;
display:block!important;
width:24px!important;
height:3px!important;
min-height:3px!important;
margin:0!important;
padding:0!important;
background:var(--tr-mobile-hamburger-open-color)!important;
background-color:var(--tr-mobile-hamburger-open-color)!important;
color:var(--tr-mobile-hamburger-open-color)!important;
border-radius:999px!important;
opacity:1!important;
visibility:visible!important;
transform-origin:center!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header button.tr-menu-toggle span:nth-child(1),
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle span:nth-child(1){
transform:translate(-50%,-50%) rotate(45deg)!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header button.tr-menu-toggle span:nth-child(2),
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle span:nth-child(2){
opacity:0!important;
visibility:hidden!important;
}
html body.trv26.tr-mobile-menu-open .tr-site-header button.tr-menu-toggle span:nth-child(3),
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-menu-toggle span:nth-child(3){
transform:translate(-50%,-50%) rotate(-45deg)!important;
}
}
/* =========================================================
wow-pro-1 72.1.10 - MOBILE CLOSE BUTTON BODY-LEVEL FIX
Independent close control. It is not inside the header/mobile slots,
so it cannot disappear when the mobile header engine rearranges elements.
========================================================= */
@media (max-width:900px){
html body.trv26 .tr-mobile-close-control{
position:fixed!important;
top:calc(var(--wp-admin--admin-bar--height, 0px) + 12px)!important;
right:14px!important;
left:auto!important;
bottom:auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:50px!important;
height:50px!important;
min-width:50px!important;
min-height:50px!important;
padding:0!important;
margin:0!important;
background:#111111!important;
background-color:#111111!important;
border:1px solid rgba(255,255,255,.32)!important;
border-radius:999px!important;
box-shadow:0 12px 34px rgba(0,0,0,.38)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:scale(.96)!important;
z-index:2147483647!important;
appearance:none!important;
-webkit-appearance:none!important;
cursor:pointer!important;
}
html body.trv26.tr-mobile-menu-open .tr-mobile-close-control,
html body.trv26 .tr-mobile-close-control.is-visible{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:scale(1)!important;
}
html body.trv26 .tr-mobile-close-control span{
position:absolute!important;
top:50%!important;
left:50%!important;
display:block!important;
width:26px!important;
height:3px!important;
margin:0!important;
padding:0!important;
background:#ffffff!important;
background-color:#ffffff!important;
border-radius:999px!important;
opacity:1!important;
visibility:visible!important;
transform-origin:center!important;
}
html body.trv26 .tr-mobile-close-control span:first-child{transform:translate(-50%,-50%) rotate(45deg)!important;}
html body.trv26 .tr-mobile-close-control span:last-child{transform:translate(-50%,-50%) rotate(-45deg)!important;}
html body.trv26.tr-mobile-menu-open .tr-site-header .tr-nav{padding-top:78px!important;}
}
@media (min-width:901px){
html body.trv26 .tr-mobile-close-control{display:none!important;}
}
/* =========================================================
WOW PRO 72.1.11 - WooCommerce variation price + select fix
Solo corrige precio visible en variaciones y apariencia de selectores.
No modifica estructura HTML ni lógica existente del theme.
========================================================= */
body.trv26.woocommerce .tr-main ul.products li.product .price,
body.trv26.woocommerce .tr-main ul.products li.product .price *,
body.trv26.woocommerce-page .tr-main ul.products li.product .price,
body.trv26.woocommerce-page .tr-main ul.products li.product .price *{
color:var(--tr-catalog-price)!important;
}
body.trv26.single-product .tr-main div.product p.price,
body.trv26.single-product .tr-main div.product p.price *,
body.trv26.single-product .tr-main div.product span.price,
body.trv26.single-product .tr-main div.product span.price *,
body.trv26.single-product .tr-main div.product .price,
body.trv26.single-product .tr-main div.product .price *,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price *,
body.trv26.single-product .tr-main div.product .woocommerce-Price-amount,
body.trv26.single-product .tr-main div.product .woocommerce-Price-amount *,
body.trv26.single-product .tr-main div.product bdi{
color:var(--tr-single-price)!important;
}
body.trv26.single-product .tr-main div.product .single_variation_wrap,
body.trv26.single-product .tr-main div.product .woocommerce-variation,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price{
clear:both;
color:var(--tr-single-price)!important;
}
body.trv26.single-product .tr-main div.product .woocommerce-variation-price{
display:block!important;
margin:0 0 24px!important;
padding:0!important;
line-height:1.25!important;
}
body.trv26.single-product .tr-main div.product .woocommerce-variation-price .price,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price .amount,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price bdi{
display:inline-block!important;
font-size:clamp(22px,2.1vw,34px)!important;
font-weight:800!important;
letter-spacing:.02em!important;
text-shadow:none!important;
}
body.trv26.single-product .tr-main div.product form.variations_form,
body.trv26.single-product .tr-main div.product table.variations{
width:100%!important;
max-width:100%!important;
}
body.trv26.single-product .tr-main div.product table.variations{
border-collapse:separate!important;
border-spacing:0 12px!important;
margin:0 0 26px!important;
padding:0!important;
border:0!important;
}
body.trv26.single-product .tr-main div.product table.variations tr,
body.trv26.single-product .tr-main div.product table.variations th,
body.trv26.single-product .tr-main div.product table.variations td{
border:0!important;
background:transparent!important;
}
body.trv26.single-product .tr-main div.product table.variations th.label,
body.trv26.single-product .tr-main div.product table.variations td.label{
width:92px!important;
min-width:92px!important;
padding:0 18px 0 0!important;
vertical-align:middle!important;
text-align:left!important;
}
body.trv26.single-product .tr-main div.product table.variations .label label{
display:inline-block!important;
margin:0!important;
color:var(--tr-single-title)!important;
font-family:var(--tr-heading-font)!important;
font-size:16px!important;
line-height:1.2!important;
font-weight:800!important;
}
body.trv26.single-product .tr-main div.product table.variations td.value{
padding:0!important;
vertical-align:middle!important;
}
body.trv26.single-product .tr-main div.product table.variations td.value select,
body.trv26.single-product .tr-main div.product form.cart select,
body.trv26.single-product .tr-main div.product .variations select{
width:min(100%,360px)!important;
min-height:46px!important;
margin:0!important;
padding:0 46px 0 14px!important;
border:1px solid rgba(0,0,0,.34)!important;
border-radius:8px!important;
background-color:#ffffff!important;
background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%)!important;
background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%!important;
background-size:6px 6px,6px 6px!important;
background-repeat:no-repeat!important;
color:#111111!important;
font-family:var(--tr-body-font)!important;
font-size:15px!important;
font-weight:500!important;
line-height:46px!important;
box-shadow:none!important;
outline:none!important;
appearance:none!important;
-webkit-appearance:none!important;
}
body.trv26.single-product .tr-main div.product table.variations td.value select:hover,
body.trv26.single-product .tr-main div.product form.cart select:hover,
body.trv26.single-product .tr-main div.product .variations select:hover{
border-color:rgba(0,0,0,.62)!important;
}
body.trv26.single-product .tr-main div.product table.variations td.value select:focus,
body.trv26.single-product .tr-main div.product form.cart select:focus,
body.trv26.single-product .tr-main div.product .variations select:focus{
border-color:var(--tr-single-title)!important;
box-shadow:0 0 0 3px rgba(0,0,0,.08)!important;
}
body.trv26.single-product .tr-main div.product table.variations .reset_variations{
display:inline-flex!important;
align-items:center!important;
margin-left:12px!important;
color:var(--tr-link-color)!important;
font-size:14px!important;
font-weight:700!important;
line-height:1!important;
text-decoration:none!important;
}
body.trv26.single-product .tr-main div.product table.variations .reset_variations:hover{
color:var(--tr-link-hover)!important;
text-decoration:underline!important;
}
body.trv26.single-product .tr-main div.product form.cart .quantity .qty,
body.trv26.single-product .tr-main div.product form.cart input.qty{
width:72px!important;
min-width:72px!important;
height:54px!important;
min-height:54px!important;
margin:0!important;
padding:0 10px!important;
border:1px solid rgba(0,0,0,.18)!important;
border-radius:0!important;
background:#ffffff!important;
color:#111111!important;
font-size:16px!important;
font-weight:500!important;
line-height:54px!important;
text-align:center!important;
box-shadow:none!important;
outline:none!important;
}
@media (max-width:700px){
body.trv26.single-product .tr-main div.product table.variations,
body.trv26.single-product .tr-main div.product table.variations tbody,
body.trv26.single-product .tr-main div.product table.variations tr,
body.trv26.single-product .tr-main div.product table.variations th,
body.trv26.single-product .tr-main div.product table.variations td{
display:block!important;
width:100%!important;
}
body.trv26.single-product .tr-main div.product table.variations th.label,
body.trv26.single-product .tr-main div.product table.variations td.label{
width:100%!important;
min-width:0!important;
padding:0 0 8px!important;
}
body.trv26.single-product .tr-main div.product table.variations td.value select,
body.trv26.single-product .tr-main div.product form.cart select,
body.trv26.single-product .tr-main div.product .variations select{
width:100%!important;
}
body.trv26.single-product .tr-main div.product table.variations .reset_variations{
margin:10px 0 0!important;
}
}
/* =========================================================
WOW PRO 72.1.15 - WooCommerce dedicated price color authority + qty controls
Solo corrige colores de precios y controles de cantidad.
Mantiene los colores ajustables desde Personalizar.
========================================================= */
:root{
--tr-wc-price-catalog-default:#111111;
--tr-wc-price-single-default:#111111;
--tr-wc-price-variation-default:#111111;
--tr-wc-price-regular-sale-default:#111111;
--tr-wc-price-sale-default:#111111;
--tr-wc-qty-control-default:#111111;
}
body.trv26.woocommerce .tr-main ul.products li.product .price,
body.trv26.woocommerce .tr-main ul.products li.product .price *,
body.trv26.woocommerce-page .tr-main ul.products li.product .price,
body.trv26.woocommerce-page .tr-main ul.products li.product .price *,
body.trv26 .tr-main .woocommerce ul.products li.product .price,
body.trv26 .tr-main .woocommerce ul.products li.product .price *,
body.trv26 .tr-main ul.products li.product.sale .price,
body.trv26 .tr-main ul.products li.product.sale .price *,
body.trv26 .tr-main ul.products li.product .price .amount,
body.trv26 .tr-main ul.products li.product .price .woocommerce-Price-amount,
body.trv26 .tr-main ul.products li.product .price .woocommerce-Price-currencySymbol,
body.trv26 .tr-main ul.products li.product .price bdi,
body.trv26 .tr-main ul.products li.product .price ins,
body.trv26 .tr-main ul.products li.product .price ins *,
body.trv26 .tr-main ul.products li.product .price del,
body.trv26 .tr-main ul.products li.product .price del *{
color:var(--tr-wc-price-catalog,var(--tr-wc-price-catalog-default))!important;
-webkit-text-fill-color:var(--tr-wc-price-catalog,var(--tr-wc-price-catalog-default))!important;
text-shadow:none!important;
}
body.trv26.single-product .tr-main div.product p.price,
body.trv26.single-product .tr-main div.product p.price *,
body.trv26.single-product .tr-main div.product span.price,
body.trv26.single-product .tr-main div.product span.price *,
body.trv26.single-product .tr-main div.product .price,
body.trv26.single-product .tr-main div.product .price *,
body.trv26.single-product .tr-main div.product .single_variation .price,
body.trv26.single-product .tr-main div.product .single_variation .price *,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price *,
body.trv26.single-product .tr-main div.product .woocommerce-Price-amount,
body.trv26.single-product .tr-main div.product .woocommerce-Price-amount *,
body.trv26.single-product .tr-main div.product .woocommerce-Price-currencySymbol,
body.trv26.single-product .tr-main div.product bdi,
body.trv26.single-product .tr-main div.product p.price ins,
body.trv26.single-product .tr-main div.product p.price ins *,
body.trv26.single-product .tr-main div.product p.price del,
body.trv26.single-product .tr-main div.product p.price del *,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price ins,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price ins *,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price del,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price del *{
color:var(--tr-wc-price-single,var(--tr-wc-price-single-default))!important;
-webkit-text-fill-color:var(--tr-wc-price-single,var(--tr-wc-price-single-default))!important;
text-shadow:none!important;
}
body.trv26 .tr-main ul.products li.product .price ins,
body.trv26.single-product .tr-main div.product .price ins,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price ins{
background:transparent!important;
text-decoration:none!important;
}
body.trv26 .tr-main ul.products li.product .price del,
body.trv26.single-product .tr-main div.product .price del,
body.trv26.single-product .tr-main div.product .woocommerce-variation-price del{
opacity:.58!important;
text-decoration:line-through!important;
}
body.trv26 .tr-main .woocommerce .quantity,
body.trv26 .tr-main .woocommerce-page .quantity,
body.trv26.single-product .tr-main div.product form.cart .quantity{
color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default))!important;
}
body.trv26 .tr-main .woocommerce .quantity .qty,
body.trv26 .tr-main .woocommerce input.qty,
body.trv26 .tr-main .woocommerce-page .quantity .qty,
body.trv26 .tr-main .woocommerce-page input.qty,
body.trv26.single-product .tr-main div.product form.cart .quantity .qty,
body.trv26.single-product .tr-main div.product form.cart input.qty{
background:#ffffff!important;
color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default))!important;
-webkit-text-fill-color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default))!important;
caret-color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default))!important;
accent-color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default))!important;
color-scheme:light!important;
text-shadow:none!important;
}
body.trv26 .tr-main .woocommerce .quantity .qty::-webkit-outer-spin-button,
body.trv26 .tr-main .woocommerce .quantity .qty::-webkit-inner-spin-button,
body.trv26 .tr-main .woocommerce input.qty::-webkit-outer-spin-button,
body.trv26 .tr-main .woocommerce input.qty::-webkit-inner-spin-button,
body.trv26.single-product .tr-main div.product form.cart input.qty::-webkit-outer-spin-button,
body.trv26.single-product .tr-main div.product form.cart input.qty::-webkit-inner-spin-button{
-webkit-appearance:none!important;
appearance:none!important;
margin:0!important;
opacity:0!important;
display:none!important;
}
body.trv26 .tr-main .woocommerce .quantity .qty,
body.trv26 .tr-main .woocommerce input.qty,
body.trv26 .tr-main .woocommerce-page .quantity .qty,
body.trv26 .tr-main .woocommerce-page input.qty,
body.trv26.single-product .tr-main div.product form.cart .quantity .qty,
body.trv26.single-product .tr-main div.product form.cart input.qty{
-moz-appearance:textfield!important;
appearance:textfield!important;
}
body.trv26 .tr-main .woocommerce .quantity .plus,
body.trv26 .tr-main .woocommerce .quantity .minus,
body.trv26 .tr-main .woocommerce-page .quantity .plus,
body.trv26 .tr-main .woocommerce-page .quantity .minus,
body.trv26.single-product .tr-main div.product form.cart .quantity .plus,
body.trv26.single-product .tr-main div.product form.cart .quantity .minus,
body.trv26.single-product .tr-main div.product form.cart .quantity button,
body.trv26.single-product .tr-main div.product form.cart .quantity a,
body.trv26 .tr-main .quantity button.qty-button,
body.trv26 .tr-main .quantity .qty-button,
body.trv26 .tr-main .quantity .qty-btn,
body.trv26 .tr-main .quantity .qib-button,
body.trv26 .tr-main .qib-container .qib-button{
background:#ffffff!important;
color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default))!important;
-webkit-text-fill-color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default))!important;
border-color:rgba(0,0,0,.22)!important;
text-shadow:none!important;
box-shadow:none!important;
}
/* =========================================================
WOW PRO 72.1.15 - Final fallback: no preset can force product prices white.
Main authority is printed inline from functions.php so Customizer values win.
========================================================= */
html body.trv26.single-product.tr-single-conversion_luxury .tr-main div.product p.price,
html body.trv26.single-product.tr-single-conversion_luxury .tr-main div.product p.price *,
html body.trv26.single-product.tr-single-conversion_luxury .tr-main div.product span.price,
html body.trv26.single-product.tr-single-conversion_luxury .tr-main div.product span.price *,
html body.trv26.single-product.tr-single-conversion_luxury .tr-main div.product .woocommerce-variation-price,
html body.trv26.single-product.tr-single-conversion_luxury .tr-main div.product .woocommerce-variation-price *{
color:var(--tr-wc-price-single,var(--tr-wc-price-single-default,#111111))!important;
-webkit-text-fill-color:var(--tr-wc-price-single,var(--tr-wc-price-single-default,#111111))!important;
text-shadow:none!important;
}
html body.trv26 .tr-main ul.products li.product .price,
html body.trv26 .tr-main ul.products li.product .price *{
color:var(--tr-wc-price-catalog,var(--tr-wc-price-catalog-default,#111111))!important;
-webkit-text-fill-color:var(--tr-wc-price-catalog,var(--tr-wc-price-catalog-default,#111111))!important;
text-shadow:none!important;
}
html body.trv26 .tr-main ul.products li.product .price del,
html body.trv26 .tr-main ul.products li.product .price del *,
html body.trv26.single-product .tr-main div.product .price del,
html body.trv26.single-product .tr-main div.product .price del *,
html body.trv26.single-product .tr-main div.product .woocommerce-variation-price del,
html body.trv26.single-product .tr-main div.product .woocommerce-variation-price del *{
color:var(--tr-wc-price-regular-sale,var(--tr-wc-price-regular-sale-default,#111111))!important;
-webkit-text-fill-color:var(--tr-wc-price-regular-sale,var(--tr-wc-price-regular-sale-default,#111111))!important;
}
html body.trv26 .tr-main ul.products li.product .price ins,
html body.trv26 .tr-main ul.products li.product .price ins *,
html body.trv26.single-product .tr-main div.product .price ins,
html body.trv26.single-product .tr-main div.product .price ins *,
html body.trv26.single-product .tr-main div.product .woocommerce-variation-price ins,
html body.trv26.single-product .tr-main div.product .woocommerce-variation-price ins *{
color:var(--tr-wc-price-sale,var(--tr-wc-price-sale-default,#111111))!important;
-webkit-text-fill-color:var(--tr-wc-price-sale,var(--tr-wc-price-sale-default,#111111))!important;
background:transparent!important;
text-decoration:none!important;
}
html body.trv26 .tr-main .quantity,
html body.trv26 .tr-main .quantity .qty,
html body.trv26 .tr-main input.qty,
html body.trv26 .tr-main .quantity button,
html body.trv26 .tr-main .quantity .plus,
html body.trv26 .tr-main .quantity .minus,
html body.trv26 .tr-main .quantity a{
color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default,#111111))!important;
-webkit-text-fill-color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default,#111111))!important;
}
/* =========================================================
TR PRO v72.1.16 - PRODUCT SUMMARY STICKY/FIXED REMOVED
Scope: single product info column only. Header sticky, catalog,
gallery slider, WooCommerce colors and checkout controls untouched.
========================================================= */
html body.trv26.single-product .tr-single-product-top{
min-height:auto!important;
height:auto!important;
}
html body.trv26.single-product .tr-single-summary,
html body.trv26.single-product.tr-single-summary-sticky .tr-single-summary,
html body.trv26.single-product .tr-single-summary.tr-sticky-disabled,
html body.trv26.single-product .tr-single-summary.is-tr-fixed,
html body.trv26.single-product .tr-single-summary.is-tr-stopped{
position:relative!important;
top:auto!important;
right:auto!important;
left:auto!important;
bottom:auto!important;
width:100%!important;
max-width:100%!important;
transform:none!important;
align-self:stretch!important;
justify-self:stretch!important;
z-index:auto!important;
will-change:auto!important;
}
@media (min-width:1101px){
html body.trv26.single-product.tr-single-summary-sticky .tr-single-summary,
html body.trv26.single-product.tr-single-summary-sticky .tr-single-summary:not(.tr-sticky-disabled){
position:relative!important;
top:auto!important;
}
}
/* =========================================================
WOW PRO 72.1.17 - Clean quantity controls
Elimina el manchón de los spinners nativos y usa controles +/- limpios.
========================================================= */
body.trv26 .tr-main .quantity input.qty::-webkit-outer-spin-button,
body.trv26 .tr-main .quantity input.qty::-webkit-inner-spin-button,
body.trv26 .tr-main input.qty::-webkit-outer-spin-button,
body.trv26 .tr-main input.qty::-webkit-inner-spin-button{
-webkit-appearance:none!important;
appearance:none!important;
margin:0!important;
opacity:0!important;
display:none!important;
}
body.trv26 .tr-main .quantity input.qty,
body.trv26 .tr-main input.qty{
-moz-appearance:textfield!important;
appearance:textfield!important;
}
body.trv26 .tr-main .quantity.trv26-qty-has-controls{
display:inline-flex!important;
align-items:stretch!important;
justify-content:flex-start!important;
width:auto!important;
min-width:0!important;
height:54px!important;
margin:0 12px 0 0!important;
padding:0!important;
border:1px solid rgba(0,0,0,.18)!important;
border-radius:0!important;
background:#ffffff!important;
overflow:hidden!important;
vertical-align:middle!important;
box-shadow:none!important;
}
body.trv26 .tr-main .quantity.trv26-qty-has-controls .trv26-qty-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 42px!important;
width:42px!important;
min-width:42px!important;
height:52px!important;
min-height:52px!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:#ffffff!important;
color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default,#111111))!important;
-webkit-text-fill-color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default,#111111))!important;
font-family:inherit!important;
font-size:20px!important;
font-weight:500!important;
line-height:1!important;
text-align:center!important;
text-indent:0!important;
box-shadow:none!important;
text-shadow:none!important;
cursor:pointer!important;
appearance:none!important;
-webkit-appearance:none!important;
}
body.trv26 .tr-main .quantity.trv26-qty-has-controls .trv26-qty-btn:hover,
body.trv26 .tr-main .quantity.trv26-qty-has-controls .trv26-qty-btn:focus{
background:#f5f5f5!important;
color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default,#111111))!important;
outline:none!important;
box-shadow:none!important;
}
body.trv26 .tr-main .quantity.trv26-qty-has-controls .trv26-qty-minus{
border-right:1px solid rgba(0,0,0,.14)!important;
}
body.trv26 .tr-main .quantity.trv26-qty-has-controls .trv26-qty-plus{
border-left:1px solid rgba(0,0,0,.14)!important;
}
body.trv26 .tr-main .quantity.trv26-qty-has-controls input.qty,
body.trv26.single-product .tr-main div.product form.cart .quantity.trv26-qty-has-controls input.qty,
body.trv26 .tr-main .woocommerce .quantity.trv26-qty-has-controls input.qty,
body.trv26 .tr-main .woocommerce-page .quantity.trv26-qty-has-controls input.qty{
flex:0 0 56px!important;
width:56px!important;
min-width:56px!important;
max-width:56px!important;
height:52px!important;
min-height:52px!important;
margin:0!important;
padding:0 4px!important;
border:0!important;
border-radius:0!important;
background:#ffffff!important;
color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default,#111111))!important;
-webkit-text-fill-color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default,#111111))!important;
font-size:16px!important;
font-weight:500!important;
line-height:52px!important;
text-align:center!important;
box-shadow:none!important;
outline:none!important;
color-scheme:light!important;
}
body.trv26 .tr-main .quantity:not(.trv26-qty-has-controls) .plus,
body.trv26 .tr-main .quantity:not(.trv26-qty-has-controls) .minus,
body.trv26 .tr-main .quantity:not(.trv26-qty-has-controls) button.qty-button,
body.trv26 .tr-main .quantity:not(.trv26-qty-has-controls) .qty-button,
body.trv26 .tr-main .quantity:not(.trv26-qty-has-controls) .qty-btn,
body.trv26 .tr-main .quantity:not(.trv26-qty-has-controls) .qib-button{
min-width:42px!important;
height:52px!important;
background:#ffffff!important;
color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default,#111111))!important;
-webkit-text-fill-color:var(--tr-wc-qty-control,var(--tr-wc-qty-control-default,#111111))!important;
border-color:rgba(0,0,0,.18)!important;
box-shadow:none!important;
text-shadow:none!important;
}
@media(max-width:767px){
body.trv26 .tr-main .quantity.trv26-qty-has-controls{height:52px!important;margin-right:10px!important;}
body.trv26 .tr-main .quantity.trv26-qty-has-controls .trv26-qty-btn{height:50px!important;min-height:50px!important;flex-basis:40px!important;width:40px!important;min-width:40px!important;}
body.trv26 .tr-main .quantity.trv26-qty-has-controls input.qty{height:50px!important;min-height:50px!important;line-height:50px!important;}
}
/* =========================================================
WOW PRO 72.1.18 - Product price size + catalog image controls
Inline Customizer CSS in functions.php controls the final values.
These defaults prevent small cart-area price and cropped catalog images.
========================================================= */
:root{
--tr-wc-cart-area-price-color:#111111;
--tr-wc-cart-area-price-size:30px;
--tr-wc-cart-area-price-size-mobile:26px;
--tr-catalog-image-fit:contain;
--tr-catalog-image-ratio:4 / 5;
}
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price-value,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price .price,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price .amount,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price .woocommerce-Price-amount,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price .woocommerce-Price-currencySymbol,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price bdi,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price ins,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price del{
color:var(--tr-wc-cart-area-price-color)!important;
-webkit-text-fill-color:var(--tr-wc-cart-area-price-color)!important;
font-size:var(--tr-wc-cart-area-price-size)!important;
line-height:1.18!important;
}
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price-value,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price .price{font-weight:700!important;letter-spacing:.02em!important;}
html body.trv26 .tr-main ul.products li.product .tr-card-media{aspect-ratio:var(--tr-catalog-image-ratio)!important;overflow:hidden!important;background:#f5f5f5!important;}
html body.trv26 .tr-main ul.products li.product .tr-card-media img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:var(--tr-catalog-image-fit)!important;object-position:center center!important;}
html body.trv26 .tr-main ul.products li.product .tr-card-media .tr-alt-image{position:absolute!important;inset:0!important;}
@media(max-width:767px){
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price-value,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price .price,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price .amount,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price .woocommerce-Price-amount,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price .woocommerce-Price-currencySymbol,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price bdi,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price ins,
html body.trv26.single-product .tr-main div.product .trv26-cart-area-price del{font-size:var(--tr-wc-cart-area-price-size-mobile)!important;}
}
body.trv26.single-product.tr-single-conversion_luxury .tr-main .tr-single-summary .product_title,
body.trv26.tr-single-conversion_luxury .tr-main .tr-single-summary .product_title{color:var(--tr-single-title)!important;}
body.trv26.single-product.tr-single-conversion_luxury .tr-main .tr-single-summary :where(p,li,dt,dd,label,.woocommerce-product-details__short-description,.woocommerce-product-details__short-description *),
body.trv26.tr-single-conversion_luxury .tr-main .tr-single-summary :where(p,li,dt,dd,label,.woocommerce-product-details__short-description,.woocommerce-product-details__short-description *){color:var(--tr-single-excerpt)!important;}
/* WoW Theme Pro 1.0.1: Footer CTA text color authority.
This fixes the generic footer link color overriding the CTA text color control. */
html body.trv26 .tr-footer-pro a.tr-footer-pro-button,
html body.trv26 .tr-footer-pro .tr-footer-pro-button{
background:var(--tr-footer-button-bg)!important;
color:var(--tr-footer-button-color)!important;
border-radius:var(--tr-footer-button-radius)!important;
text-decoration:none!important;
}
html body.trv26 .tr-footer-pro a.tr-footer-pro-button span,
html body.trv26 .tr-footer-pro .tr-footer-pro-button span,
html body.trv26 .tr-footer-pro a.tr-footer-pro-button .tr-footer-pro-button-icon{
color:var(--tr-footer-button-color)!important;
}
html body.trv26 .tr-footer-pro a.tr-footer-pro-button:hover,
html body.trv26 .tr-footer-pro .tr-footer-pro-button:hover{
background:var(--tr-footer-button-hover-bg)!important;
color:var(--tr-footer-button-hover-color)!important;
}
html body.trv26 .tr-footer-pro a.tr-footer-pro-button:hover span,
html body.trv26 .tr-footer-pro .tr-footer-pro-button:hover span,
html body.trv26 .tr-footer-pro a.tr-footer-pro-button:hover .tr-footer-pro-button-icon{
color:var(--tr-footer-button-hover-color)!important;
}
html body.trv26 .tr-footer-pro a.tr-footer-pro-button svg,
html body.trv26 .tr-footer-pro .tr-footer-pro-button svg{
fill:currentColor!important;
color:inherit!important;
}
/* v1.0.17: Elementor full width real y sticky robusto en escritorio/móvil. */
body.trv26 .tr-main > .tr-page-elementor-full,
body.trv26.elementor-page .tr-main > .tr-page{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
body.trv26 .tr-main > .tr-page-elementor-full > .elementor,
body.trv26 .tr-main > .tr-page-elementor-full > .elementor > .elementor-element,
body.trv26.elementor-page .tr-main > .tr-page > .elementor{
width:100%!important;
max-width:none!important;
}
html body.trv26.tr-sticky-header .tr-site-header.tr-sticky-fixed,
html body.trv26.tr-sticky-header header.tr-site-header.tr-sticky-fixed{
position:fixed!important;
top:var(--tr-sticky-admin-offset,0px)!important;
left:0!important;
right:0!important;
width:100%!important;
z-index:999999!important;
margin:0!important;
}
html body.trv26 .tr-sticky-placeholder{
display:block!important;
width:100%!important;
height:0;
margin:0!important;
padding:0!important;
}
/* WoW Theme Pro 1.0.21: optional post metadata + four additional single-post presets. */
.tr-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.88rem;line-height:1.45;color:#667085}
.tr-post-meta a{color:inherit;text-decoration:none}
.tr-post-meta a:hover{text-decoration:underline}
.tr-post-meta-separator{opacity:.55}
.tr-single-post-image{margin-left:0;margin-right:0}
.tr-post-layout-newsroom_pro{max-width:1180px}
.tr-post-layout-newsroom_pro .tr-single-post-header{max-width:960px;border-top:5px solid currentColor;border-bottom:1px solid rgba(15,23,42,.16);padding:28px 0 30px}
.tr-post-layout-newsroom_pro .tr-single-post-title{max-width:920px}
.tr-post-layout-newsroom_pro .tr-single-post-image{border-radius:0}
.tr-post-layout-newsroom_pro .tr-single-post-content{max-width:820px;margin:0 auto}
.tr-post-layout-hero_focus{max-width:1280px}
.tr-post-layout-hero_focus .tr-single-post-header{text-align:center;max-width:1020px;margin-left:auto;margin-right:auto}
.tr-post-layout-hero_focus .tr-post-meta{justify-content:center}
.tr-post-layout-hero_focus .tr-single-post-image{border-radius:34px;box-shadow:0 24px 70px rgba(15,23,42,.14)}
.tr-post-layout-hero_focus .tr-single-post-content{max-width:800px;margin:0 auto}
.tr-post-layout-classic_sidebar{max-width:1180px;display:grid;grid-template-columns:minmax(190px,.32fr) minmax(0,1fr);column-gap:64px}
.tr-post-layout-classic_sidebar .tr-single-post-header{grid-column:1;padding-top:12px;border-top:1px solid rgba(15,23,42,.18)}
.tr-post-layout-classic_sidebar .tr-single-post-title{font-size:clamp(28px,4vw,48px)}
.tr-post-layout-classic_sidebar .tr-single-post-image,.tr-post-layout-classic_sidebar .tr-single-post-content{grid-column:2}
.tr-post-layout-classic_sidebar .tr-single-post-image{margin-top:0;border-radius:20px}
.tr-post-layout-compact_dispatch{max-width:860px}
.tr-post-layout-compact_dispatch .tr-single-post-header{margin-bottom:22px}
.tr-post-layout-compact_dispatch .tr-single-post-title{font-size:clamp(28px,4vw,42px);letter-spacing:-.025em}
.tr-post-layout-compact_dispatch .tr-single-post-image{margin:24px 0;border-radius:12px}
.tr-post-layout-compact_dispatch .tr-single-post-content{font-size:calc(var(--tr-post-content-font-size,18px) - 1px);line-height:1.7}
@media(max-width:900px){
.tr-post-layout-classic_sidebar{display:block}
.tr-post-layout-classic_sidebar .tr-single-post-header{padding-top:20px}
}
/* ==========================================================
v1.0.28 - Plantillas nativas de página: Ancho completo / Canvas
========================================================== */
body.trv26 .tr-main > .tr-page-full-width,
body.trv26 .tr-main > .tr-page-canvas,
body.trv26.tr-page-template-full-width .tr-main > .tr-page,
body.trv26.tr-page-template-canvas .tr-main > .tr-page {
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
body.trv26 .tr-page-full-width > :first-child,
body.trv26 .tr-page-canvas > :first-child {
margin-top:0;
}
body.trv26 .tr-page-full-width > :last-child,
body.trv26 .tr-page-canvas > :last-child {
margin-bottom:0;
}
body.trv26 .tr-page-full-width .alignfull,
body.trv26 .tr-page-canvas .alignfull {
width:100%;
max-width:none;
margin-left:0;
margin-right:0;
}
body.trv26 .tr-page-full-width .alignwide,
body.trv26 .tr-page-canvas .alignwide {
max-width:1360px;
margin-left:auto;
margin-right:auto;
}
body.trv26.tr-page-template-canvas,
body.trv26.tr-page-template-canvas .tr-canvas-main {
margin:0;
padding:0;
width:100%;
max-width:none;
}
/* =========================================================
WoW Theme Pro 1.0.31 - WooCommerce category title authority
Categories have their own color control and must not inherit the global link blue.
========================================================= */
html body.trv26 .tr-main .woocommerce ul.products li.product.product-category .woocommerce-loop-category__title,
html body.trv26 .tr-main .woocommerce-page ul.products li.product.product-category .woocommerce-loop-category__title,
html body.trv26 .tr-main ul.products li.product.product-category .woocommerce-loop-category__title,
html body.trv26 .tr-main ul.products li.product.product-category .woocommerce-loop-category__title a{
color:var(--tr-catalog-category-title, var(--tr-catalog-title, #111111))!important;
}
html body.trv26 .tr-main ul.products li.product.product-category .woocommerce-loop-category__title mark.count{
color:inherit!important;
background:transparent!important;
font:inherit;
}
/* =========================================================
AAA Theme Pro 1.0.3 TEST 1
Real transparent overlay header + optional desktop hamburger + auto hero.
========================================================= */
body.trv26.tr-header-overlay .tr-site-header{
position:absolute!important;
top:auto!important;left:0!important;right:0!important;width:100%!important;
z-index:999999!important;
background:transparent!important;
border-bottom-color:transparent!important;
}
body.trv26.tr-header-overlay .tr-site-header .tr-nav > ul > li > a,
body.trv26.tr-header-overlay .tr-site-header .tr-primary-menu > li > a{
color:var(--tr-transparent-menu-text)!important;
}
body.trv26.tr-header-overlay .tr-site-header .tr-nav > ul > li > a:hover,
body.trv26.tr-header-overlay .tr-site-header .tr-primary-menu > li > a:hover,
body.trv26.tr-header-overlay .tr-site-header .tr-nav li.current-menu-item > a,
body.trv26.tr-header-overlay .tr-site-header .tr-nav li.current-menu-ancestor > a{
color:var(--tr-transparent-menu-hover)!important;
}
body.trv26.tr-header-overlay .tr-site-header.tr-is-sticky,
body.trv26.tr-header-overlay.tr-header-is-stuck .tr-site-header{
position:fixed!important;
top:var(--tr-sticky-admin-offset,0px)!important;
background:var(--tr-sticky-header-bg)!important;
border-bottom-color:rgba(0,0,0,.08)!important;
}
body.trv26.tr-header-overlay .tr-site-header.tr-is-sticky .tr-nav > ul > li > a,
body.trv26.tr-header-overlay .tr-site-header.tr-is-sticky .tr-primary-menu > li > a{
color:var(--tr-sticky-menu-text)!important;
}
body.trv26.tr-header-overlay .tr-site-header.tr-is-sticky .tr-nav > ul > li > a:hover,
body.trv26.tr-header-overlay .tr-site-header.tr-is-sticky .tr-primary-menu > li > a:hover,
body.trv26.tr-header-overlay .tr-site-header.tr-is-sticky .tr-nav li.current-menu-item > a,
body.trv26.tr-header-overlay .tr-site-header.tr-is-sticky .tr-nav li.current-menu-ancestor > a{
color:var(--tr-sticky-menu-hover)!important;
}
body.trv26.tr-header-overlay .tr-sticky-placeholder{height:0!important;display:block!important;}
/* Automatic inner hero. Off by default, so existing/manual Elementor heroes are safe. */
.tr-auto-hero{
position:relative;min-height:var(--tr-auto-hero-h-desktop);display:flex;align-items:center;
background-image:var(--tr-auto-hero-image);background-size:cover;background-position:center;
overflow:hidden;
}
.tr-auto-hero-shade{position:absolute;inset:0;background:rgba(0,0,0,var(--tr-auto-hero-overlay));}
.tr-auto-hero-inner{position:relative;z-index:2;padding-top:72px;padding-bottom:72px;}
.tr-auto-hero-title{margin:0;color:#fff!important;font-family:var(--tr-heading-font);font-size:clamp(36px,5vw,76px);line-height:1.02;font-weight:800;text-shadow:0 2px 24px rgba(0,0,0,.28);}
@media(max-width:900px){
.tr-auto-hero{min-height:var(--tr-auto-hero-h-mobile);}
.tr-auto-hero-inner{padding-top:64px;padding-bottom:52px;}
.tr-auto-hero-title{font-size:clamp(30px,9vw,48px);}
}
/* Desktop hamburger mode. */
@media(min-width:901px){
html body.trv26.tr-desktop-menu-hamburger .tr-header-inner{
grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto!important;
}
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-menu-toggle{
display:inline-flex!important;grid-column:2!important;justify-self:end!important;
width:46px!important;height:42px!important;min-width:46px!important;min-height:42px!important;
align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;
background:var(--tr-desktop-hamburger-bg)!important;color:var(--tr-desktop-hamburger-color)!important;
border:1px solid var(--tr-desktop-hamburger-border)!important;border-radius:10px!important;padding:8px!important;
cursor:pointer!important;z-index:1000010!important;
}
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-menu-toggle span{
display:block!important;width:24px!important;height:2px!important;background:var(--tr-desktop-hamburger-color)!important;
transition:transform .2s ease,opacity .2s ease!important;
}
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-nav{
position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;
width:min(420px,calc(100vw - 48px))!important;max-height:calc(100vh - 120px)!important;overflow:auto!important;
display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
background:var(--tr-desktop-menu-panel-bg)!important;border:1px solid rgba(0,0,0,.1)!important;
border-radius:14px!important;box-shadow:0 22px 60px rgba(0,0,0,.18)!important;padding:14px!important;
transform:translateY(-8px)!important;transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;
z-index:1000005!important;
}
html body.trv26.tr-desktop-menu-hamburger.tr-desktop-menu-open .tr-site-header .tr-nav{
opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;
}
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-nav > ul,
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-primary-menu{
display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;
}
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-nav > ul > li,
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-primary-menu > li{display:block!important;width:100%!important;}
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-nav > ul > li > a,
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-primary-menu > li > a{
color:var(--tr-menu-text)!important;width:100%!important;padding:12px 14px!important;min-height:0!important;
}
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-nav .sub-menu,
html body.trv26.tr-desktop-menu-hamburger .tr-site-header .tr-nav .children{
position:static!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;
box-shadow:none!important;border:0!important;margin:0 0 0 14px!important;padding:0!important;min-width:0!important;
}
html body.trv26.tr-desktop-menu-hamburger.tr-desktop-menu-open .tr-site-header .tr-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important;}
html body.trv26.tr-desktop-menu-hamburger.tr-desktop-menu-open .tr-site-header .tr-menu-toggle span:nth-child(2){opacity:0!important;}
html body.trv26.tr-desktop-menu-hamburger.tr-desktop-menu-open .tr-site-header .tr-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important;}
}
/* =========================================================
AAA Theme Pro 1.0.3 TEST 3
Smart auto-hero/header integration for Blog + single posts.
Sticky remains completely independent.
========================================================= */
.tr-auto-hero-post .tr-auto-hero-inner{max-width:1180px;}
.tr-auto-hero-post .tr-auto-hero-meta{margin:0 0 18px;}
.tr-auto-hero-post .tr-auto-hero-meta .tr-post-meta{display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;color:rgba(255,255,255,.9)!important;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;}
.tr-auto-hero-post .tr-auto-hero-meta .tr-post-meta a{color:inherit!important;text-decoration:none;}
.tr-auto-hero-post .tr-auto-hero-meta .tr-post-meta-separator{opacity:.6;}
body.trv26.tr-header-overlay .tr-auto-hero{padding-top:var(--tr-header-height);}
@media(max-width:900px){
body.trv26.tr-header-overlay .tr-auto-hero{padding-top:var(--tr-header-height);}
.tr-auto-hero-post .tr-auto-hero-meta .tr-post-meta{font-size:11px;letter-spacing:.06em;}
}
/* =========================================================
AAA Theme Pro 1.0.3 TEST 4
Auto Hero integration: Blog and single posts use featured image,
automatic heroes always begin behind the header.
========================================================= */
.tr-auto-hero-post .tr-auto-hero-inner{max-width:1180px;}
.tr-auto-hero-post .tr-auto-hero-meta{margin:0 0 18px;}
.tr-auto-hero-post .tr-auto-hero-meta .tr-post-meta{
display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;
color:rgba(255,255,255,.92)!important;font-size:13px;font-weight:600;
text-transform:uppercase;letter-spacing:.08em;
}
.tr-auto-hero-post .tr-auto-hero-meta .tr-post-meta a{color:inherit!important;text-decoration:none;}
.tr-auto-hero-post .tr-auto-hero-meta .tr-post-meta-separator{opacity:.6;}
body.trv26.tr-header-overlay .tr-auto-hero{
box-sizing:border-box;
background-position:center center;
}
@media(max-width:900px){
.tr-auto-hero-post .tr-auto-hero-meta .tr-post-meta{font-size:11px;letter-spacing:.06em;}
}
/* =========================================================
AAA Theme Pro 1.0.3 TEST 5 - SAFE AUTO HERO OVERLAP
Only automatic heroes move behind the header. The header stays
in normal/sticky flow, so pages, Elementor and article content
keep their original geometry.
========================================================= */
:root{--tr-header-actual-height:var(--tr-header-height,82px);}
/* Automatic hero: keep header in flow. This overrides TEST1's absolute
overlay only for pages where an automatic hero is actually present. */
html body.trv26.tr-auto-hero-active.tr-header-overlay .tr-site-header{
position:relative!important;
top:auto!important;
left:auto!important;
right:auto!important;
width:100%!important;
z-index:999999!important;
background:transparent!important;
border-bottom-color:transparent!important;
box-shadow:none!important;
}
/* Sticky is optional. When enabled, use native sticky geometry instead of
changing the header to fixed and removing it from the document flow. */
html body.trv26.tr-auto-hero-active.tr-header-overlay.tr-sticky-header .tr-site-header,
html body.trv26.tr-auto-hero-active.tr-header-overlay.tr-sticky-header .tr-site-header.tr-is-sticky,
html body.trv26.tr-auto-hero-active.tr-header-overlay.tr-sticky-header.tr-header-is-stuck .tr-site-header{
position:sticky!important;
top:var(--tr-sticky-admin-offset,0px)!important;
}
/* Pull ONLY the automatic hero upward by the real measured header height.
Matching top padding reserves that same space INSIDE the hero, keeping
titles and metadata safely below the navigation. */
html body.trv26.tr-auto-hero-active.tr-header-overlay .tr-auto-hero{
margin-top:calc(-1 * var(--tr-header-actual-height))!important;
padding-top:var(--tr-header-actual-height)!important;
box-sizing:border-box!important;
}
/* Never change the main content geometry in automatic hero mode. */
html body.trv26.tr-auto-hero-active.tr-header-overlay .tr-main{
margin-top:0!important;
padding-top:0!important;
}
/* Prevent the JS compatibility placeholder from adding a second header gap. */
html body.trv26.tr-auto-hero-active.tr-header-overlay .tr-sticky-placeholder{
height:0!important;
}
/* Long post titles need slightly tighter typography and are allowed to grow
the hero instead of colliding with the header. */
.tr-auto-hero-post{height:auto!important;}
.tr-auto-hero-post .tr-auto-hero-inner{
width:min(100% - 48px,1180px);
padding-top:56px;
padding-bottom:64px;
}
.tr-auto-hero-post .tr-auto-hero-title{
max-width:1120px;
font-size:clamp(34px,4.3vw,64px);
line-height:1.04;
}
@media(max-width:900px){
.tr-auto-hero-post .tr-auto-hero-inner{padding-top:38px;padding-bottom:46px;}
.tr-auto-hero-post .tr-auto-hero-title{font-size:clamp(30px,9vw,46px);}
}
/* =========================================================
AAA Theme Pro 1.0.3 TEST 6 - ADMIN BAR SAFE OVERLAY
Narrow fix only: when logged in, WordPress' admin toolbar must not
cover an absolute transparent header. Public visitors are unchanged.
Auto-hero pages from TEST5 already keep the header in normal flow.
========================================================= */
html body.admin-bar.trv26.tr-header-overlay:not(.tr-auto-hero-active) .tr-site-header:not(.tr-is-sticky){
transform:translateY(32px)!important;
}
html body.admin-bar.trv26.tr-header-overlay:not(.tr-auto-hero-active) .tr-site-header.tr-is-sticky,
html body.admin-bar.trv26.tr-header-overlay:not(.tr-auto-hero-active).tr-header-is-stuck .tr-site-header{
transform:none!important;
}
@media(max-width:782px){
html body.admin-bar.trv26.tr-header-overlay:not(.tr-auto-hero-active) .tr-site-header:not(.tr-is-sticky){
transform:translateY(46px)!important;
}
}
/* =========================================================
AAA Theme Pro 1.0.3 TEST 7 - SAFE HEADER GEOMETRY RESET
Transparency is visual only. It MUST NOT change the header's
document geometry. Automatic heroes create their own overlap.
Manual Elementor heroes therefore keep the original theme flow.
========================================================= */
/* 1) Transparent header: preserve the original in-flow header geometry.
This intentionally overrides TEST1 absolute positioning and TEST6
admin-bar transforms. WordPress itself reserves the admin-toolbar
space while logged in. */
html body.trv26.tr-header-overlay .tr-site-header,
html body.admin-bar.trv26.tr-header-overlay .tr-site-header:not(.tr-is-sticky){
position:relative!important;
top:auto!important;
left:auto!important;
right:auto!important;
width:100%!important;
margin:0!important;
transform:none!important;
z-index:99999!important;
background:transparent!important;
border-bottom-color:transparent!important;
box-shadow:none!important;
}
/* 2) Sticky remains independent and uses native sticky positioning.
Never switch the transparent header to fixed/absolute. */
html body.trv26.tr-sticky-header .tr-site-header,
html body.trv26.tr-header-overlay.tr-sticky-header .tr-site-header,
html body.trv26.tr-header-overlay.tr-sticky-header .tr-site-header.tr-is-sticky,
html body.trv26.tr-header-overlay.tr-sticky-header.tr-header-is-stuck .tr-site-header,
html body.admin-bar.trv26.tr-header-overlay.tr-sticky-header .tr-site-header.tr-is-sticky,
html body.admin-bar.trv26.tr-header-overlay.tr-sticky-header.tr-header-is-stuck .tr-site-header{
position:sticky!important;
top:var(--tr-sticky-admin-offset,0px)!important;
left:auto!important;
right:auto!important;
width:100%!important;
transform:none!important;
}
/* Once sticky state is active, use the configured sticky appearance. */
html body.trv26.tr-header-overlay.tr-sticky-header .tr-site-header.tr-is-sticky,
html body.trv26.tr-header-overlay.tr-sticky-header.tr-header-is-stuck .tr-site-header{
background:var(--tr-sticky-header-bg)!important;
border-bottom-color:rgba(0,0,0,.08)!important;
box-shadow:0 10px 30px rgba(15,23,42,.08)!important;
}
/* 3) ONLY an automatic theme Hero overlaps the in-flow header.
The header itself never moves. The hero rises by exactly the measured
header height, then reserves the same space internally for its title. */
html body.trv26.tr-auto-hero-active.tr-header-overlay .tr-auto-hero{
margin-top:calc(-1 * var(--tr-header-actual-height, var(--tr-header-height,82px)))!important;
padding-top:var(--tr-header-actual-height, var(--tr-header-height,82px))!important;
box-sizing:border-box!important;
}
/* No global content offset and no compatibility placeholder gap in auto Hero mode. */
html body.trv26.tr-auto-hero-active.tr-header-overlay .tr-main{
margin-top:0!important;
padding-top:0!important;
}
html body.trv26.tr-auto-hero-active.tr-header-overlay .tr-sticky-placeholder{
height:0!important;
}
/* Admin toolbar: never translate the normal header. WordPress already
reserves its toolbar space. Sticky gets the measured toolbar offset above. */
html body.admin-bar.trv26 .tr-site-header{
transform:none!important;
}
/* =========================================================
AAA Theme Pro 1.0.3 TEST 10 - ROBUST SINGLE POST HERO IMAGE
Real ![]()
media layer. No header geometry changes.
========================================================= */
.tr-auto-hero{isolation:isolate;}
.tr-auto-hero .tr-auto-hero-media{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
z-index:0!important;
margin:0!important;
padding:0!important;
border:0!important;
}
.tr-auto-hero .tr-auto-hero-shade{z-index:1!important;}
.tr-auto-hero .tr-auto-hero-inner{z-index:2!important;}
.tr-single-post-image img{display:block;width:100%;height:auto;}
/* =========================================================
AAA Theme Pro 1.0.3 TEST 11 - DIRECT SINGLE POST HERO
Single-post presets still use the same single.php; this class only
guarantees the directly-rendered post hero remains full width.
========================================================= */
.tr-auto-hero-single-direct{
width:100%;
max-width:none;
}
.tr-auto-hero-single-direct + .tr-single-post{
padding-top:clamp(36px,5vw,64px);
}