@charset "UTF-8";

.border-debug {border:1px solid var(--bs-red) !important;}
.border-solid { border-style: solid !important;}
.border-groove { border-style:groove !important}
.border-ridge, .border-raise{ border-style: ridge !important;}
.border-dotted { border-style: dotted !important;}
.border-double { border-style: double !important;}

.no-border {border: 0px none transparent !important; }

.border-shadow{
  -webkit-box-shadow: 10px 10px 18px -6px var(--ic-negro);
     -moz-box-shadow: 10px 10px 18px -6px var(--ic-negro);
          box-shadow: 10px 10px 18px -6px var(--ic-negro);
}

.border-inset-bold{
  border-width: 1px !important;
  border-style: inset !important;
  border-color: var(--ic-blanco) !important;

          box-shadow:inset 1px 1px 6px #808080;
  -webkit-box-shadow:inset 1px 1px 6px #808080;
     -moz-box-shadow:inset 1px 1px 6px #808080;
      -ms-box-shadow:inset 1px 1px 6px #808080;
       -o-box-shadow:inset 1px 1px 6px #808080;
}

.border-inset{
          box-shadow:inset 0.10em 0.20em 0.45em transparent;
  -webkit-box-shadow:inset 0.10em 0.20em 0.45em transparent;
     -moz-box-shadow:inset 0.10em 0.20em 0.45em transparent;
      -ms-box-shadow:inset 0.10em 0.20em 0.45em transparent;
       -o-box-shadow:inset 0.10em 0.20em 0.45em transparent;

  border:1px inset var(--ic-blanco) !important;
}


.svg-shadow{ filter: drop-shadow(0px 2px 1px var(--ic-negro));}
.svg-shadow-light{ filter: drop-shadow(0px 2px 1px var(--ic-blanco)) !important;}
.svg-groove{filter: drop-shadow(2px 2px 3px #888888) grayscale(60%)};