/* Hicap's editable palette. These variables control the whole landing. */
:root {
  --hicap-red: #eb4c53;
  --hicap-red-hover: #cd363e;
  --hicap-text: #262626;
  --hicap-white: #ffffff;
  --hicap-line: #cfc8c8;
  --hicap-tint: 235, 76, 83;
  --hicap-paper: 255, 255, 255;
  --hicap-icon-size: 33px;
  --hicap-icon-font-size: 12px;
  --hicap-icon-background: rgba(255, 255, 255, 0.22);
}

@font-face {
  font-family: 'Hicap Fira';
  src: url('fonts/FiraSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hicap Fira';
  src: url('fonts/FiraSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body.hicap-home {
  margin: 0;
  background: var(--hicap-white);
  color: var(--hicap-text);
  font-family: 'Hicap Fira', sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.hicap-landing, .hicap-landing *, .hicap-landing *::before, .hicap-landing *::after {
  box-sizing: border-box;
}
.hicap-landing { width: 100%; margin: 0; padding: 0; }
.hicap-header { height: 132px; display: flex; align-items: center; justify-content: center; }
.hicap-header a { display: inline-flex; }
.hicap-group-logo { display: block; width: 230.4px; height: auto; }
.hicap-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.hicap-panel { min-width: 0; min-height: 880px; position: relative; isolation: isolate; overflow: hidden; border: 0; }
.hicap-trasters { border-left: 1px solid var(--hicap-white); }
.hicap-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; }
.hicap-energy .hicap-photo { object-position: 28% center; }
.hicap-trasters .hicap-photo { left: auto; right: -15%; width: 84%; object-position: center center; }
.hicap-panel::before, .hicap-panel::after { content: ''; position: absolute; inset: 0; pointer-events: none; }
.hicap-panel::before {
  z-index: -2;
  background: linear-gradient(90deg, rgba(var(--hicap-paper), .89) 0%, rgba(var(--hicap-paper), .84) 35%, rgba(var(--hicap-paper), .64) 49%, rgba(var(--hicap-paper), .06) 80%);
}
.hicap-panel::after {
  z-index: -1;
  background: linear-gradient(150deg, rgba(var(--hicap-tint), .72) 0%, rgba(var(--hicap-tint), .26) 23%, rgba(var(--hicap-paper), 0) 52%),
              linear-gradient(0deg, rgba(var(--hicap-paper), .98) 0%, rgba(var(--hicap-paper), .96) 20%, rgba(var(--hicap-paper), .85) 32%, rgba(var(--hicap-paper), 0) 62%);
}
.hicap-trasters::before { background: linear-gradient(90deg, rgba(var(--hicap-paper), .93) 0%, rgba(var(--hicap-paper), .85) 32%, rgba(var(--hicap-paper), .73) 46%, rgba(var(--hicap-paper), .05) 72%); }
.hicap-trasters::after {
  background: linear-gradient(130deg, rgba(var(--hicap-tint), .73) 0%, rgba(var(--hicap-tint), .27) 22%, rgba(var(--hicap-paper), 0) 52%),
              linear-gradient(0deg, rgba(var(--hicap-paper), .98) 0%, rgba(var(--hicap-paper), .88) 10%, rgba(var(--hicap-paper), 0) 47%);
}
.hicap-panel-content { padding: 54px clamp(28px, 3.9vw, 60px) 32px; }
.hicap-panel-logo { display: block; width: 246px; max-width: 70%; height: auto; margin: 0 0 23px -4px; }
.hicap-panel h2 { font-family: inherit; font-size: clamp(30px, 2.86vw, 44px); font-weight: 700; line-height: 1.12; letter-spacing: -.5px; color: var(--hicap-text); margin: 0; padding: 0; }
.hicap-rule { display: block; width: 85px; height: 3px; background: var(--hicap-red); margin: 20px 0 17px; }
.hicap-intro { margin: 0; font-size: 18px; line-height: 1.5; }
.hicap-tagline { margin: 8px 0 0; font-size: 16px; line-height: 1.45; }
.hicap-landing ul { list-style: none; padding: 0; margin: 0; }
.hicap-landing li { list-style: none; padding: 0; margin: 0; }
.hicap-icon { display: flex; align-items: center; justify-content: center; color: var(--hicap-red); flex: 0 0 auto; width: var(--hicap-icon-size); height: var(--hicap-icon-size); }
.hicap-fuels li, .hicap-energy-features li, .hicap-energy-details li, .hicap-services li { background: var(--hicap-icon-background); font-size: var(--hicap-icon-font-size); font-weight: 400; line-height: 1.4; color: var(--hicap-text); }
.hicap-icon svg { display: block; width: 100%; height: 100%; }
.hicap-icon-label { display: block; }
.hicap-icon-description { display: block; }
.hicap-energy-features { margin-top: 18px !important; }
.hicap-energy-features li { display: flex; gap: 18px; align-items: center; 
  max-width: 345px; background: transparent; }
.hicap-button, .hicap-button:visited {
  display: inline-flex;
  gap: 18px;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 11px 30px 10px 34px;
  margin-top: 32px;
  border-radius: 7px;
  background: var(--hicap-red);
  color: var(--hicap-white);
  text-decoration: none;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 2px;
  transition: background-color .2s ease, transform .2s ease;
}
.hicap-button-arrow { display: block; width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
.hicap-button:hover, .hicap-button:focus-visible { background: var(--hicap-red-hover); color: var(--hicap-white); text-decoration: none; transform: translateY(-3px); }
.hicap-button:hover .hicap-button-arrow, .hicap-button:focus-visible .hicap-button-arrow { transform: translateX(3px); }
.hicap-button:focus-visible, .hicap-header a:focus-visible { outline: 3px solid var(--hicap-text); outline-offset: 5px; }
.hicap-fuels { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); margin-top: 58px !important; max-width: 560px; row-gap: 22px; }
.hicap-fuels li { position: relative; text-align: center; padding: 0 5px !important; }
.hicap-fuels li:first-child { padding-left: 0 !important; }
.hicap-fuels li:last-child { padding-right: 0 !important; }
.hicap-fuels li + li::before { content: ''; position: absolute; left: 0; top: 30px; bottom: 3px; width: 1px; background: var(--hicap-line); }
.hicap-fuels .hicap-icon, .hicap-services .hicap-icon { margin: 0 auto 7px; }
.hicap-energy-details { border-top: 1px solid var(--hicap-line); padding-top: 33px !important; margin-top: 32px !important; max-width: 560px; }
.hicap-energy-details li { display: flex; align-items: center; gap: 27px; margin-bottom: 18px; }
.hicap-energy .hicap-panel-content li { padding-top: 16px !important; }
.hicap-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 370px; margin: 26px 0 0 !important; }
.hicap-services li { padding: 10px 5px 9px !important; position: relative; text-align: center; min-height: 96px; }
.hicap-services li::before { position: absolute; left: 0; top: 22px; bottom: 15px; width: 1px; background: var(--hicap-line); }
.hicap-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.hicap-skip-link { position: fixed; left: 12px; top: -100px; z-index: 99999; background: var(--hicap-white); color: var(--hicap-text); padding: 10px 20px; }
.hicap-skip-link:focus { top: 10px; }
/* The theme's floating shortcuts have no place in this dedicated gateway. */
.hicap-home #scroll-top-link, .hicap-home .qlwapp__container, .hicap-home #qlwapp, .hicap-home .whatsapp_chat_support { display: none !important; }

@media (min-width: 901px) {
  .hicap-trasters .hicap-panel-content { padding-bottom: 10px; }
  .hicap-trasters .hicap-button { margin-top: 26px; }
  .hicap-services { grid-template-columns: repeat(6, minmax(0, 1fr)); max-width: 560px; }
  .hicap-services li { overflow-wrap: anywhere; }
}
@media (min-width: 1200px) {
  .hicap-services li:nth-child(n + 7) { border-top: 1px solid var(--hicap-line); }
  .hicap-services li:not(:nth-child(6n + 1))::before { content: ''; }
}
@media (min-width: 901px) and (width < 1200px) {
  .hicap-services { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hicap-services li:nth-child(n + 5) { border-top: 1px solid var(--hicap-line); }
  .hicap-services li:not(:nth-child(4n + 1))::before { content: ''; }
}

@media (min-width: 1600px) {
  .hicap-panel-content { padding-left: 70px; padding-right: 70px; }
}
@media (min-width: 901px) and (max-width: 1200px) {
  .hicap-panel-content { padding: 42px 28px 32px; }
  .hicap-panel-logo { width: 220px; }
  .hicap-intro { font-size: 16px; }
  .hicap-desktop-break { display: none; }
  .hicap-fuels li { padding: 0 6px !important; }
  .hicap-fuels { grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); }
}
@media (max-width: 900px) {
  .hicap-header { height: 113px; }
  .hicap-group-logo { width: 201.6px; }
  .hicap-panels { grid-template-columns: minmax(0, 1fr); }
  .hicap-trasters { order: -1; border-left: 0; }
  .hicap-energy { border-top: 1px solid var(--hicap-white); }
  .hicap-panel { min-height: 850px; }
  .hicap-panel-content { padding: 44px 40px 36px; }
  .hicap-panel h2 { font-size: 40px; }
  .hicap-photo { object-position: center center; }
  .hicap-trasters .hicap-photo { width: 84%; }
  .hicap-fuels { max-width: 540px; }
  .hicap-services { max-width: 370px; }
  .hicap-services li:nth-child(n + 4) { border-top: 1px solid var(--hicap-line); }
  .hicap-services li:not(:nth-child(3n + 1))::before { content: ''; }
}
@media (max-width: 540px) {
  .hicap-landing { --hicap-icon-font-size: 11px; }
  .hicap-header { height: 100px; }
  .hicap-group-logo { width: 180.8px; }
  .hicap-panel { min-height: 0; }
  .hicap-panel-content { padding: 32px 24px 32px; }
  .hicap-panel-logo { width: 218px; max-width: 83%; margin-bottom: 27px; }
  .hicap-panel h2 { font-size: clamp(29px, 8.2vw, 38px); }
  .hicap-intro { font-size: 16px; line-height: 1.5; }
  .hicap-desktop-break { display: none; }
  .hicap-tagline { max-width: 290px; font-size: 15px; }
  .hicap-energy-features li { gap: 14px; }
  .hicap-energy .hicap-photo { object-position: 40% center; }
  .hicap-panel::before { background: linear-gradient(90deg, rgba(var(--hicap-paper), .94), rgba(var(--hicap-paper), .88) 55%, rgba(var(--hicap-paper), .35)); }
  .hicap-trasters::before { background: linear-gradient(90deg, rgba(var(--hicap-paper), .9), rgba(var(--hicap-paper), .8) 55%, rgba(var(--hicap-paper), .35)); }
  .hicap-button { margin-top: 27px; font-size: 18px; padding: 11px 27px; }
  .hicap-fuels { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 22px; margin-top: 44px !important; }
  .hicap-fuels li { padding: 0 6px !important; }
  .hicap-fuels li:nth-child(3n + 1)::before { display: none; }
  .hicap-energy-details { margin-top: 28px !important; padding-top: 26px !important; }
  .hicap-energy-details li { gap: 17px; }
  .hicap-services { margin: 28px 0 0 !important; max-width: none; }
  .hicap-services li { padding: 13px 6px 11px !important; min-height: 96px; }
}
@media (prefers-reduced-motion: reduce) {
  .hicap-button, .hicap-button-arrow { transition: none; }
}