/* Header Footer Rounded */
/* rounded-[2rem] built-in class from Preline was breaking without reason */
/* then it was needed to create this class to add border-radius for Header and Footer */
/* Header id is "header-id" and Footer is "footer-id" to quick access */

.header-footer-rounded {
    border-radius: 2rem;
}



/* Common use classes */
.hover-color-transition svg {
    transition: color 0.5s;
}


/* Header */

/* .header-hover-dark-theme-icon:hover svg {
    color: #4d31ee;
} */

.header-hover-light-theme-icon:hover svg {
    color: #e0d835;
}

.header-hover-dark-theme-icon:hover svg {
    /* Azul Escuro */
    /* color: #3A3D98;  */

    /* Roxo Suave */
    color: #6A0DAD;

    /* Roxo Intenso */
    /* color: #8A2BE2; */

    /* Azul Médio */
    /* color: #1E3A8A; */

    /* Prata */
    /* color: #B0BEC5; */

    /* Cinza Claro */
    /* color: #A8A8A8; */
}

.header-hover-translation-icon:hover svg {
    color: #2aaae1;
}


/* Footer - Social networks */
.footer-linkedin-icon:hover svg {
    color: #0a66c2;
}

.footer-whatsapp-icon:hover svg {
    color: #25d366;
}

.footer-github-icon:hover svg {
    color: #7e7e7e;
}

.footer-telegram-icon:hover svg {
    color: #28a8e8;
}

.footer-email-icon:hover svg {
    color: #e2a728;
}

.footer-download-icon:hover svg {
    color: #1ecb92;
}

.footer-contact-icon:hover svg {
    color: #ff753e;
}

.footer-qrcode-icon:hover svg {
    color: #e22222;
}

.footer-qr-code-desktop {
    display: none;
}

/* Somente mostra em dispositivos com mouse e tela grande (desktop real) */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
    .footer-qr-code-desktop {
        display: block;
    }
}


/* Select secoes mobile */
#menu-select-sections {
    text-align: center;
    border: transparent;
}


/* Skills section */
.creative-adobe-acrobat:hover {
    color: #b30c00;
}

.creative-adobe-acrobat-tooltip {
    background-color: #b30c00;
}

.creative-adobe-camera-raw:hover {
    color: #df112e;
}

.creative-adobe-camera-raw-tooltip {
    background-color: #df112e;
}

.creative-adobe-color:hover {
    color: #ff5ff8;
}

.creative-adobe-color-tooltip {
    background-color: #ff5ff8;
}

.creative-adobe-fonts:hover {
    color: #696969;
}

.creative-adobe-fonts-tooltip {
    background-color: #696969;
}

.creative-adobe-illustrator:hover {
    color: #ff9a00;
}

.creative-adobe-illustrator-tooltip {
    background-color: #ff9a00;
}

.creative-adobe-lightroom:hover {
    color: #31A8FF;
    /* color: #001E36; */
}

.creative-adobe-lightroom-tooltip {
    background-color: #31A8FF;
    /* color: #001E36; */
}

.creative-adobe-photoshop:hover {
    color: #31a8ff;
}

.creative-adobe-photoshop-tooltip {
    background-color: #31a8ff;
}

.creative-adobe-portfolio:hover {
    color: #0767db;
}

.creative-adobe-portfolio-tooltip {
    background-color: #0767db;
}


.development-c:hover {
    color: #a9bacd;
}

.development-c-tooltip {
    background-color: #a9bacd;
}

.development-cplusplus:hover {
    color: #085e9f;
}

.development-cplusplus-tooltip {
    background-color: #085e9f;
}

.development-csharp:hover {
    color: #9714be;
}

.development-csharp-tooltip {
    background-color: #9714be;
}

.development-git:hover {
    color: #f34f29;
}

.development-git-tooltip {
    background-color: #f34f29;
}

.development-java:hover {
    color: #eb2024;
}

.development-java-tooltip {
    background-color: #eb2024;
}

.development-javascript:hover {
    color: #efd81c;
}

.development-javascript-tooltip {
    /* background-color:#efd81c; */
    background-color: #d6c020;
}

.development-python:hover {
    color: #3d7db0;
}

.development-python-tooltip {
    background-color: #3d7db0;
}

.development-shellscript:hover {
    color: #47b353;
}

.development-shellscript-tooltip {
    background-color: #47b353;
}

.development-swift:hover {
    color: #f05138;
}

.development-swift-tooltip {
    background-color: #f05138;
}


.best-practice-cicd:hover {
    color: #fcb346;
}

.best-practice-cicd-tooltip {
    background-color: #e8a848;
}

.best-practice-clean-code:hover {
    color: #a0a0a0;
}

.best-practice-clean-code-tooltip {
    background-color: #a0a0a0;
}

.best-practice-documentation:hover {
    color: #c72828;
}

.best-practice-documentation-tooltip {
    background-color: #c72828;
}

.best-practice-refactoring:hover {
    color: #5664ff;
}

.best-practice-refactoring-tooltip {
    background-color: #5664ff;
}

.best-practice-software-specification:hover {
    color: #14b8c7;
}

.best-practice-software-specification-tooltip {
    background-color: #14b8c7;
}

.best-practice-testing:hover {
    color: #8fc934;
}

.best-practice-testing-tooltip {
    background-color: #95cf38;
}

.best-practice-version-control:hover {
    color: #e94e32;
}

.best-practice-version-control-tooltip {
    background-color: #e94e32;
}


.framework-bootstrap:hover {
    color: #6f2cf4;
}

.framework-bootstrap-tooltip {
    background-color: #6f2cf4;
}

.framework-tailwind:hover {
    color: #00bcff;
}

.framework-tailwind-tooltip {
    background-color: #00bcff;
}

.framework-vue:hover {
    color: #42b883;
}

.framework-vue-tooltip {
    background-color: #42b883;
}


.libraries-jquery:hover {
    color: #0769ad;
}

.libraries-jquery-tooltip {
    background-color: #0769ad;
}

.libraries-pandas:hover {
    color: #e80c8c;
}

.libraries-pandas-tooltip {
    background-color: #e80c8c;
}

.libraries-preline:hover {
    color: #3b82f6;
}

.libraries-preline-tooltip {
    background-color: #3b82f6;
}

.libraries-pytest:hover {
    color: #009fe3;
}

.libraries-pytest-tooltip {
    background-color: #009fe3;
}

.libraries-unit-tests:hover {
    color: #6959a6;
}

.libraries-unit-tests-tooltip {
    background-color: #6959a6;
}


.markdown-css:hover {
    color: #663399 !important;
    fill: #663399 !important;
}

.markdown-css-tooltip {
    background-color: #663399;
}

/* 
.light .markdown-css-background-path {
    fill: #1F2937;
}

.light .markdown-css-letter-path {
    fill: #FFFFFF;
}

.dark .markdown-css-background-path {
    fill: #FFFFFF;
}

.dark .markdown-css-letter-path {
    fill: #1F2937;
} */

.markdown-html:hover {
    color: #e5532d;
}

.markdown-html-tooltip {
    background-color: #e5532d;
}

.markdown-jinja2:hover {
    color: #b61e1e;
}

.markdown-jinja2-tooltip {
    background-color: #b61e1e;
}

.markdown-json:hover {
    color: #a8a8a8;
}

.markdown-json-tooltip {
    background-color: #a2a2a2;
}

.markdown-makefile:hover {
    color: #f05856;
}

.markdown-makefile-tooltip {
    background-color: #f05856;
}

.markdown-markdown:hover {
    color: #37cdc0;
}

.markdown-markdown-tooltip {
    background-color: #3acabe;
}


.database-mysql:hover {
    color: #f89b24;
}

.database-mysql-tooltip {
    background-color: #f89b24;
}

.database-sqlserver:hover {
    color: #b92323;
}

.database-sqlserver-tooltip {
    background-color: #b92323;
}


.cloud-gcp:hover {
    color: #4285f4;
}

.cloud-gcp-tooltip {
    background-color: #4285f4;
}


.operating-system-android:hover {
    color: #3ddb85;
}

.operating-system-android-tooltip {
    background-color: #3ed984;
}

.operating-system-apple:hover {
    color: #aaaaaa;
}

.operating-system-apple-tooltip {
    background-color: #aeaeae;
}

.operating-system-armbian:hover {
    color: #f40f00;
}

.operating-system-debian:hover {
    color: #a80030;
}

.operating-system-ios:hover {
    color: #4cb2d8;
}

.operating-system-ipados:hover {
    color: #7085c8;
}

.operating-system-macos:hover {
    color: #c486ad;
}

.operating-system-orange-pi-os:hover {
    color: #f4a524;
}

.operating-system-raspberry-pi-os:hover {
    color: #cd2355;
}

.operating-system-ros:hover {
    color: #88b25f;
}

.operating-system-ros-tooltip {
    background-color: #88b25f;
}

.operating-system-ubuntu:hover {
    color: #e95420;
}

.operating-system-watchos:hover {
    color: #1ec8ae;
}

.operating-system-windows:hover {
    color: #2192fe;
}

.operating-system-windows-tooltip {
    background-color: #2192fe;
}

.operating-system-sbc:hover {
    /* color: #f4a524; */
    color: #cd2355;
}

.operating-system-sbc-tooltip {
    /* background-color: #f4a524; */
    background-color: #cd2355;
}

.operating-system-linux:hover {
    /* color: #f4a524; */
    color: #f7bd10;
}

.operating-system-linux-tooltip {
    /* background-color: #f4a524; */
    background-color: #f2b90f;
}


.work-tools-apple-keynote:hover {
    color: #22b8fb;
}

.work-tools-apple-keynote-tooltip {
    background-color: #22b8fb;
}

.work-tools-cisco-jabber:hover {
    color: #00bceb;
}

.work-tools-cisco-jabber-tooltip {
    background-color: #00bceb;
}

.work-tools-draw-io:hover {
    color: #f09728;
}

.work-tools-draw-io-tooltip {
    background-color: #f09728;
}

.work-tools-google-workspace:hover {
    color: #ffba00;
}

.work-tools-google-workspace-tooltip {
    background-color: #ffba00;
}

.work-tools-jira:hover {
    color: #1868db;
}

.work-tools-jira-tooltip {
    background-color: #1868db;
}

.work-tools-lucidchart:hover {
    color: #f96b13;
}

.work-tools-lucidchart-tooltip {
    background-color: #f96b13;
}

.work-tools-microsoft-365:hover {
    color: #1296ea;
}

.work-tools-microsoft-365-tooltip {
    background-color: #1296ea;
}

.work-tools-microsoft-teams:hover {
    color: #7b83eb;
}

.work-tools-microsoft-teams-tooltip {
    background-color: #7b83eb;
}

.work-tools-notion:hover {
    color: #606060;
}

.work-tools-notion-tooltip {
    background-color: #606060;
}

.work-tools-trello:hover {
    color: #2983fa;
}

.work-tools-trello-tooltip {
    background-color: #2983fa;
}

.work-tools-vpn:hover {
    color: #08adff;
}

.work-tools-vpn-tooltip {
    background-color: #08adff;
}

.work-tools-xmind:hover {
    color: #ee3d1a;
}

.work-tools-xmind-tooltip {
    background-color: #ee3d1a;
}

.work-tools-zoom:hover {
    color: #0B5CFF;
}

.work-tools-zoom-tooltip {
    background-color: #0B5CFF;
}


.ide-arduino-ide:hover {
    color: #089aa0;
}

.ide-arduino-ide-tooltip {
    background-color: #089aa0;
}

.ide-android-studio:hover {
    color: #3ddb85;
}

.ide-android-studio-tooltip {
    background-color: #3ed984;
}

.ide-intellij:hover {
    color: #fe3763;
}

.ide-intellij-tooltip {
    background-color: #fe3763;
}

.ide-netbeans:hover {
    color: #3594e9;
}

.ide-netbeans-tooltip {
    background-color: #3594e9;
}

.ide-pycharm:hover {
    color: #8dcc69;
}

.ide-pycharm-tooltip {
    background-color: #8dcc69;
}

.ide-visual-studio:hover {
    color: #bb8cf3;
}

.ide-visual-studio-tooltip {
    background-color: #bb8cf3;
}

.ide-visual-studio-code:hover {
    color: #43acf2;
}

.ide-visual-studio-code-tooltip {
    background-color: #43acf2;
}

.ide-webstorm:hover {
    color: #02c2e0;
}

.ide-webstorm-tooltip {
    background-color: #02c2e0;
}

.ide-xcode:hover {
    color: #189feb;
}

.ide-xcode-tooltip {
    background-color: #189feb;
}


.software-anydesk:hover {
    color: #ef443b;
}

.software-anydesk-tooltip {
    background-color: #ef443b;
}

.software-bootstrap-studio:hover {
    color: #6f2cf4;
}

.software-bootstrap-studio-tooltip {
    background-color: #6f2cf4;
}

.software-insomnia:hover {
    color: #6d00d9;
}

.software-insomnia-tooltip {
    background-color: #6d00d9;
}

.software-jupyter:hover {
    color: #f37b2d;
}

.software-jupyter-tooltip {
    background-color: #f37b2d;
}

.software-mysql-workbench:hover {
    color: #4a7eae;
}

.software-mysql-workbench-tooltip {
    background-color: #4a7eae;
}

.software-nomachine:hover {
    color: #da3b39;
}

.software-nomachine-tooltip {
    background-color: #da3b39;
}

.software-postman:hover {
    color: #ff713d;
}

.software-postman-tooltip {
    background-color: #ff713d;
}

.software-sublime-text:hover {
    color: #f89b27;
}

.software-sublime-text-tooltip {
    background-color: #f89b27;
}

.software-teamviewer:hover {
    color: #138ae5;
}

.software-teamviewer-tooltip {
    background-color: #138ae5;
}

.software-vmware:hover {
    color: #0097d3;
}

.software-vmware-tooltip {
    background-color: #0097d3;
}


.platform-adobe-creative-cloud:hover {
    color: #da1f26;
}

.platform-adobe-creative-cloud-tooltip {
    background-color: #da1f26;
}

.platform-anaconda:hover {
    color: #43b049;
}

.platform-anaconda-tooltip {
    background-color: #43b049;
}

.platform-arduino:hover {
    color: #089aa0;
}

.platform-arduino-tooltip {
    background-color: #089aa0;
}

.platform-cpanel:hover {
    color: #f7692b;
}

.platform-cpanel-tooltip {
    background-color: #f7692b;
}

.platform-docker:hover {
    color: #1d63ed;
}

.platform-docker-tooltip {
    background-color: #1d63ed;
}

.platform-github:hover {
    color: #707070;
}

.platform-github-tooltip {
    background-color: #707070;
}

.platform-gitlab:hover {
    color: #fc6d26;
}

.platform-gitlab-tooltip {
    background-color: #fc6d26;
}

.platform-nfc:hover {
    color: #0dbbfb;
}

.platform-nfc-tooltip {
    background-color: #0dbbfb;
}

.platform-node:hover {
    color: #5daf47;
}

.platform-node-tooltip {
    background-color: #5daf47;
}

.platform-wordpress:hover {
    color: #28799e;
}

.platform-wordpress-tooltip {
    background-color: #28799e;
}


.quick-contact-aws:hover {
    color: #ff9c08;
}

.quick-contact-aws-tooltip {
    background-color: #ed920a;
}

.quick-contact-angular:hover {
    color: #de0837;
}

.quick-contact-angular-tooltip {
    background-color: #de0837;
}

.quick-contact-apache-tomcat:hover {
    color: #d2a721;
}

.quick-contact-apache-tomcat-tooltip {
    background-color: #d2a721;
}

.quick-contact-assembly:hover {
    color: #405ba9;
}

.quick-contact-assembly-tooltip {
    background-color: #405ba9;
}

.quick-contact-azure:hover {
    color: #41caf3;
}

.quick-contact-azure-tooltip {
    background-color: #41caf3;
}

.quick-contact-data-science:hover {
    color: #cb54bc;
}

.quick-contact-data-science-tooltip {
    background-color: #cb54bc;
}

.quick-contact-firebase:hover {
    color: #dd2c00;
}

.quick-contact-firebase-tooltip {
    background-color: #dd2c00;
}

.quick-contact-flask:hover {
    color: #999999;
}

.quick-contact-flask-tooltip {
    background-color: #999999;
}

.quick-contact-matlab:hover {
    color: #c04c0b;
}

.quick-contact-matlab-tooltip {
    background-color: #c04c0b;
}

.quick-contact-netlify:hover {
    color: #05bdba;
}

.quick-contact-netlify-tooltip {
    background-color: #05bdba;
}

.quick-contact-octave:hover {
    color: #0790c0;
}

.quick-contact-octave-tooltip {
    background-color: #0790c0;
}

.quick-contact-okhttp:hover {
    color: #009485;
}

.quick-contact-okhttp-tooltip {
    background-color: #009485;
}

.quick-contact-terraform:hover {
    color: #5f3bde;
}

.quick-contact-terraform-tooltip {
    background-color: #5f3bde;
}

.quick-contact-toml:hover {
    color: #828383;
}

.quick-contact-toml-tooltip {
    background-color: #828383;
}

.quick-contact-typescript:hover {
    color: #377cc8;
}

.quick-contact-typescript-tooltip {
    background-color: #377cc8;
}

.quick-contact-xml:hover {
    color: #f29f26;
}

.quick-contact-xml-tooltip {
    background-color: #f29f26;
}

.quick-contact-yaml:hover {
    color: #cb171e;
}

.quick-contact-yaml-tooltip {
    background-color: #cb171e;
}


.methodology-agile:hover {
    color: #fec63f;
}

.methodology-dad:hover {
    color: #fc885f;
}

.methodology-scrum:hover {
    color: #2dc29e;
}

.methodology-waterfall:hover {
    color: #556bda;
}

.methodology-xp:hover {
    color: #fc6064;
}


.text-justify {
    text-align: justify;
}


.light .airbus-svg {
    fill: #1f2937;
}

.dark .airbus-svg {
    fill: #e5e5e5;
}

.airbus-picture {
    height: 75%;
    width: 75%;
}

.airbus-annual-review-screenshot {
    height: 75%;
    width: 75%;
}

.margin-left-2 {
    margin-left: 0.5rem;
}

.margin-right-2 {
    margin-right: 0.5rem;
}


.responsive-video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* Proporção 16:9 */
    /* border-radius: 15px; */
    overflow: hidden;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border-radius: 15px; */
}


.ping-pong-picture {
    height: 50%;
    width: 50%;
}

.ping-pong-screenshot {
    height: 50%;
    width: 50%;
}

.typewriter-picture {
    height: 50%;
    width: 50%;
}

.spac-picture {
    height: 50%;
    width: 50%;
}

.trashnator-picture {
    height: 50%;
    width: 50%;
}

.squone-picture {
    height: 50%;
    width: 50%;
}

.aciot-picture {
    height: 50%;
    width: 50%;
}

.aciot-diagram {
    height: 75%;
    width: 75%;
}

.firtro-picture {
    height: 50%;
    width: 50%;
}

.firtro-diagram {
    height: 75%;
    width: 75%;
}


.light .courses-camera-svg {
    stroke: #1f2937;
}

.dark .courses-camera-svg {
    stroke: #e5e5e5;
}


.tooltip-custom {
    padding: 0.6rem;
}