:root {
  --color1: #2e5052;
  --color2: #b0cece;
}

h2 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.1em;
}

p {
  margin-bottom: 10px;
  line-height: 1.3em;
}

a {
  text-decoration: none;
}

.seccion {
  background-color: #b0cececc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
}

.seccion.hero {
  z-index: 0;
  background-color: #b0cececc;
  background-image: linear-gradient(180deg, var(--color1), transparent 66%);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  overflow: clip;
}

.seccion.verde {
  background-color: var(--color1);
  flex-flow: wrap;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.seccion.verde._1 {
  background-color: #b0cecee6;
  height: 30rem;
}

.seccion.franja {
  background-color: #fff;
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
}

.seccion.morada2 {
  background-color: var(--color2);
  flex-flow: wrap;
  position: static;
}

.seccion.clear {
  z-index: 998;
  background-color: #0000;
  background-image: linear-gradient(#fffc, #fffc);
  position: relative;
}

.seccion.morada2 {
  background-color: var(--color2);
  flex-flow: wrap;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.seccion.contacto {
  background-color: #0000;
  flex-flow: wrap;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.seccion.contacto.bco {
  background-color: #fff;
}

.seccion.politica {
  min-height: 100vh;
}

.contenedor {
  z-index: 100;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: none;
  height: auto;
  margin: 1rem auto;
  display: flex;
  position: relative;
}

.contenedor.abs_hero {
  z-index: 998;
  flex-flow: wrap;
  width: 90%;
  margin-top: 10rem;
  margin-bottom: auto;
  display: flex;
  position: static;
}

.contenedor._100 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
}

.menu {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: fixed;
}

.background-video {
  z-index: 0;
  background-image: linear-gradient(#000, #fff), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  overflow: hidden;
}

.h1 {
  color: #fff;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: white;
  text-transform: uppercase;
  width: 90%;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Oswald, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2em;
}

.blanco {
  color: #fff;
  font-size: 1.6rem;
}

.blanco.centrado {
  text-align: center;
  margin-bottom: 2rem;
}

.blanco.centrado.direcc {
  color: var(--color1);
  font-size: 1.1rem;
}

.blanco.var {
  width: 90%;
  font-size: 1.4rem;
  line-height: 1.2em;
}

.body {
  font-family: Poppins, sans-serif;
  font-size: 1.1rem;
  line-height: 1.1em;
}

.opiniones {
  border: 1px solid #fff;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: 2rem;
  padding: 1rem;
  font-weight: 600;
  display: flex;
}

.btn {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: .5rem 2rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.btn:hover {
  color: var(--color2);
  background-color: #fff;
}

.btn._2 {
  border-color: var(--color2);
  color: var(--color2);
  text-align: center;
  background-color: #0000;
  margin-bottom: auto;
  margin-left: auto;
}

.btn._2:hover {
  border-color: var(--color1);
  color: var(--color1);
}

.btn._3 {
  border-color: var(--color1);
  background-color: var(--color1);
  margin-left: auto;
  margin-right: auto;
}

.btn._3:hover {
  color: var(--color1);
  background-color: #fff;
  border-color: #fff;
}

.btn.close {
  background-color: var(--color2);
  flex-flow: wrap;
  width: 2rem;
  height: 2rem;
  padding: 0;
  font-weight: 700;
  position: absolute;
  inset: 1.5rem 1.5rem auto auto;
}

.btn.close:hover {
  background-color: var(--color1);
  color: #fff;
}

.btn.hero {
  color: var(--color1);
  background-color: #fff;
  border-style: none;
  margin-top: 1rem;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.1rem;
}

.btn.hero:hover {
  background-color: var(--color1);
  color: #fff;
  border-style: none;
}

.star {
  width: 1.2rem;
  height: 1.2rem;
  margin-left: .1rem;
  margin-right: .1rem;
}

.star.var {
  margin-left: .1rem;
}

.facts {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 32%;
  max-width: 32%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.txt_facts {
  color: var(--color1);
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2em;
}

.cont_img1 {
  background-image: url('../images/1_1.webp');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 100%;
  position: relative;
  top: 0;
  left: auto;
  right: 0;
}

.cont_img1.right {
  z-index: 5;
  background-image: url('../images/dra-andrea-2.jpeg');
  left: 0;
  right: auto;
}

.cont_img1.b {
  object-fit: fill;
  background-image: url('../images/dra-andrea-2.jpeg');
  background-repeat: no-repeat;
  height: auto;
}

.cont_img1._2 {
  background-image: url('../images/WhatsApp_Image_2025-10-14_at_12.11.53.webp');
  background-size: cover;
}

.titulo {
  border-bottom: 2px solid var(--color2);
  color: var(--color2);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  font-family: Oswald, sans-serif;
  font-size: 2rem;
  line-height: 2em;
  display: flex;
}

.titulo._2 {
  border-bottom-color: var(--color1);
  color: var(--color1);
  -webkit-text-stroke-color: var(--color1);
  margin-bottom: 2rem;
  font-size: 2.4rem;
}

.titulo.blanco {
  color: #fff;
  border-bottom-color: #fff;
}

.titulo.blanco.linea_izq {
  background-color: var(--color2);
  color: var(--color1);
  border-radius: 500px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 2rem;
  margin-left: auto;
  padding: .5rem 1rem;
  line-height: 1.2em;
}

.titulo.verde {
  color: #fff;
  border-bottom-color: #fff;
}

.titulo.verde.linea_der {
  color: var(--color1);
  -webkit-text-stroke-color: var(--color2);
  width: auto;
  margin-bottom: 5rem;
  margin-left: 0;
  margin-right: auto;
  font-size: 2rem;
}

.cont_text {
  width: 100%;
  margin-bottom: 2rem;
}

.cont_text._2 {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding: 3rem;
}

.parrafo {
  color: #fff;
  width: 90%;
  margin: 0 0 auto;
  font-weight: 400;
}

.parrafo.auto {
  color: var(--color1);
  text-align: right;
  width: auto;
  margin-top: 0;
  margin-bottom: 2rem;
  margin-left: auto;
}

.parrafo.der {
  color: var(--color1);
  text-align: right;
  width: 100%;
  margin-bottom: 2rem;
}

.quote {
  color: var(--color1);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 3rem;
  font-weight: 200;
  line-height: 1.1em;
}

._50 {
  width: 50%;
  margin-bottom: auto;
}

.cont_img2 {
  background-image: url('../images/WhatsApp_Image_2025-10-14_at_12.11.52_1.webp');
  background-position: 0%;
  background-size: cover;
  width: 50%;
  height: auto;
  min-height: 100vh;
  margin-right: auto;
  position: static;
  top: 0;
  left: 0;
  right: auto;
}

._50 {
  flex-flow: wrap;
  height: 100%;
  min-height: 0;
  margin-top: auto;
  display: flex;
}

._50.margen {
  flex-flow: column;
  align-items: center;
  padding: 3rem 5%;
  display: flex;
}

._50.margen.var {
  background-color: #b0cecee6;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 6rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

._50.margen.centrado {
  justify-content: center;
  align-items: center;
  margin-top: auto;
}

._50.der {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: auto;
  padding: 6rem 3rem 3rem;
  display: flex;
  position: relative;
}

._50._2 {
  width: 80%;
  margin-left: auto;
}

.cont_servicios {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.trigger_acordeon {
  cursor: pointer;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  font-weight: 400;
  display: flex;
}

.titulo_servicios {
  color: #fff;
  width: 90%;
  height: auto;
  margin-left: 0;
  margin-right: auto;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2em;
  display: block;
}

.code-embed {
  pointer-events: none;
  width: 49%;
  height: 20rem;
  margin-bottom: 2rem;
}

.image-3 {
  object-fit: cover;
  object-position: 100% 50%;
  width: 49%;
  height: 20rem;
  margin-bottom: 2rem;
}

.footer {
  background-color: var(--color1);
  padding-top: 3rem;
  padding-bottom: 3rem;
  position: relative;
}

.text-span {
  color: var(--color2);
  font-weight: 600;
}

.copyright {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.cont_btns_flotante {
  z-index: 99999;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  flex-flow: wrap;
  place-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: auto 2rem 2rem auto;
}

.whats-card-2 {
  z-index: 99999;
  -webkit-text-stroke-color: #000;
  background-color: #2ef253;
  background-image: linear-gradient(135deg, #0000, #3e9959);
  border: .5px #edf0f5;
  border-radius: 3vw;
  flex-flow: wrap;
  place-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: .5rem;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: static;
  bottom: 20px;
  left: auto;
  right: 10%;
  box-shadow: 0 2px 5px #0003;
}

.whats-card-2:hover {
  background-color: var(--color1);
  background-image: none;
}

.cont_whats-2 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-right: 0;
  display: flex;
}

.img_whats-2 {
  width: 2.5rem;
  height: 2.5rem;
  padding-right: 0;
}

.bold-text {
  color: var(--color1);
  text-align: left;
}

.cont_footer {
  flex-flow: wrap;
  justify-content: space-between;
  width: 90%;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.popup {
  z-index: 999;
  color: var(--color2);
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60vw;
  height: auto;
  min-height: 50vh;
  padding: 2.5rem;
  display: none;
  position: fixed;
  inset: 5vh 20vw;
  overflow: scroll;
}

.logo_popup {
  width: 10rem;
  margin-bottom: 2rem;
  margin-right: auto;
}

.txt_popup {
  width: 100%;
  height: auto;
  margin-right: auto;
  line-height: 1.4em;
}

.text-block {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin: auto;
  display: flex;
}

.semibold {
  font-weight: 600;
}

.black {
  font-weight: 900;
}

.text-span-2 {
  line-height: 1.5em;
}

.cont_stars {
  margin-left: .2rem;
}

.cont_stars.centro {
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.main {
  overflow: hidden;
}

.icono {
  width: 5rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.div-block-2 {
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.parrafo_servicios {
  color: var(--color1);
  width: auto;
  margin-top: .5rem;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2em;
}

.parrafo_servicios.var {
  margin-bottom: 3rem;
  font-weight: 400;
}

.cont_img3 {
  background-image: url('../images/dra-andrea-2.jpeg');
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: auto;
  min-height: 100vh;
  margin-right: auto;
  position: static;
  top: 0;
  left: 0;
  right: auto;
}

.right-arrow, .left-arrow {
  display: none;
}

.parrafo_testimonio {
  color: #fff;
  text-align: center;
  margin-top: auto;
  margin-bottom: 15px;
  font-size: 1rem;
  line-height: 1.2em;
}

.testimonio {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #00000021;
  border: 1px #1bb2e6;
  border-radius: 18px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 1.5rem;
  display: flex;
  box-shadow: 0 0 5px #0003;
}

.titi_testimonio {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2em;
}

.mask {
  width: auto;
  height: auto;
  overflow: hidden;
}

.slide {
  width: 32%;
  height: 100%;
  margin-top: .2rem;
  margin-bottom: .2rem;
  margin-right: 1.5rem;
}

.slider_testimonios {
  background-color: #0000;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.slide-nav {
  display: none;
  overflow: visible;
}

.navbar {
  z-index: 200;
  background-color: #0000;
  width: 100%;
}

.image-4 {
  width: 12rem;
}

.nav-link {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 500px;
  width: auto;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-link:hover {
  border: 1px solid #fff;
  border-radius: 40px;
}

.nav-link.w--current {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
  border-radius: 50px;
}

.info {
  width: 100%;
  margin-left: 1.5rem;
}

.img_servicios {
  border: 2px solid var(--color1);
  background-color: #fff;
  border-radius: 20px;
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  min-height: 5rem;
  margin-top: auto;
  margin-bottom: auto;
  padding: .8rem .5rem;
}

.link {
  color: var(--color2);
}

.verde {
  color: var(--color1);
  font-size: 1.6rem;
}

.italic-text {
  color: var(--color1);
}

.cont_datos {
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 70%;
  margin-bottom: 3rem;
  display: flex;
  position: relative;
}

.image-5 {
  border-radius: 500px;
  width: 10rem;
  height: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  left: -12rem;
}

.foto-1 {
  width: auto;
  height: 80%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.foto-1.b {
  align-self: flex-end;
  height: 90%;
  inset: 0% 0% -10% 40%;
}

.foto-1.a {
  object-fit: contain;
  align-self: auto;
  width: 50%;
  height: 80vh;
  inset: auto -3% 0% auto;
}

.cont_titulos_hero {
  flex-flow: wrap;
  justify-content: space-between;
  width: 50%;
  height: auto;
  display: flex;
}

.parrafo_aviso {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-top: 2rem;
}

.aviso_enlace {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-bottom: 1rem;
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 2.5rem;
  }

  .seccion {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .seccion.hero {
    min-height: 0;
  }

  .seccion.verde._1 {
    height: auto;
  }

  .seccion.franja {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .seccion.clear {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .seccion.contacto {
    flex-flow: wrap-reverse;
  }

  .contenedor.abs_hero {
    margin-bottom: 2rem;
  }

  .contenedor._100 {
    justify-content: center;
  }

  .h1 {
    font-size: 3rem;
  }

  .blanco {
    font-size: 1.4rem;
  }

  .blanco.var {
    width: 100%;
    font-size: 1.3rem;
  }

  .btn._2 {
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: 0;
  }

  .btn.hero {
    margin-left: auto;
    margin-right: auto;
  }

  .txt_facts {
    font-size: 1.2rem;
  }

  .cont_img1 {
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: cover;
    width: 100%;
    height: 25rem;
    display: block;
    position: static;
  }

  .cont_img1.b {
    height: 25rem;
  }

  .titulo.blanco.linea_izq {
    justify-content: center;
    align-items: center;
    width: 70%;
    margin-left: auto;
    margin-right: 0;
  }

  .titulo.verde.linea_der {
    margin-bottom: 2rem;
    margin-left: auto;
  }

  .cont_text {
    text-align: center;
    margin-bottom: 1rem;
  }

  .parrafo.auto {
    width: 80%;
    margin-right: 0;
  }

  .parrafo.der {
    text-align: right;
    width: 80%;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: 0;
  }

  .quote {
    font-size: 2rem;
  }

  .cont_img2 {
    background-position: 50% 38%;
    width: 100%;
    min-height: 50vh;
  }

  ._50, ._50.margen {
    width: 100%;
  }

  ._50.margen.var {
    height: auto;
  }

  ._50.der {
    height: auto;
    padding-left: 3rem;
  }

  ._50._2 {
    width: 90%;
  }

  .titulo_servicios {
    text-align: left;
  }

  .footer {
    padding-bottom: 3rem;
  }

  .copyright {
    text-align: center;
    margin-top: .5rem;
  }

  .cont_btns_flotante {
    width: auto;
    margin-left: 1rem;
    left: auto;
    right: 1%;
  }

  .whats-card-2 {
    border-radius: 6vw;
    width: 4rem;
    height: 4rem;
    padding-left: .5rem;
    padding-right: .5rem;
    left: auto;
    right: 5%;
  }

  .cont_whats-2 {
    width: auto;
    height: auto;
    padding-right: 0;
  }

  .img_whats-2 {
    width: 2rem;
    height: 2rem;
  }

  .cont_footer {
    text-align: center;
    flex-flow: column;
  }

  .popup {
    width: 80vw;
    display: none;
    left: 10vw;
    right: 10vw;
  }

  .icono {
    width: 4rem;
  }

  .parrafo_servicios, .parrafo_servicios.var {
    text-align: left;
  }

  .cont_img3 {
    width: 100%;
    min-height: 50vh;
    display: flex;
  }

  .parrafo_testimonio {
    font-size: .9rem;
  }

  .testimonio {
    background-color: #0000001a;
    width: 100%;
  }

  .titi_testimonio {
    color: var(--color2);
    font-size: 1.1rem;
    line-height: 1.2em;
  }

  .slide {
    width: 46%;
    margin: 0 1rem;
  }

  .slider_testimonios {
    justify-content: space-between;
    margin-top: 10rem;
  }

  .nav-link {
    border-style: none;
    margin-left: 0;
  }

  .nav-link:hover {
    background-color: var(--color1);
    border-style: none;
    border-radius: 0;
  }

  .verde {
    font-size: 1.3rem;
  }

  .icon {
    color: #fff;
  }

  .menu-button {
    padding: 0;
    font-size: 2rem;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .nav-menu {
    background-color: #b0cece;
    width: 50%;
    margin-left: auto;
  }

  .cont_datos {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    margin-bottom: 2rem;
  }

  .image-5 {
    width: 12rem;
    height: 12rem;
    margin-bottom: 1rem;
    margin-left: auto;
    left: -4rem;
  }

  .foto-1.a {
    object-fit: cover;
    width: auto;
    height: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0%;
  }

  .cont_titulos_hero {
    width: 100%;
  }

  .bold-text-2, .bold-text-3 {
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 1.8rem;
  }

  .seccion {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .contenedor {
    margin-top: 1.5rem;
  }

  .contenedor.abs_hero {
    margin-top: 8rem;
  }

  .h1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 3rem;
  }

  .blanco.var {
    text-align: center;
  }

  .opiniones {
    margin-bottom: 1rem;
  }

  .btn.hero {
    margin-left: auto;
  }

  .txt_facts {
    text-align: center;
    font-size: 1.2rem;
  }

  .cont_img1 {
    height: 15rem;
  }

  .titulo {
    font-size: 1.8rem;
  }

  .titulo.blanco.linea_izq {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-left: auto;
    margin-right: 0;
    line-height: 1.4em;
  }

  .titulo.verde.linea_der {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    line-height: 1.4em;
  }

  .cont_text._2 {
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .parrafo.auto {
    font-size: 1rem;
    line-height: 1.2em;
  }

  .parrafo.der {
    width: 100%;
    font-size: 1rem;
  }

  .cont_img2 {
    min-height: 35vh;
  }

  ._50.margen.var {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 3rem;
  }

  ._50.der {
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
  }

  ._50._2 {
    margin-right: 2rem;
  }

  .titulo_servicios {
    font-size: 1.1rem;
  }

  .code-embed {
    width: 100%;
    margin-bottom: 1rem;
  }

  .image-3 {
    width: 100%;
  }

  .footer {
    font-size: .9rem;
  }

  .cont_btns_flotante {
    margin-left: auto;
    margin-right: .5rem;
  }

  .whats-card-2 {
    width: 3rem;
    height: 3rem;
  }

  .cont_whats-2 {
    height: 4vw;
  }

  .img_whats-2 {
    width: 1.9rem;
    height: 1.9rem;
    padding-left: 0;
  }

  .logo_popup {
    width: 40%;
  }

  .txt_popup {
    font-size: 1rem;
  }

  .div-block-2 {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
  }

  .parrafo_servicios {
    margin-top: 5px;
    font-size: 1rem;
  }

  .cont_img3 {
    min-height: 35vh;
  }

  .parrafo_testimonio {
    font-size: 1rem;
  }

  .testimonio {
    background-color: #0000001a;
  }

  .titi_testimonio {
    font-size: 3.2vw;
    line-height: 1.2em;
  }

  .slide, .nav-menu {
    width: 100%;
  }

  .cont_datos {
    width: 80%;
    margin-left: auto;
  }

  .image-5 {
    width: 10rem;
    height: 10rem;
    margin-bottom: 1.5rem;
    left: -6rem;
  }

  .foto-1.a {
    height: 40%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    text-align: center;
    font-size: 1.4rem;
  }

  .seccion.hero {
    justify-content: center;
    align-items: center;
    padding-top: 6rem;
    padding-bottom: 0;
  }

  .seccion.franja {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .seccion.clear {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .contenedor {
    margin-top: 0;
  }

  .contenedor.abs_hero {
    margin-top: auto;
    margin-bottom: auto;
  }

  .contenedor._100 {
    flex-flow: wrap;
  }

  .background-video {
    z-index: -10;
    pointer-events: auto;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
  }

  .h1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
    line-height: 1.3em;
  }

  .blanco {
    width: auto;
    font-size: 1rem;
  }

  .blanco.centrado {
    font-size: 1rem;
  }

  .blanco.centrado.direcc {
    font-size: 1rem;
    line-height: 1.2em;
  }

  .blanco.var {
    font-size: 1rem;
  }

  .body {
    overflow: visible;
  }

  .opiniones {
    flex-flow: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: .9rem;
  }

  .btn {
    text-align: center;
  }

  .btn._2 {
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
  }

  .btn._3, .btn.hero {
    width: 100%;
  }

  .facts {
    width: 100%;
    max-width: none;
    margin-bottom: 2rem;
  }

  .txt_facts {
    text-align: center;
    width: 70%;
    font-size: 1rem;
  }

  .titulo {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1.2em;
  }

  .titulo.blanco.linea_izq {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: .5rem 1rem;
  }

  .titulo.verde.linea_der {
    font-size: 1.8rem;
  }

  .cont_text {
    margin-bottom: 0;
    font-size: 1rem;
  }

  .cont_text._2 {
    padding: 2rem;
  }

  .parrafo {
    width: 100%;
  }

  .parrafo.auto {
    text-align: center;
    width: 100%;
    margin-right: auto;
  }

  .parrafo.der {
    text-align: center;
    width: 100%;
    font-size: 1rem;
    line-height: 1.2em;
  }

  .quote {
    width: 80%;
    font-size: 1.4rem;
  }

  .cont_img2 {
    display: none;
  }

  ._50.margen {
    text-align: center;
  }

  ._50.margen.var {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  ._50.der {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  ._50._2 {
    margin-left: 2rem;
  }

  .cont_servicios {
    flex-flow: wrap;
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .trigger_acordeon {
    flex-flow: wrap-reverse;
  }

  .titulo_servicios {
    text-align: center;
    width: 100%;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    font-size: 1rem;
  }

  .code-embed, .image-3 {
    height: 15rem;
  }

  .cont_btns_flotante {
    cursor: auto;
    margin-right: 0;
    bottom: .5rem;
    right: .5rem;
  }

  .whats-card-2 {
    border-radius: 20vw;
    width: 3rem;
    height: 3rem;
    padding-right: .5rem;
    left: auto;
    right: 5%;
  }

  .cont_whats-2 {
    height: 6vw;
    padding-left: 0;
    padding-right: 0;
  }

  .img_whats-2 {
    width: 1.9rem;
    height: 1.9rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
  }

  .popup {
    padding: 1.5rem;
    font-size: 1rem;
  }

  .logo_popup {
    width: 50%;
  }

  .txt_popup {
    font-size: .9rem;
    line-height: 1.2em;
  }

  .main {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .div-block-2 {
    margin-bottom: 0;
  }

  .parrafo_servicios {
    text-align: center;
    margin-left: 0;
    font-size: .9rem;
  }

  .parrafo_servicios.var {
    text-align: center;
    margin-bottom: 2rem;
  }

  .parrafo_testimonio {
    font-size: .8rem;
  }

  .testimonio {
    background-color: #07070726;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .titi_testimonio {
    font-size: 1rem;
  }

  .slide {
    margin-left: auto;
    margin-right: auto;
  }

  .slider_testimonios {
    margin-top: 0;
    margin-left: 0;
  }

  .image-4 {
    width: 10rem;
  }

  .info {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
  }

  .img_servicios {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    min-height: 4rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .italic-text {
    font-size: 1rem;
    line-height: 1.2em;
  }

  .cont_datos {
    width: 100%;
  }

  .image-5 {
    width: 12rem;
    height: 12rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .foto-1.a {
    align-self: flex-end;
    height: 50%;
    position: relative;
    inset: 0%;
  }
}


