@font-face {
    font-family: 'Tele-Marines';
    font-style: normal;
    font-display: fallback;
    font-weight: 400;
    src: local('Tele-Marines'), url('/assets/Telev2.woff') format('woff');
}

:root {
    --chat-logo: url('/assets/img_whatsapp.svg');
    --filter-color: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1143%) hue-rotate(212deg) brightness(114%) contrast(100%);
    --spacing: 0.5em;
    --block-spacing-vertical: calc(0rem * 2);
}

[data-theme=light],
:root:not([data-theme=dark]) {
    --filter-color: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7461%) hue-rotate(91deg) brightness(108%) contrast(108%);
}

* {
    scroll-behavior: smooth !important;
}

.logo {
    max-height: 128px;
}

.brandname {
    font-size: inherit;
    font-family: 'Tele-Marines', sans-serif;
    background-image: linear-gradient(to right, rgb(0, 97, 122), rgb(0, 122, 100));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.motto {
    font-size: small;
}

body header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0%;
}

body footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0%;
}

#btnTheme {
    padding-bottom: unset;
}

.themeIcon {
    content: url('/assets/img_toggle.svg');
    max-height: 28px;
    filter: var(--filter-color)
}

.chatIcon {
    content: var(--chat-logo);
    max-height: 48px;
}

.widget {
    z-index: 99;
    position: fixed;
    bottom: 2em;
    right: 2em;
}

[data-tooltip]:is(hgroup) {
    border-bottom: none;
    text-decoration: none;
    cursor: help;
}

.fullscreen-video-container {
    position: relative;

    height: 100vh;
    width: 100vw;

    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
}

.fullscreen-video-content {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 30px;
    border-radius: 5px;
}

.fullscreen-video-content p {
    font-weight: 700;
    color: #333;
}

.fullscreen-video-container video {
    position: absolute;

    width: auto;
    height: auto;

    min-width: 100%;
    min-height: 100%;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
    z-index: -1;
}