/* Para que el settings.py cargue este css hace falta configurarlo así:

STATIC_URL = 'static/'
STATICFILES_DIRS = [
     os.path.join (BASE_DIR, 'static'),
]

Y dejar sin definir la variable STATIC_ROOT
*/

p {
  margin-bottom: 0px;
  text-align: left !important; /*Con esto sobrescribimos el formato guardado en el ckeditor*/
}

/* .h1 {
  font-size: 2vw;
} */

.ubuntu-sans {
  font-family: "Ubuntu Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.ubuntu-sans-700 {
  font-family: "Ubuntu Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.ubuntu-sans-norm {
  font-family: "Ubuntu Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.noto-sans {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.alegreya {
  font-family: 'Alegreya', sans-serif;
}

.document {
  padding-top: 150px;
}

.list-document {
  padding-top: 100px;
  padding-bottom: 120px;
  /* padding-bottom: 30px; */

}

.box-titulo-home {
  padding: 20px;
  padding-top: 175px;
}

.titulo-home {
  /* font-family: 'Alegreya', sans-serif; */
  font-size: 3em;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
  .box-titulo-home {
    padding-top: 141px;
  }
  .titulo-home {
    font-size: 3em;
  }
}

@media screen and (max-width: 768px) {
  .box-titulo-home {
    padding-top: 145px;
  }
  .titulo-home {
    font-size: 2.5em;
  }
  .mb-5 {
    margin-bottom: 1rem !important;
  }
  .mt-5 {
    margin-top: 1rem !important;
  }
}

@media screen and (max-width: 425px) {
  .box-titulo-home {
    padding-top: 125px;
  }
  .titulo-home {
    font-size: 2em;
  }
}

p.titulo {
  padding-top: 75px;
}

.old_cod {
  /* font-family: 'Alegreya', sans-serif; */
  padding-top: 3px;
  text-align: center;
  /* font-size: 24px; */
  font-size: calc(16px + 0.390625vw);
  /* font-size: 1.2vw; */
}

h3.resumen {
  font-family: 'Alegreya', sans-serif;
  /* font-size: 1.4em; */
  font-size: calc(16px + 0.390625vw);
  /* font-size: 1.2vw; */
  /* font-family: Georgia, serif; */
  font-weight: bold;
}

.resumen_contenido {
  /* font-family: Georgia, serif; */
  font-family: 'Alegreya', sans-serif;
  /* font-size: 1.4em; */
  /* font-size: 24px; */
  font-size: calc(16px + 0.390625vw);
  /* font-size: 1.2vw; */
  /* Si queremos estrechar...: */
  /* width:70%; */
  width:55%;
  margin:auto;
  margin-top: 15px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*width: 50%;*/
}

ul#etiquetas li {
  display:inline;
}

.cuerpo {
  font-family: 'Alegreya', sans-serif;
  /* margin-bottom: 0px; */
  /*font-size: 1.4em;*/
  /* font-size: calc(15px + 0,546875vw); */
  /* font-size: 24px; */
  font-size: calc(16px + 0.390625vw);
  /* font-size: 1.2vw; */
  /* Si queremos estrechar...: */
  /* width:90%; */
  width:75%;
  margin:auto;
}

.link_descarga {
  /* font-family: 'Alegreya'; */
  font-size: 20px;
  /* font-size: 1vw; */
  /* text-decoration: underline; */
}

hr.separador {
  /* Si queremos estrechar los separadores...: */
  width: 30%;
  margin: auto;
  margin-bottom: 15px;
  margin-top: 15px;

}

/* Changing the default input focus blue glow */
/* https://stackoverflow.com/questions/14820952/change-bootstrap-input-focus-blue-glow */

.form-control{
  /* #2b3035 */
  background-color: #ffffff;
}

/* .form-control:focus {
  background-color: #ffffff;
  border-color: #497ba9;
  box-shadow: inset 0 1px 1px rgba(144, 75, 75, 0.595), 0 0 8px rgba(255, 52, 52, 0.749);
} */

.form-control:focus {
  /* background-color: #fff9c4;
  border-color: #f5deb3; */
  background-color: #fff9c447;
  border-color: #fffcf6;
  box-shadow: inset 0 1px 1px rgb(255 249 196), 0 0 8px rgb(245 222 179);
  color: #000000;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #2b3035;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #2b3035;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #2b3035;
}


/* Dropdown */

.dropdown-menu {
  /* --bs-dropdown-bg: #1111114d; */
  /* --bs-dropdown-bg: #111111; */
  --bs-dropdown-bg: #f8f7f7;
  --bs-dropdown-spacer: 0.125rem;
}

.dropdown-item {
  /* color: #ffffff; */
  color: #3f4a55;
}

/* .dropdown-item:focus, .dropdown-item:hover {
  background-color: #1C2331;
  color: rgb(255, 255, 255) !important;
} */

.dropdown-item:focus, .dropdown-item:hover {
  /* background-color: rgb(255, 255, 255); */
  /* background-color: #fff9c4; */
  /* background-color: #737373; */
  /* background-color: #3d3d3d; */
  /* color: #1C2331; */
  /* color: #ffffff; */
  background-color: #f1f1f1;
  color: #1C2331;
}

/* Index and links style */
section.mindex {
  font-size: medium;
  width:80%;
  margin:auto;
  column-count:3;
 }
a {
  text-decoration:none;
  color:black;
}

.col {
  width:80%;
  margin:auto;
}

.custom-links{
  color: green;
}

/* .custom-navbar {
  min-height: 75px;
  --bs-bg-opacity: 1;
  background-color: rgb(17 17 17) !important;
  border-bottom: 1px solid #dad8d8;
} */

.custom-navbar {
  min-height: 75px;
  --bs-bg-opacity: 1;
  /* background-color: rgb(255, 255, 255) !important; */
  /* background-color: rgb(218 216 216 / 33%) !important; */
  background-color: #f3f2f2;
  border-bottom: 1px solid #dad8d8;
}

.custom-search-box {
  position: absolute;
  right: 41px;
  width: 254px;
  top: 3px;
}

@media screen and (max-width: 768px) {
  .custom-search-box {
    position: absolute;
    right: 67px;
    /* width: 188px; */
    width: 225px;
    /* top: -39px; */
    top: -47px;
  }
}

@media screen and (max-width: 425px) {
  .custom-search-box {
    position: absolute;
    right: 67px;
    /* width: 109px; */
    width: 128px;
    /* top: -39px; */
    top: -47px;
  }
}

@media screen and (max-width: 320px) {
  .custom-search-box {
    position: absolute;
    right: 67px;
    /* width: 94px; */
    width: 120px;
    /* top: -39px; */
    top: -47px;
  }
}

.signup-box {
  margin-top: 6rem;
}

.contact-box {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.indice-box {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.custom-btn {
  background-color: #212529;
  border: #212529;
}

.custom-btn:hover {
  color: #ffffff;
  background-color: #424649;
  border: #424649;
}

.search-fix {
  line-height: 2;
  margin-right: 15px;
}

@media screen and (max-width: 320px) {
  .search-fix {
    line-height: 2;
    margin-right: 7px;
    margin-left: 5px;
  }
}

body, html {
  height: 100%;
  margin: 0;
}

body {
  margin-bottom:80px;
}

.wrapper {
  /* min-height: 100%; */
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
}

.footer {
  position: fixed;
  /* position: absolute; */
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(248, 249, 250);
  color: #535353;
  text-align: center;
  padding: 1em 0;
  z-index: 10;
}