:root {
--xtech-navy: #0c2f5f;
--xtech-blue: #174f88;
--xtech-blue-soft: #eaf1f8;
--xtech-red: #d63d3d;
--xtech-red-dark: #b92f2f;
--xtech-text: #263b55;
--xtech-muted: #65758a;
--xtech-border: #dfe6ee;
--xtech-background: #f6f8fb;
--xtech-white: #ffffff;
--xtech-shadow:
0 12px 34px rgba(12, 47, 95, 0.08);
} .xtech-fabricante-active .content-header,
.xtech-fabricante-active .content-bottom-widgets {
display: none !important;
} .xtech-fabricante-active .site-content,
.xtech-fabricante-active .main-content,
.xtech-fabricante-active .content-body,
.xtech-fabricante-active .content-body-inner,
.xtech-fabricante-active .main-content-inner {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
.xtech-fabricante-active .xtech-fabricante-page {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background: var(--xtech-white);
color: var(--xtech-text);
}
.xtech-fabricante-active .xtech-fabricante-container {
width: min(1180px, calc(100% - 48px));
margin-inline: auto;
} .xtech-fabricante-active .xtech-fabricante-eyebrow {
margin: 0 0 16px;
color: var(--xtech-red);
font-size: 13px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.xtech-fabricante-active .xtech-section-header {
max-width: 760px;
margin: 0 0 42px;
}
.xtech-fabricante-active .xtech-section-header h2 {
margin: 0 0 16px;
color: var(--xtech-navy);
font-size: clamp(30px, 3.5vw, 44px);
font-weight: 700;
line-height: 1.16;
}
.xtech-fabricante-active .xtech-section-header > p:last-child {
margin: 0;
color: var(--xtech-muted);
font-size: 17px;
line-height: 1.75;
} .xtech-fabricante-active .xtech-fabricante-hero {
position: relative;
padding: 82px 0 76px;
background:
linear-gradient(
90deg,
#ffffff 0%,
#ffffff 58%,
#f7f9fc 100%
);
border-bottom: 1px solid var(--xtech-border);
}
.xtech-fabricante-active .xtech-fabricante-hero::before {
position: absolute;
top: 0;
left: 0;
width: 88px;
height: 3px;
background: var(--xtech-red);
content: "";
}
.xtech-fabricante-active .xtech-fabricante-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1.04fr) minmax(380px, 0.96fr);
gap: 72px;
align-items: center;
}
.xtech-fabricante-active .xtech-fabricante-hero__title {
max-width: 760px;
margin: 0 0 24px;
color: var(--xtech-navy);
font-size: clamp(42px, 5vw, 66px);
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.035em;
}
.xtech-fabricante-active .xtech-fabricante-hero__subtitle {
max-width: 690px;
margin: 0;
color: var(--xtech-muted);
font-size: clamp(18px, 1.7vw, 21px);
line-height: 1.72;
}
.xtech-fabricante-active .xtech-fabricante-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}
.xtech-fabricante-active .xtech-button {
display: inline-flex;
min-height: 50px;
align-items: center;
justify-content: center;
padding: 12px 24px;
border: 1px solid transparent;
border-radius: 3px;
font-size: 15px;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none;
transition:
background-color 180ms ease,
border-color 180ms ease,
color 180ms ease,
transform 180ms ease;
}
.xtech-fabricante-active .xtech-button:hover {
transform: translateY(-1px);
}
.xtech-fabricante-active .xtech-button--primary {
background: var(--xtech-red);
color: var(--xtech-white);
}
.xtech-fabricante-active .xtech-button--primary:hover {
background: var(--xtech-red-dark);
color: var(--xtech-white);
}
.xtech-fabricante-active .xtech-button--secondary {
border-color: var(--xtech-navy);
background: transparent;
color: var(--xtech-navy);
}
.xtech-fabricante-active .xtech-button--secondary:hover {
background: var(--xtech-navy);
color: var(--xtech-white);
}
.xtech-fabricante-active .xtech-fabricante-hero__media {
position: relative;
min-width: 0;
}
.xtech-fabricante-active .xtech-fabricante-hero__media::before {
position: absolute;
z-index: 0;
top: -20px;
right: -20px;
width: 72%;
height: 72%;
border: 1px solid var(--xtech-border);
content: "";
}
.xtech-fabricante-active .xtech-fabricante-hero__media img {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: auto;
max-height: 530px;
object-fit: contain;
background: var(--xtech-white);
box-shadow: var(--xtech-shadow);
} .xtech-fabricante-active .xtech-fabricante-summary {
padding: 28px 0;
border-bottom: 1px solid var(--xtech-border);
background: var(--xtech-navy);
}
.xtech-fabricante-active .xtech-fabricante-summary p {
max-width: 980px;
margin: 0;
color: rgba(255, 255, 255, 0.92);
font-size: 16px;
font-weight: 500;
line-height: 1.7;
} .xtech-fabricante-active .xtech-fabricante-section {
padding: 86px 0;
background: var(--xtech-white);
}
.xtech-fabricante-active
.xtech-fabricante-section--muted {
background: var(--xtech-background);
} .xtech-fabricante-active .xtech-fabricante-content {
max-width: 920px;
margin: 0 auto;
color: var(--xtech-text);
font-size: 17px;
line-height: 1.82;
}
.xtech-fabricante-active .xtech-fabricante-content h2 {
margin: 58px 0 20px;
color: var(--xtech-navy);
font-size: clamp(28px, 3.3vw, 42px);
line-height: 1.18;
}
.xtech-fabricante-active
.xtech-fabricante-content h2:first-child {
margin-top: 0;
}
.xtech-fabricante-active .xtech-fabricante-content h3 {
margin: 38px 0 14px;
color: var(--xtech-navy);
font-size: 25px;
line-height: 1.3;
}
.xtech-fabricante-active .xtech-fabricante-content p {
margin: 0 0 22px;
}
.xtech-fabricante-active
.xtech-fabricante-content ul,
.xtech-fabricante-active
.xtech-fabricante-content ol {
margin: 24px 0;
padding-left: 25px;
}
.xtech-fabricante-active
.xtech-fabricante-content li {
margin-bottom: 12px;
padding-left: 6px;
} .xtech-fabricante-active .xtech-taxonomy-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.xtech-fabricante-active .xtech-taxonomy-card {
display: grid;
min-height: 80px;
grid-template-columns: 8px minmax(0, 1fr) auto;
gap: 16px;
align-items: center;
padding: 20px 22px;
border: 1px solid var(--xtech-border);
border-radius: 3px;
background: var(--xtech-white);
color: var(--xtech-navy);
text-decoration: none;
transition:
border-color 180ms ease,
box-shadow 180ms ease,
transform 180ms ease;
}
.xtech-fabricante-active .xtech-taxonomy-card:hover {
border-color: rgba(23, 79, 136, 0.45);
box-shadow: var(--xtech-shadow);
color: var(--xtech-navy);
transform: translateY(-2px);
}
.xtech-fabricante-active
.xtech-taxonomy-card__marker {
width: 5px;
height: 28px;
border-radius: 3px;
background: var(--xtech-red);
}
.xtech-fabricante-active
.xtech-taxonomy-card__name {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
}
.xtech-fabricante-active
.xtech-taxonomy-card__arrow {
color: var(--xtech-blue);
font-size: 19px;
} .xtech-fabricante-active .xtech-fabricante-cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.xtech-fabricante-active .xtech-fabricante-card {
display: flex;
min-width: 0;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--xtech-border);
border-radius: 3px;
background: var(--xtech-white);
transition:
border-color 180ms ease,
box-shadow 180ms ease,
transform 180ms ease;
}
.xtech-fabricante-active .xtech-fabricante-card:hover {
border-color: rgba(23, 79, 136, 0.35);
box-shadow: var(--xtech-shadow);
transform: translateY(-3px);
}
.xtech-fabricante-active
.xtech-fabricante-card__image {
display: block;
overflow: hidden;
aspect-ratio: 16 / 9;
background: var(--xtech-background);
}
.xtech-fabricante-active
.xtech-fabricante-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 260ms ease;
}
.xtech-fabricante-active
.xtech-fabricante-card:hover
.xtech-fabricante-card__image img {
transform: scale(1.025);
}
.xtech-fabricante-active
.xtech-fabricante-card__placeholder {
display: block;
width: 100%;
height: 100%;
background:
linear-gradient(
135deg,
#edf2f7 0%,
#f8fafc 100%
);
}
.xtech-fabricante-active
.xtech-fabricante-card__content {
display: flex;
flex: 1;
flex-direction: column;
padding: 24px;
}
.xtech-fabricante-active
.xtech-fabricante-card__title {
margin: 0 0 13px;
font-size: 21px;
line-height: 1.3;
}
.xtech-fabricante-active
.xtech-fabricante-card__title a {
color: var(--xtech-navy);
text-decoration: none;
}
.xtech-fabricante-active
.xtech-fabricante-card__excerpt {
margin: 0 0 22px;
color: var(--xtech-muted);
font-size: 15px;
line-height: 1.7;
}
.xtech-fabricante-active
.xtech-fabricante-card__link {
display: inline-flex;
gap: 8px;
align-items: center;
margin-top: auto;
color: var(--xtech-blue);
font-size: 14px;
font-weight: 700;
text-decoration: none;
} .xtech-fabricante-active .xtech-fabricante-form {
padding: 92px 0;
background: var(--xtech-navy);
}
.xtech-fabricante-active
.xtech-fabricante-form__grid {
display: grid;
grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
gap: 72px;
align-items: start;
}
.xtech-fabricante-active
.xtech-fabricante-form__content {
position: sticky;
top: 120px;
}
.xtech-fabricante-active
.xtech-fabricante-form__content h2 {
margin: 0 0 22px;
color: var(--xtech-white);
font-size: clamp(32px, 4vw, 48px);
line-height: 1.14;
}
.xtech-fabricante-active
.xtech-fabricante-form__text {
color: rgba(255, 255, 255, 0.82);
font-size: 17px;
line-height: 1.75;
}
.xtech-fabricante-active
.xtech-fabricante-form__privacy {
margin-top: 24px;
color: rgba(255, 255, 255, 0.58);
font-size: 12px;
line-height: 1.6;
}
.xtech-fabricante-active
.xtech-fabricante-form__embed {
min-width: 0;
padding: 26px;
border-radius: 4px;
background: var(--xtech-white);
}
.xtech-fabricante-active
.xtech-fabricante-form__embed iframe {
display: block;
width: 100% !important;
max-width: 100%;
border: 0;
} @media (max-width: 1050px) {
.xtech-fabricante-active
.xtech-fabricante-hero__grid {
grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
gap: 42px;
}
.xtech-fabricante-active
.xtech-taxonomy-grid,
.xtech-fabricante-active
.xtech-fabricante-cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xtech-fabricante-active
.xtech-fabricante-form__grid {
gap: 44px;
}
}
@media (max-width: 820px) {
.xtech-fabricante-active
.xtech-fabricante-container {
width: min(100% - 36px, 1180px);
}
.xtech-fabricante-active
.xtech-fabricante-hero {
padding: 62px 0 58px;
}
.xtech-fabricante-active
.xtech-fabricante-hero__grid {
grid-template-columns: 1fr;
}
.xtech-fabricante-active
.xtech-fabricante-hero__media {
max-width: 680px;
}
.xtech-fabricante-active
.xtech-fabricante-section {
padding: 66px 0;
}
.xtech-fabricante-active
.xtech-fabricante-form {
padding: 70px 0;
}
.xtech-fabricante-active
.xtech-fabricante-form__grid {
grid-template-columns: 1fr;
}
.xtech-fabricante-active
.xtech-fabricante-form__content {
position: static;
}
}
@media (max-width: 620px) {
.xtech-fabricante-active
.xtech-fabricante-container {
width: min(100% - 28px, 1180px);
}
.xtech-fabricante-active
.xtech-fabricante-hero__title {
font-size: clamp(36px, 12vw, 48px);
}
.xtech-fabricante-active
.xtech-fabricante-hero__actions {
align-items: stretch;
flex-direction: column;
}
.xtech-fabricante-active
.xtech-button {
width: 100%;
}
.xtech-fabricante-active
.xtech-taxonomy-grid,
.xtech-fabricante-active
.xtech-fabricante-cards {
grid-template-columns: 1fr;
}
.xtech-fabricante-active
.xtech-fabricante-form__embed {
padding: 14px;
}
.xtech-fabricante-active
.xtech-section-header {
margin-bottom: 32px;
}
}