/* CSS Document */
* {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  --verde: #177b4c;
  --gris: #2b2a37;
  --pfooting: 85px;
  --bghcolor: rgb(0 0 0 / 50%)
}
body {
  min-width: 360px;
  font-size: 16px
}
header {
  background-color: var(--verde);
  color: white;
  font-size: .75em;
  line-height: 30px
}
header a {
  color: white;
  text-decoration: none
}
.py-10 {
  padding-bottom: 10px;
  padding-top: 10px;
}
.bg-body-tertiary {
  background-color: rgb(255 255 255 / 85%) !important
}
.navbar-brand {
  padding-bottom: 14px;
  padding-top: 14px
}
nav .nav-item, nav .dropdown-item {
  text-transform: uppercase
}
nav .dropdown-menu {
  border: none;
  line-height: 30px
}
a.nav-link {
  padding-left: 20px !important;
  padding-right: 20px !important
}
.nav-link:hover {
  background-color: var(--verde)
}
.dropdown-item .active, .dropdown-item:hover {
  background-color: var(--verde) !important
}
.dropdown-item:visited {
  background-color: white;
  color: black
}
.bgblack50 {
  background-color: rgb(0 0 0 / 40%)
}
.bgverde {
  background-color: var(--verde)
}
.bgt {
  background-color: var(--bghcolor);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}
.bghome {
  background-image: url("../img/hometop.webp")
}
.bgprocura {
  background-image: url("../img/bghprocura.webp")
}
.fondoprocura {
  background-image: url("../img/fondo-procura.webp")
}
.bgcontacto {
  background-image: url("../img/contacto.jpg")
}
.bgdetectives {
  background-image: url("../img/detectives.webp")
}
.t-amp-bg {
  font-size: 100px;
  font-weight: 600
}
.t2-amp {
  font-size: 17px;
  letter-spacing: 4px;
  font-weight: 500
}
.link-amp {
  text-decoration: none
}
.tel-amp {
  font-size: 65px;
  letter-spacing: 4px;
  font-weight: 900
}
.cor-amp {
  font-size: 40px;
  letter-spacing: 4px;
  font-weight: 900
}
.h3 {
  font-size: 30px
}
.tindex p, .apt {
  margin-bottom: 1.1em;
  font-size: 15px;
  line-height: 25px
}
.apt {
  font-weight: 500
}
.tindex strong, footer strong {
  font-weight: 900
}
.strong {
  font-weight: 700
}
.my-30 {
  margin-top: 30px;
  margin-bottom: 30px
}
.cverde {
  color: var(--verde)
}
.fw-400 {
  font-weight: 400
}
.doblevw {
  flex: 1 1 auto;
  min-width: 10%
}
.doblev {
  height: 7px;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb
}
.imge {
  width: 300px
}
footer {
  background-color: #363545;
  font-size: 15px;
  line-height: 25px;
  color: white
}
.mt-50 {
  margin-top: var(--pfooting);
  margin-bottom: var(--pfooting)
}
.pl-50 {
  padding-left: var(--pfooting)
}
.bordd {
  border-right: 1px solid rgb(255 255 255 / 22%);
  border-left: 1px solid rgb(255 255 255 / 22%)
}
.ftitulo {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px
}
.txnormal {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px
}
.ftexto, .ftexto a {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: white
}
.ftexto a {
  text-decoration: none;
  margin-bottom: 16px;
  display: block
}
.hexag {
  width: 54px;
  height: 54px;
  background-color: #177b4c;
  clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%)
}
.tina {
  font-size: 30px;
  font-weight: 400
}
.btn-amp {
  padding: .5em .95em;
  color: white;
  border: 1px solid white;
  border-radius: 0px;
}
.btn-amp:hover {
  background-color: var(--gris);
  border-color: var(--gris)
}
.linkls {
  font-size: .85em;
  color: #adadad;
  text-decoration: none;
  transition: color 0.15s ease-in-out
}
.linkls:hover {
  color: #F0F0F0;
  transition: color 0.15s ease-in-out
}
.d-2-none {
  display: none
}
.px-105 {
  padding-left: 105px;
  padding-right: 105px
}
.py-120 {
  padding-top: 120px;
  padding-bottom: 120px
}
.fs-60 {
  font-size: 60px;
  line-height: 80px
}
.txtprocura {
  font-size: 20px;
  line-height: 36px
}
.divprocura {
  height: 60px
}
.nocolor, .nocolor p {
  background-color: white;
  color: black
}
.nocolor a {
  color: black
}
.fs-60 img {
  margin-top: -10px
}
.fs-4060 {
  font-size: 40px;
  line-height: 60px;
}
.py-125 {
  padding-bottom: 125px;
  padding-top: 125px
}
.bgverde iframe {
  pointer-events: none
}
.tverde {
  color: var(--verde);
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 30px
}
.sinmb p {
  margin-bottom: 0px
}
.pgrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 1em
}
.marco {
  border: 1px solid rgb(0 0 0 /10%);
  padding: 1.5em
}
.centrah {
  padding: 14px 0px 0px 14px;
  font-size: 25px
}
.alineah {
  position: relative;
  left: 10px;
  top: 10px
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
/* mapa */
svg:not(:root) {
  overflow: hidden
}
.mapaespa {
  background-color: #f4e2ba
}
.fondomapa {
  fill: #f4e2ba;
  fill-opacity: 1
}
.provincia {
  fill: #177b4c;
  fill-opacity: 1
}
.pais {
  fill: #e0e0e0;
  stroke-width: 2.5;
  stroke: #646464
}
#islas-canarias {
  stroke: #646464;
  stroke-width: 4
}
/* mapa */
/* go top */
.go-top {
  bottom: 2rem;
  display: none;
  margin-right: 0.8rem;
  position: fixed;
  right: 2rem;
  z-index: 50;
  padding: .5em;
  border-radius: 50%;
  background-color: var(--bghcolor)
}
.go-top img {
  opacity: 75%
}
/* go top*/
@media(max-width:1199.98px) {
  .pgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media(max-width:991.98px) {
  .d-1-none {
    display: none
  }
  .d-2-none {
    display: block
  }
}
@media(max-width:767.98px) {
  .t-amp-bg {
    font-size: 50px;
    line-height: 64px
  }
  .t2-amp {
    font-size: 18px
  }
  .tel-amp {
    font-size: 26px;
    line-height: 14px
  }
  .cor-amp {
    font-size: 22px
  }
  .d-1-none {
    display: none
  }
  .d-2-none {
    display: block
  }
  .fs-60 {
    font-size: 54px
  }
  .fs-60 img {
    height: 50px
  }
  .pgrid {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}
@media(max-width:575.98px) {
  .d-1-none {
    display: none
  }
  .d-2-none {
    display: block
  }
  .fs-60 {
    font-size: 34px
  }
  .fs-60 img {
    height: 34px
  }
  .fs-4060 {
    font-size: 28px
  }
  .fs-60 .ms-3 {
    margin-left: .25em !important
  }
  .px-105{
    padding-left: 50px;
    padding-right: 50px
  }
  .go-top {
    bottom: .5rem;
    right: .5rem
  }
}