:root{
    --azul-petroleo: #1f4e5f;
    --azul-profundo: #1E3A62;
    --azul-sereno: #5F7FA3;
    --terracota: #C96B4B;
    --cinza-grafite: #3F434A;
    --branco-aquecido: #FAF8F5;
}

/* Text Colors */
.text-azul-petroleo {
    color: var(--azul-petroleo);
}

.text-azul-profundo {
    color: var(--azul-profundo);
}

.text-azul-sereno {
    color: var(--azul-sereno);
}

.text-terracota {
    color: var(--terracota);
}

.text-cinza-grafite {
    color: var(--cinza-grafite);
}

.text-branco-aquecido {
    color: var(--branco-aquecido);
}


/* Background Colors */
.bg-azul-petroleo {
    background-color: var(--azul-petroleo);
}

.bg-azul-profundo {
    background-color: var(--azul-profundo);
}

.bg-azul-sereno {
    background-color: var(--azul-sereno);
}

.bg-terracota {
    background-color: var(--terracota);
}

.bg-cinza-grafite {
    background-color: var(--cinza-grafite);
}

.bg-branco-aquecido {
    background-color: var(--branco-aquecido);
}

a.bg-azul-petroleo:hover{
    color: white;
    background-color: var(--azul-sereno);
}

.cormorant-light {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.cormorant-bold {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

section p{font-size: 1.3rem;line-height: 1.5;}
.col-md-6 img{filter: invert(1); max-width: 200px;height: auto;}
html{scroll-behavior: smooth;}
@media (max-width: 540px) {
    section p{line-height: 1}
    .navbar-brand{.fs-2{font-size: 1rem !important;}.fs-4{font-size: .8rem!important;}}
    #slogan span{font-size: 3rem!important;width: 80%;}
    #values span{font-size: 1rem !important;line-height: 1;}
    .col-md-6 img{filter: invert(1); max-width: 100px;height: auto;padding-top: 1rem;padding-bottom: 1rem;}
    #hero{.profile{max-width: 200px !important} .img-fluid{max-width: 100px !important;}.container-fluid>.flex-row{
        flex-direction: column !important;} span.lh-1{font-size: 1rem !important;}}
}
#hero{
    background:
            radial-gradient(
                    circle at 15% 20%,
                    rgba(233,214,200,.28) 0%,
                    transparent 35%
            ),
            radial-gradient(
                    circle at 85% 15%,
                    rgba(91,117,130,.35) 0%,
                    transparent 40%
            ),
            radial-gradient(
                    circle at 70% 80%,
                    rgba(185,133,116,.22) 0%,
                    transparent 38%
            ),
            radial-gradient(
                    circle at 20% 90%,
                    rgba(48,76,99,.30) 0%,
                    transparent 42%
            ),
            #091423;

    img.profile{
        border: 1px solid rgba(255,255,255,.05);
        box-shadow:
                0 10px 30px rgba(0,0,0,.25),
                0 35px 90px rgba(0,0,0,.35),
                0 0 80px rgba(91,117,130,.12),
                0 0 1px rgba(255,255,255,.08);
    }
}

.glass {
    /* 1. O segredo do iOS: Desfoque ultra-pesado */
    backdrop-filter: blur(30px) saturate(30%);
    -webkit-backdrop-filter: blur(30px) saturate(30%);

    /* 2. Cor de fundo base do sistema (muito translúcida) */
    background-color: rgba(255, 255, 255, 0.22);
    /* 3. A borda milimétrica da Apple: Subtil, nítida e sem cantos escuros */
    border: 0.5px solid rgba(255, 255, 255, 0.4);

    /* 4. Iluminação 3D física (Sombra externa suave + Brilho interno do vidro) */
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.42),
        /* Linha de luz no topo do vidro */ 0 8px 32px rgba(0, 0, 0, 0.12);
    /* Sombra projetada difusa */
}
.glass-darker {
    /* 1. O segredo do iOS: Desfoque ultra-pesado */
    backdrop-filter: blur(30px) saturate(30%);
    -webkit-backdrop-filter: blur(30px) saturate(30%);

    /* 2. Cor de fundo base do sistema (muito translúcida) */
    background-color: rgb(0 0 0 / 0.11);
    /* 3. A borda milimétrica da Apple: Subtil, nítida e sem cantos escuros */
    border: 0.5px solid rgba(255, 255, 255, 0.4);

    /* 4. Iluminação 3D física (Sombra externa suave + Brilho interno do vidro) */
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.42),
        /* Linha de luz no topo do vidro */ 0 8px 32px rgba(0, 0, 0, 0.12);
    /* Sombra projetada difusa */
}

a.glass:hover{
    color: white; !important;
    background-color: rgb(255 255 255 / 12%) !important;
    /* 1. O segredo do iOS: Desfoque ultra-pesado */
    backdrop-filter: blur(30px) saturate(190%);
    -webkit-backdrop-filter: blur(30px) saturate(190%);
}
a.glass-darker:hover{
    color: white; !important;
    background-color: rgb(0 0 0 / 0.2) !important;
    /* 1. O segredo do iOS: Desfoque ultra-pesado */
    backdrop-filter: blur(30px) saturate(190%);
    -webkit-backdrop-filter: blur(30px) saturate(190%);
}