@media screen and (min-width: 0em) {
  .title-bg {
    width: 100vw;
    height: 29em;
    background-image: url("/img/quienes-somos-section.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 4em;
  }
  .title-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 90vw;
  }
  p.title-tag {
    font-size: var(--small-text);
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--decorative-color);
    margin-bottom: 0.4em;
  }
  p.title-tag span {
    width: 4em;
    height: 1px;
    margin-bottom: 0.2em;
    background-color: var(--decorative-color);
  }
  .title-box h1 {
    font-size: var(--title-text-m);
    color: var(--white-color);
    height: fit-content;
    line-height: 1em;
    letter-spacing: -0.2px;
    padding-bottom: 0.2em;
  }
  p.title-text {
    font-size: var(--small-text);
    color: var(--white-color);
    margin-top: 1em;
  }
  p.title-text br {
    display: none;
  }
  a.title-button {
    padding: 0.5em 1em;
    background-color: var(--decorative-color);
    text-decoration: none;
    color: var(--white-color);
    border-radius: 4px;
    font-size: var(--small-text);
    margin-top: 0.4em;
  }
  a.title-button:hover {
    transition: ease 0.2s;
    background-color: var(--decorative-hover-color);
  }
  .title-methods {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 4em;
  }
  .title-methods-title {
    width: 90vw;
    max-width: 1300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .title-methods-title h3 {
    font-size: var(--title-text-m);
    line-height: 1.16em;
    letter-spacing: -0.05em;
    overflow-y: hidden;
    margin: 1.3em 0 1em;
    color: var(--text-color);
  }
  p.title-methods-title-text {
    font-size: var(--small-text);
    color: var(--text-color);
    max-width: 481px;
  }
  .title-methods-servicios {
    width: 90vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 2em 0 9em;
    max-width: 510px;
  }
  .title-methods-servicios img {
    width: fit-content;
  }
  .title-methods-cards {
    width: 90vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 600px;
  }
  .methods-card1 {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 2em;
    max-width: 279px;
  }
  .top {
    margin-top: 4em;
  }
  p.methods-subtitle {
    font-size: var(--small-text);
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5em;
  }
  p.methods-subtitle img {
    width: fit-content;
    margin-right: 0.5em;
  }
  p.methods-text {
    padding-right: 0.5em;
    font-size: var(--small-text);
  }
  .quienessomos-section {
    width: 100vw;
    padding-top: 4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--background-gray-color);
  }
  .quienessomos-section picture {
    width: 90vw;
    margin-top: 5em;
  }
  .quienessomos-section picture img {
    width: 100%;
  }
  .quienessomos-title {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 7em;
  }
  p.quienessomos-tag {
    color: var(--decorative-color);
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: var(--small-text);
    margin-bottom: 0.5em;
  }
  p.quienessomos-tag span {
    width: 2em;
    height: 1px;
    background-color: var(--decorative-color);
    margin-bottom: 0.2em;
  }
  .quienessomos-title h3 {
    line-height: 0.9em;
    letter-spacing: -0.05em;
    padding-bottom: 0.5em;
    font-size: var(--subtitle-text);
    color: var(--text-color);
    margin-bottom: 0.5em;
  }
  p.quienessomos-text {
    font-size: var(--small-text);
    color: var(--text-color);
    font-weight: 500;
    margin-bottom: 1em;
  }
  .quienessomos-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 2em;
  }
  .quienessomos-list li {
    color: var(--text-color);
    font-weight: 600;
    font-size: var(--small-text);
    margin-bottom: 0.2em;
  }
  .quienessomos-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 7em;
  }
  a.button1 {
    background-color: var(--decorative-color);
    padding: 0.5em 1em;
    font-size: var(--small-text);
    text-decoration: none;
    color: var(--white-color);
    font-weight: 600;
    border-radius: 4px;
    margin-right: 1em;
    margin-bottom: 0.5em;
  }
  a.button2 {
    background-color: transparent;
    border: var(--text-color) solid 1px;
    padding: 0.5em 1em;
    font-size: var(--small-text);
    text-decoration: none;
    color: var(--text-color);
    font-weight: 600;
    border-radius: 4px;
  }
  a.button1:hover {
    transition: ease 0.2s;
    background-color: var(--decorative-hover-color);
  }
  a.button2:hover {
    transition: ease 0.2s;
    background-color: var(--text-color);
    color: var(--white-color);
  }
  .servicios-section {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url("/img/servicios-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .servicios-title {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 4em 0 7em;
  }
  p.servicios-tag {
    color: var(--decorative-color);
    font-size: var(--small-text);
    margin-bottom: 0.5em;
  }
  p.servicios-tag span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 4em;
    height: 1px;
    background-color: var(--decorative-color);
  }
  .servicios-title h3 {
    font-size: var(--title-text-m);
    color: var(--white-color);
    margin-bottom: 0.7em;
    line-height: 0.9em;
    letter-spacing: -0.04em;
    font-weight: 600;
    overflow-y: hidden;
  }
  p.servicios-description {
    font-size: var(--small-text);
    color: var(--white-color);
    margin-bottom: 0.5em;
  }
  a.servicios-button {
    background-color: var(--decorative-color);
    padding: 0.5em 1em;
    border-radius: 4px;
    color: var(--white-color);
    font-size: var(--small-text);
    text-decoration: none;
    font-weight: 600;
  }
  .servicios-cards {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 4em;
  }
  .servicios-card1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2em 2em;
    border: var(--background-gray-color) solid 1px;
    background-color: transparent;
    border-radius: 4px;
    margin-bottom: 4em;
  }
  .servicios-card1 img {
    margin-bottom: 1em;
  }
  .servicios-card1 h4 {
    font-size: var(--small-text);
    color: var(--white-color);
    margin-bottom: 1em;
  }
  p.servicios-text {
    font-size: var(--small-text);
    color: var(--white-color);
  }
  .clientes-section {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 4em;
    background-color: var(--background-gray-color);
  }
  .clientes-title {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 4em;
  }
  p.clientes-tag {
    margin-top: 2em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: var(--small-text);
    font-weight: 600;
    color: var(--decorative-color);
    margin-bottom: 0.2em;
  }
  p.clientes-tag span {
    width: 2.4em;
    height: 1px;
    background-color: var(--decorative-color);
  }
  .clientes-title h3 {
    font-size: var(--title-text-m);
    color: var(--text-color);
    margin-bottom: 1em;
    line-height: 0.9em;
    letter-spacing: -0.04em;
    overflow-y: hidden;
  }
  .clientes-logos {
    width: 90vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 4em;
    margin-bottom: 1em;
  }
  .cliente1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 2em;
  }
  .cliente1 img {
    justify-self: center;
  }
  .cliente1 p {
    font-size: var(--small-text);
    margin: 0.5em 0 1em;
    text-align: center;
    font-weight: 500;
  }
  .clientes-logos img {
    margin-right: 2em;
    margin-bottom: 2em;
  }
  .clientes-reviews {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--white-color);
    border-radius: 4px;
    padding: 2em;
    margin: 4em 0 9em;
  }
  p.clientes-review {
    font-size: var(--small-text);
    color: var(--text-color);
  }
  p.clientes-nombre-empresa {
    color: var(--decorative-color);
    font-size: var(--small-text);
    margin: 1em 0 0.5em;
  }
  a.clientes-button {
    background-color: var(--decorative-color);
    padding: 0.5em 1em;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: var(--small-text);
    color: var(--white-color);
  }
  a.clientes-button:hover {
    transition: ease 0.2s;
    background-color: var(--decorative-hover-color);
  }
  .facts-section {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--text-color);
  }
  .facts-linebox {
    width: 90vw;
    border: #919191 solid 1px;
    border-radius: 4px;
    margin: 4em 1em 7em;
    padding: 2em 2em 0;
  }
  .facts-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .facts-title picture {
    width: 100%;
    margin: 2em 0 1em;
  }
  .facts-title picture img {
    width: 100%;
    border-radius: 4px;
  }
  .facts-title-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 1em;
  }
  .facts-title-text h3 {
    font-size: var(--title-text-m);
    color: var(--white-color);
    margin-bottom: 1em;
  }
  p.facts-text {
    font-size: var(--small-text);
    margin-bottom: 1em;
    color: var(--white-color);
  }
  a.facts-button {
    background-color: var(--decorative-color);
    padding: 0.5em 1em;
    color: var(--decorative-color);
    font-size: var(--small-text);
    color: var(--white-color);
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
  }
  .facts-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 4em;
  }
  .facts-info1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 4em;
  }
  .facts-info1 img {
    margin-right: 1em;
  }
  p.facts-info-text {
    display: flex;
    flex-direction: column;
    color: var(--white-color);
    font-size: var(--small-text);
  }
  p.facts-info-text span {
    font-size: var(--subtitle-text-m);
    font-weight: 600;
    color: var(--decorative-color);
  }
  .blog-section {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--background-gray-color);
  }
  .blog-title {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin: 5em 0 3.4em;
  }
  .blog-title h3 {
    display: flex;
    flex-direction: column;
    font-size: var(--title-text-m);
    letter-spacing: -0.04em;
    overflow-y: hidden;
    margin-bottom: 0.7em;
  }
  .blog-title h3 span {
    background-color: var(--decorative-color);
    width: 1.4em;
    height: 1px;
  }
  p.blog-description {
    font-size: var(--small-text);
    color: var(--small-text);
  }
  .blog-cards {
    width: 90vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  .blog-card1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 4em;
    margin-right: 2em;
    border-radius: 4px;
    background-color: var(--white-color);
  }
  .blog-card1 picture {
    width: 100%;
  }
  .blog-card1 picture img {
    width: 100%;
  }
  .blog-text {
    padding: 1em 2em 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .blog-card1 h4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 2em;
    font-size: var(--text-desktop);
  }
  .blog-card1 h4 img {
    margin-bottom: 0.5em;
  }
  p.blog-card1-text {
    font-size: var(--small-text);
    color: var(--text-color);
  }
  .blog-button-box {
    width: 90vw;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  a.blog-card1-button {
    color: var(--text-color);
    font-size: var(--small-text);
    font-weight: 600;
    text-decoration: none;
    margin: 0.5em 0 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  a.blog-card1-button img {
    width: 1em;
    margin-left: 0.4em;
  }
  a.blog-button {
    font-size: var(--small-text);
    color: var(--white-color);
    background-color: var(--decorative-color);
    padding: 0.5em 1em;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 4em;
  }
  .equipo-section {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url("/img/equipo-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 7em;
  }
  .equipo-title {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  p.equipo-tag {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: var(--small-text);
    color: var(--decorative-color);
    margin-top: 4em;
  }
  p.equipo-tag span {
    width: 4em;
    height: 1px;
    background-color: var(--decorative-color);
  }
  .equipo-title h3 {
    font-size: var(--title-text-m);
    color: var(--white-color);
    line-height: 1.1em;
    letter-spacing: -0.04em;
    overflow-y: hidden;
  }
  .equipo-cards {
    width: 90vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .equipo-card1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 7em;
  }
  .equipo-card1 picture {
    width: 100%;
  }
  .equipo-card1 picture img {
    width: 100%;
  }
  .equipo-card1-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .equipo-card1-text h4 {
    font-size: var(--text-desktop);
    color: var(--white-color);
    margin: 1em 0 0.5em;
  }
  .equipo-card1-text h4 span {
    color: var(--decorative-color);
  }
  .equipo-card1-text p {
    font-size: var(--small-text);
    color: var(--white-color);
    margin: 1em 0 0.5em;
  }
  .equipo-card1-redessociales {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }
  .equipo-card1-redessociales a {
    margin-right: 1em;
  }
  a.equipo-button {
    background-color: var(--decorative-color);
    padding: 0.5em 1em;
    color: var(--white-color);
    font-size: var(--text-desktop);
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    margin: 2em;
  }
  .contacto-section {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 0;
  }
  .contacto1 {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2em 5vw 9em;
    background-image: url("/img/contacto-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  p.contacto1-tag {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--decorative-color);
    font-size: var(--small-text);
  }
  p.contacto1-tag span {
    width: 4em;
    height: 1px;
    background-color: var(--decorative-color);
    margin: 1em 0 0.2em;
  }
  .contacto1 h3 {
    font-size: var(--title-text-m);
    color: var(--white-color);
    margin-bottom: 1em;
    line-height: 1em;
    letter-spacing: -0.04em;
  }
  p.contacto-text {
    font-size: var(--small-text);
    color: var(--white-color);
    margin: 2em 0 0;
  }
  a.contacto1-info {
    font-size: var(--small-text);
    color: var(--white-color);
    margin-bottom: 1em;
  }
  .contacto2 {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 4em 5vw 7em;
    background-color: var(--background-gray-color);
  }
  .contacto2 h4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: var(--title-text-m);
    color: var(--text-color);
    margin-bottom: 1em;
    overflow-y: hidden;
    line-height: 1em;
    letter-spacing: -0.04em;
  }
  .contacto2 h4 span {
    background-color: var(--decorative-color);
    width: 2em;
    height: 1px;
    margin-bottom: 0.2em;
  }
  .contacto2 form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .nombre-correo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  .nombre-correo input {
    background-color: var(--white-color);
    border-radius: 4px;
    margin-right: 1em;
    color: var(--text-color);
    font-size: var(--small-text);
    padding: 0.5em 1em;
    border-style: none;
  }
  .contacto2 form input {
    background-color: var(--white-color);
    border-radius: 4px;
    padding: 0.5em 1em;
    font-size: var(--small-text);
    color: var(--text-color);
    margin-bottom: 1em;
    border-style: none;
  }
  .contacto2 form textarea {
    border-style: none;
    background-color: var(--white-color);
    border-radius: 4px;
    font-size: var(--small-text);
    padding: 0.5em 1em;
  }
  .contacto2-button {
    background-color: var(--decorative-color);
    padding: 0.5em 1em;
    color: var(--white-color);
    border-radius: 4px;
    color: var(--white-color);
    font-weight: 600;
    font-size: var(--small-text);
    border-style: none;
    margin: 1em 0 2em;
  }
}
@media screen and (min-width: 410px) {
  a.button1 {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 570px) {
  .servicios-cards {
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .servicios-card1 {
    width: 240px;
    margin-right: 1em;
  }
  .equipo-card1 {
    flex-direction: row;
  }
  .equipo-card1 picture {
    width: 310px;
  }
  .equipo-card1-text {
    width: fit-content;
    margin-left: 2em;
  }
}
@media screen and (min-width: 637px) {
  p.title-text br {
    display: inline-block;
  }
  .quienessomos-section picture {
    width: 624px;
  }
  .title-methods {
    flex-direction: row;
    align-items: flex-start;
    padding: 0 4em;
    margin-bottom: 9em;
  }
  .title-methods-title {
    padding-right: 2em;
    width: fit-content;
  }
  .title-methods-cards {
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: fit-content;
  }
  /* .methods-card1 {
    max-width: 210px;
  } */
  .title-methods-servicios {
    margin-top: 7em;
  }
}
@media screen and (min-width: 750px) {
  .title-bg {
    background-image: url("/img/quienes-somos-section.webp");
    background-size: cover;
  }
  .methods-card1 {
    margin-right: 1em;
  }
  .quienessomos-section {
    flex-direction: row;
    padding-bottom: 5em;
  }
  .quienessomos-section picture {
    width: fit-content;
    padding-left: 1em;
  }
  .quienessomos-title {
    width: fit-content;
    margin-left: 2em;
    margin-bottom: 7em;
    padding-right: 1em;
  }
  .clientes-title {
    width: fit-content;
  }
  .facts-title {
    flex-direction: row;
    align-items: flex-start;
  }
  .facts-title-text {
    width: fit-content;
    padding-left: 1em;
    align-self: flex-start;
  }
  .facts-title picture {
    margin-right: 1em;
  }
  .facts-info {
    flex-direction: row;
  }
  .facts-info1 {
    margin-right: 2em;
  }
}
@media screen and (min-width: 790px) {
  .contacto-section {
    flex-direction: row;
    align-items: flex-start;
  }
  .contacto1 {
    height: 70em;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .contacto1-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .contacto1 h3 {
    overflow-y: hidden;
  }
}
@media screen and (min-width: 841px) {
  .methods-servicios-boxline {
    padding: 2em;
  }
  .servicios-section {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }
  .servicios-title {
    width: 470px;
    margin-top: 4em;
    margin-left: 5vw;
    padding: 1em;
  }
  .servicios-cards {
    margin-top: 4em;
  }
  .facts-info {
    width: 790px;
    margin: 0 auto 4em;
  }
  .facts-info1 {
    margin-right: 7em;
  }
  .blog-title {
    align-items: center;
    text-align: center;
  }
  p.blog-description {
    font-size: var(--text-desktop);
  }
  .blog-cards {
    justify-content: center;
  }
  .blog-button-box {
    width: 100vw;
    justify-content: center;
  }
  a.blog-button {
    font-size: var(--text-desktop);
  }
  .equipo-title {
    width: fit-content;
  }
}
@media screen and (min-width: 910px) {
  .title-bg {
    height: 34em;
  }
  .title-box {
    margin-top: 7em;
  }
  .title-box h1 {
    font-size: 6rem;
  }
  p.title-text {
    font-size: var(--small-text);
  }
  .equipo-cards {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .equipo-card1 picture {
    width: 190px;
  }
  .equipo-card1-text {
    width: fit-content;
    padding-right: 1em;
  }
  a.equipo-button {
    margin-top: 2.9em;
  }
}
@media screen and (min-width: 950px) {
}
@media screen and (min-width: 976px) {
  .clientes-reviews {
    width: 790px;
  }
}
@media screen and (min-width: 1010px) {
  .facts-title {
    align-items: center;
  }
  .facts-title picture {
    width: fit-content;
  }
  /* .facts-title picture img {
      width: fit-content;
    } */
  .facts-title-text {
    width: 755px;
  }
}
@media screen and (min-width: 1100px) {
  .title-box {
    width: 1070px;
  }
  p.title-text {
    font-size: var(--text-desktop);
  }
  a.title-button {
    font-size: var(--text-desktop);
  }
  .title-methods-cards {
    width: 700px;
  }
  .quienessomos-section picture {
    width: 640px;
  }
  .quienessomos-title {
    width: 590px;
  }
  .quienessomos-title h3 {
    font-size: var(--title-text-m);
  }
  p.quienessomos-text,
  .quienessomos-list li {
    font-size: var(--text-desktop);
  }
  .quienessomos-list li {
    margin-bottom: 0.5em;
  }
  a.button1,
  a.button2 {
    font-size: var(--text-desktop);
  }
  .servicios-cards {
    width: 1000px;
  }
  .servicios-card1 {
    width: 290px;
    margin-right: 4em;
  }
  p.clientes-review,
  p.clientes-nombre-empresa,
  a.clientes-button {
    font-size: var(--text-desktop);
  }
  .facts-title-text {
    width: 670px;
  }
  .facts-info1 p {
    font-size: var(--text-desktop);
  }
  .facts-title-text p {
    font-size: var(--text-desktop);
  }
  .equipo-title {
    margin-bottom: 4em;
  }
  .equipo-card1-text {
    padding-right: 2em;
  }
}
@media screen and (min-width: 1290px) {
  .contacto2 {
    height: 70em;
    justify-content: flex-start;
  }
  .contacto2-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .contacto2 form input {
    width: 100%;
  }
  .nombre-correo {
    flex-direction: row;
  }
  .nombre-correo input {
    width: 250px !important;
  }
  .contacto2 form textarea {
    width: 100%;
  }
}
@media screen and (min-width: 1340px) {
  .equipo-cards {
    width: 1200px;
  }
  /* .equipo-card1 picture {
      width: 310px;
    } */
  .margin-right {
    margin-right: 2em;
  }
  .equipo-card1 {
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 1400px) {
  .logo1 {
    margin-top: 1em;
  }
  .facts-linebox {
    width: 1310px;
  }
  .equipo-cards {
    width: 1250px;
  }
  .equipo-card1 picture {
    width: 270px;
  }
  .equipo-card1-text p {
    font-size: var(--text-desktop);
  }
  .margin-right {
    margin-right: 9em;
  }
}