body {
  margin: 0;
}
header {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
  position: fixed;
  height: 60px;
  width: 100%;
}

.header-left-corner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 3%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header-right-corner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 3%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.signup-button {
  font-family: "Figtree", sans-serif;
  background-color: #ff4c00;
  border-radius: 40px;
  height: 44px;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: bold;
  padding: 10px 20px;
  border: none;
}
.signup-button:hover {
  background-color: #ff6b2b;
}

.view-plans-button {
  font-family: "Figtree", sans-serif;
  border-radius: 40px;
  height: 44px;
  color: #ff4c00;
  background-color: #ffffff;
  text-decoration: underline;
  font-size: 1rem;
  font-weight: bold;
  padding: 8px 14px;
  border: none;
  
}

.view-plans-button:hover {
  background-color: #ffede5;
}

#down-arrow-icon {
  width: 12px;
  height: 12px;
  padding-left: 4px;
}
main {
  padding-top: 60px;
}
.main-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: url("https://image.info.inmuebles24.com.mx/lib/fe3511747364047f741676/m/1/0a49e6a4-5fe6-44bf-92ca-32bfce8331a3.png");
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
  padding-top: 41.66%;
}

#main-section-titles-container {
  padding-bottom: 41.66%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.welcome-title {
  color: white;
  font-family: "Figtree", sans-serif;
  font-size: 30px;
  font-weight: 600;
}
.main-section-title {
  font-family: "Figtree", sans-serif;
  font-size: 40px;
  width: 48vw;
  text-align: center;
  margin: 0;
}
.data-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
 background: url("https://image.info.inmuebles24.com.mx/lib/fe3511747364047f741676/m/1/136524bc-aa6f-43c4-90e3-44fcd8b21e09.png");
background-size: cover;
}
.data-section-title-container {
  display: flex;
  padding: 40px 10% 20px 10%;
  justify-content: center;
  align-items: center;
  gap: 20px;
  align-self: stretch;
}
.data-section-title {
  display: flex;
  width: 348px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #FF4C00;
  color: #FFF;
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 38.4px */
}
.data-section-card {
  display: flex;
  min-width: 300px;
  max-width: 300px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex: 1 0 0;
}
.data-section-card-image {
  width: 65px;
  height: 59px;
}
.data-section-card-title {
  align-self: stretch;
  color: #1A1A1A;
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%; /* 24px */
}
.data-section-card-copy {
 align-self: stretch;
 color: #1A1A1A;
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: 130%; /* 20.8px */
}
.data-section-card-description {
  align-self: stretch;
  color: #1A1A1A;
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 350;
  line-height: 100%; /* 12px */
}
.data-section-card-wrapper {
  display: flex;
  padding: 40px 80px;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 40px 20px;
  align-self: stretch;
  flex-wrap: wrap;
}
.estrategia-section {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  background: #F1F5F6;
}
.estrategia-title-container {
display: flex;
padding: 80px 10% 40px 10%;
align-items: center;
gap: 20px;
align-self: stretch;
}
.estrategia-title {
color: #1A1A1A;
text-align: center;
font-family: "Figtree", sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: 130%; /* 41.6px */
flex: 1 0 0;
}
.estrategia-cards-wrapper {
display: flex;
padding: 40px 10%;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
gap: 40px 100px;
align-self: stretch;
flex-wrap: wrap;
}
.estrategia-cards-wrapper-2 {
display: flex;
padding: 40px 10% 80px 10%;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
gap: 40px 100px;
align-self: stretch;
flex-wrap: wrap;
}
.estrategia-card {
display: flex;
min-width: 300px;
max-width: 300px;
justify-content: center;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
}
.estrategia-card-image {
width: 65px;
height: 59px;
}
.estrategia-card-text-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
flex: 1 0 0;
}
.estrategia-card-title {
color: #1A1A1A;
font-family: "Figtree", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 100%; /* 24px */
}
.estrategia-card-copy {
color: #1A1A1A;
font-family: "Figtree", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 350;
line-height: 130%; /* 20.8px */
align-self: stretch;
}
.divider{
display: flex;
padding: 40px 10%;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), url("https://image.info.inmuebles24.com.mx/lib/fe3511747364047f741676/m/1/cf530df1-3194-4f67-9cb9-d2e1f1d11a90.png");
background-size: cover;
}
.divider-title {
  display: flex;
  width: 348px;
  padding: 12px 10%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #FF4C00;
  color: #FFF;
  text-align: center;
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%; /* 38.4px */
}
.avisos-block-img-left {
display: flex;
padding: 40px 10%;
justify-content: center;
align-items: center;
align-content: center;
gap: 20px 80px;
align-self: stretch;
flex-wrap: wrap;
}
.avisos-block-img-left-content {
display: flex;
min-width: 300px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
flex: 1 0 0;
}
.avisos-block-img-left-title {
display: flex;
padding: 12px 20px;
align-items: center;
gap: 10px;
border-radius: 8px;
background: #3A0C3D;
color: #FFF;
font-family: "Figtree", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 24px */
}
.avisos-block-img-left-subtitle {
color: #FF4C00;
font-family: "Figtree", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 21.6px */
align-self: stretch;
}
.avisos-block-img-left-copy {
color: #1A1A1A;
font-family: "Figtree", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 350;
line-height: 130%; /* 20.8px */
align-self: stretch;
}
.avisos-block-img-left-img-container {
height: 184px;
min-width: 300px;
flex: 1 0 0;
background-size: contain;
}
.funcionalidades-container {
display: flex;
padding: 40px 10%;
justify-content: center;
align-items: center;
align-content: center;
gap: 20px 80px;
align-self: stretch;
flex-wrap: wrap;
}
.funcionalidades-text {
display: flex;
min-width: 300px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
flex: 1 0 0;
}
.plans-section {
  background-color: #f1f5f6;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.plans-section-title {
  font-family: "Figtree", sans-serif;
  font-size: 48px;
  padding-top: 10px;
  margin-bottom: 0px;
}
.plans-container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  align-items: center;
  padding: 80px;
}
.plan-card {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0px 4px 20px #a5a5a5;
  min-width: 305px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 40px 20px 32px;
  gap: 16px;
  height: 345px;
}
.plan-title-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.plan-title {
  font-family: "Figtree", sans-serif;
  font-weight: 900;
  font-size: 30px;
  margin: 0px;
}

.plan-title-highlight {
  font-family: "Figtree", sans-serif;
  background-color: #ffece3;
  color: #ff4c00;
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: 10px;
  margin: 0px;
}

.plan-title-super-highlight {
  font-family: "Figtree", sans-serif;
  background-color: #d6cafe;
  color: #401fab;
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: 10px;
  margin: 0px;
}

.plan-details-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
.simple-announce-text {
  font-family: "Figtree", sans-serif;
  font-weight: bold;
  padding: 10px;
  background-color: #ffece3;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: #ff4c00;
  margin-bottom: 5px;
}

.outstanding-announce-text {
  font-family: "Figtree", sans-serif;
  font-weight: bold;
  padding: 10px;
  background-color: #cff8c7;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: #2a8a17;

  margin-bottom: 5px;
}

.super-outstanding-announce-text {
  font-family: "Figtree", sans-serif;
  font-weight: bold;
  padding: 10px;
  background-color: #d6cafe;
  border-radius: 0.5rem;
  font-size: 1rem;
  color: #401fab;
}

.plan-functions-container {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 4px;
}

.plan-function-detail {
  font-family: "Figtree", sans-serif;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.plan-function-description {
  font-weight: 400;
  font-weight: bold;
}

.primary-button {
  font-family: "Figtree", sans-serif;
  background-color: #ff4c00;
  border-radius: 1rem;
  height: 42px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 800;
  padding: 10px 20px;
  border: none;
  margin-top: 20px;
}

.form-section {
  background-color: #ff4c00;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  background-image: url("https://image.info.inmuebles24.com.mx/lib/fe3511747364047f741676/m/1/e64b95ee-b920-45f0-bbce-7b4a9e58c597.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.form-card {
  min-width: 30%;
  max-width: 80%;
  background-color: #ffffff;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px 20px 20px 20px;
}

.contact-form {
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.contact-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.input-label {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #231f20;
  font-size: 14px;
}
.input-box {
  width: 90%;
  border-radius: 16px;
  height: 51px;
  padding-left: 20px;
  border-color: #686868;
  font-size: 16px;
}
.select-box {
  width: 95%;
  border-radius: 16px;
  height: 51px;
  padding-left: 20px;
  padding-right: 20px;
  border-color: #686868;
  font-size: 16px;
border-width:2px;

}
.form-title-container {
  font-family: "Figtree", sans-serif;
  padding-bottom: 40px;
  text-align: center;
}
.form-title {
  margin-top: 0px;
  font-size: 32px;
  font-weight: bolder;
}

.form-subtitle {
  font-size: 18px;
  font-weight: bold;
}
.form-container {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: 30px;
}

.form-column {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: 8px;
}

.submit-button {
  font-family: "Figtree", sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 44px;
  border-radius: 40px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  width: 100%;
  color: #ffffff;
  background-color: #ff4c00;
  font-size: 18px;
}

footer {
  background-color: #dfe7e9;
  font-family: "Figtree", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 5% 5%;
}

.disclaimer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: center;
}
.links-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  text-align: center;
}

.social-network-icons {
  height: 23px;
  width: 23px;
  display: flex;
}
#twitter-icon {
  width: 23px;
}
#youtube-icon {
  width: 23px;
}

@media all and (max-width: 768px) {
  .links-container {
    flex-direction: column;
  }
  .main-section {
    background-image: url("https://image.info.inmuebles24.com.mx/lib/fe3511747364047f741676/m/1/0a49e6a4-5fe6-44bf-92ca-32bfce8331a3.png");
    padding-top: 65.65%;
background-size:cover;
  }
  #main-section-titles-container {
    padding-bottom: 65.65%;
  }
.main-section-title {
  font-family: "Figtree", sans-serif;
  font-size: 28px;
  width: 80vw;
  text-align: center;
  margin: 0;
}

  .plans-container {
    padding: 24px;
  }
  .form-section {
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url("https://image.info.inmuebles24.com.mx/lib/fe3511747364047f741676/m/1/68a08750-1574-4383-a377-663070499c3d.png
  .form-card {
    max-width: 100%;
    margin: 16px;
  }
  .form-container {
    flex-direction: column;
  }
  .form-column {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .footer {
    padding: 20px 30px;
  }
}

@media all and (max-width: 624px) {
  .disclaimer-container {
    flex-direction: column;
    gap: 20px;
  }
  .header-left-corner {
    padding-left: 10px;
  }
  .header-right-corner {
    padding-right: 10px;
  }
  .plan-function-detail {
    display: none;
  }
  .plan-card {
    height: auto;
  }
  .main-section-title {
    font-size: 20px;
    width: 80vw;
  }
  .welcome-title {
    font-size: 20px;
  }
  .plans-section-title {
    font-size: 26px;
  }
  .plan-card {
    width: 100%;
  }
  .form-section {
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url("https://image.info.inmuebles24.com.mx/lib/fe3511747364047f741676/m/1/68a08750-1574-4383-a377-663070499c3d.png
  .form-card {
    max-width: 100%;
    margin: 16px;
  }
  .form-container {
    flex-direction: column;
  }
  .form-column {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }

  .plan-title {
    font-size: 20px;
  }
  .simple-announce-text {
    font-size: 14px;
  }
  .outstanding-announce-text {
    font-size: 14px;
  }
  .super-outstanding-announce-text {
    font-size: 14px;
  }
  .primary-button {
    font-size: 14px;
  }
  .view-plans-button {
    display: none;
    font-size: 16px;
  }
  .login-button {
    font-size: 16px;
  }
  .header-left-corner {
    padding-left: 10px;
  }
  .header-right-corner {
    padding-right: 10px;
  }

  .social-networks-container h3 {
    font-size: 14px;
    display:flex;
    flex-direction: row;
  }
  .disclaimer-container {
    font-size: 14px;
  }
}

@media all and (max-width: 576px) {
  .social-networks-container {
    flex-direction: column;
    gap: 20px;
  }
.logo-header {
height: 20px;
width: auto;
}
  .header-left-corner {
    padding-left: 10px;
  }
  .header-right-corner {
    padding-right: 10px;
  }
  .main-section {
    background-image: url("https://image.info.inmuebles24.com.mx/lib/fe3511747364047f741676/m/1/53d69b1a-2337-4996-90a4-bae48dbd675b.png");
    padding-top: 70%;
padding-bottom:10%;
  }
  #main-section-titles-container {
    padding-bottom: 65.65%;
  }
  .form-section {
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url("https://image.info.inmuebles24.com.mx/lib/fe3511747364047f741676/m/1/68a08750-1574-4383-a377-663070499c3d.png
  .form-card {
    max-width: 100%;
    margin: 16px;
  }
  .form-container {
    flex-direction: column;
  }
  .form-column {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .footer {
    padding: 10px 20px;
  }
}

.social-networks-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-size: 16px;
}
.icons-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}