:root{
  
  /* COLORES ATLANTIS-BROGER */
  --rojo:#c84941;
  --amarillo: #f2e82e;
  --amarillo-dos:#f2e82e;
  --gris:#a0a0a0;
  --gris-dos:#8f8f8f;
  --verde:#2ccc74;
  --verde-dos:#69b56c;
  --verde-tres:#439646;
  --negro:#353535;
  --celeste:#456ea6;
  --azul-tres:#285680;
  /* var(--verde-tres); */

  --verde-clarito:#81ffba;
  --verde-claro:  #81ffba;
  --verde:        #2ccc74;
  --verde-fuerte: #2ccc74;
  --verde-oscuro: #2ccc74;
  
}


body {
  color: #1f1f1f;
  color: green;
  font-optical-sizing: auto;
  font-style: normal;
  background-color: white !important;
  font-size:16px !important;
}

  .ok {  
    width: 30% !important;       
  }

  .fp {
    fp: 70% !important;       
  }


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { 
  font-family: "Montserrat", sans-serif;
}

h1{
  font-size: 2rem;
}






a:link { color:#048204; TEXT-DECORATION: none !important;}
a:active { color:#048204; TEXT-DECORATION: none !important}
a:hover { color:orange; TEXT-DECORATION: none !important}
a:visited {color:#048204; TEXT-DECORATION: none !important}
/*a:active { BACKGROUND-COLOR: #1D8607; TEXT-DECORATION: none }*/



.turbolinks-progress-bar {
  background-color: var(--verde-tres) !important;
}



input[type="checkbox"].switch_1:checked{
  background: #5cf8b0;
}



.f_gris{
  color:grey;
}

.bg-light {
  background-color: #f3f3f3 !important;
}

.rounded {
  border-radius: 10px !important;
}

.sombra{
  box-shadow: 4px 3px 10px 1px rgb(121 120 124 / 62%)
}

#main {
  margin: 50px 0;
}

#main #faq .card {
  margin-bottom: 30px;
  border: 0;
}

#main #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#main #faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #FFE472;
  color: #222;
  padding: 20px;
}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #A541BB;
  color: #fff;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {
  background: #FFE472;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #FFE472;
  line-height: 30px;
  color: #222;
}


.w-5 { width: 5%  !important}
.w-10{ width: 10% !important}
.w-15{ width: 15% !important}
.w-20{ width: 20% !important}
.w-30{ width: 30% !important}
.w-40{ width: 40% !important}
.w-45{ width: 45% !important}
.w-50{ width: 50% !important}
.w-55{ width: 55% !important}
.w-60{ width: 60% !important}
.w-70{ width: 70% !important}
.w-80{ width: 80% !important}
.w-85{ width: 85% !important}
.w-90{ width: 90% !important}
.w-95{ width: 95% !important}


 

.page-link {
  position: relative;
  display: block;
  padding: var(--#{$prefix}pagination-padding-y) var(--#{$prefix}pagination-padding-x);
  @include font-size(var(--#{$prefix}pagination-font-size));
  color: var(--#{$prefix}pagination-color);
  text-decoration: if($link-decoration == none, null, none);
  background-color: var(--#{$prefix}pagination-bg);
  border: var(--#{$prefix}pagination-border-width) solid var(--#{$prefix}pagination-border-color);
  @include transition($pagination-transition);

  &:hover {
    z-index: 2;
    color: white;
    text-decoration: if($link-hover-decoration == underline, none, null);
    background-color: #45c3cc ;
    border-color: #45c3cc;
  }

  &:focus {
    color: white;
    background-color: #3bcb49;

  }

  &.active,
  .active > & {
    color: white;
    @include gradient-bg(var(--#{$prefix}pagination-active-bg));
    border-color: #32a63d;;
    background-color: #32a63d;
    
  }