/*
Theme Name: Siete
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.1.2.1757805872
Updated: 2025-09-13 18:24:32

*/


.btn-whatsapp {
    position: fixed;
    bottom: 100px;
    right: 63px;
    z-index: 10;
}

.popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  max-width: 405px;
  width: 90%;
}

.close-popup {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 24px;
  cursor: pointer;
}
.popup-content .form-confianza {
    width: 100%;
    padding: 0;
}
@media (width < 500px){
	.popup-content {
    padding: 15px;
}
}


@media (width < 500px){
	.btn-whatsapp a{
    padding: 20px 60px;
    padding-left: 100px;
    border-radius: 30px 30px 0 0;
    font-size: 16px;
    position: relative;
    display: block;
    text-align: center;
	}
	.btn-whatsapp {
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 100%;
}
	.btn-whatsapp a:before {
    top: 13px;
    width: 38px;
    left: 103px;
}
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
header#site-header {
  background-color: #00303b !important;
  border: none !important;
  display: flex;
  justify-content: center;
  padding: 3% 0;
}
header#site-header a img {
  width: 254px;
}
div#top-bar-inner {
  display: flex;
  justify-content: center;
  padding: 3px 0;
}
.top-bar p {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-family: "Montserrat";
}
div#top-bar-wrap {
  border: none;
}
main#main {
  background-color: #00303b !important;
}
.content-text-banner-home {
  width: 100%;
  min-height: 580px;
  border-radius: 30px;
  background-position: center;
  background-size: cover;
  position: relative;
}
.content-text-banner-home h1 {
  color: #fff;
  font-size: 51px;
  line-height: normal;
  font-weight: 300;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .content-text-banner-home h1 {
    background: linear-gradient(
      132deg,
      #ffffff 0%,
      #ffffff 64%,
      /* casi todo blanco */ #00303b 100% /* pequeño tramo azul a la derecha */
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
  }
}
.content-text-banner-home h1 span {
  font-weight: bold;
}
.btn-wpp {
  background: #25d366;
  padding: 20px 60px;
  padding-left: 100px;
  border-radius: 30px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.btn-wpp:before {
  content: url(../siete/assets/img/wpp-icon.svg);
  position: absolute;
  top: 9px;
  width: 38px;
  left: 53px;
}
.btn-wpp-banner {
  position: absolute;
  right: 30px;
  top: 65px;
}
section#banner-home {
  padding-top: 2%;
}

@media (width < 1280px) {
  .content-text-banner-home {
    min-height: 550px;
  }
}
@media (width < 875px) {
  header#site-header {
    padding-top: 7%;
  }
  section#banner-home {
    padding-top: 5%;
  }
  .content-text-banner-home {
    min-height: 350px;
  }
  .content-text-banner-home h1 {
    font-size: 32px;
  }
}

@media (width < 500px) {
  .top-bar p {
    font-size: 14px;
  }

  #top-bar {
    padding: 8px 0;
  }
  header#site-header a img {
    width: 185px;
  }
  header#site-header {
    padding-top: 12%;
  }
  section#banner-home {
    padding-top: 15%;
  }
  .content-text-banner-home {
    min-height: 400px;
  }
  .btn-wpp-banner {
    top: 315px;
  }
  .content-text-banner-home h1 {
    font-size: 27px;
    width: 100%;
    position: absolute;
    top: -74px;
  }
  .content-text-banner-home {
    min-height: 400px;
    margin-top: 20%;
  }
}
@media (width < 375px) {
  .btn-wpp-banner {
    top: 315px;
    right: 35px;
  }
  .btn-wpp:before {
    top: 9px;
    width: 35px;
    left: 39px;
  }
  .btn-wpp {
    padding: 20px 36px;
    padding-left: 87px;
    border-radius: 30px;
    font-size: 13px;
  }
  section#banner-home {
    padding-top: 21%;
  }
}

.content-text-invertir h2 {
  color: #fff;
  font-size: 40px;
  line-height: normal;
  font-weight: 300;
}
.content-text-invertir h2 span {
  font-weight: bold;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .content-text-invertir h2 {
    background: linear-gradient(
      132deg,
      #ffffff 0%,
      #ffffff 64%,
      /* casi todo blanco */ #00303b 100% /* pequeño tramo azul a la derecha */
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
  }
}
.content-text-invertir p {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}
.content-text-invertir ul {
  display: flex;
  flex-flow: wrap;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding-top: 3%;
}
.content-video-invertir iframe {
  height: 500px !important;
  border-radius: 20px;
}
.content-text-invertir li span {
  display: block;
  font-size: 15px;
}
.content-text-invertir li {
  position: relative;
  color: #fff;
  font-size: 23px;
  width: 48%;
  line-height: normal;
  padding-left: 45px;
}
.content-text-invertir li:before {
  content: url(../siete/assets/img/check-icon.svg);
  position: absolute;
  width: 30px;
  left: 0px;
  top: 0px;
}
.content-porque-invertir {
  display: flex;
  gap: 5%;
}
.content-video-invertir {
  width: 30%;
 overflow: hidden;
	position: relative;
}
.content-text-invertir {
  width: 70%;
}
section#porque-invertir {
  margin-top: 6%;
}
.btn-porque-invertir {
  padding-top: 7%;
  text-align: center;
}
.content-video-invertir .responsive-video-wrap {
    position: relative;
    padding-top: 73%;
}
@media (width < 875px) {
  .content-porque-invertir {
    flex-direction: column;
    gap: 59px;
  }
  .content-video-invertir {
    width: 100%;
  }
  .content-text-invertir {
    width: 100%;
  }
	
	.content-video-invertir .responsive-video-wrap {
    position: relative;
    padding-top: 4%;
}
}
@media (width < 500px) {
  .content-video-invertir iframe {
    height: 300px !important;
    border-radius: 20px;
  }
  section#porque-invertir {
    margin-top: 15%;
  }
  .content-porque-invertir {
    gap: 80px;
  }
  .content-text-invertir h2 {
    font-size: 24px;
  }
  .content-text-invertir p {
    font-size: 16px;
  }
  .content-text-invertir li {
    font-size: 20px;
    width: 100%;
    padding-left: 45px;
  }
  .btn-porque-invertir {
    padding-top: 20%;
  }
	.content-video-invertir .responsive-video-wrap {
    position: relative;
    padding-top: 17%;
}
}
.content-sabemos-confianza {
  display: flex;
  gap: 8%;
  position: relative;
}
.content-text-sabemos-confianza {
  width: 50%;
  padding-top: 16%;
}
.content-form-confianza {
  width: 50%;
}
section#sabemos-confianza {
  margin-top: 10%;
  position: relative;
}
section#sabemos-confianza:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 98%;
  background: #a76a54;
  top: 62px;
  left: 0;
}
.content-text-sabemos-confianza h2 {
  color: #fff;
  font-size: 47px;
  line-height: normal;
  font-weight: 500;
  position: relative;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .content-text-sabemos-confianza h2 {
    background: linear-gradient(
      132deg,
      #ffffff 0%,
      #ffffff 64%,
      /* casi todo blanco */ #a76a54 100% /* pequeño tramo azul a la derecha */
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
  }
	
}
.content-text-sabemos-confianza p {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 35px;
}
a.btn-phone {
  position: relative;
  background: #fff;
  color: #00303b;
  padding: 15px 35px;
  font-size: 35px;
  font-weight: 400;
  border-radius: 50px;
  padding-left: 65px;
}
a.btn-phone:before {
  content: url(../siete/assets/img/Call.svg);
  position: absolute;
  width: 46px;
  height: 50px;
  left: 13px;
  top: 11px;
  background: #dceeff;
  border-radius: 50%;
  padding: 4px 3px;
}
.form-confianza {
  background-color: #fff;
  padding: 7% 6%;
  border-radius: 40px;
  width: 74%;
}
.content-img-form {
  display: flex;
  gap: 30px;
  align-items: baseline;
}
.text-form h4 {
  color: #00303b;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
}
.text-form p {
  color: #00303b;
  margin: 0;
  font-size: 20px;
  font-style: italic;
  line-height: normal;
}
.text-form-main {
  margin-top: 25px;
}
.text-form-main h3 {
  margin: 0;
  font-size: 20px;
  margin-bottom: 2px;
  color: #000;
}
.text-form-main p {
  margin: 0;
  font-size: 19px;
}
form#forminator-module-30 label {
  display: none;
}
form#forminator-module-30 {
  margin: 0;
  margin-top: 15px;
}
form#forminator-module-30 input {
  border-radius: 7px;
  padding: 17px 24px;
}
.forminator-row {
  margin-bottom: 15px !important;
}
form#forminator-module-30 ::placeholder {
  color: #000;
}
button.forminator-button.forminator-button-submit.btn-submit {
  background: #25d366;
  padding: 20px 60px !important;
  padding-left: 100px !important;
  border-radius: 30px !important;
  font-size: 16px !important;
  color: #fff;
  font-weight: bold;
  position: relative;
}
button.forminator-button.forminator-button-submit.btn-submit:before {
  content: url(../siete/assets/img/wpp-icon.svg);
  position: absolute;
  top: 9px;
  width: 38px;
  left: 53px;
}
@media (width < 1280px) {
  .content-text-sabemos-confianza h2 {
    font-size: 40px;
  }
  .form-confianza {
    padding: 7% 6%;
    border-radius: 40px;
    width: 77%;
  }
}
@media (width < 875px) {
  .content-sabemos-confianza {
    flex-direction: column;
    gap: 50px;
  }
  .content-text-sabemos-confianza {
    width: 100%;
    padding-top: 21%;
  }
  .content-form-confianza {
    width: 70%;
  }
}
@media (width < 500px) {
  section#sabemos-confianza:before {
    width: 100%;
    height: 100%;
    background: #a76a54;
    top: 0;
    left: 0;
  }
  a.btn-phone:before {
    width: 46px;
    height: 50px;
    left: 8px;
    top: 4px;
    background: #dceeff;
    border-radius: 50%;
    padding: 8px 3px;
  }
  section#sabemos-confianza {
    margin-top: 20%;
    padding-bottom: 15%;
  }
  .content-text-sabemos-confianza h2 {
    font-size: 28px;
  }
  .content-text-sabemos-confianza p {
    font-size: 16px;
    margin-bottom: 35px;
  }
  .content-text-sabemos-confianza {
    padding-top: 15%;
  }
  a.btn-phone {
    padding: 15px 35px;
    font-size: 25px;
    font-weight: 400;
    border-radius: 50px;
    padding-left: 65px;
  }
  .content-form-confianza {
    width: 100%;
  }
  .form-confianza {
    padding: 7% 6%;
    border-radius: 40px;
    width: 100%;
  }
  button.forminator-button.forminator-button-submit.btn-submit {
    padding: 20px 60px !important;
    padding-left: 100px !important;
    border-radius: 30px !important;
    font-size: 12px !important;
  }
}
@media (width < 375px) {
  a.btn-phone {
    padding: 15px 35px;
    font-size: 20px;
    font-weight: 400;
    border-radius: 50px;
    padding-left: 65px;
  }
  button.forminator-button.forminator-button-submit.btn-submit {
    padding: 20px 18px !important;
    padding-left: 58px !important;
    border-radius: 30px !important;
    font-size: 13px !important;
  }
  button.forminator-button.forminator-button-submit.btn-submit:before {
    top: 10px;
    width: 34px;
    left: 29px;
  }
  .text-form h4 {
    font-size: 19px;
  }
  .text-form p {
    font-size: 17px;
  }
}

section#galeria {
  margin-top: 9%;
}
.content-galeria {
  margin-left: 15%;
}

.content-item-galeria {
  width: 100%;
  min-height: 580px;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
  padding: 0px 11%;
  padding-bottom: 9%;
}
.content-item-galeria h4 {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 30px;
  margin: 0;
}
.content-item-galeria:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  opacity: 0.4;
  left: 0;
  top: 0;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: url("../siete/assets/img/arrow-right.svg");
  width: 100%;
  transform: rotate(182deg);
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: url("../siete/assets/img/arrow-right.svg");
  width: 100%;
}
.swiper-button-next,
.swiper-button-prev {
  width: 75px;
  top: 94%;
}
.swiperPortafolio {
  padding-bottom: 6%;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 51%;
  left: auto;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 39%;
  top: 92%;
}
@media (width < 1550px) {
  .content-item-galeria {
    min-height: 520px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 75px;
    top: 96%;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 37%;
    top: 93.8%;
  }
}
@media (width < 1366px) {
  .swiperPortafolio {
    padding-bottom: 8%;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 50%;
    left: auto;
  }
  .content-item-galeria {
    min-height: 450px;
  }
}

@media (width < 1280px) {
  .swiperPortafolio {
    padding-bottom: 9%;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 75px;
    top: 93%;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 36%;
    top: 90.7%;
  }
}
@media (width < 875px) {
  .swiperPortafolio {
    padding-bottom: 14%;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 42%;
    left: auto;
  }
}
@media (width < 500px) {
  .content-galeria {
    margin-left: 15%;
    width: 90%;
    margin: 0 auto;
  }
  .swiperPortafolio {
    padding-bottom: 30%;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 28%;
    left: auto;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 25%;
    top: 90.7%;
  }
  section#galeria {
    margin-top: 14%;
  }
}
@media (width < 375px) {
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 23%;
    left: auto;
  }
  .content-item-galeria h4 {
    font-size: 25px;
    margin: 0;
  }
  .content-item-galeria {
    min-height: 380px;
  }
}

section#unete-comunidad {
  margin-top: 4%;
  width: 100%;
  min-height: 600px;
  background-position: center;
  background-size: cover;
}
section#unete-comunidad {
  margin-top: 4%;
  width: 100%;
  min-height: 600px;
  background-position: center;
  background-size: cover;
  padding-left: 11%;
  padding-top: 7%;
  position: relative;
}
section#unete-comunidad::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(
    100deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 80%
  );
}
section#unete-comunidad h2 {
color: #fff;
    font-size: 58px;
    line-height: 58px;
    font-weight: 300;
    position: relative;
    margin-bottom: 40px;
}
@media (width < 1550px) {
  section#unete-comunidad {
    margin-top: 4%;
    width: 100%;
    min-height: 600px;
    padding-left: 11%;
    padding-top: 11%;
  }
}
@media (width < 875px) {
  section#unete-comunidad h2 {
    font-size: 43px;
    line-height: 45px;
    font-weight: 300;
    margin-bottom: 40px;
  }
  section#unete-comunidad {
    width: 100%;
    min-height: 400px;
    padding-left: 11%;
    padding-top: 11%;
  }
}
@media (width < 500px) {
  section#unete-comunidad h2 {
    font-size: 29px;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 40px;
    margin-right: 8%;
  }
  section#unete-comunidad {
    min-height: 400px;
    padding-left: 11%;
    padding-top: 27%;
  }
  section#unete-comunidad::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(
      100deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0) 107%
    );
  }
  section#unete-comunidad {
    padding-left: 11%;
    padding-top: 27%;
    margin-top: 12%;
  }
}

.content-text-llegar h3 {
  color: #fff;
  font-size: 51px;
  line-height: normal;
  font-weight: 300;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .content-text-llegar h3 {
    background: linear-gradient(
      132deg,
      #ffffff 0%,
      #ffffff 64%,
      /* casi todo blanco */ #00303b 100%
        /* pequeño tramo azul a la derecha */
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
  }
}
.content-text-llegar h3 span {
  font-weight: 600;
}
.content-como-llegar {
  display: flex;
  gap: 4%;
}
.content-text-llegar {
  width: 50%;
  padding-top: 3%;
}
.content-video-llegar {
  width: 50%;
}
.content-links-llegar {
  display: flex;
}
.content-links-llegar a {
  width: 33%;
}
.content-video-llegar iframe {
  border-radius: 35px;
}
section#como-llegar {
  padding-top: 4%;
}
@media (width < 1280px) {
  .content-text-llegar h3 {
    font-size: 45px;
    font-weight: 300;
  }
  .content-text-llegar h3 {
    font-size: 45px;
  }
}
@media (width < 875px) {
  .content-como-llegar {
    flex-direction: column;
    padding-top: 6%;
    gap: 30px;
  }
  .content-text-llegar {
    width: 100%;
  }
  .content-video-llegar {
    width: 100%;
  }
}
@media (width < 500px) {
  .content-text-llegar h3 {
    font-size: 27px;
    font-weight: 300;
  }
}
@media (width < 375px) {
  .content-text-llegar h3 {
    font-size: 25px;
    font-weight: 300;
  }
}

.item-testimonio {
  display: flex;
}
.img-testimonio {
  width: 30%;
}
.text-testimonio {
  width: 70%;
  background: #fff;
  padding: 10% 5%;
  border-radius: 0 15px 15px 0;
}
.text-testimonio h5 {
  margin-bottom: 10px;
  font-size: 17px;
}
.text-testimonio p {
  line-height: normal;
  font-size: 14px;
  margin: 0;
}
.img-testimonio {
  width: 30%;
  background-position: center;
  background-size: cover;
  border-radius: 15px 0 0 15px;
}
.swiperTestimonios {
  padding-bottom: 6%;
}

.swiperTestimonios .swiper-button-next:after {
  content: url("../siete/assets/img/arrow-brown-right.svg");
  width: 100%;
}

.swiperTestimonios .swiper-button-prev:after {
  content: url("../siete/assets/img/arrow-brown-right.svg");
  width: 100%;
}
.swiperTestimonios .swiper-button-next,
.swiperTestimonios .swiper-button-prev {
  width: 35px;
  top: 88%;
}

.swiperTestimonios .swiper-button-prev {
  left: 43%;
}
.swiperTestimonios .swiper-button-next {
  top: 90%;
  left: 53%;
}
.swiperTestimonios .swiper-pagination {
  left: 48.5% !important;
  bottom: 33px !important;
}
.swiper-pagination-bullet-active {
  background: #a76a54 !important;
}
.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #c7c7c7;
  opacity: 1;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .titulo-testimonio h3 {
    background: linear-gradient(
      132deg,
      #ffffff 0%,
      #ffffff 64%,
      /* casi todo blanco */ #00303b 100%
        /* pequeño tramo azul a la derecha */
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    display: inline-block;
  }
}

.titulo-testimonio h3 {
  color: #fff;
  font-size: 51px;
  line-height: normal;
  font-weight: 300;
  text-align: center;
  padding-bottom: 2%;
}
.titulo-testimonio h3 span {
  font-weight: 600;
}
.titulo-testimonio {
  text-align: center;
}
section#testimonios {
  margin-top: 3%;
  padding-bottom: 2%;
}
@media (width < 1280px) {
  .text-testimonio {
    width: 70%;
    padding: 5% 5%;
    border-radius: 0 15px 15px 0;
  }
  .swiperTestimonios .swiper-button-prev {
    left: 42%;
  }
}
@media (width < 875px) {
  .swiperTestimonios {
    padding-bottom: 9%;
  }
  .swiperTestimonios .swiper-button-next {
    top: 91%;
    left: 56%;
  }
  .swiperTestimonios .swiper-button-prev {
    left: 38%;
  }
  .swiperTestimonios .swiper-pagination {
    left: 48.5% !important;
    bottom: 21px !important;
  }
}
@media (width < 500px) {
  .titulo-testimonio h3 {
    font-size: 27px;
    text-align: center;
    padding-bottom: 3%;
  }
  .swiperTestimonios {
    padding-bottom: 17%;
  }
  .swiperTestimonios .swiper-button-prev {
    left: 28%;
  }
  .swiperTestimonios .swiper-button-next {
    top: 91%;
    left: 62%;
  }
}
@media (width < 375px) {
  .titulo-testimonio h3 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 3%;
  }
  .swiperTestimonios {
    padding-bottom: 23%;
  }
  .swiperTestimonios .swiper-button-prev {
    left: 23%;
  }
}

footer#new-footer {
  background: #a76a54;
  padding: 4% 5%;
}
.redes-footer a {
    width: 30px;
}
.redes-footer {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}
.content-new-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
a.btn-wpp:hover {
  background: #af7661;
  color: #00303b;
}
@media (width < 875px) {
  .content-new-footer {
    flex-direction: column;
    gap: 71px;
    padding-top: 8%;
    padding-bottom: 5%;
  }
}

@media (width < 500px) {
  section#testimonios {
    margin-top: 3%;
    padding-bottom: 11%;
  }
  .content-new-footer {
    flex-direction: column;
    gap: 71px;
    padding-top: 20%;
    padding-bottom: 10%;
  }
	footer#new-footer {
    padding: 4% 5%;
    padding-bottom: 25%;
}
}


.content-text-banner-home::before {
  content: url(https://www.parcelacionsietecielos.com/wp-content/uploads/2025/09/button_down.svg);
  position: absolute;
  left: 53%;
  bottom: -54px;
  transform: translateX(-50%);       /* centra horizontalmente */
  width: 97px;
  height: auto;
  display: block;
  pointer-events: none;
  will-change: transform;

  /* Animación sutil */
  animation: floatY 2s ease-in-out infinite;
}

/* Keyframes para el “sube y baja” */
@keyframes floatY {
  0%   { transform: translateX(-50%) translateY(0); }
  50%  { transform: translateX(-50%) translateY(-8px); } /* sube un poco */
  100% { transform: translateX(-50%) translateY(0); }
}

/* Respeta usuarios con reducción de movimiento */
@media (prefers-reduced-motion: reduce) {
  .content-text-banner-home::before {
    animation: none;
  }
}
iframe .ytp-cued-thumbnail-overlay-image {
    background-image: url('https://www.parcelacionsietecielos.com/wp-content/uploads/2025/09/video.jpg')!important;
}

.content-video-invertir iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.video-overlay {
  position: absolute;
  inset: 0;
  background: center / cover no-repeat;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: opacity .25s ease;
	border-radius: 20px;
}
.video-overlay__btn {
  width: 72px;
  height: 72px;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.45);
}
.video-overlay__btn::before {
  content: '';
  display: block;
  margin: 0 auto 0 26px;
  width: 0; height: 0;
  border-left: 18px solid #fff;      /* triángulo play */
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}