/* CSS HEX */
:root {
    --primary-color: var(--catalina-blue);
    --secondary-color: var(--blue-zodiac); /* --boston-blue */
    --highlight-text: var(--lavender);
    --highlight-text-hover: var(--mint-green);
    --title-color: var(--lavender-gray);

    --logo-facebook-color: #00acee;
    --logo-linkedin-color: #3b5998;
    --logo-instagram-color: #e1306c;
    --logo-x-color: #000;

    --catalina-blue: #043b7c; /* */
    --link-water: #deecf4; /*  */
    --steel-blue: #4980b0;
    --boston-blue: #358bc8;

    --kashmir-blue: #546d90;
    --danube: #6cafd2;

    --st-tropaz: #2b5689; /* */
    --manatee: #858ca4;
    --blue-zodiac: #142c4f;
    --san-marino: #3c6c9c;

    /* Novas cores sugeridas */
    --lavender: #E6E6FA;
    --lavender-gray: #c4c3d0; /*  */
    --silver-grey: #C0C0C0;

    --peach: #FFDAB9;
    --soft-amber: #ffcc99; /* */
    --golden-sand: #e6b89c;
    --golden-yellow: #FCCB06; /* */

    --cream: #F1FEC6;
    --sage: #88b04b;
    --olive-green: #808000;
    --mint-green: #3EB489;

    --mint-green-2: #a0d5a8;
    --burned-orange: #e68a00; /* e68a00 */
    --soft-yellow: #f3d775; /* f3d775 */

    --coral: #FF8D64;
    --coral-red: #ff6f61;
    --terra-cotta: #e3735e;
    --burnt-orange: #CC5500;
}

.hidden {
    display: none;
}
.toggle-link {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}
#link-services{
    width: 250px; /* Ajuste conforme necessário */
    height: 50%; /* Ajuste conforme necessário */
    margin: auto;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}