/* CSS Document */
/* common */
* {
  font-family: 'Poppins', sans-serif;
  font-size: 16px
}
body {
  --bs-body-bg: #282a2d !important;
  max-width: 100vw;
  overflow-x: hidden;
  background-image: url("../img/bg.svg");
  background-size: cover;
  background-repeat: no-repeat
}
.h1 {
  font-size: 2.25em;
  font-weight: 600
}
.tfooter {
  color: #75C04C
}
footer p, footer a, #anno {
  font-size: 0.8rem
}
footer a {
  text-decoration: none
}
footer .link-secondary {
  font-size: .75rem;
  opacity: .75
}
/* front-end*/
.card {
  height: 650px
}
.card-subtitle{
  font-size: 1.05em;
  font-weight: 600
}
.card-text.frmt {
  height: 120px;
  font-size: .95em
}
.btns {
  font-size: .95em
}
#filtro select, #filtro input, #filtro label, #filtro button{
  font-size: .85em
}
#filtro button {
  margin-top: 31px
}
#fc {
  background-size: unset;
}
#contacto textarea {
  height: 15rem
}
.mapa {
  overflow: hidden
}
iframe {
  height: 450px;
  width: 100%;
  border: none;
  margin: 0rem 0px 2.5rem 0px
}
.tcontacto {
  line-height: 2em
}
.tcontacto p {
  margin-bottom: 1.5em
}
.tproducto {
  font-size: 2em;
  font-weight: 600;
  color: red;
  padding-top: 2em;
  margin-bottom: 2em
}
.carac{
  margin-bottom: 1.5em
}
.carac span {
  font-weight: 300
}
.tt {
  font-weight: 600
}
#prodsel .card {
  border-color: rgb(75, 75, 75)
}
#galeria img {
  margin-bottom: 1em;
  max-width: 300px;
  max-height: 250px;
  margin-inline: 1em;
  background-color: white
}
#galeria img:hover {
  cursor: pointer
}
#galeria .modal img {
  max-width: 80vw;
  max-height: 80vh;
  cursor: auto
}
@media(max-width:650px) {
  #galeria img {
    max-height: 85vh !important;
  }
}
.hovermc:hover {
  cursor: pointer
}
/* back-end*/
#adm form {
  max-width: 50vw
}
#admf {
  font-size: .9em
}
.invalid-tooltip {
  font-size: 0.85rem;
  font-weight: 600
}
.card-title {
  font-size: 1.25em;
  font-weight: 600
}
.editorh {
  min-height: 12em;
  width: 100%
}
.contador, .favoritos {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: .85em
}
.ck-editor {
  width: 100% !important
}
.ck-editor__editable {
    height: 25em;
    background-color: var(--bs-body-bg) !important
}