/* ========================================================================= Titán Guardián — estilos de componentes Tokens: theme.json (colores, tipografías, tamaños). Este archivo agrega los componentes del sistema "Titan Water Engineering System". ========================================================================= */ :root { --titan-abismo: var(--wp--preset--color--abismo, #000f22); --titan-navy: var(--wp--preset--color--titan, #0a2540); --titan-cobalto: var(--wp--preset--color--cobalto, #005cba); --titan-brillante: var(--wp--preset--color--azul-brillante, #5095fe); --titan-cian: var(--wp--preset--color--cian, #00a3e0); --titan-cian-claro: var(--wp--preset--color--cian-claro, #81cfff); --titan-hielo: var(--wp--preset--color--hielo, #d7e3ff); --titan-s0: var(--wp--preset--color--superficie, #faf8ff); --titan-s1: var(--wp--preset--color--superficie-baja, #f2f3ff); --titan-s2: var(--wp--preset--color--superficie-media, #eaedff); --titan-s3: var(--wp--preset--color--superficie-alta, #e2e7ff); --titan-tinta: var(--wp--preset--color--tinta, #131b2e); --titan-suave: var(--wp--preset--color--tinta-suave, #43474d); --titan-contorno: var(--wp--preset--color--contorno, #74777e); --titan-on-dark: #a9bcd6; --titan-line: rgba(15, 23, 42, 0.07); --titan-shadow-1: 0 4px 20px -2px rgba(10, 37, 64, 0.06), 0 2px 6px -1px rgba(0, 102, 204, 0.04); --titan-shadow-2: 0 16px 36px -4px rgba(10, 37, 64, 0.12), 0 4px 12px -2px rgba(0, 102, 204, 0.08); --titan-shadow-3: 0 25px 50px -12px rgba(0, 15, 34, 0.35); --titan-r-sm: 0.5rem; --titan-r-md: 0.75rem; --titan-r-lg: 1rem; --titan-r-xl: 1.5rem; --titan-gap: clamp(1rem, 2vw, 1.5rem); --titan-section: clamp(2.5rem, 5vw, 4.5rem); --titan-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; } html { scroll-behavior: smooth; scroll-padding-top: 6rem; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overscroll-behavior-y: none; } ::selection { background: var(--titan-brillante); color: #002d61; } :where(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--titan-cobalto); outline-offset: 2px; } img { max-width: 100%; height: auto; } .titan-tabular, .titan-stat__num, .titan-spec__v, .titan-calc__volume { font-variant-numeric: tabular-nums; } /* ---------- Íconos (Material Symbols) ---------------------------------- */ .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 20px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; vertical-align: middle; flex-shrink: 0; } .titan-icon { margin: 0; color: var(--titan-cobalto); line-height: 1; min-height: 1.5rem; } p.titan-icon::before { font-size: 26px !important; } .titan-icon--box { width: 3rem; height: 3rem; min-height: 0; border-radius: var(--titan-r-md); background: var(--titan-s2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .titan-icon--dark { background: var(--titan-abismo); color: var(--titan-hielo); } .titan-icon--glass { background: rgba(255, 255, 255, 0.1); color: var(--titan-cian-claro); } p.titan-icon--plain::before { font-size: 22px !important; } /* ---------- Estructura -------------------------------------------------- */ .titan-main { padding-top: clamp(1rem, 2vw, 1.5rem); padding-bottom: var(--titan-section); } .titan-main > .titan-section:first-child { margin-top: 0; } .titan-section { margin-block-start: var(--titan-section) !important; } .titan-main > .titan-section:first-child, .titan-main > .wp-block-post-content > .titan-section:first-child { margin-block-start: 0 !important; } /* Ritmo vertical más compacto dentro de los componentes del tema */ html :where(.titan-section, .titan-header, .titan-footer, .titan-topbar) .wp-block-group > :where(*) + :where(*) { margin-block-start: 0.5rem; } html :where(.titan-section) > :where(*) + :where(*) { margin-block-start: 1rem; } /* Contenedores que usan gap: anulan los márgenes de flujo de sus hijos */ html :is(.titan-grid, .titan-split, .titan-stack, .titan-badges, .titan-head, .titan-stats, .titan-specs, .titan-spec, .titan-stat, .titan-chips, .titan-layers, .titan-layer, .titan-card__body, .titan-card--media, .titan-certbar, .titan-certbar__intro, .titan-certs, .titan-quote, .titan-quote__author, .titan-overlay, .titan-overlay > *, .titan-figure-card, .titan-figure-card__head, .titan-step, .titan-step > :where(:first-child), .titan-hub, .titan-hub > *, .titan-strip, .titan-strip > *, .titan-person, .titan-metric, .titan-gallery, .titan-gallery__thumbs, .titan-gallery__stage, .titan-dims, .titan-row-between, .titan-inline-list, .titan-glass-card, .titan-faq, .titan-tab-panel, .titan-accessories, .titan-card--pad, .titan-head__main, .titan-channel, .titan-dark-card, .titan-form-card, .titan-topbar__inner, .titan-topbar__group, .titan-header__inner, .titan-brand, .titan-brand__text, .titan-footer__grid > *, .titan-quote__who) > * { margin-block: 0; } .titan-stack { display: flex; flex-direction: column; gap: 1rem; } .titan-stack--tight { gap: 0.5rem; } .titan-row-between { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; } .titan-inline-list { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; } .titan-grid { display: grid; gap: var(--titan-gap); grid-template-columns: minmax(0, 1fr); } @media (min-width: 640px) { .titan-grid--2, .titan-grid--3, .titan-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .titan-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .titan-grid--bento .titan-card--wide { grid-column: span 2; } } @media (min-width: 1200px) { .titan-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .titan-split { display: grid; gap: clamp(1.5rem, 4vw, 2.5rem); grid-template-columns: minmax(0, 1fr); } .titan-split--center { align-items: center; } @media (min-width: 1024px) { .titan-split { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .titan-split--even { grid-template-columns: repeat(2, minmax(0, 1fr)); } .titan-split--5-7 { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } .titan-split--4-8 { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } .titan-split--8-4 { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); } } /* ---------- Tipografía utilitaria --------------------------------------- */ .titan-muted { color: var(--titan-suave); } .titan-small { font-size: 0.8125rem; line-height: 1.5; } .titan-xs { font-size: 0.6875rem; } .titan-on-dark-muted { color: var(--titan-on-dark); } .titan-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.4; color: var(--titan-cobalto); } .titan-eyebrow:not([class*=" ti-"])::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: currentColor; flex-shrink: 0; } .titan-eyebrow--light { color: var(--titan-cian-claro); } .titan-head { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: clamp(1.25rem, 3vw, 2rem); } .titan-head__title { margin: 0; } .titan-head__text { color: var(--titan-suave); max-width: 40rem; } .titan-head__aside { color: var(--titan-suave); font-size: 0.875rem; max-width: 26rem; } .titan-head__main { display: flex; flex-direction: column; gap: 0.5rem; } .titan-head--center { align-items: center; text-align: center; } .titan-head--center .titan-head__text { margin-inline: auto; } @media (min-width: 900px) { .titan-head--split { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 2rem; } } .titan-head--light .titan-head__text, .titan-head--light .titan-head__aside { color: var(--titan-on-dark); } /* ---------- Superficies oscuras ---------------------------------------- */ .titan-dark { color: #eef0ff; } .titan-dark :where(h1, h2, h3, h4, h5, h6) { color: #fff; } .titan-dark :where(p a:not(.wp-element-button)) { color: var(--titan-cian-claro); } .titan-dark .titan-muted { color: var(--titan-on-dark); } .titan-dark :is(.titan-card, .titan-form-card) .titan-muted { color: var(--titan-suave); } .titan-hero { position: relative; overflow: hidden; isolation: isolate; border-radius: var(--titan-r-xl); background: var(--titan-navy); padding: clamp(1.75rem, 4.5vw, 3.5rem); box-shadow: var(--titan-shadow-3); } .titan-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at top right, rgba(80, 149, 254, 0.32), rgba(0, 92, 186, 0.16) 40%, transparent 70%); } .titan-hero::after { content: ""; position: absolute; right: -5rem; bottom: -5rem; width: 24rem; height: 24rem; z-index: -1; pointer-events: none; border-radius: 50%; background: rgba(0, 92, 186, 0.28); filter: blur(64px); } .titan-hero__title { margin: 0; font-size: var(--wp--preset--font-size--display); color: #faf8ff; letter-spacing: -0.02em; line-height: 1.08; } .titan-hero__lead { color: var(--titan-on-dark); font-size: var(--wp--preset--font-size--md); line-height: 1.6; max-width: 42rem; } .titan-hero__kicker { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #8fa5c4; margin-bottom: -0.5rem !important; } .titan-hero__narrow { max-width: 48rem; } .titan-hero--simple { padding-block: clamp(2.5rem, 6vw, 4.5rem); } mark.titan-grad, .titan-grad { background-color: transparent !important; background-image: linear-gradient(90deg, #d7e3ff, #5095fe 50%, #81cfff) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent; padding: 0; } .titan-hero__media { position: relative; overflow: hidden; margin: 0 auto; width: 100%; max-width: 30rem; aspect-ratio: 1; border-radius: var(--titan-r-lg); background: var(--titan-abismo); box-shadow: var(--titan-shadow-3); } .titan-hero__media--wide { max-width: none; aspect-ratio: 4 / 3; } .titan-hero__media--short { max-width: none; aspect-ratio: 16 / 9; } .titan-hero__media .wp-block-image { margin: 0; height: 100%; } .titan-hero__media .wp-block-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .titan-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 15, 34, 0.85), transparent 55%); pointer-events: none; } .titan-overlay { position: absolute !important; z-index: 1; left: 1rem; right: 1rem; bottom: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.875rem 1rem; border-radius: var(--titan-r-md); background: rgba(0, 15, 34, 0.78); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .titan-overlay > :last-child:not(:first-child) { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 0.25rem; } .titan-overlay__k { font-size: 0.6875rem; font-weight: 600; color: var(--titan-hielo); } .titan-overlay__v { font-family: var(--wp--preset--font-family--outfit); font-size: 1.375rem; font-weight: 700; color: #fff; line-height: 1.2; } /* ---------- Insignias, chips ------------------------------------------- */ .titan-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; } .titan-badge { display: inline-flex; align-items: center; gap: 0.375rem; width: max-content; max-width: 100%; margin: 0; padding: 0.3rem 0.75rem; border-radius: 999px; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; line-height: 1.3; background: var(--titan-s2); color: var(--titan-cobalto); } .titan-badge--glass { background: rgba(226, 231, 255, 0.14); color: var(--titan-hielo); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .titan-badge--pulse::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--titan-brillante); box-shadow: 0 0 0 0 rgba(80, 149, 254, 0.7); animation: titan-ping 1.8s infinite; } .titan-badge--dark { background: rgba(0, 15, 34, 0.82); color: #fff; backdrop-filter: blur(8px); } .titan-badge--blue { background: var(--titan-cobalto); color: #fff; } .titan-badge--solid { background: var(--titan-brillante); color: #fff; } .titan-badge--soft { background: var(--titan-s2); color: var(--titan-cobalto); } .titan-badge--ok { background: rgba(0, 163, 224, 0.16); color: var(--titan-cian-claro); } .titan-chips { display: flex; flex-wrap: wrap; gap: 0.375rem; } .titan-chip { margin: 0; padding: 0.25rem 0.625rem; border-radius: 999px; background: var(--titan-s3); color: var(--titan-cobalto); font-size: 0.6875rem; font-weight: 600; line-height: 1.4; } /* ---------- Botones ----------------------------------------------------- */ .wp-block-button__link { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease; } .wp-block-button__link:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0, 102, 204, 0.28); } .wp-block-button__link:active { transform: scale(0.99); } .is-style-titan-cobalto > .wp-block-button__link { background: linear-gradient(135deg, #005cba, #0072ce); color: #fff; } .is-style-titan-cian > .wp-block-button__link { background: linear-gradient(135deg, #0072ce, #00a3e0); color: #fff; } .is-style-titan-claro > .wp-block-button__link { background: #fff; color: var(--titan-abismo); } .is-style-titan-claro > .wp-block-button__link:hover { background: var(--titan-hielo); color: var(--titan-abismo); } .is-style-titan-cristal > .wp-block-button__link { background: rgba(255, 255, 255, 0.1); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); backdrop-filter: blur(6px); } .is-style-titan-cristal > .wp-block-button__link:hover { background: rgba(255, 255, 255, 0.2); } .is-style-titan-suave { width: 100%; } .is-style-titan-suave > .wp-block-button__link { width: 100%; background: var(--titan-s2); color: var(--titan-cobalto); box-shadow: none; } .is-style-titan-suave > .wp-block-button__link:hover, .titan-card--hover:hover .is-style-titan-suave > .wp-block-button__link { background: var(--titan-cobalto); color: #fff; } .wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--titan-navy); border: 1.5px solid var(--titan-navy); box-shadow: none; padding-block: calc(0.75rem - 1.5px); } .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--titan-navy); color: #fff; } .titan-row-between .wp-block-buttons .is-style-titan-suave { width: auto; } .titan-buttons-full { flex-direction: column; align-items: stretch !important; } .titan-buttons-full .wp-block-button, .titan-buttons-full .wp-block-button__link { width: 100%; } /* ---------- Tarjetas ---------------------------------------------------- */ .titan-card { background: #fff; color: var(--titan-tinta); border-radius: var(--titan-r-lg); border: 1px solid var(--titan-line); box-shadow: var(--titan-shadow-1); } .titan-card :where(h1, h2, h3, h4) { color: var(--titan-abismo); } .titan-card--pad { padding: clamp(1.25rem, 2.5vw, 1.75rem); display: flex; flex-direction: column; gap: 0.75rem; } .titan-card--pad-lg { padding: clamp(1.25rem, 3.5vw, 2.5rem); } .titan-card--hover { transition: box-shadow 0.3s ease, transform 0.3s ease; } .titan-card--hover:hover { box-shadow: var(--titan-shadow-2); transform: translateY(-2px); } .titan-card--media { display: flex; flex-direction: column; overflow: hidden; } .titan-card__media { position: relative; height: 14rem; overflow: hidden; background: var(--titan-s3); } .titan-card__media .wp-block-image { margin: 0; height: 100%; } .titan-card__media .wp-block-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; } .titan-card--hover:hover .titan-card__media img { transform: scale(1.05); } .titan-card__tags { position: absolute !important; top: 0.75rem; left: 0.75rem; right: 0.75rem; z-index: 1; gap: 0.25rem; } .titan-card__tags .titan-badge { font-size: 0.625rem; } .titan-card__body { display: flex; flex-direction: column; gap: 0.75rem; flex: 1; padding: 1rem 1.25rem 1.25rem; } .titan-card__title { font-size: 1.125rem; font-weight: 700; line-height: 1.3; margin: 0; transition: color 0.2s; } .titan-card--hover:hover .titan-card__title { color: var(--titan-cobalto); } .titan-card__text { color: var(--titan-suave); font-size: 0.8125rem; line-height: 1.55; flex: 1; } .titan-card__body > .wp-block-buttons { margin-top: auto; } .wp-block-group.is-style-titan-tarjeta { background: #fff; border-radius: var(--titan-r-lg); border: 1px solid var(--titan-line); box-shadow: var(--titan-shadow-1); padding: clamp(1.25rem, 2.5vw, 1.75rem); } .titan-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; padding: 0.625rem; border-radius: var(--titan-r-sm); background: var(--titan-s1); } .titan-spec__k { font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--titan-contorno); line-height: 1.3; } .titan-spec__v { font-size: 0.75rem; font-weight: 700; color: var(--titan-abismo); line-height: 1.35; } .titan-spec__v--lg { font-family: var(--wp--preset--font-family--outfit); font-size: 1.125rem; } .titan-metric { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: auto !important; padding-top: 0.75rem; border-top: 1px solid var(--titan-s2); } .titan-metric__k { font-size: 0.6875rem; color: var(--titan-contorno); } .titan-metric__v { font-family: var(--titan-mono); font-size: 0.6875rem; font-weight: 700; color: var(--titan-cobalto); background: var(--titan-s2); padding: 0.125rem 0.5rem; border-radius: 0.25rem; } /* ---------- Estadísticas ------------------------------------------------ */ .titan-stats { display: grid; gap: 0.5rem; } .titan-stat { display: flex; flex-direction: column; gap: 0.25rem; } .titan-stat__num { font-family: var(--wp--preset--font-family--outfit); font-weight: 700; line-height: 1.1; } .titan-stat__label { font-size: 0.6875rem; line-height: 1.35; } .titan-stats--cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } .titan-stats--cards .titan-stat { background: #fff; border-radius: var(--titan-r-md); padding: 0.75rem; box-shadow: var(--titan-shadow-1); } .titan-stats--cards .titan-stat__num { color: var(--titan-cobalto); font-size: 1.125rem; } .titan-stats--cards .titan-stat__label { color: var(--titan-contorno); } .titan-stats--glass { grid-template-columns: repeat(3, minmax(0, 1fr)); } .titan-stats--glass .titan-stat { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--titan-r-md); padding: 0.75rem 0.875rem; } .titan-stats--glass .titan-stat__num { color: #fff; font-size: 1.25rem; } .titan-stats--glass .titan-stat__label { color: var(--titan-on-dark); text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.625rem; } .titan-stats--2, .titan-stats--2x2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .titan-stats--2x2 .titan-stat__num { font-size: 1.625rem; } .titan-stats--inline { grid-template-columns: repeat(3, minmax(0, 1fr)); text-align: center; padding-top: 1rem; border-top: 1px solid var(--titan-s2); } .titan-stats--inline .titan-stat__num { color: var(--titan-cobalto); font-size: 1.375rem; } .titan-stats--inline .titan-stat__label { color: var(--titan-contorno); } .titan-stats--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); text-align: left; } @media (min-width: 640px) { .titan-stats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .titan-stats--4 .titan-stat__label { text-transform: uppercase; font-size: 0.625rem; } .titan-stats--4 .titan-stat__num { color: var(--titan-abismo); font-size: 1.125rem; } @media (max-width: 479px) { .titan-stats--cards, .titan-stats--glass { grid-template-columns: minmax(0, 1fr); } } /* ---------- Paneles ----------------------------------------------------- */ .titan-panel { background: var(--titan-s1); border-radius: var(--titan-r-xl); padding: clamp(1.25rem, 4vw, 2.75rem); } .titan-dark-panel { background: linear-gradient(135deg, var(--titan-navy), var(--titan-abismo)); border-radius: var(--titan-r-xl); padding: clamp(1.5rem, 4vw, 3rem); box-shadow: var(--titan-shadow-3); } .titan-dark-card { background: linear-gradient(160deg, var(--titan-navy), var(--titan-abismo)); border-radius: var(--titan-r-lg); padding: clamp(1.25rem, 3vw, 2rem); box-shadow: var(--titan-shadow-2); } .titan-glass-card { display: flex; flex-direction: column; gap: 1rem; padding: clamp(1.25rem, 2.5vw, 1.5rem); border-radius: var(--titan-r-lg); background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .titan-glass-card :where(h3, h4) { font-size: 1.125rem; } .titan-glass-note { position: relative; font-size: 0.75rem; line-height: 1.5; color: var(--titan-on-dark); background: rgba(255, 255, 255, 0.05); border-radius: var(--titan-r-sm); padding: 0.75rem 0.75rem 0.75rem 2.5rem; } .titan-glass-note::before { position: absolute; left: 0.75rem; top: 0.75rem; color: var(--titan-cian-claro); } .titan-glass-note strong { color: #fff; } .titan-dark .titan-figure-card__title { color: #fff; } .titan-figure-card { display: flex; flex-direction: column; gap: 1rem; background: #fff; border-radius: var(--titan-r-xl); padding: clamp(1rem, 2.5vw, 1.75rem); box-shadow: var(--titan-shadow-2); } .titan-figure-card__head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; } .titan-figure-card__title { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--titan-abismo); } .titan-figure-card__title::before { color: var(--titan-cian-claro); } .titan-glass-card .titan-figure-card__title { color: #fff; } .titan-diagram { display: block; width: 100%; max-width: 32rem; height: auto; margin-inline: auto; } .titan-pulse { animation: titan-breathe 2.4s ease-in-out infinite; transform-origin: center; transform-box: fill-box; } /* Capas (tecnología multicapa) */ .titan-layers { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 0.5rem !important; } .titan-layer { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 0.875rem; align-items: start; background: #fff; border-radius: var(--titan-r-md); padding: 1rem; box-shadow: var(--titan-shadow-1); border-left: 4px solid var(--titan-abismo); } .titan-layer h4 { margin: 0 0 0.25rem; font-size: 1rem; } .titan-layer__num { width: 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; font-size: 0.75rem; font-weight: 700; background: var(--titan-abismo); color: #fff; } .titan-layer--2 { border-left-color: var(--titan-cobalto); } .titan-layer--2 .titan-layer__num { background: var(--titan-cobalto); } .titan-layer--3 { border-left-color: var(--titan-brillante); } .titan-layer--3 .titan-layer__num { background: var(--titan-brillante); color: #002d61; } /* Barra de certificaciones */ .titan-certbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding: clamp(1rem, 2.5vw, 1.5rem); border-radius: var(--titan-r-md); background: var(--titan-s1); margin-bottom: var(--titan-gap) !important; } .titan-certbar__intro { display: flex; align-items: center; gap: 0.875rem; } .titan-certbar__title { font-size: 1.125rem; margin: 0; } .titan-certs { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; } .titan-cert { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; font-weight: 700; color: var(--titan-abismo); } .titan-cert::before { color: var(--titan-cobalto); } /* Testimonios */ .titan-quote { display: flex; flex-direction: column; gap: 0.75rem; background: #fff; border-radius: var(--titan-r-md); padding: 1.25rem; box-shadow: var(--titan-shadow-1); } .titan-quote__stars { color: var(--titan-brillante); letter-spacing: 0.15em; } .titan-quote__text { font-style: italic; color: var(--titan-abismo); flex: 1; } .titan-quote__author { display: flex; align-items: center; gap: 0.75rem; padding-top: 1rem; border-top: 1px solid var(--titan-s2); } .titan-avatar { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: grid; place-items: center; background: var(--titan-s3); color: var(--titan-abismo); font-weight: 700; font-size: 0.8125rem; flex-shrink: 0; } .titan-quote__name { font-weight: 700; font-size: 0.875rem; color: var(--titan-abismo); line-height: 1.3; } .titan-quote__role { font-size: 0.6875rem; color: var(--titan-contorno); } /* CTA final */ .titan-cta { position: relative; overflow: hidden; isolation: isolate; border-radius: var(--titan-r-xl); padding: clamp(1.5rem, 4.5vw, 3rem); background: linear-gradient(135deg, #0a2540, #000f22 55%, #00101b); box-shadow: var(--titan-shadow-3); } .titan-cta::before { content: ""; position: absolute; right: 0; top: 0; width: 20rem; height: 20rem; border-radius: 50%; background: rgba(80, 149, 254, 0.12); filter: blur(60px); z-index: -1; } .titan-cta__title { margin: 0; } .titan-cta__text { color: var(--titan-on-dark); max-width: 34rem; } .titan-iconline { display: block; position: relative; padding-left: 1.75rem; font-size: 0.875rem; line-height: 1.5; } .titan-iconline::before { position: absolute; left: 0; top: 0.1em; } .titan-dark .titan-iconline::before { color: var(--titan-cian-claro); } .titan-iconline::before { color: var(--titan-cobalto); } .titan-form-card { background: #fff; color: var(--titan-tinta); border-radius: var(--titan-r-lg); padding: clamp(1.25rem, 3vw, 2rem); box-shadow: var(--titan-shadow-2); display: flex; flex-direction: column; gap: 0.5rem; } .titan-form-card :where(h1, h2, h3, h4) { color: var(--titan-abismo); } .titan-form-card__title { font-size: 1.25rem; margin: 0; } /* Pasos */ .titan-step { display: flex; flex-direction: column; gap: 0.625rem; background: #fff; border-radius: var(--titan-r-md); padding: 1.25rem; box-shadow: var(--titan-shadow-1); border-top: 3px solid var(--titan-cobalto); } .titan-step > :first-child { display: flex; align-items: center; justify-content: space-between; } .titan-step__num { font-family: var(--wp--preset--font-family--outfit); font-size: 1.75rem; font-weight: 700; color: var(--titan-cobalto); line-height: 1; } .titan-step h4 { margin: 0; } .titan-step__foot { margin-top: auto !important; padding-top: 0.75rem; border-top: 1px solid var(--titan-s2); font-size: 0.6875rem; font-weight: 700; color: var(--titan-cobalto); } /* Hubs / puntos de venta */ .titan-hub { display: flex; flex-direction: column; gap: 0.375rem; background: #fff; border: 1px solid var(--titan-line); border-radius: var(--titan-r-md); padding: 1rem 1.125rem; box-shadow: var(--titan-shadow-1); } .titan-hub > :first-child { display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; } .titan-hub h4 { margin: 0; font-size: 1rem; } .titan-hub__kicker { font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--titan-cobalto); } .titan-hub__place { font-size: 0.6875rem; color: var(--titan-contorno); text-align: right; } .titan-hub__stock { font-size: 0.6875rem; font-weight: 600; color: var(--titan-cobalto); } .titan-hub__link { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; font-weight: 700; } .titan-hub__link::before { color: var(--titan-cobalto); font-size: 16px !important; } .titan-hub--row > :last-child { display: flex; justify-content: space-between; align-items: center; } .titan-map { position: relative; overflow: hidden; border-radius: var(--titan-r-md); aspect-ratio: 16 / 10; background: var(--titan-s2); } .titan-map--tall { aspect-ratio: 16 / 11; } @media (min-width: 1024px) { .titan-map--tall { aspect-ratio: auto; min-height: 26rem; height: 100%; } } .titan-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } /* Equipo */ .titan-person { display: flex; flex-direction: column; gap: 0.375rem; } .titan-person__photo { margin: 0 0 0.5rem !important; } .titan-person__photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--titan-r-md); display: block; } .titan-person__name { font-weight: 700; font-size: 0.9375rem; color: var(--titan-abismo); } .titan-person__role { font-size: 0.75rem; font-weight: 600; color: var(--titan-cobalto); } /* Franjas */ .titan-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem 2rem; border-radius: var(--titan-r-lg); padding: clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 3vw, 2rem); background: linear-gradient(90deg, var(--titan-abismo), var(--titan-navy)); color: #fff; box-shadow: var(--titan-shadow-2); } .titan-strip > :first-child { display: flex; align-items: center; gap: 1rem; flex: 1 1 28rem; } .titan-strip > :first-child > :last-child > * { margin-block: 0; } .titan-strip :where(h3) { font-size: 1.25rem; margin: 0 0 0.25rem; color: #fff; } .titan-strip--blue { background: linear-gradient(90deg, #005cba, #0072ce); } .titan-strip--blue p { color: #d7e3ff; } .titan-strip--lg { padding: clamp(1.5rem, 4vw, 2.5rem); } .titan-strip--lg > :first-child { flex-direction: column; align-items: flex-start; gap: 0.5rem; } .titan-strip--lg h3 { font-size: var(--wp--preset--font-size--xl); } /* Canales de contacto */ .titan-channel__title { font-size: 1.25rem; margin: 0; } .titan-channel__big { font-family: var(--wp--preset--font-family--outfit); font-size: 1.375rem; font-weight: 700; color: var(--titan-abismo); word-break: break-word; } .titan-channel > .wp-block-buttons { margin-top: auto !important; } .titan-channel .wp-block-button { width: 100%; } .titan-channel .wp-block-button__link { width: 100%; justify-content: space-between; } .titan-breadcrumb { font-size: 0.8125rem; color: var(--titan-suave); margin-bottom: 1rem !important; } .titan-breadcrumb a { color: var(--titan-suave); } .titan-breadcrumb strong { color: var(--titan-abismo); } .titan-rounded img { border-radius: var(--titan-r-lg); width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } /* ---------- Ficha de producto ------------------------------------------ */ .titan-gallery { display: flex; flex-direction: column; gap: 0.75rem; } .titan-gallery__stage { position: relative; display: flex; flex-direction: column; gap: 0.75rem; background: #fff; border-radius: var(--titan-r-lg); padding: 1rem; box-shadow: var(--titan-shadow-1); border: 1px solid var(--titan-line); } .titan-gallery__main { margin: 0 !important; } .titan-gallery__main img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--titan-r-md); background: var(--titan-s1); display: block; } .titan-gallery__tags { position: absolute !important; top: 1.5rem; left: 1.5rem; z-index: 1; } .titan-gallery__caption { background: var(--titan-s1); border-radius: var(--titan-r-sm); padding: 0.75rem; } .titan-gallery__caption p { font-size: 0.8125rem; } .titan-gallery__thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.625rem; } .titan-gallery__thumbs .wp-block-image { margin: 0; background: #fff; border-radius: var(--titan-r-md); padding: 0.375rem; box-shadow: var(--titan-shadow-1); cursor: pointer; transition: box-shadow 0.2s; } .titan-gallery__thumbs .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0.375rem; display: block; } .titan-gallery__thumbs .wp-element-caption { margin: 0.375rem 0 0.125rem; font-size: 0.6875rem; text-align: center; color: var(--titan-suave); } .titan-gallery__thumbs .is-active { box-shadow: 0 0 0 2px var(--titan-cobalto); } .titan-gallery__thumbs .is-active .wp-element-caption { color: var(--titan-cobalto); font-weight: 700; } .titan-product__info { position: sticky; top: 7rem; } .titan-product__title { font-size: clamp(1.75rem, 3vw, 2.25rem); margin: 0; } .titan-sku { margin: 0; font-family: var(--titan-mono); font-size: 0.6875rem; background: var(--titan-s2); color: var(--titan-abismo); padding: 0.25rem 0.5rem; border-radius: 0.25rem; } .titan-sku--plain { background: none; color: var(--titan-cobalto); font-family: inherit; font-weight: 600; } .titan-cap-use { font-size: 0.75rem; font-weight: 600; color: var(--titan-cobalto); } .titan-dims { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--titan-s3); border-radius: var(--titan-r-md); overflow: hidden; border: 1px solid var(--titan-s3); } .titan-dims .titan-stat { background: var(--titan-s1); padding: 0.75rem; text-align: center; align-items: center; } .titan-dims .titan-stat__num { order: 2; font-size: 1.25rem; color: var(--titan-abismo); } .titan-dims .titan-stat__label { order: 1; font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--titan-suave); } .titan-accessories { display: flex; flex-direction: column; gap: 0.625rem; background: var(--titan-s1); border: 1px solid var(--titan-s3); border-radius: var(--titan-r-md); padding: 0.875rem 1rem; } .titan-accessories .titan-eyebrow { color: var(--titan-abismo); } .titan-accessories .titan-eyebrow::before { color: var(--titan-cobalto); } .titan-cad { background: var(--titan-abismo); color: #fff; border-radius: var(--titan-r-lg); padding: 1.25rem; display: flex; flex-direction: column; gap: 1rem; box-shadow: var(--titan-shadow-2); } .titan-cad__head { display: flex; justify-content: space-between; align-items: center; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--titan-cian-claro); font-family: var(--titan-mono); } .titan-cad svg { box-sizing: border-box; width: 100%; height: auto; background: #00101b; border-radius: var(--titan-r-md); padding: 0.75rem; } .titan-cad__list { margin: 0; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.75rem; } .titan-cad__list div { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-bottom: 0.5rem; } .titan-cad__list dt { color: #8fa5c4; } .titan-cad__list dd { margin: 0; font-family: var(--titan-mono); font-weight: 700; text-align: right; } /* ---------- Tablas ------------------------------------------------------ */ .wp-block-table.is-style-titan-tecnica { margin: 0; overflow-x: auto; border-radius: var(--titan-r-md); border: 1px solid var(--titan-s3); } .wp-block-table.is-style-titan-tecnica table { width: 100%; min-width: 36rem; border-collapse: collapse; font-size: 0.8125rem; } .wp-block-table.is-style-titan-tecnica th { background: var(--titan-s3); color: var(--titan-abismo); font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; padding: 0.75rem 1rem; border: 0; } .wp-block-table.is-style-titan-tecnica td { padding: 0.875rem 1rem; border: 0; border-top: 1px solid var(--titan-s2); color: var(--titan-suave); vertical-align: top; } .wp-block-table.is-style-titan-tecnica td:first-child { color: var(--titan-abismo); font-weight: 600; } .wp-block-table.is-style-titan-tecnica td:nth-child(2) { font-family: var(--titan-mono); color: var(--titan-cobalto); font-weight: 700; } .wp-block-table.is-style-titan-tecnica.titan-table--compare td:nth-child(2) { font-family: inherit; background: rgba(0, 92, 186, 0.05); } /* ---------- Pestañas (JS: assets/js/theme.js) --------------------------- */ .titan-tabs { display: flex; flex-direction: column; gap: 1rem; } .titan-tab-label { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--titan-cobalto); } .titan-tabs.is-ready > .titan-tab-panel > .titan-tab-label { display: none; } .titan-tabs.is-ready > .titan-tab-panel[hidden] { display: none; } .titan-tabs.is-ready > .titan-tab-panel { animation: titan-fade 0.25s ease; } .titan-tabs__list { display: flex; flex-wrap: wrap; gap: 0.375rem; margin: 0 !important; } .titan-tabs__list button { font: inherit; cursor: pointer; border: 0; display: inline-flex; align-items: center; gap: 0.375rem; transition: background 0.2s, color 0.2s, box-shadow 0.2s; } .titan-tabs__list button .material-symbols-outlined { font-size: 18px; } /* Pills (hero) */ .titan-tabs--pills { gap: 0.625rem; } .titan-tabs--pills .titan-tabs__list { padding: 0.375rem; border-radius: var(--titan-r-md); background: rgba(0, 15, 34, 0.55); backdrop-filter: blur(10px); width: max-content; max-width: 100%; } .titan-tabs--pills .titan-tabs__list button { padding: 0.5rem 0.875rem; border-radius: var(--titan-r-sm); background: transparent; color: var(--titan-on-dark); font-size: 0.8125rem; font-weight: 600; } .titan-tabs--pills .titan-tabs__list button:hover { color: #fff; background: rgba(255, 255, 255, 0.06); } .titan-tabs--pills .titan-tabs__list button[aria-selected="true"] { background: var(--titan-cobalto); color: #fff; box-shadow: 0 4px 12px rgba(0, 92, 186, 0.35); } .titan-hint { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; color: var(--titan-hielo); } .titan-hint::before { content: "verified"; content: "verified" / ""; font-family: "Material Symbols Outlined"; font-size: 18px; color: var(--titan-brillante); font-feature-settings: "liga"; } /* Línea de tiempo */ .titan-tabs--timeline .titan-tabs__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; } @media (min-width: 782px) { .titan-tabs--timeline .titan-tabs__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .titan-tabs--timeline .titan-tabs__list button { flex-direction: column; align-items: flex-start; text-align: left; padding: 0.75rem 1rem; border-radius: var(--titan-r-md); background: var(--titan-s2); color: var(--titan-tinta); font-size: 0.8125rem; line-height: 1.35; } .titan-tabs--timeline .titan-tabs__list button strong { font-family: var(--titan-mono); font-size: 0.6875rem; color: var(--titan-cobalto); } .titan-tabs--timeline .titan-tabs__list button[aria-selected="true"] { background: var(--titan-abismo); color: #fff; } .titan-tabs--timeline .titan-tabs__list button[aria-selected="true"] strong { color: var(--titan-cian-claro); } .titan-tabs--timeline > .titan-tab-panel { background: #fff; border-radius: var(--titan-r-lg); padding: clamp(1.25rem, 3vw, 2rem); box-shadow: var(--titan-shadow-1); } .titan-tabs--timeline > .titan-tab-panel h3 { margin: 0; } /* Chips (capacidades) */ .titan-tabs--chips { gap: 0.75rem; } .titan-tabs--chips .titan-tabs__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; } .titan-tabs--chips .titan-tabs__list button { flex-direction: column; align-items: flex-start; text-align: left; padding: 0.75rem 0.875rem; border-radius: var(--titan-r-md); background: var(--titan-s0); color: var(--titan-suave); box-shadow: inset 0 0 0 1px var(--titan-s3); font-size: 0.75rem; line-height: 1.35; } .titan-tabs--chips .titan-tabs__list button strong { font-family: var(--wp--preset--font-family--outfit); font-size: 1.125rem; color: var(--titan-abismo); } .titan-tabs--chips .titan-tabs__list button[aria-selected="true"] { background: var(--titan-s3); box-shadow: inset 0 0 0 2px var(--titan-cobalto); } .titan-tabs--chips .titan-tabs__list button[aria-selected="true"] strong { color: var(--titan-cobalto); } .titan-tabs--chips > .titan-tab-panel { display: flex; flex-direction: column; gap: 0.5rem; } /* Subrayado (pestañas técnicas) */ .titan-tabs--underline { gap: 1.5rem; } .titan-tabs--underline .titan-tabs__list { gap: 0.25rem; border-bottom: 1px solid var(--titan-s2); padding-bottom: 0.75rem; overflow-x: auto; flex-wrap: nowrap; } .titan-tabs--underline .titan-tabs__list button { padding: 0.625rem 1rem; border-radius: var(--titan-r-sm); background: transparent; color: var(--titan-suave); font-size: 0.875rem; font-weight: 600; white-space: nowrap; } .titan-tabs--underline .titan-tabs__list button:hover { background: var(--titan-s1); } .titan-tabs--underline .titan-tabs__list button[aria-selected="true"] { background: rgba(0, 163, 224, 0.12); color: var(--titan-cobalto); } .titan-tabs--underline > .titan-tab-panel { display: flex; flex-direction: column; gap: 1rem; } .titan-tabs--underline > .titan-tab-panel h3 { margin: 0; } /* ---------- Preguntas frecuentes (bloque Detalles) ---------------------- */ .titan-faq { display: flex; flex-direction: column; gap: 0.75rem; } .titan-faq--narrow { max-width: 56rem; margin-inline: auto; } .titan-faq.titan-grid { display: grid; } .wp-block-details.is-style-titan-faq { background: #fff; border: 1px solid var(--titan-line); border-radius: var(--titan-r-md); box-shadow: var(--titan-shadow-1); padding: 0; margin: 0; transition: box-shadow 0.2s; } .wp-block-details.is-style-titan-faq[open] { box-shadow: var(--titan-shadow-2); } .wp-block-details.is-style-titan-faq > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 0.875rem; padding: 1rem 1.25rem; font-family: var(--wp--preset--font-family--outfit); font-weight: 600; font-size: 1rem; color: var(--titan-abismo); line-height: 1.35; } .wp-block-details.is-style-titan-faq > summary::-webkit-details-marker { display: none; } .wp-block-details.is-style-titan-faq > summary::before { width: 2.25rem; height: 2.25rem; border-radius: var(--titan-r-sm); background: var(--titan-s2); color: var(--titan-cobalto); display: grid !important; place-items: center; flex-shrink: 0; font-size: 20px; } .wp-block-details.is-style-titan-faq > summary::after { content: "expand_more"; content: "expand_more" / ""; font-family: "Material Symbols Outlined"; font-feature-settings: "liga"; font-size: 22px; margin-left: auto; color: var(--titan-contorno); transition: transform 0.2s; font-weight: 400; } .wp-block-details.is-style-titan-faq[open] > summary::after { transform: rotate(180deg); } .wp-block-details.is-style-titan-faq > :not(summary) { margin: 0; padding: 0 1.25rem 1.25rem 4.375rem; color: var(--titan-suave); font-size: 0.875rem; } .wp-block-details.is-style-titan-faq > :not(summary) strong { color: var(--titan-abismo); } .wp-block-details.is-style-titan-alcance { margin-top: auto; border-radius: var(--titan-r-sm); background: var(--titan-s1); } .wp-block-details.is-style-titan-alcance > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 0.625rem 0.875rem; font-size: 0.8125rem; font-weight: 600; color: var(--titan-cobalto); } .wp-block-details.is-style-titan-alcance > summary::-webkit-details-marker { display: none; } .wp-block-details.is-style-titan-alcance > summary::after { content: "expand_more"; content: "expand_more" / ""; font-family: "Material Symbols Outlined"; font-feature-settings: "liga"; font-size: 20px; transition: transform 0.2s; } .wp-block-details.is-style-titan-alcance[open] > summary::after { transform: rotate(180deg); } .wp-block-details.is-style-titan-alcance > .wp-block-list { margin: 0; padding: 0 0.875rem 0.875rem; font-size: 0.8125rem; } /* ---------- Listas con palomita ---------------------------------------- */ .wp-block-list.is-style-titan-check { list-style: none; padding-left: 0; display: flex; flex-direction: column; gap: 0.5rem; } .wp-block-list.is-style-titan-check > li { position: relative; padding-left: 1.75rem; line-height: 1.45; } .wp-block-list.is-style-titan-check > li::before { content: "check_circle"; content: "check_circle" / ""; position: absolute; left: 0; top: 0; font-family: "Material Symbols Outlined"; font-feature-settings: "liga"; font-size: 19px; line-height: 1.1; color: var(--titan-cobalto); font-variation-settings: "FILL" 1; } .titan-checklist--light > li::before { color: var(--titan-cian-claro) !important; } .titan-checklist--light { color: #eef0ff; font-size: 0.875rem; } .titan-checklist--2col { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.375rem 1rem !important; font-size: 0.8125rem; } @media (max-width: 479px) { .titan-checklist--2col { grid-template-columns: minmax(0, 1fr); } } /* ---------- Formularios ------------------------------------------------- */ .titan-form { font-size: 0.875rem; } .titan-form form { margin: 0; } .titan-form__grid { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); } @media (min-width: 640px) { .titan-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .titan-field { display: flex; flex-direction: column; gap: 0.375rem; min-width: 0; } .titan-field--full, .titan-form--express .titan-field { grid-column: 1 / -1; } @media (min-width: 640px) { .titan-form--express .titan-field { grid-column: auto; } } .titan-field fieldset { border: 0; margin: 0; padding: 0; min-width: 0; } .titan-field__label { display: block; font-size: 0.75rem; font-weight: 700; color: var(--titan-abismo); margin-bottom: 0.375rem; } .titan-field > .titan-field__label { margin-bottom: 0; } .titan-field__req { color: #ba1a1a; } .titan-field__control { position: relative; display: block; } .titan-form input[type="text"], .titan-form input[type="tel"], .titan-form input[type="email"], .titan-form input[type="date"], .titan-form select, .titan-form textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: 0.875rem; color: var(--titan-tinta); background: #fff; border: 1px solid #e2e8f0; border-radius: var(--titan-r-sm); padding: 0.7rem 0.875rem; min-height: 2.75rem; transition: border-color 0.15s, box-shadow 0.15s; } .titan-form select { appearance: none; -webkit-appearance: none; padding-right: 2.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%2374777e' d='M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center; } .titan-form textarea { min-height: 7rem; resize: vertical; } .titan-form :where(input, select, textarea):focus { outline: none; border-color: var(--titan-cobalto); box-shadow: 0 0 0 2px var(--titan-cobalto), 0 0 0 6px rgba(0, 163, 224, 0.2); } .titan-form ::placeholder { color: #9aa0a6; } .titan-field--icon input { padding-right: 2.5rem !important; } .titan-field__control .material-symbols-outlined { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); color: var(--titan-contorno); font-size: 19px; pointer-events: none; } .titan-cards { display: grid; gap: 0.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 900px) { .titan-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .titan-cards--3, .titan-cards--3:is(*) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .titan-card-option { position: relative; cursor: pointer; display: flex; } .titan-card-option input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; } .titan-card-option__body { flex: 1; display: flex; flex-direction: column; gap: 0.2rem; padding: 0.75rem; border-radius: var(--titan-r-md); background: #fff; box-shadow: inset 0 0 0 1px var(--titan-s3); transition: background 0.2s, box-shadow 0.2s, color 0.2s; } .titan-card-option__body .material-symbols-outlined { color: var(--titan-cobalto); margin-bottom: 0.25rem; } .titan-card-option__body strong { font-size: 0.8125rem; color: var(--titan-abismo); line-height: 1.3; } .titan-card-option__body small { font-size: 0.6875rem; color: var(--titan-contorno); line-height: 1.35; } .titan-cards--3 .titan-card-option__body { align-items: center; text-align: center; } .titan-card-option:hover .titan-card-option__body { box-shadow: inset 0 0 0 1px var(--titan-cobalto); } .titan-card-option input:checked + .titan-card-option__body { background: var(--titan-abismo); box-shadow: 0 8px 18px -6px rgba(0, 15, 34, 0.45); } .titan-card-option input:checked + .titan-card-option__body strong { color: #fff; } .titan-card-option input:checked + .titan-card-option__body small { color: var(--titan-on-dark); } .titan-card-option input:checked + .titan-card-option__body .material-symbols-outlined { color: var(--titan-cian-claro); } .titan-card-option input:focus-visible + .titan-card-option__body { outline: 2px solid var(--titan-cobalto); outline-offset: 2px; } .titan-check { display: flex; gap: 0.625rem; align-items: flex-start; font-size: 0.8125rem; color: var(--titan-suave); cursor: pointer; } .titan-check input { width: 1.1rem; height: 1.1rem; margin-top: 0.1rem; accent-color: var(--titan-cobalto); flex-shrink: 0; } .titan-range__head { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; margin-bottom: 0.25rem; } .titan-range__head .titan-field__label { margin: 0; } .titan-range__value { font-family: var(--wp--preset--font-family--outfit); font-weight: 700; font-size: 1rem; color: var(--titan-abismo); background: var(--titan-hielo); border-radius: 0.375rem; padding: 0.25rem 0.75rem; white-space: nowrap; } .titan-form input[type="range"], .titan-calc input[type="range"] { width: 100%; accent-color: var(--titan-cobalto); cursor: pointer; margin: 0.375rem 0; } .titan-range__scale { display: flex; justify-content: space-between; font-size: 0.6875rem; color: var(--titan-contorno); gap: 0.5rem; } .titan-form__submit { margin-top: 1.25rem; width: 100%; cursor: pointer; border: 0; border-radius: var(--titan-r-sm); display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.9rem 1.25rem; font: inherit; font-size: 0.9375rem; font-weight: 700; color: #fff; background: linear-gradient(135deg, #0072ce, #00a3e0); box-shadow: 0 8px 18px -6px rgba(0, 114, 206, 0.5); transition: transform 0.2s, box-shadow 0.2s, filter 0.2s; } .titan-form__submit:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 12px 24px -8px rgba(0, 114, 206, 0.6); } .titan-form--express .titan-form__submit { background: linear-gradient(90deg, var(--titan-abismo), var(--titan-navy)); box-shadow: 0 8px 18px -6px rgba(0, 15, 34, 0.5); } .titan-form__submit.is-loading { opacity: 0.7; pointer-events: none; } .titan-form__notice { display: flex; align-items: flex-start; gap: 0.625rem; padding: 0.875rem 1rem; border-radius: var(--titan-r-sm); margin-bottom: 1rem; font-size: 0.875rem; } .titan-form__notice p { margin: 0; } .titan-form__notice--ok { background: rgba(0, 163, 224, 0.1); border: 1px solid rgba(0, 163, 224, 0.35); color: var(--titan-abismo); } .titan-form__notice--ok .material-symbols-outlined { color: var(--titan-cobalto); } .titan-form__notice--error { background: #ffdad6; color: #93000a; } .titan-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; } .titan-field.has-error :where(input, select, textarea) { border-color: #ba1a1a; } .titan-field__error { color: #ba1a1a; font-size: 0.75rem; } .titan-form--boletin form { display: flex; gap: 0.375rem; padding: 0.25rem; background: #fff; border-radius: var(--titan-r-sm); border: 1px solid var(--titan-s3); } .titan-form--boletin .titan-form__grid { display: block; flex: 1; } .titan-form--boletin input[type="email"] { border: 0 !important; box-shadow: none !important; min-height: 2.5rem; padding: 0.5rem 0.625rem; } .titan-form--boletin .titan-form__submit { margin: 0; width: auto; padding: 0.5rem 1rem; font-size: 0.8125rem; background: var(--titan-abismo); box-shadow: none; } .titan-form__split { display: grid; gap: clamp(1.5rem, 3vw, 2rem); } @media (min-width: 1024px) { .titan-form__split { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; } } .titan-estimate { display: flex; flex-direction: column; gap: 0.875rem; background: var(--titan-s2); border-radius: var(--titan-r-lg); padding: 1.25rem; } .titan-estimate__head { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; } .titan-eyebrow-text { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--titan-cobalto); } .titan-pill { font-size: 0.6875rem; font-weight: 700; background: #fff; color: var(--titan-abismo); padding: 0.25rem 0.625rem; border-radius: 999px; } .titan-estimate__service { display: flex; gap: 0.75rem; align-items: center; background: #fff; border-radius: var(--titan-r-md); padding: 0.875rem; box-shadow: var(--titan-shadow-1); } .titan-estimate__service > .material-symbols-outlined { width: 2.5rem; height: 2.5rem; border-radius: var(--titan-r-sm); background: var(--titan-s2); color: var(--titan-cobalto); display: grid; place-items: center; } .titan-estimate__service strong { display: block; font-family: var(--wp--preset--font-family--outfit); font-size: 1rem; color: var(--titan-abismo); line-height: 1.3; } .titan-estimate__service small { font-size: 0.75rem; color: var(--titan-contorno); } .titan-estimate__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; } .titan-estimate__grid > div { background: #fff; border-radius: var(--titan-r-sm); padding: 0.75rem; display: flex; flex-direction: column; gap: 0.125rem; } .titan-estimate__grid small, .titan-estimate__grid span { font-size: 0.6875rem; color: var(--titan-contorno); } .titan-estimate__grid strong { font-family: var(--wp--preset--font-family--outfit); font-size: 1.0625rem; color: var(--titan-abismo); } .titan-estimate__subtitle { margin: 0; font-size: 0.75rem; font-weight: 700; color: var(--titan-abismo); } .titan-estimate__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0.375rem; font-size: 0.8125rem; color: var(--titan-suave); } .titan-estimate__list li { position: relative; padding-left: 1.6rem; } .titan-estimate__list li::before { content: "verified"; content: "verified" / ""; position: absolute; left: 0; top: 0; font-family: "Material Symbols Outlined"; font-feature-settings: "liga"; font-size: 18px; color: var(--titan-cobalto); } .titan-estimate__alert { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border-radius: var(--titan-r-md); background: rgba(186, 26, 26, 0.06); border: 1px solid rgba(186, 26, 26, 0.15); } .titan-estimate__alert > .material-symbols-outlined { color: #ba1a1a; } .titan-estimate__alert div { flex: 1; display: flex; flex-direction: column; font-size: 0.8125rem; } .titan-estimate__alert strong { color: var(--titan-abismo); } .titan-estimate__alert small { color: var(--titan-contorno); font-size: 0.6875rem; } .titan-estimate__alert a { background: var(--titan-abismo); color: #fff; padding: 0.375rem 0.75rem; border-radius: 0.375rem; font-size: 0.75rem; font-weight: 700; white-space: nowrap; text-decoration: none; } /* ---------- Calculadora ------------------------------------------------- */ .titan-calc { display: grid; gap: clamp(1.25rem, 3vw, 2rem); align-items: stretch; max-width: 60rem; margin-inline: auto; background: #fff; border-radius: var(--titan-r-xl); padding: clamp(1.25rem, 4vw, 2.5rem); box-shadow: var(--titan-shadow-2); border: 1px solid var(--titan-line); } @media (min-width: 782px) { .titan-calc { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } } .titan-calc__controls { display: flex; flex-direction: column; gap: 1.5rem; } .titan-calc__options { display: flex; flex-wrap: wrap; gap: 0.5rem; } .titan-calc__options--3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .titan-calc__options button { font: inherit; cursor: pointer; border: 0; padding: 0.625rem 0.875rem; border-radius: var(--titan-r-sm); background: var(--titan-s2); color: var(--titan-tinta); font-size: 0.75rem; font-weight: 600; transition: background 0.2s, color 0.2s, box-shadow 0.2s; } .titan-calc__options--3 button { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; padding: 0.75rem 0.5rem; text-align: center; } .titan-calc__options button:hover { background: var(--titan-s3); } .titan-calc__options button.is-active { background: var(--titan-cobalto); color: #fff; box-shadow: 0 4px 12px -2px rgba(0, 92, 186, 0.45); } .titan-calc__result { display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; background: var(--titan-s2); border-radius: var(--titan-r-md); padding: 1.25rem; box-shadow: inset 0 2px 6px rgba(10, 37, 64, 0.06); } .titan-calc__result p { margin: 0; } .titan-calc__label { font-size: 0.75rem; color: var(--titan-suave); margin-top: 0.75rem !important; } .titan-calc__volume { font-family: var(--wp--preset--font-family--outfit); font-size: clamp(2rem, 4vw, 2.5rem); font-weight: 700; color: var(--titan-abismo); line-height: 1.1; } .titan-calc__product { background: #fff; border-radius: var(--titan-r-sm); padding: 0.875rem; margin-top: 0.75rem; box-shadow: var(--titan-shadow-1); } .titan-calc__product > span { font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--titan-brillante); } .titan-calc__product strong { display: block; font-family: var(--wp--preset--font-family--outfit); font-size: 1.125rem; color: var(--titan-abismo); line-height: 1.3; } .titan-calc__product p { font-size: 0.8125rem; color: var(--titan-contorno); margin-top: 0.25rem !important; } .titan-calc__cta { display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.85rem 1rem; border-radius: var(--titan-r-sm); background: var(--titan-navy); color: #fff !important; font-weight: 700; font-size: 0.875rem; text-decoration: none !important; transition: background 0.2s; } .titan-calc__cta:hover { background: var(--titan-abismo); } .titan-calc--compacta { display: block; max-width: none; background: none; box-shadow: none; border: 0; padding: 0; border-radius: 0; } .titan-calc__mini-result { display: flex; justify-content: space-between; align-items: flex-end; gap: 0.5rem; margin-top: 0.5rem; font-size: 0.8125rem; color: var(--titan-suave); } .titan-calc__mini-result strong { font-family: var(--wp--preset--font-family--outfit); font-size: 1.75rem; color: var(--titan-abismo); line-height: 1; } .titan-calc__note { font-size: 0.6875rem; color: var(--titan-contorno); margin: 0.5rem 0 0; } /* ---------- Encabezado -------------------------------------------------- */ .wp-site-blocks > header.wp-block-template-part, .wp-site-blocks > .wp-block-template-part:first-child { position: sticky; top: 0; z-index: 100; } body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; } @media (max-width: 782px) { body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; } } @media (max-width: 600px) { body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; } } .titan-topbar { background: var(--titan-navy); color: var(--titan-on-dark); font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; padding-block: 0.4rem; } .titan-topbar > .wp-block-group { max-width: 1440px; margin-inline: auto; display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .titan-topbar p { margin: 0; display: inline-flex; align-items: center; gap: 0.5rem; } .titan-topbar a { color: #fff; text-decoration: none; } .titan-topbar a:hover { color: var(--titan-cian-claro); text-decoration: none; } .titan-topbar__live::before { content: ""; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--titan-brillante); animation: titan-ping 1.8s infinite; } .titan-topbar__group { display: flex; align-items: center; gap: 1.25rem; } @media (max-width: 781px) { .titan-topbar { display: none; } } .titan-header { background: rgba(250, 248, 255, 0.9); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 4px 20px -2px rgba(10, 37, 64, 0.06); border-bottom: 1px solid rgba(0, 163, 224, 0.12); } .titan-header__inner { max-width: 1440px; margin-inline: auto; min-height: 4.75rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .titan-brand { display: flex; align-items: center; gap: 0.625rem; flex-shrink: 0; } .titan-brand > * { margin: 0 !important; } .titan-brand .wp-block-site-logo img { height: 40px; width: auto; } .titan-brand__text { display: flex; flex-direction: column; } .titan-brand__text > * { margin: 0 !important; } .titan-brand .wp-block-site-title { font-size: 1.125rem; line-height: 1.05; letter-spacing: -0.01em; text-transform: uppercase; } .titan-brand .wp-block-site-title a { text-decoration: none; color: var(--titan-abismo); } .titan-brand__tagline { font-size: 0.625rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--titan-navy); } .titan-nav { flex: 1; justify-content: center; } .titan-nav .wp-block-navigation-item__content { padding: 0.5rem 0.875rem; border-radius: var(--titan-r-sm); color: var(--titan-suave); text-decoration: none; transition: background 0.2s, color 0.2s; } .titan-nav .wp-block-navigation-item__content:hover { background: var(--titan-s2); color: var(--titan-tinta); text-decoration: none; } .titan-nav .current-menu-item > .wp-block-navigation-item__content, .titan-nav .wp-block-navigation-item__content[aria-current="page"] { background: var(--titan-s3); color: var(--titan-cobalto); font-weight: 700; } .titan-nav .wp-block-navigation__container { gap: 0.25rem; } .titan-header__actions { gap: 0.5rem; flex-wrap: nowrap; } .titan-header__actions .wp-block-button__link { padding: 0.6rem 1.1rem; font-size: 0.8125rem; white-space: nowrap; } @media (max-width: 1279px) { .titan-header__whatsapp { display: none; } } @media (max-width: 480px) { .titan-header__actions .wp-block-button:not(.titan-header__whatsapp) .wp-block-button__link { padding: 0.55rem 0.8rem; } .titan-brand__tagline { display: none; } } .wp-block-navigation__responsive-container.is-menu-open { background: var(--titan-s0) !important; padding: 1.5rem; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.125rem; padding: 0.75rem 0 !important; } .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { color: var(--titan-abismo); } .wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; } /* ---------- Pie de página ---------------------------------------------- */ .titan-footer { background: var(--titan-s1); border-top: 1px solid var(--titan-s3); padding-block: clamp(2.5rem, 5vw, 3.5rem) 1.5rem; margin-top: 0 !important; } .titan-footer__inner { max-width: 1440px; margin-inline: auto; } .titan-footer__grid { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr); } @media (min-width: 640px) { .titan-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px) { .titan-footer__grid { grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); } } .titan-footer__grid > * { margin: 0 !important; } .titan-footer h3, html .titan-footer__grid h3 { font-size: 1rem; margin: 0 0 0.875rem; } .titan-footer .titan-brand { margin-bottom: 0.875rem !important; } .titan-footer__about { font-size: 0.875rem; color: var(--titan-suave); max-width: 28rem; } .titan-footer__links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.8125rem; } .titan-footer__links a { color: var(--titan-suave); text-decoration: none; } .titan-footer__links a:hover { color: var(--titan-cobalto); } .titan-footer__contact { font-size: 0.8125rem; color: var(--titan-suave); display: flex; gap: 0.5rem; align-items: flex-start; margin: 0 0 0.5rem !important; } .titan-footer__contact::before { color: var(--titan-cobalto); font-size: 18px !important; } .titan-footer__bottom { margin-top: 2.5rem !important; padding-top: 1.25rem; border-top: 1px solid var(--titan-s3); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem 1.5rem; font-size: 0.75rem; color: var(--titan-contorno); } .titan-footer__bottom > * { margin: 0 !important; } .titan-footer__copy { margin: 0; } .titan-footer__legal { display: flex; flex-wrap: wrap; gap: 1.25rem; } .titan-footer__legal a { color: var(--titan-contorno); } .titan-footer .titan-badges { margin-top: 1rem !important; } .titan-footer .titan-badge { font-size: 0.625rem; } .titan-footer__note { font-size: 0.6875rem; color: var(--titan-contorno); margin-top: 0.5rem !important; } /* ---------- Plantillas de contenido (blog, páginas) --------------------- */ .titan-page-header { padding-block: clamp(1.5rem, 4vw, 3rem) 1rem; } .titan-post-card { background: #fff; border-radius: var(--titan-r-lg); overflow: hidden; border: 1px solid var(--titan-line); box-shadow: var(--titan-shadow-1); height: 100%; display: flex; flex-direction: column; } .titan-post-card > * { margin-block: 0 !important; } .titan-post-card .wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; } .titan-post-card__body { padding: 1.25rem; display: flex; flex-direction: column; gap: 0.5rem; flex: 1; } .titan-post-card__body > * { margin: 0 !important; } .titan-post-card .wp-block-post-title { font-size: 1.125rem; } .titan-post-card .wp-block-post-title a { color: var(--titan-abismo); text-decoration: none; } .titan-post-card .wp-block-post-excerpt { font-size: 0.875rem; color: var(--titan-suave); } .titan-prose { font-size: 1rem; line-height: 1.75; } .titan-prose :where(h2, h3) { margin-top: 2em; } .wp-block-query-pagination { margin-top: 2rem; gap: 0.5rem; } .titan-404 { text-align: center; padding-block: clamp(3rem, 8vw, 6rem); } /* ---------- WooCommerce (básico) --------------------------------------- */ .woocommerce .wc-block-components-product-price, .wc-block-grid__product-price, .woocommerce-Price-amount { color: var(--titan-cobalto); font-weight: 700; } .wc-block-product, .wc-block-grid__product, .woocommerce ul.products li.product { background: #fff; border-radius: var(--titan-r-lg); padding: 1rem; border: 1px solid var(--titan-line); box-shadow: var(--titan-shadow-1); } .wc-block-components-product-image img, .woocommerce ul.products li.product img { border-radius: var(--titan-r-md); } .woocommerce .button, .wc-block-components-button:not(.is-link) { border-radius: var(--titan-r-sm) !important; } /* ---------- Animaciones ------------------------------------------------- */ @keyframes titan-ping { 0% { box-shadow: 0 0 0 0 rgba(80, 149, 254, 0.7); } 70% { box-shadow: 0 0 0 7px rgba(80, 149, 254, 0); } 100% { box-shadow: 0 0 0 0 rgba(80, 149, 254, 0); } } @keyframes titan-breathe { 0%, 100% { opacity: 0.35; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.25); } } @keyframes titan-fade { from { opacity: 0.3; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } /* ---------- Ajustes de partes ------------------------------------------ */ .titan-topbar, .titan-header, .titan-footer { padding-inline: var(--wp--custom--gutter, 1.25rem); } .titan-header__actions .is-style-titan-suave { width: auto; } .titan-header__actions .is-style-titan-suave > .wp-block-button__link { width: auto; } .titan-404 { align-items: center; } .titan-404 .wp-block-buttons { justify-content: center; } /* ---------- Íconos por clase (generado) -------------------------------- */ :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-architecture::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-arrow_downward::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-arrow_forward::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-assignment_ind::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-badge::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-bolt::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-calculate::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-calendar_month::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-call::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-chat::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-compare::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-construction::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-description::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-domain::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-eco::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-engineering::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-explore::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-fact_check::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-filter_alt::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-foundation::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-gavel::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-gpp_good::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-handshake::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-health_and_safety::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-history_edu::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-home::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-inventory_2::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-layers::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-local_shipping::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-location_on::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-mail::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-military_tech::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-navigation::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-phone_in_talk::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-picture_as_pdf::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-pin_drop::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-plumbing::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-policy::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-precision_manufacturing::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-recycling::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-sanitizer::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-schedule::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-school::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-science::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-security::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-sell::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-send::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-shield::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-shield_with_house::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-storefront::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-support_agent::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-timer::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-tune::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-verified::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-verified_user::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-visibility::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-water_drop::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-water_ec::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-water_ph::before, :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-workspace_premium::before, .wp-block-details.ti-architecture > summary::before, .wp-block-details.ti-arrow_downward > summary::before, .wp-block-details.ti-arrow_forward > summary::before, .wp-block-details.ti-assignment_ind > summary::before, .wp-block-details.ti-badge > summary::before, .wp-block-details.ti-bolt > summary::before, .wp-block-details.ti-calculate > summary::before, .wp-block-details.ti-calendar_month > summary::before, .wp-block-details.ti-call > summary::before, .wp-block-details.ti-chat > summary::before, .wp-block-details.ti-compare > summary::before, .wp-block-details.ti-construction > summary::before, .wp-block-details.ti-description > summary::before, .wp-block-details.ti-domain > summary::before, .wp-block-details.ti-eco > summary::before, .wp-block-details.ti-engineering > summary::before, .wp-block-details.ti-explore > summary::before, .wp-block-details.ti-fact_check > summary::before, .wp-block-details.ti-filter_alt > summary::before, .wp-block-details.ti-foundation > summary::before, .wp-block-details.ti-gavel > summary::before, .wp-block-details.ti-gpp_good > summary::before, .wp-block-details.ti-handshake > summary::before, .wp-block-details.ti-health_and_safety > summary::before, .wp-block-details.ti-history_edu > summary::before, .wp-block-details.ti-home > summary::before, .wp-block-details.ti-inventory_2 > summary::before, .wp-block-details.ti-layers > summary::before, .wp-block-details.ti-local_shipping > summary::before, .wp-block-details.ti-location_on > summary::before, .wp-block-details.ti-mail > summary::before, .wp-block-details.ti-military_tech > summary::before, .wp-block-details.ti-navigation > summary::before, .wp-block-details.ti-phone_in_talk > summary::before, .wp-block-details.ti-picture_as_pdf > summary::before, .wp-block-details.ti-pin_drop > summary::before, .wp-block-details.ti-plumbing > summary::before, .wp-block-details.ti-policy > summary::before, .wp-block-details.ti-precision_manufacturing > summary::before, .wp-block-details.ti-recycling > summary::before, .wp-block-details.ti-sanitizer > summary::before, .wp-block-details.ti-schedule > summary::before, .wp-block-details.ti-school > summary::before, .wp-block-details.ti-science > summary::before, .wp-block-details.ti-security > summary::before, .wp-block-details.ti-sell > summary::before, .wp-block-details.ti-send > summary::before, .wp-block-details.ti-shield > summary::before, .wp-block-details.ti-shield_with_house > summary::before, .wp-block-details.ti-storefront > summary::before, .wp-block-details.ti-support_agent > summary::before, .wp-block-details.ti-timer > summary::before, .wp-block-details.ti-tune > summary::before, .wp-block-details.ti-verified > summary::before, .wp-block-details.ti-verified_user > summary::before, .wp-block-details.ti-visibility > summary::before, .wp-block-details.ti-water_drop > summary::before, .wp-block-details.ti-water_ec > summary::before, .wp-block-details.ti-water_ph > summary::before, .wp-block-details.ti-workspace_premium > summary::before, .wp-block-button.ti-architecture > .wp-block-button__link::after, .wp-block-button.ti-arrow_downward > .wp-block-button__link::after, .wp-block-button.ti-arrow_forward > .wp-block-button__link::after, .wp-block-button.ti-assignment_ind > .wp-block-button__link::after, .wp-block-button.ti-badge > .wp-block-button__link::after, .wp-block-button.ti-bolt > .wp-block-button__link::after, .wp-block-button.ti-calculate > .wp-block-button__link::after, .wp-block-button.ti-calendar_month > .wp-block-button__link::after, .wp-block-button.ti-call > .wp-block-button__link::after, .wp-block-button.ti-chat > .wp-block-button__link::after, .wp-block-button.ti-compare > .wp-block-button__link::after, .wp-block-button.ti-construction > .wp-block-button__link::after, .wp-block-button.ti-description > .wp-block-button__link::after, .wp-block-button.ti-domain > .wp-block-button__link::after, .wp-block-button.ti-eco > .wp-block-button__link::after, .wp-block-button.ti-engineering > .wp-block-button__link::after, .wp-block-button.ti-explore > .wp-block-button__link::after, .wp-block-button.ti-fact_check > .wp-block-button__link::after, .wp-block-button.ti-filter_alt > .wp-block-button__link::after, .wp-block-button.ti-foundation > .wp-block-button__link::after, .wp-block-button.ti-gavel > .wp-block-button__link::after, .wp-block-button.ti-gpp_good > .wp-block-button__link::after, .wp-block-button.ti-handshake > .wp-block-button__link::after, .wp-block-button.ti-health_and_safety > .wp-block-button__link::after, .wp-block-button.ti-history_edu > .wp-block-button__link::after, .wp-block-button.ti-home > .wp-block-button__link::after, .wp-block-button.ti-inventory_2 > .wp-block-button__link::after, .wp-block-button.ti-layers > .wp-block-button__link::after, .wp-block-button.ti-local_shipping > .wp-block-button__link::after, .wp-block-button.ti-location_on > .wp-block-button__link::after, .wp-block-button.ti-mail > .wp-block-button__link::after, .wp-block-button.ti-military_tech > .wp-block-button__link::after, .wp-block-button.ti-navigation > .wp-block-button__link::after, .wp-block-button.ti-phone_in_talk > .wp-block-button__link::after, .wp-block-button.ti-picture_as_pdf > .wp-block-button__link::after, .wp-block-button.ti-pin_drop > .wp-block-button__link::after, .wp-block-button.ti-plumbing > .wp-block-button__link::after, .wp-block-button.ti-policy > .wp-block-button__link::after, .wp-block-button.ti-precision_manufacturing > .wp-block-button__link::after, .wp-block-button.ti-recycling > .wp-block-button__link::after, .wp-block-button.ti-sanitizer > .wp-block-button__link::after, .wp-block-button.ti-schedule > .wp-block-button__link::after, .wp-block-button.ti-school > .wp-block-button__link::after, .wp-block-button.ti-science > .wp-block-button__link::after, .wp-block-button.ti-security > .wp-block-button__link::after, .wp-block-button.ti-sell > .wp-block-button__link::after, .wp-block-button.ti-send > .wp-block-button__link::after, .wp-block-button.ti-shield > .wp-block-button__link::after, .wp-block-button.ti-shield_with_house > .wp-block-button__link::after, .wp-block-button.ti-storefront > .wp-block-button__link::after, .wp-block-button.ti-support_agent > .wp-block-button__link::after, .wp-block-button.ti-timer > .wp-block-button__link::after, .wp-block-button.ti-tune > .wp-block-button__link::after, .wp-block-button.ti-verified > .wp-block-button__link::after, .wp-block-button.ti-verified_user > .wp-block-button__link::after, .wp-block-button.ti-visibility > .wp-block-button__link::after, .wp-block-button.ti-water_drop > .wp-block-button__link::after, .wp-block-button.ti-water_ec > .wp-block-button__link::after, .wp-block-button.ti-water_ph > .wp-block-button__link::after, .wp-block-button.ti-workspace_premium > .wp-block-button__link::after { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 1.15em; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; flex-shrink: 0; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-architecture::before, .wp-block-details.ti-architecture > summary::before { content: "architecture"; content: "architecture" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-arrow_downward::before, .wp-block-details.ti-arrow_downward > summary::before { content: "arrow_downward"; content: "arrow_downward" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-arrow_forward::before, .wp-block-details.ti-arrow_forward > summary::before { content: "arrow_forward"; content: "arrow_forward" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-assignment_ind::before, .wp-block-details.ti-assignment_ind > summary::before { content: "assignment_ind"; content: "assignment_ind" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-badge::before, .wp-block-details.ti-badge > summary::before { content: "badge"; content: "badge" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-bolt::before, .wp-block-details.ti-bolt > summary::before { content: "bolt"; content: "bolt" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-calculate::before, .wp-block-details.ti-calculate > summary::before { content: "calculate"; content: "calculate" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-calendar_month::before, .wp-block-details.ti-calendar_month > summary::before { content: "calendar_month"; content: "calendar_month" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-call::before, .wp-block-details.ti-call > summary::before { content: "call"; content: "call" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-chat::before, .wp-block-details.ti-chat > summary::before { content: "chat"; content: "chat" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-compare::before, .wp-block-details.ti-compare > summary::before { content: "compare"; content: "compare" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-construction::before, .wp-block-details.ti-construction > summary::before { content: "construction"; content: "construction" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-description::before, .wp-block-details.ti-description > summary::before { content: "description"; content: "description" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-domain::before, .wp-block-details.ti-domain > summary::before { content: "domain"; content: "domain" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-eco::before, .wp-block-details.ti-eco > summary::before { content: "eco"; content: "eco" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-engineering::before, .wp-block-details.ti-engineering > summary::before { content: "engineering"; content: "engineering" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-explore::before, .wp-block-details.ti-explore > summary::before { content: "explore"; content: "explore" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-fact_check::before, .wp-block-details.ti-fact_check > summary::before { content: "fact_check"; content: "fact_check" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-filter_alt::before, .wp-block-details.ti-filter_alt > summary::before { content: "filter_alt"; content: "filter_alt" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-foundation::before, .wp-block-details.ti-foundation > summary::before { content: "foundation"; content: "foundation" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-gavel::before, .wp-block-details.ti-gavel > summary::before { content: "gavel"; content: "gavel" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-gpp_good::before, .wp-block-details.ti-gpp_good > summary::before { content: "gpp_good"; content: "gpp_good" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-handshake::before, .wp-block-details.ti-handshake > summary::before { content: "handshake"; content: "handshake" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-health_and_safety::before, .wp-block-details.ti-health_and_safety > summary::before { content: "health_and_safety"; content: "health_and_safety" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-history_edu::before, .wp-block-details.ti-history_edu > summary::before { content: "history_edu"; content: "history_edu" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-home::before, .wp-block-details.ti-home > summary::before { content: "home"; content: "home" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-inventory_2::before, .wp-block-details.ti-inventory_2 > summary::before { content: "inventory_2"; content: "inventory_2" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-layers::before, .wp-block-details.ti-layers > summary::before { content: "layers"; content: "layers" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-local_shipping::before, .wp-block-details.ti-local_shipping > summary::before { content: "local_shipping"; content: "local_shipping" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-location_on::before, .wp-block-details.ti-location_on > summary::before { content: "location_on"; content: "location_on" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-mail::before, .wp-block-details.ti-mail > summary::before { content: "mail"; content: "mail" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-military_tech::before, .wp-block-details.ti-military_tech > summary::before { content: "military_tech"; content: "military_tech" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-navigation::before, .wp-block-details.ti-navigation > summary::before { content: "navigation"; content: "navigation" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-phone_in_talk::before, .wp-block-details.ti-phone_in_talk > summary::before { content: "phone_in_talk"; content: "phone_in_talk" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-picture_as_pdf::before, .wp-block-details.ti-picture_as_pdf > summary::before { content: "picture_as_pdf"; content: "picture_as_pdf" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-pin_drop::before, .wp-block-details.ti-pin_drop > summary::before { content: "pin_drop"; content: "pin_drop" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-plumbing::before, .wp-block-details.ti-plumbing > summary::before { content: "plumbing"; content: "plumbing" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-policy::before, .wp-block-details.ti-policy > summary::before { content: "policy"; content: "policy" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-precision_manufacturing::before, .wp-block-details.ti-precision_manufacturing > summary::before { content: "precision_manufacturing"; content: "precision_manufacturing" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-recycling::before, .wp-block-details.ti-recycling > summary::before { content: "recycling"; content: "recycling" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-sanitizer::before, .wp-block-details.ti-sanitizer > summary::before { content: "sanitizer"; content: "sanitizer" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-schedule::before, .wp-block-details.ti-schedule > summary::before { content: "schedule"; content: "schedule" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-school::before, .wp-block-details.ti-school > summary::before { content: "school"; content: "school" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-science::before, .wp-block-details.ti-science > summary::before { content: "science"; content: "science" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-security::before, .wp-block-details.ti-security > summary::before { content: "security"; content: "security" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-sell::before, .wp-block-details.ti-sell > summary::before { content: "sell"; content: "sell" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-send::before, .wp-block-details.ti-send > summary::before { content: "send"; content: "send" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-shield::before, .wp-block-details.ti-shield > summary::before { content: "shield"; content: "shield" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-shield_with_house::before, .wp-block-details.ti-shield_with_house > summary::before { content: "shield_with_house"; content: "shield_with_house" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-storefront::before, .wp-block-details.ti-storefront > summary::before { content: "storefront"; content: "storefront" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-support_agent::before, .wp-block-details.ti-support_agent > summary::before { content: "support_agent"; content: "support_agent" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-timer::before, .wp-block-details.ti-timer > summary::before { content: "timer"; content: "timer" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-tune::before, .wp-block-details.ti-tune > summary::before { content: "tune"; content: "tune" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-verified::before, .wp-block-details.ti-verified > summary::before { content: "verified"; content: "verified" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-verified_user::before, .wp-block-details.ti-verified_user > summary::before { content: "verified_user"; content: "verified_user" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-visibility::before, .wp-block-details.ti-visibility > summary::before { content: "visibility"; content: "visibility" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-water_drop::before, .wp-block-details.ti-water_drop > summary::before { content: "water_drop"; content: "water_drop" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-water_ec::before, .wp-block-details.ti-water_ec > summary::before { content: "water_ec"; content: "water_ec" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-water_ph::before, .wp-block-details.ti-water_ph > summary::before { content: "water_ph"; content: "water_ph" / ""; } :where(p, h1, h2, h3, h4, h5, h6, li, span).ti-workspace_premium::before, .wp-block-details.ti-workspace_premium > summary::before { content: "workspace_premium"; content: "workspace_premium" / ""; } .wp-block-button.ti-architecture > .wp-block-button__link::after { content: "architecture"; content: "architecture" / ""; } .wp-block-button.ti-arrow_downward > .wp-block-button__link::after { content: "arrow_downward"; content: "arrow_downward" / ""; } .wp-block-button.ti-arrow_forward > .wp-block-button__link::after { content: "arrow_forward"; content: "arrow_forward" / ""; } .wp-block-button.ti-assignment_ind > .wp-block-button__link::after { content: "assignment_ind"; content: "assignment_ind" / ""; } .wp-block-button.ti-badge > .wp-block-button__link::after { content: "badge"; content: "badge" / ""; } .wp-block-button.ti-bolt > .wp-block-button__link::after { content: "bolt"; content: "bolt" / ""; } .wp-block-button.ti-calculate > .wp-block-button__link::after { content: "calculate"; content: "calculate" / ""; } .wp-block-button.ti-calendar_month > .wp-block-button__link::after { content: "calendar_month"; content: "calendar_month" / ""; } .wp-block-button.ti-call > .wp-block-button__link::after { content: "call"; content: "call" / ""; } .wp-block-button.ti-chat > .wp-block-button__link::after { content: "chat"; content: "chat" / ""; } .wp-block-button.ti-compare > .wp-block-button__link::after { content: "compare"; content: "compare" / ""; } .wp-block-button.ti-construction > .wp-block-button__link::after { content: "construction"; content: "construction" / ""; } .wp-block-button.ti-description > .wp-block-button__link::after { content: "description"; content: "description" / ""; } .wp-block-button.ti-domain > .wp-block-button__link::after { content: "domain"; content: "domain" / ""; } .wp-block-button.ti-eco > .wp-block-button__link::after { content: "eco"; content: "eco" / ""; } .wp-block-button.ti-engineering > .wp-block-button__link::after { content: "engineering"; content: "engineering" / ""; } .wp-block-button.ti-explore > .wp-block-button__link::after { content: "explore"; content: "explore" / ""; } .wp-block-button.ti-fact_check > .wp-block-button__link::after { content: "fact_check"; content: "fact_check" / ""; } .wp-block-button.ti-filter_alt > .wp-block-button__link::after { content: "filter_alt"; content: "filter_alt" / ""; } .wp-block-button.ti-foundation > .wp-block-button__link::after { content: "foundation"; content: "foundation" / ""; } .wp-block-button.ti-gavel > .wp-block-button__link::after { content: "gavel"; content: "gavel" / ""; } .wp-block-button.ti-gpp_good > .wp-block-button__link::after { content: "gpp_good"; content: "gpp_good" / ""; } .wp-block-button.ti-handshake > .wp-block-button__link::after { content: "handshake"; content: "handshake" / ""; } .wp-block-button.ti-health_and_safety > .wp-block-button__link::after { content: "health_and_safety"; content: "health_and_safety" / ""; } .wp-block-button.ti-history_edu > .wp-block-button__link::after { content: "history_edu"; content: "history_edu" / ""; } .wp-block-button.ti-home > .wp-block-button__link::after { content: "home"; content: "home" / ""; } .wp-block-button.ti-inventory_2 > .wp-block-button__link::after { content: "inventory_2"; content: "inventory_2" / ""; } .wp-block-button.ti-layers > .wp-block-button__link::after { content: "layers"; content: "layers" / ""; } .wp-block-button.ti-local_shipping > .wp-block-button__link::after { content: "local_shipping"; content: "local_shipping" / ""; } .wp-block-button.ti-location_on > .wp-block-button__link::after { content: "location_on"; content: "location_on" / ""; } .wp-block-button.ti-mail > .wp-block-button__link::after { content: "mail"; content: "mail" / ""; } .wp-block-button.ti-military_tech > .wp-block-button__link::after { content: "military_tech"; content: "military_tech" / ""; } .wp-block-button.ti-navigation > .wp-block-button__link::after { content: "navigation"; content: "navigation" / ""; } .wp-block-button.ti-phone_in_talk > .wp-block-button__link::after { content: "phone_in_talk"; content: "phone_in_talk" / ""; } .wp-block-button.ti-picture_as_pdf > .wp-block-button__link::after { content: "picture_as_pdf"; content: "picture_as_pdf" / ""; } .wp-block-button.ti-pin_drop > .wp-block-button__link::after { content: "pin_drop"; content: "pin_drop" / ""; } .wp-block-button.ti-plumbing > .wp-block-button__link::after { content: "plumbing"; content: "plumbing" / ""; } .wp-block-button.ti-policy > .wp-block-button__link::after { content: "policy"; content: "policy" / ""; } .wp-block-button.ti-precision_manufacturing > .wp-block-button__link::after { content: "precision_manufacturing"; content: "precision_manufacturing" / ""; } .wp-block-button.ti-recycling > .wp-block-button__link::after { content: "recycling"; content: "recycling" / ""; } .wp-block-button.ti-sanitizer > .wp-block-button__link::after { content: "sanitizer"; content: "sanitizer" / ""; } .wp-block-button.ti-schedule > .wp-block-button__link::after { content: "schedule"; content: "schedule" / ""; } .wp-block-button.ti-school > .wp-block-button__link::after { content: "school"; content: "school" / ""; } .wp-block-button.ti-science > .wp-block-button__link::after { content: "science"; content: "science" / ""; } .wp-block-button.ti-security > .wp-block-button__link::after { content: "security"; content: "security" / ""; } .wp-block-button.ti-sell > .wp-block-button__link::after { content: "sell"; content: "sell" / ""; } .wp-block-button.ti-send > .wp-block-button__link::after { content: "send"; content: "send" / ""; } .wp-block-button.ti-shield > .wp-block-button__link::after { content: "shield"; content: "shield" / ""; } .wp-block-button.ti-shield_with_house > .wp-block-button__link::after { content: "shield_with_house"; content: "shield_with_house" / ""; } .wp-block-button.ti-storefront > .wp-block-button__link::after { content: "storefront"; content: "storefront" / ""; } .wp-block-button.ti-support_agent > .wp-block-button__link::after { content: "support_agent"; content: "support_agent" / ""; } .wp-block-button.ti-timer > .wp-block-button__link::after { content: "timer"; content: "timer" / ""; } .wp-block-button.ti-tune > .wp-block-button__link::after { content: "tune"; content: "tune" / ""; } .wp-block-button.ti-verified > .wp-block-button__link::after { content: "verified"; content: "verified" / ""; } .wp-block-button.ti-verified_user > .wp-block-button__link::after { content: "verified_user"; content: "verified_user" / ""; } .wp-block-button.ti-visibility > .wp-block-button__link::after { content: "visibility"; content: "visibility" / ""; } .wp-block-button.ti-water_drop > .wp-block-button__link::after { content: "water_drop"; content: "water_drop" / ""; } .wp-block-button.ti-water_ec > .wp-block-button__link::after { content: "water_ec"; content: "water_ec" / ""; } .wp-block-button.ti-water_ph > .wp-block-button__link::after { content: "water_ph"; content: "water_ph" / ""; } .wp-block-button.ti-workspace_premium > .wp-block-button__link::after { content: "workspace_premium"; content: "workspace_premium" / ""; }