/* Diseño y tipografías del HTML original del cliente, exclusivos de Career. */
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/89615259-6e0e-47b5-a3e5-d2ce2befc052.woff2") format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/e360c4c9-e119-4466-b8d7-668753d9007e.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/38f7a6d4-a647-4879-8415-5bd03b5a647f.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/5a0b3659-370a-4281-8fb1-fd78b18e297d.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/f7bb8318-a0f3-45fe-9833-9f5afab4b58c.woff2") format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/2128e37e-80d5-41a6-b4a7-5e7009c940a0.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/b75cfff1-20e0-4ca3-aceb-71ec0b685249.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/2a2d023d-1b6e-4b27-8b6b-0438571b342a.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/0e0a5644-9e3e-4b18-a309-e4366d178556.woff2") format('woff2');
unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/268e2ecc-67b2-46f1-8e9d-28bfb63cd87e.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/bd42b6ae-73ca-4a1c-86b9-0a9d22d72690.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Chakra Petch';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/83d5c0c7-ced6-48a0-b842-dd8dcffa670b.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/8f54f606-f08e-4516-a289-af5cd678c6b3.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/2081cf5d-b087-40ad-b827-c586da55e1c1.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/8f54f606-f08e-4516-a289-af5cd678c6b3.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/2081cf5d-b087-40ad-b827-c586da55e1c1.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/8f54f606-f08e-4516-a289-af5cd678c6b3.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Cinzel';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/2081cf5d-b087-40ad-b827-c586da55e1c1.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/1bdfdf30-3bad-4e53-8792-d761a4e0806c.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/e810d3e8-1755-454a-b134-1162884848fc.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/6f0d612b-c469-4854-a2d7-02bc27b66273.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/e39228e7-7ef7-46cf-aa7a-31389283ccda.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/1bdfdf30-3bad-4e53-8792-d761a4e0806c.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/e810d3e8-1755-454a-b134-1162884848fc.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/6f0d612b-c469-4854-a2d7-02bc27b66273.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/e39228e7-7ef7-46cf-aa7a-31389283ccda.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/1bdfdf30-3bad-4e53-8792-d761a4e0806c.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/e810d3e8-1755-454a-b134-1162884848fc.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/6f0d612b-c469-4854-a2d7-02bc27b66273.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("images/career/e39228e7-7ef7-46cf-aa7a-31389283ccda.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/1bdfdf30-3bad-4e53-8792-d761a4e0806c.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/e810d3e8-1755-454a-b134-1162884848fc.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/6f0d612b-c469-4854-a2d7-02bc27b66273.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Hanken Grotesk';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("images/career/e39228e7-7ef7-46cf-aa7a-31389283ccda.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/eae8b35d-9c4f-40c1-b2aa-f2ca2ed08ba4.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/c255b599-e892-444f-b19a-50b7a55d7362.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/f0f69bfe-ecbc-42b3-9bb1-96377e851a42.woff2") format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/41051a91-568e-41f7-8814-2b4c2ad0e784.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/4cdbfd77-56e7-475b-b08c-1bc753abd60b.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/c5d58dca-ae1d-4305-a9fa-abb1efd39111.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/eae8b35d-9c4f-40c1-b2aa-f2ca2ed08ba4.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/c255b599-e892-444f-b19a-50b7a55d7362.woff2") format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/f0f69bfe-ecbc-42b3-9bb1-96377e851a42.woff2") format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/41051a91-568e-41f7-8814-2b4c2ad0e784.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/4cdbfd77-56e7-475b-b08c-1bc753abd60b.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/c5d58dca-ae1d-4305-a9fa-abb1efd39111.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("images/career/7cc2e7ab-00fa-45ff-96a7-2fb80a6462d0.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("images/career/13d3c489-f8ba-4d24-9e62-f32e6469e2cc.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("images/career/ac99a65f-bb8a-4880-9e2f-2de206889af4.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("images/career/7cc2e7ab-00fa-45ff-96a7-2fb80a6462d0.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("images/career/13d3c489-f8ba-4d24-9e62-f32e6469e2cc.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Newsreader';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("images/career/ac99a65f-bb8a-4880-9e2f-2de206889af4.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("images/career/954ce2cb-36a9-4820-85e0-ee04500eae1b.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("images/career/5c42637f-bcdb-4dcb-a638-e5e5a758a8b4.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("images/career/8981e340-82e7-4256-a474-374e80631ed5.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/954ce2cb-36a9-4820-85e0-ee04500eae1b.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/5c42637f-bcdb-4dcb-a638-e5e5a758a8b4.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("images/career/8981e340-82e7-4256-a474-374e80631ed5.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/954ce2cb-36a9-4820-85e0-ee04500eae1b.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/5c42637f-bcdb-4dcb-a638-e5e5a758a8b4.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Newsreader';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("images/career/8981e340-82e7-4256-a474-374e80631ed5.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--ink: #0a0d13;
--ink-2: #0e121a;
--panel: #12161f;
--panel-2: #171c27;
--paper: #ece9e3;
--paper-dim: #c8c6c0;
--muted: #7e8593;
--muted-2: #565d6b;
--line: rgba(236,233,227,.12);
--line-soft: rgba(236,233,227,.07);
--accent: #c82234;
--accent-ink: #0a0d13;
--maxw: 1280px;
--pad: clamp(20px,5vw,72px);
--grain: .5;
--stripe: rgba(236,233,227,.045);
--serif: "Newsreader",Georgia,serif;
--sans: "Hanken Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;
--mono: "JetBrains Mono",ui-monospace,monospace;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
background: var(--ink);
color: var(--paper);
font-family: var(--sans);
font-size: 17px;
line-height: 1.6;
font-weight: 400;
letter-spacing: .005em;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
overflow-x: hidden;
}
::selection {
background: var(--accent);
color: #0a0d13;
}
a {
color: inherit;
text-decoration: none;
}
img {
display: block;
max-width: 100%;
}
button {
font-family: inherit;
cursor: pointer;
border: none;
background: none;
color: inherit;
}
body::after {
content: "";
position: fixed;
inset: 0;
z-index: 9000;
pointer-events: none;
opacity: calc(var(--grain) * .045);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
mix-blend-mode: overlay;
}
.wrap {
max-width: var(--maxw);
margin: 0 auto;
padding-inline: var(--pad);
}
.eyebrow {
font-family: var(--mono);
font-size: 12px;
font-weight: 500;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--accent);
display: inline-flex;
align-items: center;
gap: .7em;
}
.eyebrow::before {
content: "";
width: 26px;
height: 1px;
background: var(--accent);
display: inline-block;
}
h1,
h2,
h3 {
font-family: var(--serif);
font-weight: 380;
line-height: 1.02;
letter-spacing: -.015em;
}
h1 em,
h2 em,
h3 em {
font-style: italic;
font-weight: 380;
}
.btn {
display: inline-flex;
align-items: center;
gap: .7em;
font-family: var(--sans);
font-weight: 600;
font-size: 15px;
letter-spacing: .01em;
padding: 14px 26px;
border-radius: 100px;
transition: .28s cubic-bezier(.4,0,.2,1);
white-space: nowrap;
}
.btn .arr {
transition: transform .28s cubic-bezier(.4,0,.2,1);
}
.btn:hover .arr {
transform: translateX(4px);
}
.btn-primary {
background: #f8f1f2;
color: #0a0d13;
border: 1px solid rgba(10,13,19,.1);
}
.btn-primary:hover {
background: #fff;
box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);
}
.section--light .btn-primary {
background: var(--accent);
color: #f8f1f2;
border-color: var(--accent);
}
.section--light .btn-primary:hover {
background: #a81c2b;
}
.nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
transition: background .4s,border-color .4s,backdrop-filter .4s;
border-bottom: 1px solid transparent;
}
.nav.scrolled {
background: var(--ink);
backdrop-filter: blur(14px) saturate(1.2);
border-bottom-color: var(--line);
}
.nav-in {
max-width: var(--maxw);
margin: 0 auto;
padding: 8px var(--pad);
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.brand {
display: flex;
align-items: center;
gap: 12px;
font-family: "Cinzel",var(--serif);
font-weight: 600;
letter-spacing: .1em;
font-size: 18px;
text-transform: uppercase;
}
.brand .mark {
height: 44px;
width: auto;
flex: none;
display: block;
}
.nav-links {
display: flex;
gap: 30px;
align-items: center;
}
.nav-links a {
font-size: 14px;
color: var(--paper-dim);
letter-spacing: .01em;
position: relative;
padding: 4px 0;
transition: color .2s;
}
.nav-links a::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: var(--accent);
transition: width .3s;
}
.nav-links a:hover {
color: var(--paper);
}
.nav-links a:hover::after {
width: 100%;
}
.nav-cta {
display: flex;
align-items: center;
gap: 16px;
}
.fm-mini {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 6px 15px 6px 6px;
border: 1px solid var(--line);
border-radius: 100px;
color: var(--paper-dim);
background: transparent;
transition: border-color .25s,color .25s;
}
.fm-mini:hover {
border-color: var(--paper);
color: var(--paper);
}
.fm-ic {
width: 28px;
height: 28px;
flex: none;
border-radius: 50%;
background: var(--accent);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: background .2s;
}
.fm-mini:hover .fm-ic {
background: color-mix(in srgb,var(--accent) 88%,#000);
}
.fm-ic svg {
width: 13px;
height: 13px;
fill: currentColor;
}
.fm-ic .pause {
display: none;
}
.fm-mini.playing .fm-ic .play {
display: none;
}
.fm-mini.playing .fm-ic .pause {
display: block;
}
.fm-eq {
display: none;
align-items: flex-end;
gap: 2.5px;
height: 14px;
flex: none;
}
.fm-eq i {
width: 2.5px;
height: 4px;
background: var(--accent);
border-radius: 1px;
}
.fm-mini.playing .fm-eq {
display: inline-flex;
}
.fm-mini.playing .fm-eq i {
animation: fmEq 1s ease-in-out infinite;
}
.fm-eq i:nth-child(2) {
animation-delay: .2s;
}
.fm-eq i:nth-child(3) {
animation-delay: .4s;
}
.fm-eq i:nth-child(4) {
animation-delay: .15s;
}
@keyframes fmEq {
0%,100% {
height: 4px;
}
50% {
height: 14px;
}
}
.fm-txt {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: "Cinzel",var(--serif);
font-weight: 600;
font-size: 12.5px;
letter-spacing: .1em;
text-transform: uppercase;
white-space: nowrap;
}
.fm-txt em {
font-style: normal;
color: var(--accent);
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 10px;
letter-spacing: .08em;
}
.fm-txt em::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--accent);
}
@media (max-width:640px) {
.fm-mini .fm-txt {
display: none;
}
.fm-mini {
padding: 6px;
}
}
@media (max-width:400px) {
.fm-mini {
display: none;
}
}
.nav .btn {
padding: 11px 20px;
font-size: 14px;
}
.burger {
display: none;
flex-direction: column;
gap: 5px;
padding: 6px;
}
.burger span {
width: 22px;
height: 1.5px;
background: var(--paper);
display: block;
transition: transform .3s,opacity .3s;
}
.nav.open .burger span:nth-child(1) {
transform: translateY(6.5px) rotate(45deg);
}
.nav.open .burger span:nth-child(2) {
opacity: 0;
}
.nav.open .burger span:nth-child(3) {
transform: translateY(-6.5px) rotate(-45deg);
}
@media (max-width:1024px) {
.burger {
display: flex;
}
.nav-links {
position: absolute;
top: 100%;
left: 0;
right: 0;
flex-direction: column;
align-items: stretch;
gap: 0;
background: color-mix(in srgb,var(--ink) 97%,transparent);
backdrop-filter: blur(14px) saturate(1.2);
border-bottom: 1px solid var(--line);
padding: 6px var(--pad) 22px;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity .26s,transform .26s,visibility .26s;
}
.nav.open .nav-links {
opacity: 1;
visibility: visible;
transform: none;
}
.nav-links a {
font-size: 16px;
color: var(--paper);
padding: 15px 2px;
border-top: 1px solid var(--line-soft);
}
.nav-links a::after {
display: none;
}
}
#mqBrands {
animation: scrollx 26s linear infinite!important;
}
#mq {
animation: scrollx 26s linear infinite!important;
}
.cap-field {
max-width: 320px;
}
.cap-row {
display: flex;
align-items: center;
gap: 12px;
}
.cap-q {
font-family: var(--mono);
font-size: 15px;
letter-spacing: .06em;
white-space: nowrap;
padding: 0 14px;
height: 46px;
display: flex;
align-items: center;
border: 1px solid var(--line);
background: rgba(127,127,127,.06);
color: var(--paper);
flex: none;
}
.cap-row .input {
flex: 1;
min-width: 0;
}
.section--light {
--paper: #161a21;
--paper-dim: #3d4350;
--muted: #69707e;
--muted-2: #9aa0ad;
--line: rgba(18,22,30,.14);
--line-soft: rgba(18,22,30,.07);
--panel: #ffffff;
--panel-2: #f1ede6;
--ink-2: #ffffff;
--stripe: rgba(18,22,30,.06);
background: #f4f1ea;
color: var(--paper);
}
.cta-final {
position: relative;
overflow: hidden;
border-top: 1px solid var(--line);
padding-block: clamp(78px,11vw,140px);
}
.cta-final .bg {
position: absolute;
inset: 0;
z-index: 0;
opacity: .15;
}
.cta-final .bg img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(.3);
}
.cta-final .scr {
position: absolute;
inset: 0;
z-index: 1;
background: radial-gradient(90% 80% at 30% 30%,rgba(10,13,19,.5),var(--ink) 90%);
}
.cta-final .inner {
position: relative;
z-index: 2;
max-width: 1180px;
margin: 0 auto;
padding-inline: var(--pad);
}
.cta-final.section--light .bg {
opacity: .1;
}
.cta-final.section--light .bg img {
filter: grayscale(.55);
}
.cta-final.section--light .scr {
background: radial-gradient(90% 80% at 30% 30%,rgba(244,241,234,.7),#f4f1ea 90%);
}
.cta-grid {
display: grid;
grid-template-columns: 1.02fr 1fr;
gap: clamp(40px,6vw,88px);
align-items: center;
}
.cta-copy {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 22px;
}
.cta-final h2 {
font-size: clamp(36px,5vw,68px);
}
.cta-final h2 em {
color: var(--accent);
}
.cta-copy p {
color: var(--paper-dim);
font-size: clamp(17px,1.4vw,20px);
margin: 0;
max-width: 42ch;
}
.cta-contact {
margin-top: 14px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.cta-contact .mail {
font-family: var(--serif);
font-style: italic;
font-size: clamp(21px,2.2vw,30px);
color: var(--paper);
border-bottom: 1px solid var(--line);
padding-bottom: 7px;
transition: .3s;
}
.cta-contact .mail:hover {
border-color: var(--accent);
color: var(--accent);
}
.cta-contact small {
font-family: var(--mono);
font-size: 11px;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--muted);
}
.contact-card {
position: relative;
background: color-mix(in srgb,var(--panel) 90%,transparent);
backdrop-filter: blur(8px);
border: 1px solid var(--line);
padding: clamp(24px,3vw,38px);
}
.contact-card .frow {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.field {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}
.field label {
font-family: var(--mono);
font-size: 11px;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--muted);
}
.field label .req {
color: var(--accent);
}
.input {
background: var(--ink);
border: 1px solid var(--line);
color: var(--paper);
font-family: var(--sans);
font-size: 15px;
padding: 13px 14px;
border-radius: 9px;
width: 100%;
transition: border-color .2s,box-shadow .2s;
}
.input::placeholder {
color: var(--muted-2);
}
.input:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);
}
textarea.input {
resize: vertical;
min-height: 108px;
line-height: 1.5;
}
select.input {
appearance: none;
-webkit-appearance: none;
cursor: pointer;
padding-right: 38px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237e8593' stroke-width='1.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 15px center;
}
select.input:invalid {
color: var(--muted-2);
}
.field .err {
font-family: var(--mono);
font-size: 10.5px;
letter-spacing: .08em;
color: #e0566a;
display: none;
}
.field.invalid .input {
border-color: #e0566a;
}
.field.invalid .err {
display: block;
}
.contact-card .submit {
width: 100%;
justify-content: center;
margin-top: 6px;
}
.form-ok {
display: none;
text-align: center;
padding: 18px 6px;
}
.contact-card.sent form {
display: none;
}
.contact-card.sent .form-ok {
display: block;
}
.form-ok .chk {
width: 54px;
height: 54px;
border-radius: 50%;
border: 1.5px solid var(--accent);
color: var(--accent);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin: 0 auto 20px;
}
.form-ok h3 {
font-size: 30px;
margin-bottom: 12px;
}
.form-ok p {
color: var(--paper-dim);
font-size: 15.5px;
max-width: 34ch;
margin: 0 auto;
}
.form-ok p b {
color: var(--paper);
}
.form-ok a {
color: var(--accent);
}
.foot {
border-top: 1px solid var(--line);
padding-block: 60px 36px;
}
.foot-top {
display: grid;
grid-template-columns: minmax(380px,2.2fr) .8fr .8fr;
gap: 40px 56px;
padding-bottom: 54px;
border-bottom: 1px solid var(--line);
}
.foot .brand {
font-size: 18px;
margin-bottom: 18px;
}
.foot-social {
display: flex;
gap: 12px;
margin-top: 24px;
}
.foot-social a {
width: 40px;
height: 40px;
border: 1px solid var(--line);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--muted);
transition: color .25s,border-color .25s,background .25s;
}
.foot-social a svg {
width: 17px;
height: 17px;
display: block;
}
.foot-social a[aria-label*="WhatsApp"] svg {
width: 20px;
height: 20px;
}
.foot-social a:hover {
color: var(--accent);
border-color: color-mix(in srgb,var(--accent) 55%,var(--line));
}
.foot .col h4 {
font-family: var(--mono);
font-size: 11px;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 18px;
font-weight: 500;
}
.foot .col a {
display: block;
color: var(--paper-dim);
font-size: 15px;
padding: 6px 0;
transition: color .2s;
}
.foot .col a:hover {
color: var(--accent);
}
.foot-addr {
display: flex;
flex-wrap: wrap;
gap: 20px 32px;
margin-top: 32px;
}
.foot-office {
flex: 0 0 auto;
}
.foot-office h5 {
font-family: var(--mono);
font-size: 10.5px;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--muted);
margin-bottom: 10px;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
}
.foot-office h5::before {
content: "";
width: 4px;
height: 4px;
background: var(--accent);
transform: rotate(45deg);
flex: none;
}
.foot-office address {
font-style: normal;
color: var(--paper-dim);
font-size: 14px;
line-height: 1.6;
}
.foot-office address .tel {
display: block;
margin-top: 6px;
color: var(--muted);
font-family: var(--mono);
font-size: 11.5px;
letter-spacing: .04em;
}
.foot-office address a {
color: inherit;
transition: color .2s;
}
.foot-office address a:hover {
color: var(--accent);
}
.foot-bot {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding-top: 30px;
flex-wrap: wrap;
font-family: var(--mono);
font-size: 11.5px;
letter-spacing: .08em;
color: var(--muted);
}
.page {
padding-top: 0;
}
.reveal {
opacity: 0;
transform: translateY(26px);
transition: opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
}
.reveal.in {
opacity: 1;
transform: none;
}
.reveal.d1 {
transition-delay: .08s;
}
.reveal.d2 {
transition-delay: .16s;
}
@media (prefers-reduced-motion:reduce) {
.reveal {
opacity: 1;
transform: none;
transition: none;
}
#mqBrands {
animation: scrollx 26s linear infinite!important;
}
#mq {
animation: scrollx 26s linear infinite!important;
}
}
@media (max-width:860px) {
.foot-top {
grid-template-columns: 1fr;
gap: 44px;
}
.foot-addr {
flex-wrap: wrap;
}
.cta-grid {
grid-template-columns: 1fr;
gap: 44px;
}
}
@media (max-width:560px) {
body {
font-size: 16px;
}
.foot-top {
grid-template-columns: 1fr;
}
.foot-addr {
gap: 24px 40px;
}
.contact-card .frow {
grid-template-columns: 1fr;
gap: 0;
}
}
.pb-hero {
position: relative;
padding: clamp(150px,16vw,200px) 0 clamp(56px,7vw,88px);
overflow: hidden;
}
.pb-hero .bg {
position: absolute;
inset: 0;
z-index: 0;
}
.pb-hero .bg img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: .28;
filter: grayscale(.4);
}
.pb-hero .bg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg,rgba(10,13,19,.55),var(--ink) 92%);
}
.pb-hero .wrap {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 22px;
}
.pb-hero h1 {
font-size: clamp(40px,6.4vw,88px);
line-height: .98;
letter-spacing: -.02em;
font-weight: 380;
max-width: 16ch;
text-wrap: balance;
}
.pb-hero h1 em {
font-style: italic;
color: var(--accent);
}
.pb-hero .lede {
color: var(--paper-dim);
font-size: 17px;
line-height: 1.6;
max-width: 58ch;
}
.pb-search {
display: grid;
grid-template-columns: minmax(0,1fr) minmax(0,240px) auto;
gap: 8px;
margin-top: 14px;
padding: 8px;
background: var(--panel);
border: 1px solid var(--line);
border-radius: 14px;
max-width: 920px;
}
.pb-search .input {
background: transparent;
border-color: transparent;
font-size: 16px;
padding: 15px 16px;
}
.pb-search .input:focus {
background: var(--ink);
}
.pb-search select.input {
border-left: 1px solid var(--line);
border-radius: 0 9px 9px 0;
}
.pb-search .btn {
justify-content: center;
padding-inline: 28px;
}
.pb-quick {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
font-family: var(--mono);
font-size: 11.5px;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--muted);
}
.pb-quick button {
font: inherit;
letter-spacing: .08em;
color: var(--paper-dim);
border: 1px solid var(--line);
border-radius: 99px;
padding: 7px 13px;
background: none;
cursor: pointer;
transition: border-color .2s,color .2s;
}
.pb-quick button:hover {
border-color: var(--accent);
color: var(--paper);
}
.pb-board {
padding: clamp(48px,6vw,80px) 0 clamp(64px,8vw,110px);
}
.pb-grid {
display: grid;
grid-template-columns: 260px minmax(0,1fr);
gap: clamp(28px,4vw,56px);
align-items: start;
}
.pb-side {
position: sticky;
top: 96px;
display: flex;
flex-direction: column;
gap: 6px;
}
.pb-side-head {
display: flex;
justify-content: space-between;
align-items: baseline;
padding-bottom: 14px;
border-bottom: 1px solid var(--line);
}
.pb-side-head h2 {
font-size: 22px;
letter-spacing: -.01em;
}
.pb-clear {
font-family: var(--mono);
font-size: 11px;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--accent);
background: none;
border: 0;
cursor: pointer;
}
.pb-group {
border-bottom: 1px solid var(--line);
padding: 6px 0 14px;
}
.pb-group summary {
list-style: none;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
font-family: var(--mono);
font-size: 11.5px;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--muted);
}
.pb-group summary::-webkit-details-marker {
display: none;
}
.pb-group summary::after {
content: "+";
font-size: 16px;
color: var(--paper-dim);
}
.pb-group[open] summary::after {
content: "–";
}
.pb-opt {
display: flex;
align-items: center;
gap: 11px;
padding: 7px 0;
font-size: 15px;
color: var(--paper);
cursor: pointer;
}
.pb-opt input {
appearance: none;
width: 17px;
height: 17px;
border: 1px solid var(--muted-2);
border-radius: 4px;
display: grid;
place-content: center;
flex: none;
cursor: pointer;
background: var(--panel);
}
.pb-opt input:checked {
background: var(--accent);
border-color: var(--accent);
}
.pb-opt input:checked::after {
content: "";
width: 8px;
height: 4px;
border: 2px solid #fff;
border-top: 0;
border-right: 0;
transform: rotate(-45deg) translate(1px,-1px);
}
.pb-opt .n {
margin-left: auto;
font-family: var(--mono);
font-size: 11.5px;
color: var(--muted);
}
.pb-bar {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex-wrap: wrap;
padding-bottom: 14px;
border-bottom: 1px solid var(--line);
}
.pb-count {
font-size: 22px;
letter-spacing: -.01em;
font-family: var(--serif);
}
.pb-count b {
color: var(--accent);
font-weight: 500;
}
.pb-sort {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--mono);
font-size: 11px;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--muted);
}
.pb-sort .input {
width: auto;
padding: 9px 38px 9px 12px;
font-size: 14px;
background-color: var(--panel);
}
.pb-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-top: 14px;
}
.pb-chips:empty {
display: none;
}
.pb-chip {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
padding: 6px 10px 6px 13px;
border-radius: 99px;
background: var(--panel-2);
border: 1px solid var(--line);
color: var(--paper);
cursor: pointer;
}
.pb-chip span {
color: var(--muted);
font-size: 15px;
line-height: 1;
}
.pb-list {
display: flex;
flex-direction: column;
}
.pb-card {
display: grid;
grid-template-columns: minmax(0,1fr) auto;
gap: 10px 28px;
padding: 28px 4px;
border-bottom: 1px solid var(--line);
cursor: pointer;
text-align: left;
background: none;
border-top: 0;
border-left: 0;
border-right: 0;
color: inherit;
font: inherit;
width: 100%;
transition: background .25s;
}
.pb-card:hover {
background: linear-gradient(90deg,transparent,rgba(18,22,30,.035) 30%,transparent);
}
.pb-card:hover h3 {
color: var(--accent);
}
.pb-card .type {
font-family: var(--mono);
font-size: 11px;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--accent);
}
.pb-card h3 {
font-size: clamp(21px,2.1vw,27px);
line-height: 1.15;
letter-spacing: -.01em;
margin-top: 8px;
transition: color .2s;
text-wrap: pretty;
}
.pb-card .meta {
display: flex;
flex-wrap: wrap;
gap: 6px 18px;
margin-top: 10px;
font-size: 14px;
color: var(--paper-dim);
}
.pb-card .meta span {
display: inline-flex;
align-items: center;
gap: 7px;
}
.pb-card .meta span+span::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--muted-2);
margin-right: 4px;
}
.pb-card p {
margin-top: 12px;
color: var(--paper-dim);
font-size: 15.5px;
line-height: 1.6;
max-width: 70ch;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pb-card .side {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
font-family: var(--mono);
font-size: 11px;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--muted);
white-space: nowrap;
}
.pb-card .go {
font-family: var(--sans);
font-size: 14.5px;
font-weight: 600;
letter-spacing: .01em;
text-transform: none;
color: var(--paper);
display: inline-flex;
gap: 8px;
}
.pb-empty {
padding: 56px 0;
display: none;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.pb-empty h3 {
font-size: 26px;
}
.pb-empty p {
color: var(--paper-dim);
max-width: 52ch;
line-height: 1.6;
}
.pb-open {
margin-top: 40px;
padding: 28px 30px;
border: 1px solid var(--line);
border-radius: 14px;
background: var(--panel);
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.pb-open h3 {
font-size: 22px;
}
.pb-open p {
color: var(--paper-dim);
margin-top: 6px;
font-size: 15px;
}
.pb-dim {
position: fixed;
inset: 0;
background: rgba(10,13,19,.55);
z-index: 90;
opacity: 0;
pointer-events: none;
transition: opacity .3s;
}
.pb-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: min(600px,100%);
z-index: 91;
overflow-y: auto;
transform: translateX(102%);
transition: transform .45s cubic-bezier(.2,.7,.2,1);
box-shadow: -30px 0 80px rgba(0,0,0,.25);
}
.pb-on .pb-dim {
opacity: 1;
pointer-events: auto;
}
.pb-on .pb-drawer {
transform: none;
}
.pb-drawer-in {
padding: 34px clamp(24px,4vw,44px) 48px;
display: flex;
flex-direction: column;
gap: 22px;
}
.pb-x {
align-self: flex-end;
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid var(--line);
background: none;
color: var(--paper);
font-size: 20px;
cursor: pointer;
}
.pb-x:hover {
border-color: var(--accent);
color: var(--accent);
}
.pb-drawer .type {
font-family: var(--mono);
font-size: 11px;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--accent);
}
.pb-drawer h2 {
font-size: clamp(28px,3.4vw,38px);
line-height: 1.08;
letter-spacing: -.015em;
margin-top: -8px;
text-wrap: balance;
}
.pb-facts {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 1px;
background: var(--line);
border: 1px solid var(--line);
border-radius: 10px;
overflow: hidden;
}
.pb-facts div {
background: var(--panel);
padding: 14px 16px;
display: flex;
flex-direction: column;
gap: 5px;
}
.pb-facts dt {
font-family: var(--mono);
font-size: 10.5px;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--muted);
}
.pb-facts dd {
font-size: 15px;
color: var(--paper);
}
.pb-drawer h4 {
font-family: var(--mono);
font-size: 11.5px;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--muted);
font-weight: 500;
}
.pb-drawer .txt {
color: var(--paper-dim);
font-size: 16px;
line-height: 1.7;
}
.pb-drawer ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
}
.pb-drawer li {
display: grid;
grid-template-columns: 18px 1fr;
gap: 10px;
color: var(--paper-dim);
font-size: 15.5px;
line-height: 1.55;
}
.pb-drawer li::before {
content: "";
width: 10px;
height: 1px;
background: var(--accent);
margin-top: 12px;
}
.pb-drawer .acts {
display: flex;
gap: 12px;
flex-wrap: wrap;
padding-top: 8px;
}
.pb-applying {
display: none;
align-items: center;
gap: 10px;
font-family: var(--mono);
font-size: 11.5px;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--paper-dim);
border: 1px solid var(--line);
border-radius: 99px;
padding: 8px 14px;
}
.pb-applying.on {
display: inline-flex;
}
.pb-applying b {
color: var(--accent);
font-weight: 500;
}
@media (max-width:900px) {
.pb-grid {
grid-template-columns: 1fr;
}
.pb-side {
position: static;
}
.pb-search {
grid-template-columns: 1fr;
}
.pb-search select.input {
border-left: 0;
border-top: 1px solid var(--line);
border-radius: 9px;
}
}
@media (max-width:600px) {
.pb-card {
grid-template-columns: 1fr;
}
.pb-card .side {
flex-direction: row;
align-items: center;
}
}
/* Ajustes de integración: menú actual, selección obligatoria y avisos del servidor. */
.nav-links {
gap: 20px;
}
.nav-links a {
white-space: nowrap;
}
.nav-in {
gap: 18px;
}
@media (min-width: 1025px) and (max-width: 1200px) {
.nav-links {
gap: 12px;
}
.nav-cta {
gap: 10px;
}
.brand {
font-size: 16px;
}
}
.career-notice {
margin-bottom: 20px;
padding: 16px;
border: 1px solid var(--accent);
color: var(--paper);
}
#careerSend:disabled {
cursor: not-allowed;
opacity: .55;
}
#careerForm .input {
color: #ece9e3;
}
.pb-dim {
z-index: 1100;
}
.pb-drawer {
z-index: 1101;
}
.pb-card {
text-decoration: none;
}
.pb-drawer .txt {
white-space: pre-line;
}
#opportunities,
#apply {
scroll-margin-top: 80px;
}