@charset "UTF-8";
/*!
 * Bootstrap  v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

 :root {
  --bs-fcn-rgb: 227, 5, 124;
 }
.bg-fcn {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-fcn-rgb), var(--bs-bg-opacity))!important
}

.btn-somosmx {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e3057c;
  --bs-btn-border-color: #e3057c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ce0470;
  --bs-btn-hover-border-color: #be0367;
  --bs-btn-focus-shadow-rgb: 85, 145, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #be0367;
  --bs-btn-active-border-color: #c51373;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e3057c;
  --bs-btn-disabled-border-color: #e3057c
}

.navbar-fullscreen .navbar-fullscreen-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(189, 197, 209, .6);
  visibility: hidden
}
.navbar-brand-logo {
  width: 100%;
  min-width: 6.5rem;
  max-width: 11.5rem
}
.navbar-brand-logo-footer {
  width: 100%;
  min-width: 5.5rem;
  max-width: 16.5rem
}
.gradient-x-overlay-lg-dark-video::before {
  z-index: 2;
  background-image: linear-gradient(to right, rgba(95, 35, 153, .6) 10%, rgba(220, 85, 160, .6) 100%)
}
.gradient-x-overlay-sm-primary::before {
  background-image: linear-gradient(45deg, transparent, rgba(55, 125, 255, .05))
}
.gradient-x-overlay-sm-dark::before {
  background-image: linear-gradient(to right, rgba(33, 50, 91, .25) 0, rgba(30, 32, 34, .25) 100%)
}
.gradient-x-overlay-lg-dark::before {
  background-image: linear-gradient(to right, rgba(95, 35, 153, 0) 10%, rgba(220, 85, 160, 0) 100%)
}
.gradient-y-overlay-lg-dark::before {
  background-image: linear-gradient(to bottom, transparent 40%, rgba(12, 13, 14, .6))
}
.gradient-y-overlay-lg-white::before {
  background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, .9))
}
.gradient-y-overlay-sm-gray-900::before {
  background-image: linear-gradient(to bottom, rgba(30, 32, 34, .3), rgba(33, 50, 91, .2))
}
.headerfcn {
  border-bottom: 4px solid transparent;
  -moz-border-image: url("../img/pleca-bloques.png") 30 30 stretch;
  -webkit-border-image: url(../img/pleca-bloques.png) 30 30 stretch;
  -o-border-image: url("../img/pleca-bloques.png") 30 30 stretch;
  border-image: url(../img/pleca-degradado.png);
  border-image: auto;
  
}