:root { --soinua-orange: #ef6c00; --soinua-ink: #131820; --soinua-muted: #69717c; --soinua-line: #e7e9ec; --soinua-soft: #f5f6f7; }
.soinua-container { width: min(1240px, calc(100% - 40px)); margin: 0 auto; }
.soinua-brand-bar { position: relative; z-index: 90; color: #fff; background: #11151b; border-top: 1px solid rgba(255,255,255,.09); box-shadow: 0 4px 14px rgba(0,0,0,.12); }
.soinua-brand-bar__inner { display: flex; align-items: stretch; width: min(1320px, 100%); margin: 0 auto; }
.soinua-brand-bar__label { display: flex; align-items: center; flex: 0 0 auto; padding: 0 20px; color: #aeb4bd; border-right: 1px solid rgba(255,255,255,.12); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.soinua-brand-bar__toggle { display: none; }
.soinua-brand-bar__scroll { display: flex; flex: 1 1 auto; justify-content: center; overflow-x: auto; scrollbar-width: thin; }
.soinua-brand-bar a { position: relative; flex: 0 0 auto; padding: 15px 18px; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .02em; text-decoration: none; white-space: nowrap; }
.soinua-brand-bar a:hover, .soinua-brand-bar a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.08); }
.soinua-brand-bar a[aria-current="page"]::after { position: absolute; right: 18px; bottom: 0; left: 18px; height: 3px; background: var(--soinua-orange); content: ""; }
.soinua-catalog { color: var(--soinua-ink); background: #fff; }
.soinua-catalog-hero { display: flex; align-items: flex-end; min-height: 340px; padding: 82px 0 58px; color: #fff; background-color: #171c24; background-position: center; background-size: cover; }
.soinua-catalog-hero h1 { margin: 0; color: inherit; font-size: clamp(42px, 7vw, 82px); font-weight: 700; line-height: .98; letter-spacing: -.035em; }
.soinua-catalog-hero__description { max-width: 760px; margin-top: 22px; color: rgba(255,255,255,.88); font-size: 18px; line-height: 1.65; }
.soinua-catalog-hero__description p:last-child { margin-bottom: 0; }
.soinua-eyebrow { margin: 0 0 14px; color: var(--soinua-orange); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.soinua-family-section { background: #fff; }
.soinua-family-section + .soinua-family-section { border-top: 1px solid var(--soinua-line); }
.soinua-family-hero { display: flex; align-items: center; min-height: 245px; padding: 48px 0; color: #fff; background: #202630 center/cover no-repeat; text-decoration: none; }
.soinua-family-hero:hover { color: #fff; }
.soinua-family-hero h2 { margin: 0 0 10px; color: inherit; font-size: clamp(34px, 5vw, 58px); letter-spacing: -.025em; }
.soinua-family-hero p { max-width: 760px; margin: 0; color: rgba(255,255,255,.84); font-size: 17px; }
.soinua-term-grid, .soinua-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; padding-top: 52px; padding-bottom: 62px; }
.soinua-section-space { padding-top: 65px; padding-bottom: 70px; }
.soinua-section-heading { max-width: 760px; margin-bottom: 30px; }
.soinua-section-heading h2 { margin: 0; font-size: clamp(34px, 5vw, 54px); }
.soinua-section-space > .soinua-term-grid, .soinua-section-space > .soinua-product-grid { padding: 0; }
.soinua-term-card, .soinua-product-card { display: flex; min-width: 0; flex-direction: column; color: var(--soinua-ink); border: 1px solid var(--soinua-line); background: #fff; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.soinua-term-card:hover, .soinua-product-card:hover { color: var(--soinua-ink); border-color: transparent; box-shadow: 0 18px 45px rgba(18,24,32,.12); transform: translateY(-5px); }
.soinua-term-card__image, .soinua-product-card__image { display: flex; overflow: hidden; align-items: center; justify-content: center; aspect-ratio: 4 / 3; padding: 24px; background: var(--soinua-soft); }
.soinua-term-card__image img, .soinua-product-card__image img { width: 100%; height: 100%; object-fit: contain; transition: transform .35s ease; }
.soinua-term-card:hover img, .soinua-product-card:hover img { transform: scale(1.035); }
.soinua-term-card__body, .soinua-product-card__body { display: flex; min-height: 168px; flex-direction: column; padding: 24px; }
.soinua-term-card__body strong, .soinua-product-card__body strong { font-size: 24px; line-height: 1.15; }
.soinua-term-card__body small, .soinua-product-card__body small { margin-top: 10px; color: var(--soinua-muted); font-size: 14px; line-height: 1.55; }
.soinua-term-card__body em, .soinua-product-card__body em { margin-top: auto; padding-top: 18px; color: var(--soinua-orange); font-size: 12px; font-style: normal; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.soinua-empty { grid-column: 1 / -1; padding: 30px; color: var(--soinua-muted); background: var(--soinua-soft); }
.soinua-product-page div.product { display: flow-root; }
.soinua-product-gallery { float: left; width: 48%; margin: 0 4% 55px 0; }
.soinua-product-gallery__main { display: flex; overflow: hidden; align-items: center; justify-content: center; height: clamp(400px, 48vw, 650px); padding: 28px; border: 1px solid var(--soinua-line); background: #fff; }
.soinua-product-gallery__main img { width: 100%; height: 100%; object-fit: contain; }
.soinua-product-gallery__thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.soinua-gallery-thumb { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; padding: 8px; border: 1px solid var(--soinua-line); background: #fff; cursor: pointer; }
.soinua-gallery-thumb img { width: 100%; height: 100%; object-fit: contain; }
.soinua-gallery-thumb:hover, .soinua-gallery-thumb.is-active { border-color: var(--soinua-orange); }
.soinua-product-context { margin: 0 0 12px; color: var(--soinua-orange); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.soinua-product-context span { margin: 0 7px; color: #aeb4bd; }
.soinua-product-context a { color: inherit; text-decoration: none; }
.soinua-product-subtitle { margin: -4px 0 24px; color: var(--soinua-muted); font-size: 19px; line-height: 1.45; }
.soinua-product-features { margin: 22px 0; padding: 22px 24px 22px 42px; border-left: 3px solid var(--soinua-orange); background: var(--soinua-soft); }
.soinua-product-features li { margin: 5px 0; }
.soinua-request-wrap { margin: 24px 0; }
.soinua-request-button { min-height: 48px; padding: 13px 24px !important; border-radius: 0 !important; background: var(--soinua-orange) !important; font-weight: 700 !important; }
.soinua-related { clear: both; margin-top: 32px; padding-top: 26px; border-top: 1px solid var(--soinua-line); }
.soinua-related h2 { margin: 0 0 18px; font-size: 18px; }
.soinua-related__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.soinua-related__item { display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: center; min-width: 0; padding: 10px; color: var(--soinua-ink); border: 1px solid var(--soinua-line); text-decoration: none; }
.soinua-related__item:hover { color: var(--soinua-orange); border-color: var(--soinua-orange); }
.soinua-related__image { display: flex; grid-row: 1 / span 2; align-items: center; justify-content: center; aspect-ratio: 1; background: var(--soinua-soft); }
.soinua-related__image img { width: 100%; height: 100%; object-fit: contain; }
.soinua-related__item strong, .soinua-related__item small { min-width: 0; grid-column: 2; }
.soinua-related__item small { margin-top: -8px; color: var(--soinua-muted); line-height: 1.35; }
.soinua-product-page .woocommerce-tabs { clear: both; padding-top: 35px; }
.soinua-product-page .woocommerce-tabs ul.tabs { display: flex; overflow-x: auto; gap: 0; padding: 0 !important; border-bottom: 1px solid var(--soinua-line); white-space: nowrap; }
.soinua-product-page .woocommerce-tabs ul.tabs::before { display: none !important; }
.soinua-product-page .woocommerce-tabs ul.tabs li { flex: 0 0 auto; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.soinua-product-page .woocommerce-tabs ul.tabs li::before, .soinua-product-page .woocommerce-tabs ul.tabs li::after { display: none !important; }
.soinua-product-page .woocommerce-tabs ul.tabs li a { padding: 16px 20px !important; color: var(--soinua-muted) !important; border-bottom: 3px solid transparent; }
.soinua-product-page .woocommerce-tabs ul.tabs li.active a { color: var(--soinua-ink) !important; border-bottom-color: var(--soinua-orange); }
.soinua-product-page .woocommerce-tabs .panel { padding: 25px 0 15px !important; }
.soinua-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.soinua-video { position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: #000; }
.soinua-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
/* Cabecera principal unificada en catálogo y fichas de producto. */
.soinua-catalog-archive header.top-head,
.soinua-product-page header.top-head { color: #fff !important; border-color: rgba(255,255,255,.1) !important; background: #171c24 !important; }
.soinua-catalog-archive header.top-head .head-cont,
.soinua-product-page header.top-head .head-cont { border-color: rgba(255,255,255,.1) !important; background: #171c24 !important; }
.soinua-catalog-archive header.top-head .site-nav nav > ul > li > a,
.soinua-product-page header.top-head .site-nav nav > ul > li > a,
.soinua-catalog-archive header.top-head .site-nav nav > ul > li > a > span,
.soinua-product-page header.top-head .site-nav nav > ul > li > a > span,
.soinua-catalog-archive header.top-head .site-nav nav > ul > li > a i,
.soinua-product-page header.top-head .site-nav nav > ul > li > a i,
.soinua-catalog-archive header.top-head .head-btn > a,
.soinua-product-page header.top-head .head-btn > a,
.soinua-catalog-archive header.top-head .head-btn > a i,
.soinua-product-page header.top-head .head-btn > a i,
.soinua-catalog-archive header.top-head .slbar_btn > span,
.soinua-product-page header.top-head .slbar_btn > span { color: #fff !important; opacity: 1 !important; }
.soinua-catalog-archive header.top-head .site-nav nav > ul > li.current-menu-item > a,
.soinua-product-page header.top-head .site-nav nav > ul > li.current-menu-item > a,
.soinua-catalog-archive header.top-head .site-nav nav > ul > li > a:hover,
.soinua-product-page header.top-head .site-nav nav > ul > li > a:hover { color: var(--soinua-orange) !important; }
.soinua-catalog-archive header.top-head .site-logo img,
.soinua-product-page header.top-head .site-logo img,
.soinua-catalog-archive header.top-head .logo img,
.soinua-product-page header.top-head .logo img { filter: brightness(0) invert(1); }
.soinua-catalog-archive header.top-head .logo-txt,
.soinua-product-page header.top-head .logo-txt,
.soinua-catalog-archive header.top-head .tagline,
.soinua-product-page header.top-head .tagline { color: #fff !important; }
.soinua-product-page .page-title { min-height: 300px !important; color: #fff !important; background-color: #171c24 !important; background-image: none !important; }
.soinua-product-page .page-title .title-container { height: 300px !important; }
.soinua-product-page .page-title .animated_bg,
.soinua-product-page .page-title .video-wrap,
.soinua-product-page .page-title .video-overlay { display: none !important; }
.soinua-product-page .page-title h1,
.soinua-product-page .page-title h3,
.soinua-product-page .page-title .breadcrumb,
.soinua-product-page .page-title .breadcrumb a { color: #fff !important; }
@media (max-width: 991px) { .soinua-term-grid, .soinua-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .soinua-brand-bar__scroll { justify-content: flex-start; } .soinua-brand-bar__label { display: none; } }
@media (max-width: 767px) { .soinua-container { width: min(100% - 28px, 1240px); } .soinua-brand-bar { z-index: 999; } .soinua-brand-bar__inner { position: relative; display: block; } .soinua-brand-bar__toggle { display: grid; width: 100%; min-height: 58px; grid-template-columns: 1fr auto; grid-template-rows: auto auto; align-items: center; padding: 10px 48px 10px 18px; color: #fff; border: 0; background: #11151b; text-align: left; cursor: pointer; } .soinua-brand-bar__toggle span, .soinua-brand-bar__toggle strong { grid-column: 1; } .soinua-brand-bar__toggle span { color: #9da6b2; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; } .soinua-brand-bar__toggle strong { overflow: hidden; max-width: calc(100vw - 90px); font-size: 15px; text-overflow: ellipsis; white-space: nowrap; } .soinua-brand-bar__toggle i { position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-70%) rotate(45deg); transition: transform .2s ease; } .soinua-brand-bar.is-open .soinua-brand-bar__toggle i { transform: translateY(-25%) rotate(225deg); } .soinua-brand-bar__scroll { position: absolute; top: 100%; right: 0; left: 0; display: none; max-height: min(68vh, 520px); grid-template-columns: 1fr 1fr; overflow-y: auto; padding: 8px; background: #171c24; box-shadow: 0 18px 35px rgba(0,0,0,.3); } .soinua-brand-bar.is-open .soinua-brand-bar__scroll { display: grid; } .soinua-brand-bar a { padding: 14px 12px; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 13px; white-space: normal; } .soinua-brand-bar a[aria-current="page"]::after { right: 12px; left: 12px; } .soinua-catalog-hero { min-height: 285px; padding: 62px 0 42px; } .soinua-catalog-hero__description { font-size: 16px; } .soinua-family-hero { min-height: 210px; } .soinua-term-grid, .soinua-product-grid { grid-template-columns: 1fr; gap: 18px; padding-top: 30px; padding-bottom: 38px; } .soinua-term-card, .soinua-product-card { display: grid; grid-template-columns: 42% 58%; } .soinua-term-card__image, .soinua-product-card__image { aspect-ratio: auto; min-height: 180px; padding: 14px; } .soinua-term-card__body, .soinua-product-card__body { min-height: 180px; padding: 20px; } .soinua-term-card__body strong, .soinua-product-card__body strong { font-size: 20px; } .soinua-product-gallery { float: none; width: 100%; margin: 0 0 32px; } .soinua-product-gallery__main { height: min(105vw, 520px); } .soinua-related__grid, .soinua-video-grid { grid-template-columns: 1fr; } .soinua-product-page .page-title, .soinua-product-page .page-title .title-container { min-height: 230px !important; height: 230px !important; } }
@media (max-width: 480px) { .soinua-term-card, .soinua-product-card { grid-template-columns: 1fr; } .soinua-term-card__image, .soinua-product-card__image { min-height: 230px; } }