#formulario-de-busqueda-de-centros-auditivos-por-direccion {
  position: relative;
  width: max-content;
  margin-inline: auto;

  & [name='direccion'] {
    width: clamp(20rem, 12.9577rem + 30.0469vw, 40rem);
    border: 1px solid #9e9c9c;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 1rem;
    padding: 0.625rem 1.25rem;
    &::placeholder {
      color: #9ba1a5;
      font-size: 1.125rem;
      font-weight: 500;
    }
    &:hover {
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.5);
    }
  }
  & button[type='submit'] {
    position: absolute;
    right: 0;
    background: #1e59bc;
    height: 100%;
    width: 3.75rem;
    border-radius: 0.875rem;
    border: 2px solid #fff;
    cursor: pointer;

    & img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -40%);
    }
  }
}

/* Pildoras con buscador de centros auditivos por pais */

ul.buscador-de-centro-auditivo-por-pais {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1rem, 0.6479rem + 1.5023vw, 2rem);
  list-style: none;
  margin-inline: auto;
  padding: 0 !important;

  & a {
    padding: 0.5rem;
    background: hsl(0, 0%, 100%, 0.3);
    width: clamp(9rem, 8.2077rem + 3.3803vw, 11.25rem);
    height: 7.5rem;
    border-radius: clamp(1rem, 0.6799rem + 1.3659vw, 1.875rem);
    border: 1px solid #9e9c9c;
    display: grid;
    place-content: center;
    text-align: center;
    font-size: 1rem;
    font-family: 'Arial';
    font-weight: 700;
    padding-top: 1em;
    cursor: pointer;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    line-height: 1.3em;

    &:hover {
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.5);
    }
  }

  & i {
    padding-right: 0 !important;
    padding-bottom: 0.4em;
    font-size: 4em;
  }
}

/* mayor especificidad */

#main-content ul.buscador-de-centro-auditivo-por-pais a {
  color: #fff !important;
}

@media (width < 1200px) {
  ul.buscador-de-centro-auditivo-por-pais {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: max-content;
  }
}

@media (width < 600px) {
  ul.buscador-de-centro-auditivo-por-pais {
    & a {
      font-size: 0.75rem;
      width: clamp(6rem, 1rem + 21.3333vw, 9rem);
      height: clamp(6rem, 3.5rem + 10.6667vw, 7.5rem);
      line-height: 1.3em;
    }
    & i {
      padding-right: 0 !important;
      padding-bottom: 0.5em;
      font-size: clamp(3rem, 1.3333rem + 7.1111vw, 4rem);
    }
  }
}

/* Pildoras con buscador de centros auditivos por estado */

.et_pb_section:has(.buscador-de-centro-auditivo-por-estado) {
  padding-bottom: 0 !important;
  margin-bottom: -1rem;
  border-bottom-left-radius: 75% 10%;
  border-bottom-right-radius: 75% 10%;

  & + .et_pb_section .et_pb_text {
    margin-top: 2rem !important;
  }
}

@media (width < 980px) {
  .et_pb_section:has(.buscador-de-centro-auditivo-por-estado) {
    border-bottom-left-radius: 100% 15%;
    border-bottom-right-radius: 100% 15%;
  }
}

ul.buscador-de-centro-auditivo-por-estado {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1rem, 0.6479rem + 1.5023vw, 2rem);
  list-style: none;
  margin-inline: auto;
  padding: 0 !important;

  & a {
    padding-inline: 0.5rem;
    background: #f7f8fa;
    width: clamp(9rem, 8.2077rem + 3.3803vw, 11.25rem);
    height: clamp(3.25rem, 2.8979rem + 1.5023vw, 4.25rem);
    border-radius: 1.125rem;
    border: 1px solid #8c8c8d;
    display: flex;
    place-content: center;
    align-items: center;
    font-size: clamp(0.85rem, 0.7092rem + 0.6009vw, 1.25rem);
    font-family: 'Arial';
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    line-height: 1.3;

    &:hover {
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.35);
    }
  }

  & i {
    font-size: 1em;
    transform: translateY(0);
  }
}

/* mayor especificidad */

#main-content ul.buscador-de-centro-auditivo-por-estado a {
  color: #101010 !important;
}

@media (width < 800px) {
  ul.buscador-de-centro-auditivo-por-estado {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: max-content;
  }
}