:root {
  --font-size: 1.5;
}

body {
  font-size: calc(var(--font-size) * 1em);
}

img {
  margin: 1em;
  padding: 1em;
}

.logo {
  width: 300px;
}

.referencia {
  width: 178px;
}

html.dark-mode {
  filter: invert(100%);
  background-color: #000;
}

html.dark-mode img {
  filter: invert(100%);
}

.contraste {
  border: 0;
  background: transparent;
  float: right;
}

.font-controls {
  display: flex;
  float: right;
}

.he_footer_redes {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  list-style: none;
}

.fa-circulo {
  width: 40px;
  border-radius: 50%;
  background: #fff;
  color: #36c;
  font-size: 20px;
  padding: 8px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
}

.fa_text {
  color: white;
}

input[type="radio"] {
  margin: 0;
  vertical-align: bottom;
}

div{
  padding: 5px;
}

th,td,
table {
  padding: 5px;
}


h2{
  color:#000;
  text-align:center;
  font-size:2em;
}
.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab{
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  background:#fffffff6;
  color:#3266cc;
  /* background:#3266cc; */
  display:inline-block;
  /* color:#fff; */
  border-radius:3px 3px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;
}
.panels{
  /* background:#fffffff6; */
  box-shadow: 0 2rem 2rem #00000080;
  /* min-height:200px; */
  width:100%;
  max-width:500px;
  border-radius:3px;
  overflow:hidden;
  padding:20px;  
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
        background:transparent;
    }
    to {
        opacity:1;
        background:transparent;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab{
  background:#3266cc;
  color:#fffffff6;
  border-radius:5px 5px 5px 5px;
}

.btn:focus-visible {
  /* remove default focus style */
  outline: none;
  /* custom focus styles */
  box-shadow: 0 0 0 3px red;
  /* color: red; */
}

.font-controls:focus-visible{
  /* remove default focus style */
  outline-style: dashed;
  /* custom focus styles */
  box-shadow: 0 0 0 3px red;
  color: red;
}

a:focus-visible {
  /* remove default focus style */
  outline: none;
  /* custom focus styles */
  box-shadow: 0 0 0 3px red;
  /* color: red; */
}

.tab:focus-visible{
  /* remove default focus style */
  outline: none;
  /* custom focus styles */
  box-shadow: 0 0 0 3px red;
  /* color: red; */
}

.contraste:focus-visible{
  /* remove default focus style */
  outline: none;
  /* custom focus styles */
  box-shadow: 0 0 0 3px red;
  /* color: red; */
}

.btn.btn-clean {
	font-weight: bold;
	font-size: 0.9em;
	width: 120px;
	margin: 20px auto 20px;
	color: white;
	background-color: #6e7074;
	text-transform:uppercase ;
	text-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: inset 0 1px 2px #6e7074;
	-moz-box-shadow: inset 0 1px 2px #6e7074;
	box-shadow: inset 0 1px 2px #6e7074;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
}

/* @media only screen and (max-width: 400px) {
  #logo_min{
    display: none;
  }
} */


.grecaptcha-badge, .grecaptcha-logo {
  padding: 0 !important;
}