@font-face {
  font-family: Karla;
  src: url('../Fonts/Karla-Italic-VariableFont_wght.ttf'),
    url('../Fonts/Karla-VariableFont_wght.ttf'),
    url('../Fonts/static/Karla-Bold.ttf'),
    url('../Fonts/static/Karla-BoldItalic.ttf'),
    url('../Fonts/static/Karla-ExtraBold.ttf'),
    url('../Fonts/static/Karla-ExtraBoldItalic.ttf'),
    url('../Fonts/static/Karla-ExtraLight.ttf'),
    url('../Fonts/static/Karla-ExtraLightItalic.ttf'),
    url('../Fonts/static/Karla-Italic.ttf'),
    url('../Fonts/static/Karla-Light.ttf'),
    url('../Fonts/static/Karla-LightItalic.ttf'),
    url('../Fonts/static/Karla-Medium.ttf'),
    url('../Fonts/static/Karla-MediumItalic.ttf'),
    url('../Fonts/static/Karla-Regular.ttf'),
    url('../Fonts/static/Karla-SemiBold.ttf'),
    url('../Fonts/static/Karla-SemiBoldItalic.ttf');
}

.btn-main {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e35b28;
  --bs-btn-border-color: #e35b28;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d44e1b;
  --bs-btn-hover-border-color: #e56b3d;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e56b3d;
  --bs-btn-active-border-color: #e0521d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e35b28;
  --bs-btn-disabled-border-color: #e35b28;
}

.btn-outline-primary-orange {
  --bs-btn-color: #e35b28;
  --bs-btn-border-color: #e35b28;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e35b28;
  --bs-btn-hover-border-color: #e35b28;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e35b28;
  --bs-btn-active-border-color: #e35b28;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e35b28;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e35b28;
  --bs-gradient: none;
}

.badge {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Sombra ligera */
}

.badge.lang-bg-csharp {
  background-color: #2391D9;
  /* Azul característico de C# */
  color: #fff;
  /* Texto blanco */
}

/* Badge para Java */
.badge.lang-bg-java {
  background-color: #5382a1;
  /* Azul de Java */
  color: #fff;
}

/* Badge para PHP */
.badge.lang-bg-php {
  background-color: #4f5b93;
  /* Morado de PHP */
  color: #fff;
}

.badge.lang-bg-js {
  background-color: #f7df1e;
  /* Amarillo de JS */
  color: #000;
  /* Negro para más contraste */
}

/* Badge para Python */
.badge.lang-bg-python {
  background-color: #3776ab;
  /* Azul de Python */
  color: #fff;
  /* Blanco para legibilidad */
}

/* Badge para Ruby */
.badge.lang-bg-ruby {
  background-color: #cc342d;
  /* Rojo de Ruby */
  color: #fff;
}

/* Badge para C++ */
.badge.lang-bg-cpp {
  background-color: #00599c;
  /* Azul clásico de C++ */
  color: #fff;
}

/* Badge para C */
.badge.lang-bg-c {
  background-color: #a8b9cc;
  /* Azul grisáceo de C */
  color: #fff;
}

/* Badge para Pascal */
.badge.lang-bg-pascal {
  background-color: #003fab;
  /* Azul característico de Pascal */
  color: #fff;
}

/* Badge para HTML */
.badge.lang-bg-html {
  background-color: #e34f26;
  /* Naranja de HTML */
  color: #fff;
}

/* Badge para CSS */
.badge.lang-bg-css {
  background-color: #1572b6;
  /* Azul de CSS */
  color: #fff;
}

/* Badge para TypeScript */
.badge.lang-bg-ts {
  background-color: #3178c6;
  /* Azul de TS */
  color: #fff;
}

/* Badge para Go */
.badge.lang-bg-go {
  background-color: #00add8;
  /* Azul característico de Go */
  color: #fff;
}

/* Badge para Kotlin */
.badge.lang-bg-kotlin {
  background-color: #0095d5;
  /* Azul de Kotlin */
  color: #fff;
}

/* Badge para Swift */
.badge.lang-bg-swift {
  background-color: #fa7343;
  /* Naranja de Swift */
  color: #fff;
}

/* Badge para Rust */
.badge.lang-bg-rust {
  background-color: #dea584;
  /* Marrón de Rust */
  color: #fff;
}

/* .NET Framework */
.badge.tech-bg-netFramework {
  background-color: #512bd4;
  /* Púrpura oficial de .NET */
  color: #ffffff;
}

/* .NET Core */
.badge.tech-bg-netCore {
  background-color: #68217a;
  /* Púrpura más oscuro */
  color: #ffffff;
}

/* .NET (General) */
.badge.tech-bg-net {
  background-color: #512bd4;
  color: #ffffff;
}

/* Bootstrap */
.badge.tech-bg-bootstrap {
  background-color: #563d7c;
  color: #ffffff;
}

/* Angular */
.badge.tech-bg-angular {
  background-color: #dd0031;
  color: #ffffff;
}

/* React */
.badge.tech-bg-react {
  background-color: #61dafb;
  color: #20232a;
}

/* Vue.js */
.badge.tech-bg-vue {
  background-color: #42b883;
  color: #35495e;
}

/* Node.js */
.badge.tech-bg-nodejs {
  background-color: #339933;
  color: #ffffff;
}

/* PHP */
.badge.tech-bg-php {
  background-color: #777bb3;
  /* Azul oficial de PHP */
  color: #ffffff;
}

/* Docker */
.badge.tech-bg-docker {
  background-color: #0db7ed;
  color: #ffffff;
}

/* Kubernetes */
.badge.tech-bg-kubernetes {
  background-color: #326ce5;
  color: #ffffff;
}

/* Python (para tecnologías relacionadas) */
.badge.tech-bg-python {
  background-color: #3776ab;
  color: #ffffff;
}

/* Ruby on Rails */
.badge.tech-bg-rails {
  background-color: #cc0000;
  color: #ffffff;
}

/* Java (para frameworks como Spring, etc.) */
.badge.tech-bg-java {
  background-color: #007396;
  color: #ffffff;
}

/* SQL */
.badge.tech-bg-sql {
  background-color: #00758f;
  color: #ffffff;
}

/* Badge para SQLite */
.badge.tech-bg-sqlite {
  background-color: #003B57;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* PostgreSQL */
.badge.tech-bg-postgresql {
  background-color: #336791;
  color: #ffffff;
}

/* MySQL */
.badge.tech-bg-mysql {
  background-color: #4479a1;
  color: #ffffff;
}

/* MongoDB */
.badge.tech-bg-mongodb {
  background-color: #47a248;
  color: #ffffff;
}

/* Git */
.badge.tech-bg-git {
  background-color: #f05032;
  color: #ffffff;
}

/* GitHub */
.badge.tech-bg-github {
  background-color: #24292e;
  color: #ffffff;
}

/* Visual Studio */
.badge.tech-bg-vs {
  background-color: #5c2d91;
  color: #ffffff;
}

/* Visual Studio Code */
.badge.tech-bg-vscode {
  background-color: #007acc;
  color: #ffffff;
}

.badge.frm-winforms {
  background-color: #2f77a3;
  color: #fff;
}

.badge.frm-wpf {
  background-color: #5e33a1;
  color: #fff;
}

.badge.frm-uwp {
  background-color: #0078d4;
  color: #fff;
}

.badge.frm-maui {
  background-color: #3b84d0;
  color: #fff;
}

.badge.frm-xamarin {
  background-color: #0078d4;
  color: #fff;
}

.badge.frm-avalonia {
  background-color: #4c6b42;
  color: #fff;
}

/* Bootstrap */
.badge.frm-bg-bootstrap {
  background-color: #563d7c; /* Púrpura oficial */
  color: #ffffff;
}

/* Flexbox Grid */
.badge.frm-bg-flexboxGrid {
  background-color: #fd7e14; /* Naranja distintivo */
  color: #ffffff;
}

/* Pure CSS */
.badge.frm-bg-pureCss {
  background-color: #1f8dd6; /* Azul oficial */
  color: #ffffff;
}

/* Zimit */
.badge.frm-bg-zimit {
  background-color: #007aff; /* Azul característico */
  color: #ffffff;
}

/* Tailwind CSS */
.badge.frm-bg-tailwind {
  background-color: #38bdf8; /* Azul claro de Tailwind */
  color: #ffffff;
}

/* Bulma */
.badge.frm-bg-bulma {
  background-color: #00d1b2; /* Verde agua */
  color: #ffffff;
}

/* UIkit */
.badge.frm-bg-uikit {
  background-color: #2396f3; /* Azul UIkit */
  color: #ffffff;
}

/* HTML Kickstart */
.badge.frm-bg-htmlKickstart {
  background-color: #e34c26; /* Rojo de HTML */
  color: #ffffff;
}

/* Materialize CSS */
.badge.frm-bg-materialize {
  background-color: #ee6e73; /* Rojo oficial */
  color: #ffffff;
}

/* Badges de Plataformas */
.badge.platform-bg-desktop {
  background-color: #0078d4; /* Azul representativo de escritorio */
  color: white;
}

.badge.platform-bg-web {
  background-color: #f16529; /* Naranja HTML5 para web */
  color: white;
}

.badge.platform-bg-mobile {
  background-color: #34a853; /* Verde Android */
  color: white;
}

.badge.platform-bg-crossplatform {
  background-color: #6a1b9a; /* Púrpura para multiplataforma */
  color: white;
}

.badge.platform-bg-cloud {
  background-color: #4285f4; /* Azul Google Cloud */
  color: white;
}

.badge.platform-bg-embedded {
  background-color: #ff5722; /* Naranja oscuro */
  color: white;
}

/* Badges de Sistemas Operativos con nombre estático en el CSS */
.badge.os-bg-windows {
  background-color: #0078d4; /* Azul Windows */
  color: white;
  box-shadow: 0 2px 4px rgba(0, 120, 212, 0.4);
  font-weight: bold;
}

.badge.os-bg-windows::before {
  content: "Windows";
}

.badge.os-bg-android {
  background-color: #34a853; /* Verde Android */
  color: white;
  box-shadow: 0 2px 4px rgba(52, 168, 83, 0.4);
  font-weight: bold;
}

.badge.os-bg-android::before {
  content: "Android";
}

.badge.os-bg-ios {
  background-color: #000000; /* Negro Apple */
  color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  font-weight: bold;
}

.badge.os-bg-ios::before {
  content: "iOS";
}

.badge.os-bg-macos {
  background-color: #a1a1a1; /* Gris MacOS */
  color: black;
  box-shadow: 0 2px 4px rgba(161, 161, 161, 0.4);
  font-weight: bold;
}

.badge.os-bg-macos::before {
  content: "MacOS";
}

.badge.os-bg-linux {
  background-color: #ffcc00; /* Amarillo Linux */
  color: black;
  box-shadow: 0 2px 4px rgba(255, 204, 0, 0.4);
  font-weight: bold;
}

.badge.os-bg-linux::before {
  content: "GNU/Linux";
}

/* Badge para AWS */
.badge.cloud-aws {
  background-color: #232F3E;
  color: #FF9900;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Badge para Azure */
.badge.cloud-azure {
  background-color: #0089D6;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Badge para Google Cloud */
.badge.cloud-gcloud {
  background-color: #4285F4;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Badge para DigitalOcean */
.badge.cloud-do {
  background-color: #0080FF;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Badge para Heroku */
.badge.cloud-heroku {
  background-color: #6762A6;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Badge para Firebase */
.badge.cloud-firebase {
  background-color: #FFCB2B;
  color: #FFFFFF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}